@charset "UTF-8";
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
@import url("https://fonts.googleapis.com/css?family=Gothic+A1:400,700,900;");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap");
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightSlider:before, .lightSlider:after {
  content: " ";
  display: table;
}

.lightSlider {
  overflow: hidden;
  margin: 0;
}

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.lSSlideWrapper > .lightSlider:after {
  clear: both;
}

.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform, height;
  transition-property: transform, height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
  position: relative;
}

.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}

.lSSlideOuter .media {
  opacity: 0.8;
}

.lSSlideOuter .media.active {
  opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
  opacity: 1;
}

.lSAction > .lSPrev::before {
  content: "<";
}

.lSAction > .lSNext::before {
  content: ">";
}

.lSAction > a.disabled {
  pointer-events: none;
}

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
  float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

html body#site_wp-tdb {
  background: transparent;
}
html body#site_wp-tdb h2 {
  font-size: 22px;
  padding: 0 15px 20px 15px;
}
html body#site_wp-tdb .container.site_content {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* CUSTOM COLORS */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 7px;
  padding: 13px 18px !important;
  border-radius: 9px !important;
  font-size: 14px;
  border: 1px solid;
  transition: 0.5s;
  box-shadow: none !important;
  outline: none !important;
}
@media (max-width: 767px) {
  .btn {
    font-size: 12px;
  }
}
.btn-sm {
  line-height: normal !important;
}
.btn svg {
  height: 14px;
  margin-bottom: 3px;
}
.btn:disabled, .btn.disabled {
  background-color: #DBDBDB;
  cursor: not-allowed;
}
.btn-primary {
  background-color: #00CC97;
  color: #fff;
  border-color: #00CC97;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active {
  background-color: #1BB88F;
  color: #fff;
  border-color: #1BB88F;
}
.btn-primary:focus, .btn-primary.focus {
  background-color: #00CC97 !important;
  color: #fff;
  border: 1px solid #8B8E92 !important;
}
.btn-secondary, body .has-success.highlight-addon .input-group-btn .btn:not(:disabled):not(.disabled).btn-file, .form-group .file-input .file-caption .input-group-btn .btn-file {
  background-color: #3686E3;
  color: #fff;
  border-color: #3686E3;
}
.btn-secondary:hover, body .has-success.highlight-addon .input-group-btn .btn.btn-file:hover:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .btn-file:hover, .btn-secondary:active, body .has-success.highlight-addon .input-group-btn .btn.btn-file:active:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .btn-file:active, .btn-secondary.active, body .has-success.highlight-addon .input-group-btn .active.btn.btn-file:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .active.btn-file {
  background-color: #3A76BD;
  color: #fff;
  border-color: #3A76BD;
}
.btn-secondary:focus, body .has-success.highlight-addon .input-group-btn .btn.btn-file:focus:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .btn-file:focus, .btn-secondary.focus, body .has-success.highlight-addon .input-group-btn .focus.btn.btn-file:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .focus.btn-file {
  background-color: #3686E3;
  color: #fff;
  border: 1px solid #8B8E92;
}
.btn-tertiary {
  background-color: #E7FBF4;
  color: #00CC97;
  border-color: #E7FBF4;
}
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary.active {
  background-color: #E0F3ED;
  color: #00CC97;
  border-color: #E0F3ED;
}
.btn-tertiary:focus, .btn-tertiary.focus {
  background-color: #E7FBF4;
  color: #00CC97;
  border: 1px solid #8B8E92;
}
.btn-transparent {
  position: relative;
  background-color: transparent;
  color: #044346;
  border-color: transparent;
  border-radius: 0;
}
.btn-transparent::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #044346;
  bottom: 0;
  left: 0;
  transform: scale(0, 1);
  transition: transform 0.5s;
}
.btn-transparent:hover::after {
  transform: scale(1, 1);
}
.btn-transparent:active, .btn-transparent.active, .btn-transparent:focus, .btn-transparent.focus {
  background-color: transparent;
  color: #044346;
  border: 1px solid #8B8E92;
  border-radius: 9px;
}
.btn-transparent:active:after, .btn-transparent.active:after, .btn-transparent:focus:after, .btn-transparent.focus:after {
  transform: scale(0, 1);
}
.btn-transparent:disabled, .btn-transparent.disabled {
  background-color: transparent;
  color: #DBDBDB;
  cursor: not-allowed;
}
.btn-danger, body .has-success.highlight-addon .input-group-btn .btn:not(:disabled):not(.disabled).fileinput-remove-button, .form-group .file-input .file-caption .input-group-btn .fileinput-remove-button {
  background-color: #E73454;
  color: #fff !important;
  border-color: #E73454;
}
.btn-danger:hover, body .has-success.highlight-addon .input-group-btn .btn.fileinput-remove-button:hover:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .fileinput-remove-button:hover, .btn-danger:active, body .has-success.highlight-addon .input-group-btn .btn.fileinput-remove-button:active:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .fileinput-remove-button:active, .btn-danger.active, body .has-success.highlight-addon .input-group-btn .active.btn.fileinput-remove-button:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .active.fileinput-remove-button {
  background-color: #BB3B52 !important;
  color: #fff !important;
  border-color: #BB3B52;
}
.btn-danger:focus, body .has-success.highlight-addon .input-group-btn .btn.fileinput-remove-button:focus:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .fileinput-remove-button:focus, .btn-danger.focus, body .has-success.highlight-addon .input-group-btn .focus.btn.fileinput-remove-button:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .focus.fileinput-remove-button {
  background-color: #E73454 !important;
  color: #fff !important;
  border: 1px solid #8B8E92;
}
.btn-warning {
  background-color: #FF8E26;
  color: #fff;
  border-color: #FF8E26;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active {
  background-color: #E48023;
  color: #fff;
  border-color: #E48023;
}
.btn-warning:focus, .btn-warning.focus {
  background-color: #FF8E26;
  color: #fff;
  border: 1px solid #FF8E26;
}
.btn-black {
  background-color: #044346;
  color: #fff !important;
  border-color: #044346;
}
.btn-black:hover, .btn-black:active, .btn-black.active {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000;
}
.btn-black:focus, .btn-black.focus {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #8B8E92;
}
.btn-forgot-password {
  margin-top: 15px;
}
.btn.logout {
  margin-top: 10px;
  width: 100%;
  box-shadow: 0 2px 26px -10px rgba(0, 0, 0, 0.25) !important;
}
.btn.priorite-btn {
  padding: 8px 14px !important;
  margin-left: 8px;
}

.btn-success {
  background-image: linear-gradient(35deg, #2db14a 0, #1e8c46 51%, #27632a 100%);
  border: none;
  color: white;
  transition: 0.5s ease;
  box-shadow: 0 10px 10px -10px #1e8c46;
  border-radius: 15px !important;
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
  background-position: 60% 0;
  transition: 0.5s ease;
  cursor: pointer;
  box-shadow: 0 10px 10px -8px #1e8c46;
}

.btn-secondary.fileinput-remove.fileinput-remove-button, body .has-success.highlight-addon .input-group-btn .fileinput-remove.fileinput-remove-button.btn.btn-file:not(:disabled):not(.disabled), .form-group .file-input .file-caption .input-group-btn .fileinput-remove.fileinput-remove-button.btn-file {
  border-radius: 0 !important;
  margin: 0 !important;
}

.btn-info {
  background-image: linear-gradient(35deg, #2f73da 0, #3254d5 51%, #1d4a9a 100%);
  border-color: #285fff;
  border: none;
  transition: 0.5s ease;
  box-shadow: 0 10px 10px -10px #3254d5;
  border-radius: 15px !important;
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
  background-position: 60% 0;
  transition: 0.5s ease;
  cursor: pointer;
  box-shadow: 0 10px 10px -8px #3254d5;
}

.form-group .file-input .file-caption .input-group-btn {
  display: flex;
  width: fit-content !important;
}
.form-group .file-input .file-caption .input-group-btn .fileinput-remove-button {
  border-radius: 9px 0 0 9px !important;
  border-width: 0 !important;
}
.form-group .file-input .file-caption .input-group-btn .fileinput-cancel-button {
  display: none !important;
}
.form-group .file-input .file-caption .input-group-btn .btn-file {
  border-top-right-radius: 9px !important;
  border-bottom-right-radius: 9px !important;
}

div.btn.btn-primary {
  border-radius: 0 6px 6px 0 !important;
  border: none;
  margin: 0 !important;
}

button.btn.btn-primary.dropdown-toggle {
  background: transparent;
  color: black;
  box-shadow: none;
}
button.btn.btn-primary.dropdown-toggle:focus, button.btn.btn-primary.dropdown-toggle:active, button.btn.btn-primary.dropdown-toggle:hover {
  background: transparent;
  color: black;
  box-shadow: none;
}

.btn-outline {
  border: none;
  background: transparent;
  color: #fff;
  transition: 0.5s ease;
  border-radius: 15px !important;
}
.btn-outline:hover, .btn-outline:active, .btn-outline.hover, .btn-outline:focus, .btn-outline:active {
  background-position: 60% 0;
  transition: 0.5s ease;
  cursor: pointer;
}

.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border: none;
  transition: 0.5s ease;
  box-shadow: 0 10px 10px -10px #b5b5b5;
  border-radius: 15px !important;
}
.btn-default:hover, .btn-default:active, .btn-default.hover, .btn-default:focus, .btn-default:active {
  background-position: 60% 0;
  transition: 0.5s ease;
  cursor: pointer;
  box-shadow: 0 10px 10px -8px #b5b5b5;
}

.t1, html body#tache_view #suivi .box-body h2, html body#tache_index #suivi .box-body h2, html body#site_index #suivi .box-body h2, html body#projet_index #suivi .box-body h2, html body#projet_view #suivi .box-body h2, html body#suivi_index #suivi .box-body h2, #box-realisation .box-white > h2 {
  font-weight: 600;
  font-size: 20px;
  font-family: "Raleway", sans-serif;
  color: #044346;
}
@media (max-width: 767px) {
  .t1, html body#tache_view #suivi .box-body h2, html body#tache_index #suivi .box-body h2, html body#site_index #suivi .box-body h2, html body#projet_index #suivi .box-body h2, html body#projet_view #suivi .box-body h2, html body#suivi_index #suivi .box-body h2, #box-realisation .box-white > h2 {
    font-size: 17px;
  }
}

.t3, #tarifs-table .kv-grid-table tbody td.tarif,
#ss-services-table .kv-grid-table tbody td.tarif, #realisations-table .kv-grid-table tbody td.title,
#produits-table .kv-grid-table tbody td.title,
#tarifs-table .kv-grid-table tbody td.title,
#ss-services-table .kv-grid-table tbody td.title {
  font-weight: 600;
  font-size: 17px;
  font-family: "Raleway", sans-serif;
  color: #044346;
}
@media (max-width: 767px) {
  .t3, #tarifs-table .kv-grid-table tbody td.tarif,
  #ss-services-table .kv-grid-table tbody td.tarif, #realisations-table .kv-grid-table tbody td.title,
  #produits-table .kv-grid-table tbody td.title,
  #tarifs-table .kv-grid-table tbody td.title,
  #ss-services-table .kv-grid-table tbody td.title {
    font-size: 15px;
  }
}

.p1, #realisations-table .kv-grid-table tbody td.date,
#produits-table .kv-grid-table tbody td.date,
#tarifs-table .kv-grid-table tbody td.date,
#ss-services-table .kv-grid-table tbody td.date, #realisations-table .kv-grid-table tbody td.description,
#produits-table .kv-grid-table tbody td.description,
#tarifs-table .kv-grid-table tbody td.description,
#ss-services-table .kv-grid-table tbody td.description {
  font-family: "Raleway", sans-serif;
  font-size: 13px;
}
.p1-medium {
  font-weight: 500;
}
.p1-semibold {
  font-weight: 600;
}

.banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  background: linear-gradient(45deg, rgb(7, 179, 191) 0%, rgb(160, 203, 129) 100%);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
.banner p {
  text-align: center;
  color: #fff;
  margin: 0;
  padding-right: 35px;
}
.banner .close-banner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  cursor: pointer;
}
.banner .close-banner svg {
  color: #fff;
}

.form-group.required .control-label {
  position: relative;
}
.form-group.required .control-label:before {
  position: absolute;
  right: -4px;
  top: 0;
  transform: translateX(50%);
  content: "*";
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #00CC97;
}
.form-group.required .image-file .control-label:after {
  content: "(l'image ne peut pas être supprimée)";
  color: #8B8E92;
  font-weight: 600;
  font-style: italic;
  margin-left: 4px;
}
.form-group .form-control {
  color: #8B8E92;
  border-color: #EAEAEA;
  box-shadow: none;
}
.form-group .input-group {
  height: 40px;
}
.form-group .input-group .form-control:first-child {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}
.form-group .input-group-append {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 50px;
}
.form-group .input-group-append .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 9px;
  border: 1px solid;
}
.form-group .input-group-append .btn-secondary, .form-group .input-group-append .file-input .file-caption .input-group-btn .btn-file, .form-group .file-input .file-caption .input-group-btn .input-group-append .btn-file, .form-group .input-group-append body .has-success.highlight-addon .input-group-btn .btn:not(:disabled):not(.disabled).btn-file, body .has-success.highlight-addon .input-group-btn .form-group .input-group-append .btn:not(:disabled):not(.disabled).btn-file {
  background-color: #3686E3;
  color: #fff;
  border-color: #3686E3;
}
.form-group .input-group-append .btn-secondary:hover, .form-group .input-group-append .file-input .file-caption .input-group-btn .btn-file:hover, .form-group .file-input .file-caption .input-group-btn .input-group-append .btn-file:hover, .form-group .input-group-append body .has-success.highlight-addon .input-group-btn .btn.btn-file:hover:not(:disabled):not(.disabled), body .has-success.highlight-addon .input-group-btn .form-group .input-group-append .btn.btn-file:hover:not(:disabled):not(.disabled), .form-group .input-group-append .btn-secondary:active, .form-group .input-group-append .file-input .file-caption .input-group-btn .btn-file:active, .form-group .file-input .file-caption .input-group-btn .input-group-append .btn-file:active, .form-group .input-group-append body .has-success.highlight-addon .input-group-btn .btn.btn-file:active:not(:disabled):not(.disabled), body .has-success.highlight-addon .input-group-btn .form-group .input-group-append .btn.btn-file:active:not(:disabled):not(.disabled) {
  background-color: #3A76BD;
  color: #fff;
  border-color: #3A76BD;
}
.form-group .input-group-append .btn-secondary:focus, .form-group .input-group-append .file-input .file-caption .input-group-btn .btn-file:focus, .form-group .file-input .file-caption .input-group-btn .input-group-append .btn-file:focus, .form-group .input-group-append body .has-success.highlight-addon .input-group-btn .btn.btn-file:focus:not(:disabled):not(.disabled), body .has-success.highlight-addon .input-group-btn .form-group .input-group-append .btn.btn-file:focus:not(:disabled):not(.disabled) {
  background-color: #3686E3;
  color: #fff;
  border: 1px solid #8B8E92;
  outline: none;
}
@media (max-width: 991px) {
  .form-group .file-input {
    flex: 1;
  }
}
.form-group .file-input.file-input-ajax-new .fileinput-remove {
  display: none;
}
.form-group .file-input .file-preview {
  position: relative;
  padding: 0;
  border: none;
}
.form-group .file-input .file-preview-thumbnails {
  display: flex;
  justify-content: center;
}
.form-group .file-input .file-preview-thumbnails .kv-file-content {
  height: auto;
  max-height: 300px;
}
.form-group .file-input .file-preview .fileinput-remove {
  font-size: 9px;
  padding-top: 5.5px !important;
  padding-bottom: 5.5px !important;
  top: initial;
  bottom: -10px;
  left: 50%;
  right: initial;
  transform: translateX(-50%);
  opacity: 1;
  float: initial;
  font-weight: initial;
  z-index: 10;
}
.form-group .file-input .file-preview .fileinput-remove span {
  display: none;
}
.form-group .file-input .file-drop-zone {
  border-color: #EAEAEA;
  border-radius: 9px;
  margin: 0;
  padding: 10px;
}
.form-group .file-input .file-drop-zone .krajee-default.file-preview-frame {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 5px;
}
.form-group .file-input .file-drop-zone .krajee-default.file-preview-frame .file-preview-image {
  border-radius: 5px;
}
.form-group .file-input > span {
  display: none;
}
.form-group .media-action {
  display: flex;
  grid-column-gap: 15px;
}
@media (max-width: 991px) {
  .form-group .media-action {
    flex-direction: column;
    align-items: center;
    grid-row-gap: 6px;
    overflow: hidden;
  }
}
.form-group .media-action .or-element {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  order: 1;
}
@media (min-width: 992px) {
  .form-group .media-action .or-element {
    display: none;
  }
}
.form-group .media-action .or-element span {
  width: fit-content;
  color: #8B8E92;
  background-color: #fff;
  padding: 0 15px;
  z-index: 1;
}
.form-group .media-action .or-element:after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #EAEAEA;
  border-radius: 50%;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.form-group .media-action .choose-photo .text-mobile,
.form-group .media-action .take-photo .text-mobile {
  display: none;
}
@media (max-width: 991px) {
  .form-group .media-action .choose-photo,
  .form-group .media-action .take-photo {
    width: 100%;
    flex-direction: column;
    grid-row-gap: 7px;
    padding-top: 15.5px;
    padding-bottom: 15.5px;
  }
  .form-group .media-action .choose-photo .text-desktop,
  .form-group .media-action .take-photo .text-desktop {
    display: none;
  }
  .form-group .media-action .choose-photo .text-mobile,
  .form-group .media-action .take-photo .text-mobile {
    display: block;
  }
}
.form-group .media-action .take-photo {
  order: 0;
}
.form-group .media-action .choose-photo {
  order: 2;
}
@media (max-width: 991px) {
  .form-group .custom-image-file {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 15px;
  }
}

.form-control {
  padding: 8px 15px;
  min-height: 40px;
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #8B8E92;
  border-radius: 9px;
  border-color: #EAEAEA;
  box-shadow: none;
}

textarea.form-control {
  width: 100% !important;
}

.has-success .form-control:focus,
.has-error .form-control:focus {
  box-shadow: none;
  border-color: #EAEAEA;
}
.has-success .control-label,
.has-error .control-label {
  color: #044346;
}
.has-success .checkbox,
.has-error .checkbox {
  color: #044346;
}

.control-label {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #044346;
  margin-bottom: 6px;
}

.field-loginform-rememberme {
  text-align: center;
  margin-bottom: 25px;
}
.field-loginform-rememberme label[for=loginform-rememberme] {
  position: relative;
  padding-left: 30px;
  font-family: "Raleway", sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.checkbox {
  margin-bottom: 15px;
}
.checkbox label {
  padding-left: 30px;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox input[type=checkbox]:checked ~ .custom-checkbox::before {
  background-color: #00CC97;
  border-color: #00CC97;
}
.checkbox input[type=checkbox]:checked ~ .custom-checkbox::after {
  position: absolute;
  top: 0;
  left: 2px;
  width: 16px;
  height: 16px;
  content: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2cHgiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIwIDIwIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOC43ODQxIDMuNzE2M2MtLjUxMDgtLjUxMDctMS4zNDE1LS41MTA3LTEuODUyMiAwTDcuMzgxMyAxMy4yNjggMy4wNjg1IDguOTU1MmMtLjUxMDctLjUxMDctMS4zNDE0LS41MTA3LTEuODUyMiAwLS41MTA3LjUxMDgtLjUxMDcgMS4zNDE1IDAgMS44NTIybDUuMjM5IDUuMjM3OGMuNTEwNy41MTE5IDEuMzQxMy41MTE5IDEuODUyMSAwTDE4Ljc4NDEgNS41Njg1Yy41MTA3LS41MTA3LjUxMDctMS4zNDE0IDAtMS44NTIyWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
}
.checkbox .custom-checkbox:before {
  position: absolute;
  left: 0;
  top: -2px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #EAEAEA;
  transition: 0.3s;
  content: "";
}

@media (min-width: 768px) {
  .sp-visible-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  h1.sp-visible-desktop {
    padding-right: 190px;
  }
}

@media (max-width: 767px) {
  .sp-visible-desktop {
    display: none !important;
  }
}

.modal-logout {
  display: none;
  position: absolute;
  z-index: 1002;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-logout .btn.logout {
  margin-top: 0;
}

.logout-backdrop {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.logout-backdrop.show {
  display: block;
}

.box-footer .kv-panel-pager {
  min-height: 30px;
}
.box-footer .kv-panel-pager .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 15px;
}
.box-footer .kv-panel-pager .pagination > li {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: transparent;
  color: #044346;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.box-footer .kv-panel-pager .pagination > li.active {
  background-color: #00CC97;
  box-shadow: 0 2px 19px -6px rgba(0, 0, 0, 0.25);
  color: #fff;
  cursor: not-allowed;
}
.box-footer .kv-panel-pager .pagination > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-left: 0;
  float: inherit;
  position: initial;
  line-height: initial;
  color: inherit;
  background-color: inherit;
  border: none;
  width: 30px;
  height: 30px;
  transition: 0.5s;
}
.box-footer .kv-panel-pager .pagination > li > a:hover, .box-footer .kv-panel-pager .pagination > li > a:active {
  color: #00CC97;
}
.box-footer .kv-panel-pager .pagination .prev,
.box-footer .kv-panel-pager .pagination .next {
  background-color: #fff;
  box-shadow: 0 2px 19px -6px rgba(0, 0, 0, 0.25);
}
.box-footer .kv-panel-pager .pagination .prev.disabled,
.box-footer .kv-panel-pager .pagination .next.disabled {
  display: none;
}

.realisations .box-body > .box-white,
.produits .box-body > .box-white,
.tarifs .box-body > .box-white,
.services .box-body > .box-white {
  margin-bottom: 15px;
}
.realisations .file-preview,
.produits .file-preview,
.tarifs .file-preview,
.services .file-preview {
  margin-bottom: 15px;
}
.realisations .file-preview .fileinput-remove,
.produits .file-preview .fileinput-remove,
.tarifs .file-preview .fileinput-remove,
.services .file-preview .fileinput-remove {
  top: 10px;
  right: 7px;
  color: #A72C2C;
  opacity: 1;
}
@media (max-width: 767px) {
  .realisations .file-preview .file-drop-zone .file-default-preview,
  .produits .file-preview .file-drop-zone .file-default-preview,
  .tarifs .file-preview .file-drop-zone .file-default-preview,
  .services .file-preview .file-drop-zone .file-default-preview {
    width: 100%;
  }
  .realisations .file-preview .file-drop-zone .krajee-default.file-preview-frame,
  .produits .file-preview .file-drop-zone .krajee-default.file-preview-frame,
  .tarifs .file-preview .file-drop-zone .krajee-default.file-preview-frame,
  .services .file-preview .file-drop-zone .krajee-default.file-preview-frame {
    border: 0;
    margin: 10px 0 0;
    width: 100%;
  }
}
.realisations .file-preview .file-drop-zone .kv-file-content,
.produits .file-preview .file-drop-zone .kv-file-content,
.tarifs .file-preview .file-drop-zone .kv-file-content,
.services .file-preview .file-drop-zone .kv-file-content {
  height: auto;
}
.realisations .file-preview .file-preview-frame .file-preview-frame,
.produits .file-preview .file-preview-frame .file-preview-frame,
.tarifs .file-preview .file-preview-frame .file-preview-frame,
.services .file-preview .file-preview-frame .file-preview-frame {
  box-shadow: none;
  border: 0;
}
@media (max-width: 767px) {
  .realisations .file-preview .file-preview-frame .file-preview-frame,
  .produits .file-preview .file-preview-frame .file-preview-frame,
  .tarifs .file-preview .file-preview-frame .file-preview-frame,
  .services .file-preview .file-preview-frame .file-preview-frame {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.realisations .file-preview .file-preview-frame .kv-file-content,
.produits .file-preview .file-preview-frame .kv-file-content,
.tarifs .file-preview .file-preview-frame .kv-file-content,
.services .file-preview .file-preview-frame .kv-file-content {
  width: 100%;
}
.realisations,
.produits,
.tarifs,
.services {
  /*.file-input{
    & ~ .choose-photo{
      margin-top: 5px;
      margin-top: 5px;
      color: #fff;
      background-color: #2d52c9;
      box-shadow: 0 10px 10px -10px #2d52c9;
      color: #fff;
      border: 0;
      padding: 5px 15px;
      border-radius: 5px;
     transition: 0.5s ease;
     &>svg{
      fill: currentColor;
      width: 12px;
      margin-right: 5px;
      vertical-align: middle;
    }
     &:hover{
      background-color: #1538a9;
     }
     @media (max-width: 767px) {
      margin-top: 10px;
      padding: 7px 15px;
     }
     @media (max-width: 575px) {
      margin-top: 15px;
      width: 100%;
     }
    }
    & ~ .take-photo{
      background-color: #00a1a9;
      border: 0;
      color: #fff;
      border-radius: 5px;
      padding: 5px 15px;
      box-shadow: 0 10px 10px -10px #00a1a9;
      color: #fff;
      transition: 0.5s ease;
      margin-top: 5px;
      &>svg{
        fill: currentColor;
        width: 12px;
        margin-right: 5px;
        vertical-align: middle;
      }
      &:hover{
        background-color: #02878e;
      }
      @media (max-width: 767px) {
        padding: 7px 15px;
      }
      @media (max-width: 575px) {
        margin-top: 10px;
        width: 100%;
      }
    }
  }
  .file-caption{
    .fileinput-remove-button{
      margin: -1px -1px 0 2px;
      padding: 7px 20px;
      background-color: #dd4b39;
      border: none;
      transition: 0.5s ease;
      box-shadow: 0 10px 10px -10px #dd4b39;
      border-radius: 0 !important;
      color: #fff;
      &:hover{
        background-color: #c9302c;
      }
    }
    .input-group{
      @media (max-width: 575px) {
        display: none;
      }
    }
  }
  .form-group{
    &>.add-dropzone-row{
      color: #fff;
      background-color: #6c757d;
      transition: 0.5s ease;
      box-shadow: 0 10px 10px -10px #6c757d;
      border: 0;
      padding: 5px 15px;
      border-radius: 5px;
      &>svg{
        fill: currentColor;
        width: 12px;
        margin-right: 5px;
        vertical-align: middle;
      }
      &:hover{
        background-color: #5a6268;
      }
      @media (max-width: 767px) {
        padding: 7px 15px;
       }
       @media (max-width: 575px) {
        width: 100%;
       }
    }
    &.field-dynamicmodel-active{
      padding-top: 15px;
      input[type="checkbox"]{
        margin-right: 5px;
      }
      @media (max-width: 575px) {
        &+.btn[type="submit"]{
          width: 100%;
        }
      }
    }
  }*/
}

#realisations-table .grid-view td,
#produits-table .grid-view td,
#tarifs-table .grid-view td,
#ss-services-table .grid-view td {
  white-space: normal;
}
#realisations-table .kv-grid-table tr,
#produits-table .kv-grid-table tr,
#tarifs-table .kv-grid-table tr,
#ss-services-table .kv-grid-table tr {
  border-bottom: none !important;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tr,
  #produits-table .kv-grid-table tr,
  #tarifs-table .kv-grid-table tr,
  #ss-services-table .kv-grid-table tr {
    display: flex;
    flex-direction: column;
    border-top: none !important;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table thead,
  #produits-table .kv-grid-table thead,
  #tarifs-table .kv-grid-table thead,
  #ss-services-table .kv-grid-table thead {
    display: block !important;
  }
  #realisations-table .kv-grid-table thead tr:first-of-type,
  #produits-table .kv-grid-table thead tr:first-of-type,
  #tarifs-table .kv-grid-table thead tr:first-of-type,
  #ss-services-table .kv-grid-table thead tr:first-of-type {
    display: none;
  }
}
#realisations-table .kv-grid-table thead tr:last-child > td,
#produits-table .kv-grid-table thead tr:last-child > td,
#tarifs-table .kv-grid-table thead tr:last-child > td,
#ss-services-table .kv-grid-table thead tr:last-child > td {
  padding-bottom: 15px;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table thead tr:last-child > td,
  #produits-table .kv-grid-table thead tr:last-child > td,
  #tarifs-table .kv-grid-table thead tr:last-child > td,
  #ss-services-table .kv-grid-table thead tr:last-child > td {
    padding-left: 0;
    padding-right: 0;
  }
}
#realisations-table .kv-grid-table thead .id-en_tete,
#produits-table .kv-grid-table thead .id-en_tete,
#tarifs-table .kv-grid-table thead .id-en_tete,
#ss-services-table .kv-grid-table thead .id-en_tete {
  display: none;
}
#realisations-table .kv-grid-table thead .filters td > div.form-control,
#produits-table .kv-grid-table thead .filters td > div.form-control,
#tarifs-table .kv-grid-table thead .filters td > div.form-control,
#ss-services-table .kv-grid-table thead .filters td > div.form-control {
  display: flex;
  flex-wrap: wrap;
  padding: 3px;
}
#realisations-table .kv-grid-table thead .filters td > div.form-control label,
#produits-table .kv-grid-table thead .filters td > div.form-control label,
#tarifs-table .kv-grid-table thead .filters td > div.form-control label,
#ss-services-table .kv-grid-table thead .filters td > div.form-control label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #044346;
  background-color: transparent;
  margin-bottom: 0;
  flex: 1;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 9px;
  transition: 0.5s;
  cursor: pointer;
}
@media (max-width: 767px) {
  #realisations-table .kv-grid-table thead .filters td > div.form-control label,
  #produits-table .kv-grid-table thead .filters td > div.form-control label,
  #tarifs-table .kv-grid-table thead .filters td > div.form-control label,
  #ss-services-table .kv-grid-table thead .filters td > div.form-control label {
    font-size: 12px;
  }
}
#realisations-table .kv-grid-table thead .filters td > div.form-control label:not(.active):hover, #realisations-table .kv-grid-table thead .filters td > div.form-control label:not(.active):active,
#produits-table .kv-grid-table thead .filters td > div.form-control label:not(.active):hover,
#produits-table .kv-grid-table thead .filters td > div.form-control label:not(.active):active,
#tarifs-table .kv-grid-table thead .filters td > div.form-control label:not(.active):hover,
#tarifs-table .kv-grid-table thead .filters td > div.form-control label:not(.active):active,
#ss-services-table .kv-grid-table thead .filters td > div.form-control label:not(.active):hover,
#ss-services-table .kv-grid-table thead .filters td > div.form-control label:not(.active):active {
  border-color: #044346;
}
#realisations-table .kv-grid-table thead .filters td > div.form-control label.active,
#produits-table .kv-grid-table thead .filters td > div.form-control label.active,
#tarifs-table .kv-grid-table thead .filters td > div.form-control label.active,
#ss-services-table .kv-grid-table thead .filters td > div.form-control label.active {
  color: #fff;
  background-color: #044346;
  border-color: #044346;
}
#realisations-table .kv-grid-table thead .filters td > div.form-control input[type=radio],
#produits-table .kv-grid-table thead .filters td > div.form-control input[type=radio],
#tarifs-table .kv-grid-table thead .filters td > div.form-control input[type=radio],
#ss-services-table .kv-grid-table thead .filters td > div.form-control input[type=radio] {
  display: none;
}
#realisations-table .kv-grid-table thead .filters td.id-filtre,
#produits-table .kv-grid-table thead .filters td.id-filtre,
#tarifs-table .kv-grid-table thead .filters td.id-filtre,
#ss-services-table .kv-grid-table thead .filters td.id-filtre {
  display: none;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table thead .filters td.image-filtre, #realisations-table .kv-grid-table thead .filters td.description-filtre, #realisations-table .kv-grid-table thead .filters td.tarif-filtre, #realisations-table .kv-grid-table thead .filters td.categorie-filtre, #realisations-table .kv-grid-table thead .filters td.date-filtre, #realisations-table .kv-grid-table thead .filters td.actions-filtre,
  #produits-table .kv-grid-table thead .filters td.image-filtre,
  #produits-table .kv-grid-table thead .filters td.description-filtre,
  #produits-table .kv-grid-table thead .filters td.tarif-filtre,
  #produits-table .kv-grid-table thead .filters td.categorie-filtre,
  #produits-table .kv-grid-table thead .filters td.date-filtre,
  #produits-table .kv-grid-table thead .filters td.actions-filtre,
  #tarifs-table .kv-grid-table thead .filters td.image-filtre,
  #tarifs-table .kv-grid-table thead .filters td.description-filtre,
  #tarifs-table .kv-grid-table thead .filters td.tarif-filtre,
  #tarifs-table .kv-grid-table thead .filters td.categorie-filtre,
  #tarifs-table .kv-grid-table thead .filters td.date-filtre,
  #tarifs-table .kv-grid-table thead .filters td.actions-filtre,
  #ss-services-table .kv-grid-table thead .filters td.image-filtre,
  #ss-services-table .kv-grid-table thead .filters td.description-filtre,
  #ss-services-table .kv-grid-table thead .filters td.tarif-filtre,
  #ss-services-table .kv-grid-table thead .filters td.categorie-filtre,
  #ss-services-table .kv-grid-table thead .filters td.date-filtre,
  #ss-services-table .kv-grid-table thead .filters td.actions-filtre {
    display: none;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table thead .filters td.publication-filtre,
  #produits-table .kv-grid-table thead .filters td.publication-filtre,
  #tarifs-table .kv-grid-table thead .filters td.publication-filtre,
  #ss-services-table .kv-grid-table thead .filters td.publication-filtre {
    position: relative;
    padding-left: 100px;
    order: 1;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table thead .filters td.publication-filtre:before,
  #produits-table .kv-grid-table thead .filters td.publication-filtre:before,
  #tarifs-table .kv-grid-table thead .filters td.publication-filtre:before,
  #ss-services-table .kv-grid-table thead .filters td.publication-filtre:before {
    content: "Filtrer par :";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Raleway", sans-serif;
    font-size: 13px;
    font-weight: 600;
  }
}
#realisations-table .kv-grid-table thead .filters td.titre-filtre,
#produits-table .kv-grid-table thead .filters td.titre-filtre,
#tarifs-table .kv-grid-table thead .filters td.titre-filtre,
#ss-services-table .kv-grid-table thead .filters td.titre-filtre {
  position: relative;
}
@media (max-width: 767px) {
  #realisations-table .kv-grid-table thead .filters td.titre-filtre,
  #produits-table .kv-grid-table thead .filters td.titre-filtre,
  #tarifs-table .kv-grid-table thead .filters td.titre-filtre,
  #ss-services-table .kv-grid-table thead .filters td.titre-filtre {
    padding-left: 0;
    padding-right: 0;
  }
}
#realisations-table .kv-grid-table thead .filters td.titre-filtre::after,
#produits-table .kv-grid-table thead .filters td.titre-filtre::after,
#tarifs-table .kv-grid-table thead .filters td.titre-filtre::after,
#ss-services-table .kv-grid-table thead .filters td.titre-filtre::after {
  content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBoZWlnaHQ9IjIwcHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJtMjAuNTM2NSAxOC41MDgtMy45ODExLTMuNjYyN2MuODg0NS0xLjIyODggMS40MTEzLTIuNzMyNSAxLjQxMTMtNC4zNjJDMTcuOTY2NyA2LjM1MDMgMTQuNjE2NSAzIDEwLjQ4MzYgMyA2LjM1MDYgMyAzIDYuMzUwMyAzIDEwLjQ4MzNzMy4zNTAyIDcuNDgzMyA3LjQ4MzIgNy40ODMzYzEuNjI5OCAwIDMuMTMzMi0uNTI2OCA0LjM2MTktMS40MTE0bDMuNjYyNyAzLjk4MTFjLjU1MjYuNjAwOSAxLjQ5NDQuNjIwNCAyLjA3MTcuMDQzMS41NzczLS41Nzc0LjU1NzUtMS41MTg4LS4wNDMtMi4wNzE0Wm0tMTAuMDUzMy0zLjE2MDZjLTIuNjg2NSAwLTQuODY0LTIuMTc3Ni00Ljg2NC00Ljg2NDEgMC0yLjY4NjUgMi4xNzc1LTQuODY0MSA0Ljg2NC00Ljg2NDEgMi42ODY1IDAgNC44NjQxIDIuMTc3NiA0Ljg2NDEgNC44NjQxIDAgMi42ODY1LTIuMTc3NiA0Ljg2NDEtNC44NjQxIDQuODY0MVoiLz48L3N2Zz4=");
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  top: 8px;
  bottom: 0;
  width: 50px;
  height: 40px;
  background-color: #3686E3;
  border-radius: 9px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #realisations-table .kv-grid-table thead .filters td.titre-filtre::after,
  #produits-table .kv-grid-table thead .filters td.titre-filtre::after,
  #tarifs-table .kv-grid-table thead .filters td.titre-filtre::after,
  #ss-services-table .kv-grid-table thead .filters td.titre-filtre::after {
    right: 0;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody tr,
  #produits-table .kv-grid-table tbody tr,
  #tarifs-table .kv-grid-table tbody tr,
  #ss-services-table .kv-grid-table tbody tr {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 20px;
    grid-row-gap: 10px;
  }
}
@media (max-width: 767px) {
  #realisations-table .kv-grid-table tbody tr,
  #produits-table .kv-grid-table tbody tr,
  #tarifs-table .kv-grid-table tbody tr,
  #ss-services-table .kv-grid-table tbody tr {
    padding: 15px;
  }
}
#realisations-table .kv-grid-table tbody td,
#produits-table .kv-grid-table tbody td,
#tarifs-table .kv-grid-table tbody td,
#ss-services-table .kv-grid-table tbody td {
  vertical-align: middle;
}
@media (min-width: 1200px) {
  #realisations-table .kv-grid-table tbody td,
  #produits-table .kv-grid-table tbody td,
  #tarifs-table .kv-grid-table tbody td,
  #ss-services-table .kv-grid-table tbody td {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td,
  #produits-table .kv-grid-table tbody td,
  #tarifs-table .kv-grid-table tbody td,
  #ss-services-table .kv-grid-table tbody td {
    padding: 0;
    width: 100%;
  }
}
#realisations-table .kv-grid-table tbody td.id,
#produits-table .kv-grid-table tbody td.id,
#tarifs-table .kv-grid-table tbody td.id,
#ss-services-table .kv-grid-table tbody td.id {
  display: none;
}
#realisations-table .kv-grid-table tbody td.title,
#produits-table .kv-grid-table tbody td.title,
#tarifs-table .kv-grid-table tbody td.title,
#ss-services-table .kv-grid-table tbody td.title {
  min-width: 230px;
}
#realisations-table .kv-grid-table tbody td.image > img,
#produits-table .kv-grid-table tbody td.image > img,
#tarifs-table .kv-grid-table tbody td.image > img,
#ss-services-table .kv-grid-table tbody td.image > img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  padding: 0;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td.image > img,
  #produits-table .kv-grid-table tbody td.image > img,
  #tarifs-table .kv-grid-table tbody td.image > img,
  #ss-services-table .kv-grid-table tbody td.image > img {
    width: 100%;
    max-height: 350px;
    height: fit-content;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td.image,
  #produits-table .kv-grid-table tbody td.image,
  #tarifs-table .kv-grid-table tbody td.image,
  #ss-services-table .kv-grid-table tbody td.image {
    padding: 0;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
    width: 100% !important;
  }
}
#realisations-table .kv-grid-table tbody td.publication,
#produits-table .kv-grid-table tbody td.publication,
#tarifs-table .kv-grid-table tbody td.publication,
#ss-services-table .kv-grid-table tbody td.publication {
  min-width: 330px;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td.publication,
  #produits-table .kv-grid-table tbody td.publication,
  #tarifs-table .kv-grid-table tbody td.publication,
  #ss-services-table .kv-grid-table tbody td.publication {
    min-width: initial;
  }
}
#realisations-table .kv-grid-table tbody td.publication p,
#produits-table .kv-grid-table tbody td.publication p,
#tarifs-table .kv-grid-table tbody td.publication p,
#ss-services-table .kv-grid-table tbody td.publication p {
  margin-bottom: 0;
}
#realisations-table .kv-grid-table tbody td.publication .published,
#realisations-table .kv-grid-table tbody td.publication .awaiting-publication,
#produits-table .kv-grid-table tbody td.publication .published,
#produits-table .kv-grid-table tbody td.publication .awaiting-publication,
#tarifs-table .kv-grid-table tbody td.publication .published,
#tarifs-table .kv-grid-table tbody td.publication .awaiting-publication,
#ss-services-table .kv-grid-table tbody td.publication .published,
#ss-services-table .kv-grid-table tbody td.publication .awaiting-publication {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 7px;
  font-weight: 700;
  font-size: 14px;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td.publication .published,
  #realisations-table .kv-grid-table tbody td.publication .awaiting-publication,
  #produits-table .kv-grid-table tbody td.publication .published,
  #produits-table .kv-grid-table tbody td.publication .awaiting-publication,
  #tarifs-table .kv-grid-table tbody td.publication .published,
  #tarifs-table .kv-grid-table tbody td.publication .awaiting-publication,
  #ss-services-table .kv-grid-table tbody td.publication .published,
  #ss-services-table .kv-grid-table tbody td.publication .awaiting-publication {
    font-size: 12px;
    justify-content: flex-start;
  }
}
#realisations-table .kv-grid-table tbody td.publication .published span,
#realisations-table .kv-grid-table tbody td.publication .awaiting-publication span,
#produits-table .kv-grid-table tbody td.publication .published span,
#produits-table .kv-grid-table tbody td.publication .awaiting-publication span,
#tarifs-table .kv-grid-table tbody td.publication .published span,
#tarifs-table .kv-grid-table tbody td.publication .awaiting-publication span,
#ss-services-table .kv-grid-table tbody td.publication .published span,
#ss-services-table .kv-grid-table tbody td.publication .awaiting-publication span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
#realisations-table .kv-grid-table tbody td.publication .published,
#produits-table .kv-grid-table tbody td.publication .published,
#tarifs-table .kv-grid-table tbody td.publication .published,
#ss-services-table .kv-grid-table tbody td.publication .published {
  color: #00CC97;
}
#realisations-table .kv-grid-table tbody td.publication .published span,
#produits-table .kv-grid-table tbody td.publication .published span,
#tarifs-table .kv-grid-table tbody td.publication .published span,
#ss-services-table .kv-grid-table tbody td.publication .published span {
  background-color: #00CC97;
}
#realisations-table .kv-grid-table tbody td.publication .awaiting-publication,
#produits-table .kv-grid-table tbody td.publication .awaiting-publication,
#tarifs-table .kv-grid-table tbody td.publication .awaiting-publication,
#ss-services-table .kv-grid-table tbody td.publication .awaiting-publication {
  color: #FF8E26;
}
#realisations-table .kv-grid-table tbody td.publication .awaiting-publication span,
#produits-table .kv-grid-table tbody td.publication .awaiting-publication span,
#tarifs-table .kv-grid-table tbody td.publication .awaiting-publication span,
#ss-services-table .kv-grid-table tbody td.publication .awaiting-publication span {
  background-color: #FF8E26;
}
#realisations-table .kv-grid-table tbody td.date .pre-date, #realisations-table .kv-grid-table tbody td.date .d-city,
#produits-table .kv-grid-table tbody td.date .pre-date,
#produits-table .kv-grid-table tbody td.date .d-city,
#tarifs-table .kv-grid-table tbody td.date .pre-date,
#tarifs-table .kv-grid-table tbody td.date .d-city,
#ss-services-table .kv-grid-table tbody td.date .pre-date,
#ss-services-table .kv-grid-table tbody td.date .d-city {
  display: none;
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td.date .pre-date, #realisations-table .kv-grid-table tbody td.date .d-city,
  #produits-table .kv-grid-table tbody td.date .pre-date,
  #produits-table .kv-grid-table tbody td.date .d-city,
  #tarifs-table .kv-grid-table tbody td.date .pre-date,
  #tarifs-table .kv-grid-table tbody td.date .d-city,
  #ss-services-table .kv-grid-table tbody td.date .pre-date,
  #ss-services-table .kv-grid-table tbody td.date .d-city {
    display: inline-block;
  }
}
@media (max-width: 1199px) {
  #realisations-table .kv-grid-table tbody td.action-col,
  #produits-table .kv-grid-table tbody td.action-col,
  #tarifs-table .kv-grid-table tbody td.action-col,
  #ss-services-table .kv-grid-table tbody td.action-col {
    width: 100% !important;
    margin-top: 20px;
  }
}
#realisations-table .kv-grid-table tbody td.action-col .btn-group,
#produits-table .kv-grid-table tbody td.action-col .btn-group,
#tarifs-table .kv-grid-table tbody td.action-col .btn-group,
#ss-services-table .kv-grid-table tbody td.action-col .btn-group {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  grid-row-gap: 8px;
  grid-column-gap: 10px;
}
@media (max-width: 991px) {
  #realisations-table .kv-grid-table tbody td.action-col .btn-group,
  #produits-table .kv-grid-table tbody td.action-col .btn-group,
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group,
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group {
    justify-content: flex-end;
  }
  #realisations-table .kv-grid-table tbody td.action-col .btn-group .update,
  #produits-table .kv-grid-table tbody td.action-col .btn-group .update,
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group .update,
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group .update {
    border-radius: 9px;
    flex: 1;
  }
  #realisations-table .kv-grid-table tbody td.action-col .btn-group .dropdown-toggle,
  #produits-table .kv-grid-table tbody td.action-col .btn-group .dropdown-toggle,
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group .dropdown-toggle,
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group .dropdown-toggle {
    border-radius: 10px !important;
    padding: 5px 15px;
    margin-left: 5px;
    background-color: #d2d2d2;
    display: none !important;
  }
}
@media (max-width: 767px) {
  #realisations-table .kv-grid-table tbody td.action-col .btn-group,
  #produits-table .kv-grid-table tbody td.action-col .btn-group,
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group,
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group {
    grid-row-gap: 10px;
  }
}
#realisations-table .kv-grid-table tbody td.action-col .btn-group .update-delete-btns,
#produits-table .kv-grid-table tbody td.action-col .btn-group .update-delete-btns,
#tarifs-table .kv-grid-table tbody td.action-col .btn-group .update-delete-btns,
#ss-services-table .kv-grid-table tbody td.action-col .btn-group .update-delete-btns {
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 8px;
  grid-column-gap: 10px;
}
#realisations-table .kv-grid-table tbody td.action-col .btn-group .btn,
#produits-table .kv-grid-table tbody td.action-col .btn-group .btn,
#tarifs-table .kv-grid-table tbody td.action-col .btn-group .btn,
#ss-services-table .kv-grid-table tbody td.action-col .btn-group .btn {
  width: 100%;
}
@media (max-width: 991px) {
  #realisations-table .kv-grid-table tbody td.action-col .btn-group .btn-danger.delete, #realisations-table .kv-grid-table tbody td.action-col .btn-group .form-group .file-input .file-caption .input-group-btn .delete.fileinput-remove-button, .form-group .file-input .file-caption .input-group-btn #realisations-table .kv-grid-table tbody td.action-col .btn-group .delete.fileinput-remove-button, #realisations-table .kv-grid-table tbody td.action-col .btn-group body .has-success.highlight-addon .input-group-btn .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled), body .has-success.highlight-addon .input-group-btn #realisations-table .kv-grid-table tbody td.action-col .btn-group .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled),
  #produits-table .kv-grid-table tbody td.action-col .btn-group .btn-danger.delete,
  #produits-table .kv-grid-table tbody td.action-col .btn-group .form-group .file-input .file-caption .input-group-btn .delete.fileinput-remove-button,
  .form-group .file-input .file-caption .input-group-btn #produits-table .kv-grid-table tbody td.action-col .btn-group .delete.fileinput-remove-button,
  #produits-table .kv-grid-table tbody td.action-col .btn-group body .has-success.highlight-addon .input-group-btn .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled),
  body .has-success.highlight-addon .input-group-btn #produits-table .kv-grid-table tbody td.action-col .btn-group .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled),
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group .btn-danger.delete,
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group .form-group .file-input .file-caption .input-group-btn .delete.fileinput-remove-button,
  .form-group .file-input .file-caption .input-group-btn #tarifs-table .kv-grid-table tbody td.action-col .btn-group .delete.fileinput-remove-button,
  #tarifs-table .kv-grid-table tbody td.action-col .btn-group body .has-success.highlight-addon .input-group-btn .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled),
  body .has-success.highlight-addon .input-group-btn #tarifs-table .kv-grid-table tbody td.action-col .btn-group .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled),
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group .btn-danger.delete,
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group .form-group .file-input .file-caption .input-group-btn .delete.fileinput-remove-button,
  .form-group .file-input .file-caption .input-group-btn #ss-services-table .kv-grid-table tbody td.action-col .btn-group .delete.fileinput-remove-button,
  #ss-services-table .kv-grid-table tbody td.action-col .btn-group body .has-success.highlight-addon .input-group-btn .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled),
  body .has-success.highlight-addon .input-group-btn #ss-services-table .kv-grid-table tbody td.action-col .btn-group .delete.btn.fileinput-remove-button:not(:disabled):not(.disabled) {
    flex: 1;
  }
}
#realisations-table .kv-grid-table tbody td.action-col,
#produits-table .kv-grid-table tbody td.action-col,
#tarifs-table .kv-grid-table tbody td.action-col,
#ss-services-table .kv-grid-table tbody td.action-col {
  /*.dropdown-menu{
    @media (max-width: 991px) {
      display: block;
      position: initial;
      flex: 1;
    }
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    box-shadow: unset;
    min-width: unset;
    //@media (max-width: 767px) {
    //  top: 25px;
    //  right: 43px;
    //  left: 0;
    //}
  }*/
}

@media (max-width: 1199px) {
  #tarifs-table .kv-grid-table tbody td.title,
  #ss-services-table .kv-grid-table tbody td.title {
    min-width: initial;
    width: 70% !important;
  }
}
@media (max-width: 1199px) {
  #tarifs-table .kv-grid-table tbody td.tarif,
  #ss-services-table .kv-grid-table tbody td.tarif {
    width: 30% !important;
    text-align: right;
  }
}

.realisation-create,
.produit-create,
.tarif-create,
.service-create,
.realisation-update,
.produit-update,
.tarif-update,
.service-update,
.option-update {
  max-width: 600px;
  margin: 0 auto;
}

html,
body {
  height: 100%;
  font-family: "Gothic A1", sans-serif;
  letter-spacing: 0.25px;
  background: #f9f9f9;
}

.bg-gradient1 {
  background: linear-gradient(32deg, #00c0ff, #6934ff) !important;
}

.bg-gradient2 {
  background: linear-gradient(32deg, #e0c53d, #f16e3c) !important;
}

.bg-gradient3 {
  background: linear-gradient(32deg, #da5757, #9e2ab3) !important;
}

.bg-gradient4 {
  background: linear-gradient(32deg, #cf62f3, #531ed4) !important;
}

.bg-gradient5 {
  background: linear-gradient(32deg, #909090, #424242) !important;
}

.bg-gradient6 {
  background: linear-gradient(32deg, #4bc793, #056e86) !important;
}

.box-white {
  background: white;
  padding: 20px;
  border-radius: 10px;
  display: inline-block;
  width: 100%;
  box-shadow: 0 2px 26px -10px rgba(0, 0, 0, 0.25);
  transition: 0.2s ease-in;
}
.box-white:hover {
  box-shadow: 0 2px 30px -8px rgba(0, 0, 0, 0.3);
  transition: 0.2s ease-in;
}

.sidebar {
  position: fixed;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 225px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .sidebar {
    position: relative;
    height: auto;
    width: 100%;
  }
}
.sidebar .logo-webp {
  display: flex;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .sidebar .logo-webp {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.sidebar .logo-webp img {
  width: 193px;
  height: 50px;
}
@media (max-width: 992px) {
  .sidebar .logo-webp img {
    width: 154px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .sidebar .logo-webp img {
    width: 116px;
    height: 30px;
  }
}
.sidebar {
  /*  #logo {
      height: 50px;
      overflow: hidden;
      position: relative;
      z-index: 1000;
      background: white;
      border-radius: 0 0 6px 6px;
      box-shadow: 0 1px 1px #e4e7ed;
      transition: .2s ease-in;
      display: block;
      margin: 0 auto 15px;
      padding: 2.5px 15px 5px 15px;
      width: 85%;
      svg, img {
        max-width: 100%;
        max-height: 100%;
      }
      @media (max-width: 767px){
        margin: 0 15px;
        padding: 0;
        width: 125px;
        height: 60px;
        box-shadow: none;
        display: inline-flex;
      }
    }*/
}
.sidebar .sp-fake-header {
  height: 61px;
}
@media (min-width: 768px) {
  .sidebar .sp-fake-header {
    display: none;
  }
}
.sidebar .user-avatar {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.sidebar .user-avatar > span {
  margin-left: 7px;
  display: inline-block;
  color: #044346;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 12px;
  flex: 1;
}
@media (max-width: 767px) {
  .sidebar .sp-header {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 0 0 19px -3px rgba(0, 0, 0, 0.11);
    position: fixed;
    right: 0;
    left: 0;
    padding: 0 15px;
    z-index: 1000;
  }
}
.sidebar .title-page {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #0C0D0D;
  margin-top: 15px;
  margin-bottom: 17px;
  padding: 0 15px;
}
.sidebar .sp-menu-wrapper {
  flex: 1;
}
@media (max-width: 767px) {
  .sidebar .sp-menu-wrapper {
    position: fixed;
    background: #fff;
    z-index: 999;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.sidebar ul.sidebar-menu {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .sidebar ul.sidebar-menu {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 15px;
    box-shadow: 0 0 19px -3px rgba(0, 0, 0, 0.11);
  }
}
.sidebar ul.sidebar-menu > li {
  padding: 0;
}
@media (max-width: 767px) {
  .sidebar ul.sidebar-menu > li {
    flex: 1;
  }
}
.sidebar ul.sidebar-menu > li > a {
  position: relative;
  display: flex;
  align-items: center;
  grid-column-gap: 8px;
  grid-row-gap: 6px;
  color: #044346;
  font-size: 14px;
  background: transparent;
  width: fit-content;
  padding: 12px 5px;
}
@media (max-width: 767px) {
  .sidebar ul.sidebar-menu > li > a {
    flex-direction: column;
    margin: 0 auto;
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .sidebar ul.sidebar-menu > li > a {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .sidebar ul.sidebar-menu > li > a {
    font-size: 8px;
  }
}
.sidebar ul.sidebar-menu > li > a .link_title {
  display: inline-block;
  width: auto;
  position: relative;
  margin-top: 4px;
  flex: 1;
}
@media (min-width: 992px) {
  .sidebar ul.sidebar-menu > li > a .link_title::after {
    content: "";
    height: 1px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: #044346;
    transition: ease 0.25s;
  }
}
.sidebar ul.sidebar-menu > li > a:hover, .sidebar ul.sidebar-menu > li > a:focus {
  color: black;
  background: transparent;
}
.sidebar ul.sidebar-menu > li > a > svg {
  height: 20px;
}
.sidebar ul.sidebar-menu > li > a .pull-right-container {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
.sidebar ul.sidebar-menu > li > a .pull-right-container svg {
  transition: 0.5s;
}
.sidebar ul.sidebar-menu > li > a:hover .link_title::after {
  width: 100% !important;
  transition: ease 0.25s;
}
.sidebar ul.sidebar-menu > li .treeview-menu {
  background: #fff;
  border: none;
  border-radius: 6px;
  list-style: none;
  padding: 0;
  margin-top: 10px;
}
.sidebar ul.sidebar-menu > li .treeview-menu li {
  padding: 5px 15px;
}
.sidebar ul.sidebar-menu > li .treeview-menu li a {
  position: relative;
  color: #044346;
  padding: 0;
}
.sidebar ul.sidebar-menu > li .treeview-menu li a::after {
  content: " ";
  height: 1px;
  width: 0;
  position: absolute;
  bottom: 0;
  display: block;
  background: black;
  left: 0;
  transition: ease 0.25s;
}
.sidebar ul.sidebar-menu > li .treeview-menu li a:hover, .sidebar ul.sidebar-menu > li .treeview-menu li a:focus {
  color: black;
  background: transparent;
  text-decoration: none;
}
.sidebar ul.sidebar-menu > li .treeview-menu li:hover > a, .sidebar ul.sidebar-menu > li .treeview-menu li > a:hover {
  text-decoration: none;
}
.sidebar ul.sidebar-menu > li .treeview-menu li:hover > a::after, .sidebar ul.sidebar-menu > li .treeview-menu li > a:hover::after {
  width: 100% !important;
  transition: ease 0.25s;
}
.sidebar ul.sidebar-menu li.menu-open .pull-right-container svg {
  transform: rotate(-90deg);
  transition: 0.5s;
}
.sidebar ul.sidebar-menu li.active a {
  color: #00CC97;
}
.sidebar ul.sidebar-menu li.active a .link_title::after {
  background-color: #00CC97;
}
.sidebar .timer_support {
  position: relative;
  padding: 0 15px;
  bottom: 15px;
  display: none;
}
@media (max-width: 767px) {
  .sidebar .timer_support {
    height: auto;
    width: 100%;
    bottom: unset;
    padding: 15px;
  }
}
.sidebar .timer_support .timer_content {
  background: white;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 1px 1px #e4e7ed;
}
@media (max-width: 767px) {
  .sidebar .timer_support .timer_content {
    padding: 15px 20px;
  }
}
@media (max-width: 768px) {
  .sidebar .timer_support {
    float: left;
    margin-bottom: 20px;
  }
}
.sidebar .timer_support .title_support {
  display: inline-block;
  margin-right: 11px;
  top: -1px;
  position: relative;
}
.sidebar .timer_support .progress.timer {
  width: 100%;
  height: 14px;
  display: inline-block;
  background: white;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 0;
  box-shadow: inset 0px 0px 3px 0px #afafaf;
  border: none;
  top: 2px;
  margin-bottom: 0;
  cursor: pointer;
}
.sidebar .timer_support .progress.timer.depasse {
  background: #4e74e7;
}
.sidebar .timer_support #curseur_utilise {
  height: 14px;
  display: inline-block;
  background: #75da75;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
}
.sidebar .timer_support #curseur_depasse {
  height: 6px;
  background: #e04b2d;
  position: absolute;
  left: 0;
  z-index: 10;
  top: 4px;
  border-radius: 0 4px 4px 0;
}
.sidebar .timer_support .detail_support {
  padding: 10px;
  right: 0;
  left: auto;
}
.sidebar .timer_support .detail_support h3 {
  margin: 5px 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.sidebar .timer_support .detail_support div {
  font-size: 12px;
}
.sidebar .timer_support .detail {
  background: white;
  border-radius: 20px;
  font-size: 10px;
  line-height: 14px;
  top: 2px;
  position: relative;
}
.sidebar .timer_support .depasse {
  display: inline;
  color: #e04b2d;
}
.sidebar .timer_support .depasse div#curseur_utilise {
  left: auto;
  right: 0;
}
.sidebar .menu-hamburger {
  padding: 0;
  background-color: unset;
  border: 0;
  color: #333;
  margin-right: 15px;
  margin-left: 18px;
}
@media (min-width: 768px) {
  .sidebar .menu-hamburger {
    display: none;
  }
}

.name_user {
  position: fixed;
  right: 10px;
  width: 100%;
  background: white;
  max-width: 300px;
  text-align: center;
  padding: 10px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 1px 1px #e4e7ed;
  font-weight: bold;
  z-index: 99999;
}
@media (max-width: 767px) {
  .name_user {
    position: relative;
    height: auto;
    width: 100%;
  }
}
.name_user button {
  margin: 0;
  font-weight: bold;
  padding: 7px 0 0 0;
}
.name_user span.raison_sociale {
  font-weight: normal;
  font-size: 10px;
}
.name_user .dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
}
.name_user .dropdown > span {
  white-space: nowrap;
}
.name_user .dropdown-content {
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  display: inline-flex;
  overflow: hidden;
  height: 0;
  text-align: center;
  width: 100%;
  flex-direction: column;
}
.name_user .dropdown:hover .dropdown-content {
  opacity: 1;
  transition: 0.5s;
  height: auto;
}

.site_content {
  width: calc(100% - 225px);
  position: absolute;
  right: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .site_content {
    position: relative;
    height: auto;
    width: 100%;
  }
}

.wrap > .container {
  padding: 70px 15px 20px;
}

/*.btn-primary {
  background-image: linear-gradient(35deg, #6b91ff 0, #264cc7 51%, #264cc7 80%);
  border: none;
  color: white;
  transition: .5s ease;
  box-shadow: 0 10px 10px -10px #264cc7;
  border-radius : 15px !important;
  &:hover, &:active, &.hover {
    background-position: 60% 0;
    transition: .5s ease;
    cursor: pointer;
    box-shadow: 0 10px 10px -8px #264cc7;
  }
}
html .has-success.highlight-addon .input-group-btn .btn:not(:disabled):not(.disabled), html .btn.btn-primary.btn-file {
  background-image: linear-gradient(35deg, #6b91ff 0, #264cc7 51%, #264cc7 80%);
  border: none;
  color: white;
  transition: .5s ease;
  box-shadow: 0 10px 10px -10px #264cc7;
  border-radius: 0 6px 6px 0 !important;
  margin: 0 !important;
  &:hover, &:active, &.hover {
    background-position: 60% 0;
    transition: .5s ease;
    cursor: pointer;
    box-shadow: 0 10px 10px -8px #264cc7;
  }
}
html .btn.btn-default.btn-secondary.fileinput-remove.fileinput-remove-button {
  margin: 0 !important;
  background: linear-gradient(35deg, #ca1029 0, #c72140 51%, #af0061 80%);
  border-radius: 0 !important;
  height: 34px;
}
.btn-danger {
  background-color: $red;
  border: none;
  transition: .5s ease;
  box-shadow: 0 10px 10px -10px $red;
  border-radius : 15px !important;
  &:hover, &:active, &.hover {
    background-position: 60% 0;
    transition: .5s ease;
    cursor: pointer;
    box-shadow: 0 10px 10px -8px $red;
  }
}
.btn-warning {
  background-color: $yellow;
  border: none;
  transition: .5s ease;
  box-shadow: 0 10px 10px -10px $yellow;
  border-radius : 15px !important;
  &:hover, &:active, &.hover {
    background-position: 60% 0;
    transition: .5s ease;
    cursor: pointer;
    box-shadow: 0 10px 10px -8px $yellow;
  }
}*/
.jumbotron {
  text-align: center;
  background-color: transparent;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: "\e151";
}

a.desc:after {
  content: "\e152";
}

.sort-numerical a.asc:after {
  content: "\e153";
}

.sort-numerical a.desc:after {
  content: "\e154";
}

.sort-ordinal a.asc:after {
  content: "\e155";
}

.sort-ordinal a.desc:after {
  content: "\e156";
}

.grid-view td {
  white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
@media (max-width: 767px) {
  .nav > li > a:hover, .nav > li > a:focus {
    background: rgba(0, 0, 0, 0.25);
  }
  .navbar-collapse {
    border: none;
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  html nav.navbar {
    padding: 10px 25px;
  }
  html nav.navbar .navbar-toggle .icon-bar {
    background: black;
  }
  html nav.navbar #logout_btn {
    padding: 10px 15px;
  }
}
@media (min-width: 768px) {
  html .navbar > .container .navbar-brand, html .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
  html .navbar-right {
    margin-right: 0;
  }
}
html nav.navbar.scrolly {
  background: white;
}
@media (min-width: 768px) {
  html nav.navbar {
    padding: 10px 0;
  }
}
html nav.navbar .container {
  width: 100%;
}
html nav.navbar .navbar-brand {
  float: left;
  height: 50px;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
}
html nav.navbar .navbar-brand img {
  height: inherit;
}
@media (min-width: 768px) {
  html nav.navbar .container {
    padding: 0 20px;
  }
  html nav.navbar .navbar-nav li.active::after {
    content: "";
    width: 80%;
    display: inline-block;
    border-bottom: 3px solid #2d2d2d;
    transition: width 0.5s;
    height: 1px;
    margin: 0 auto;
    margin-top: 5px;
    position: absolute;
    float: left;
    right: 10%;
    bottom: 10px;
  }
}
html nav.navbar li {
  width: 100%;
}
html nav.navbar .navbar-nav > li > a, html nav.navbar .navbar-nav > li > button, html nav.navbar .navbar-nav > li a, html nav.navbar .navbar-nav > li button {
  font-weight: 500;
  font-family: "Gothic A1", sans-serif;
  color: #2d2d2d;
}
html nav.navbar .navbar-nav > li > button, html nav.navbar .navbar-nav > li button {
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
}
html nav.navbar .navbar-nav > li > button#logout_btn, html nav.navbar .navbar-nav > li button#logout_btn {
  font-weight: bold;
  background: transparent;
}
html nav.navbar .navbar-nav > li > ul.dropdown-menu, html nav.navbar .navbar-nav > li ul.dropdown-menu {
  right: auto;
  left: auto;
}
html nav.navbar .navbar-nav > li > ul.dropdown-menu.logout_btn, html nav.navbar .navbar-nav > li ul.dropdown-menu.logout_btn {
  right: 0;
  left: auto;
}
html nav.navbar .navbar-nav > li > ul.dropdown-menu, html nav.navbar .navbar-nav > li ul.dropdown-menu {
  background: white;
  border: none;
}
html nav.navbar .navbar-nav > li > ul.dropdown-menu button:hover:after, html nav.navbar .navbar-nav > li ul.dropdown-menu button:hover:after {
  content: none;
}
html .border_b_nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
}
html .nav-pills {
  padding: 0;
  border: none;
  background: white;
}
html .nav-pills > li {
  display: inline-block;
  width: auto;
}
html .nav-pills > li a {
  background: transparent;
  color: #2d2d2d;
  position: relative;
  font-weight: normal;
}
html .nav-pills > li a:hover {
  background: transparent;
}
html .nav-pills > li.active > a {
  background: transparent;
  text-decoration: underline;
  color: #2d2d2d;
}
html .nav-pills > li.active > a:hover, html .nav-pills > li.active > a:active, html .nav-pills > li.active > a:focus {
  background: transparent;
  color: #2d2d2d;
}
html body .label_status {
  padding: 2px 5px;
  width: auto;
  display: inline-block;
  border-radius: 4px;
}
html body .label_status.en_attente_de_paiement {
  background: red;
  color: white;
}
html body .label_status.annulee, html body .label_status.refuse, html body .label_status.annule {
  background: darkred;
  color: white;
}
html body .label_status.brouillon {
  background: #444444;
  color: white;
}
html body .label_status.payee {
  background: green;
  color: white;
}
html body .label_status.valide, html body .label_status.accepte {
  background: #beff70;
  color: black;
}
html body .label_status.paiement_partiel {
  background: orange;
  color: white;
}
html body .label_status.facture {
  background: orange;
  color: white;
}
html body .label_status.transmis {
  background: #5c6cff;
  color: white;
}
html body.document .kv-grid-table .empty {
  text-align: center;
  font-weight: bold;
  padding: 40px 0;
}
@media (min-width: 767px) {
  html body.document .table > thead > tr > th, html body.document .table > tbody > tr > th, html body.document .table > tfoot > tr > th, html body.document .table > thead > tr > td, html body.document .table > tbody > tr > td, html body.document .table > tfoot > tr > td {
    display: table-cell;
    vertical-align: middle;
  }
}
@media (max-width: 768px) {
  html body.document .table > thead > tr > th, html body.document .table > tbody > tr > th, html body.document .table > tfoot > tr > th, html body.document .table > thead > tr > td, html body.document .table > tbody > tr > td, html body.document .table > tfoot > tr > td {
    text-align: center;
  }
  html body.document .table > thead > tr > th .text-right, html body.document .table > tbody > tr > th .text-right, html body.document .table > tfoot > tr > th .text-right, html body.document .table > thead > tr > td .text-right, html body.document .table > tbody > tr > td .text-right, html body.document .table > tfoot > tr > td .text-right {
    text-align: center;
  }
}
@media (max-width: 768px) {
  html body#tache_view .modal {
    z-index: 99999999;
  }
  html body#tache_view .site_content.container {
    padding: 0;
  }
  html body#tache_view .site_content.container .tache-view {
    padding: 0 20px;
  }
}
html body .site_content.container {
  padding: 0 25px 25px;
}
@media (max-width: 767px) {
  html body .site_content.container {
    padding: 0 15px 25px;
  }
}
html body .site_content.container .part_menu {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  left: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
html body .site_content.container .part_menu .dropdown.mobile_only .dropdown-toggle {
  width: 100%;
  font-weight: bold;
  background: #f7f7f7;
}
html body .site_content.container .part_menu .dropdown.mobile_only .dropdown-toggle svg {
  position: absolute;
  left: 12px;
  font-size: 20px;
}
html body .site_content.container .part_menu .dropdown.mobile_only .dropdown-menu {
  width: 100%;
  border: none;
}
html body .site_content.container .part_menu .dropdown.mobile_only .dropdown-menu a {
  width: auto;
  display: inline-block;
  padding: 10px;
  color: black;
}
@media (min-width: 768px) {
  html body .site_content.container .part_content {
    width: 100%;
    padding: 0;
  }
  html body .site_content.container .part_content h2 {
    color: #2d2d2d;
    font-weight: bold;
    padding: 0 0 10px 0;
    font-size: 34px;
  }
}
html body .site_content.container .part_content .kv-panel-before h2 {
  display: inline-block;
  margin: 0;
  font-size: 22px;
  padding: 5px 0;
}
html body .site_content.container .part_content .kv-panel-before .float-right {
  display: inline-block;
  float: right;
}
html body .site_content.container .part_content_2 {
  width: 100%;
  background: transparent;
  padding: 10px 15px 20px 35px;
  border-radius: 25px 0 0 0;
}
html .create_ticket {
  display: inline-block;
  width: auto;
  margin-bottom: 20px;
}
html .create_ticket .box-white {
  border-radius: 4px;
  transition: 0.2s ease-in;
  font-size: 15px;
  color: white;
  box-shadow: 0 1px 1px #e4e7ed;
  padding: 20px;
  background-image: linear-gradient(35deg, #2db14a 0, #1e8c46 51%, #27632a 100%);
}
html .create_ticket .box-white a {
  font-weight: bold;
  display: block;
  margin: 10px auto 0 auto;
  max-width: 100%;
  font-size: 14px;
  background: white;
  color: green;
}
@media (max-width: 767px) {
  html .create_ticket .box-white {
    text-align: center;
  }
}
@media (max-width: 767px) {
  html .create_ticket {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  html .tickets-index .table-responsive {
    overflow: unset;
  }
}
html .kv-panel-before {
  display: none;
  padding: 10px;
  border: none;
  background-image: linear-gradient(15deg, #cecece 0%, #c1c1c1 100%);
}
@media screen and (max-width: 767px) {
  html .kv-panel-before, html thead {
    display: none;
  }
  html .table-responsive.kv-grid-container {
    border: none;
  }
  html .table-responsive.kv-grid-container table {
    background: transparent;
  }
  html .table-responsive.kv-grid-container tbody > tr {
    margin-bottom: 15px;
    display: block;
  }
  html .table-responsive.kv-grid-container tbody > tr:nth-of-type(odd), html .table-responsive.kv-grid-container tbody > tr:nth-of-type(even) {
    border-radius: 10px;
    box-shadow: 0 0 19px -3px rgba(0, 0, 0, 0.11);
    background: #fff;
    border: none;
  }
  html .table-responsive.kv-grid-container tbody > tr:last-of-type {
    margin-bottom: 0;
  }
  html .table-responsive.kv-grid-container tbody > tr td {
    border: none;
  }
  html .kv-table-wrap tr > td {
    font-size: 12px;
  }
  html .kv-table-wrap tr > td:first-child {
    font-size: 14px;
  }
  html span.label_table, html td .glyphicon {
    font-size: 30px;
    padding: 0 10px;
  }
}
html .summary_ligne {
  margin: 15px 0;
}
html .summary_ligne .pull-right {
  float: inherit !important;
  text-align: center;
}
html .kv-panel-after {
  padding: 0px;
  border: none;
}
html .table-bordered, html .table {
  border: none;
  border-radius: 9px;
  background-color: #fff;
}
@media (max-width: 1199px) {
  html .table-bordered, html .table {
    background-color: transparent;
  }
}
html .table-bordered thead tr th, html .table-bordered thead tr td, html .table thead tr th, html .table thead tr td {
  border-bottom: none;
}
@media (max-width: 1199px) {
  html .table-bordered tbody, html .table tbody {
    display: flex;
    flex-direction: column;
    grid-row-gap: 30px;
  }
}
@media (max-width: 767px) {
  html .table-bordered tbody, html .table tbody {
    grid-row-gap: 15px;
  }
}
@media (max-width: 1199px) {
  html .table-bordered tbody tr, html .table tbody tr {
    background-color: #fff !important;
    border-radius: 9px;
  }
}
html .table-bordered tbody tr:nth-of-type(odd), html .table-bordered tbody tr:nth-of-type(even), html .table tbody tr:nth-of-type(odd), html .table tbody tr:nth-of-type(even) {
  border: 1px solid #dddddd;
  background: transparent;
}
html .table-bordered tbody tr:nth-of-type(odd):hover, html .table-bordered tbody tr:nth-of-type(even):hover, html .table tbody tr:nth-of-type(odd):hover, html .table tbody tr:nth-of-type(even):hover {
  background: #ececec;
  transition: background 0.5s;
}
html .table-bordered tbody tr td, html .table tbody tr td {
  border: none;
}
html .table-bordered tbody tr td:first-child, html .table tbody tr td:first-child {
  font-weight: normal;
  padding-right: 30px;
  text-align: right;
}
html .table-bordered tbody tr td[data-col-seq="1"], html .table tbody tr td[data-col-seq="1"] {
  white-space: pre-wrap;
}
html .table-bordered tbody tr td[data-col-seq="5"], html .table tbody tr td[data-col-seq="5"] {
  text-align: right;
}
html .table-bordered tbody tr td span.title_ticket, html .table tbody tr td span.title_ticket {
  position: relative;
}
@media (max-width: 767px) {
  html .table-bordered tbody tr td span.title_ticket, html .table tbody tr td span.title_ticket {
    display: inline-block;
    width: 100%;
  }
}
html .table-bordered tbody tr td span.status, html .table tbody tr td span.status {
  color: white;
  padding: 6px 10px;
  border-radius: 50px;
  font-size: 12px;
}
html .table-bordered tbody tr td span.status.Terminé, html .table tbody tr td span.status.Terminé {
  background: #5bb85b;
}
html .table-bordered tbody tr td span.status.En_attente, html .table tbody tr td span.status.En_attente {
  background: #e0793e;
}
html .table-bordered tbody tr td span.status.En_cours, html .table tbody tr td span.status.En_cours {
  background: #3452ff;
}
html .table-bordered tbody tr td span.status.Créé, html .table tbody tr td span.status.Créé {
  background: #53abff;
}
@media (max-width: 767px) {
  html .table-bordered tbody tr td span.status, html .table tbody tr td span.status {
    display: inline-block;
    width: 100%;
  }
}
html .breadcrumb {
  background: transparent;
  padding: 0 6px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  html .breadcrumb {
    display: none;
  }
}
@media (min-width: 768px) {
  html body#tache_view .site_content.container .tache-view {
    margin: 0 auto;
  }
}
html body#tache_view .sidebar .timer_support, html body#tache_index .sidebar .timer_support, html body#site_index .sidebar .timer_support, html body#projet_index .sidebar .timer_support, html body#projet_view .sidebar .timer_support, html body#suivi_index .sidebar .timer_support {
  display: block;
}
html body#tache_view .pagination > li.next, html body#tache_view .pagination > li.prev, html body#tache_index .pagination > li.next, html body#tache_index .pagination > li.prev, html body#site_index .pagination > li.next, html body#site_index .pagination > li.prev, html body#projet_index .pagination > li.next, html body#projet_index .pagination > li.prev, html body#projet_view .pagination > li.next, html body#projet_view .pagination > li.prev, html body#suivi_index .pagination > li.next, html body#suivi_index .pagination > li.prev {
  display: none;
}
html body#tache_view .pagination > li.active a, html body#tache_index .pagination > li.active a, html body#site_index .pagination > li.active a, html body#projet_index .pagination > li.active a, html body#projet_view .pagination > li.active a, html body#suivi_index .pagination > li.active a {
  z-index: 3;
  cursor: pointer;
  background: #254ebb;
  color: white;
  border: none;
}
html body#tache_view .pagination > li a, html body#tache_view .pagination > li .pagination > li > span, html body#tache_index .pagination > li a, html body#tache_index .pagination > li .pagination > li > span, html body#site_index .pagination > li a, html body#site_index .pagination > li .pagination > li > span, html body#projet_index .pagination > li a, html body#projet_index .pagination > li .pagination > li > span, html body#projet_view .pagination > li a, html body#projet_view .pagination > li .pagination > li > span, html body#suivi_index .pagination > li a, html body#suivi_index .pagination > li .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 10px;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  color: #3a3a3a;
}
html body#tache_view .pagination > .disabled > span, html body#tache_view .pagination > .disabled > span:hover, html body#tache_view .pagination > .disabled > span:focus, html body#tache_view .pagination > .disabled > a, html body#tache_view .pagination > .disabled > a:hover, html body#tache_view .pagination > .disabled > a:focus, html body#tache_index .pagination > .disabled > span, html body#tache_index .pagination > .disabled > span:hover, html body#tache_index .pagination > .disabled > span:focus, html body#tache_index .pagination > .disabled > a, html body#tache_index .pagination > .disabled > a:hover, html body#tache_index .pagination > .disabled > a:focus, html body#site_index .pagination > .disabled > span, html body#site_index .pagination > .disabled > span:hover, html body#site_index .pagination > .disabled > span:focus, html body#site_index .pagination > .disabled > a, html body#site_index .pagination > .disabled > a:hover, html body#site_index .pagination > .disabled > a:focus, html body#projet_index .pagination > .disabled > span, html body#projet_index .pagination > .disabled > span:hover, html body#projet_index .pagination > .disabled > span:focus, html body#projet_index .pagination > .disabled > a, html body#projet_index .pagination > .disabled > a:hover, html body#projet_index .pagination > .disabled > a:focus, html body#projet_view .pagination > .disabled > span, html body#projet_view .pagination > .disabled > span:hover, html body#projet_view .pagination > .disabled > span:focus, html body#projet_view .pagination > .disabled > a, html body#projet_view .pagination > .disabled > a:hover, html body#projet_view .pagination > .disabled > a:focus, html body#suivi_index .pagination > .disabled > span, html body#suivi_index .pagination > .disabled > span:hover, html body#suivi_index .pagination > .disabled > span:focus, html body#suivi_index .pagination > .disabled > a, html body#suivi_index .pagination > .disabled > a:hover, html body#suivi_index .pagination > .disabled > a:focus {
  border: none;
  background: transparent;
}
@media (max-width: 768px) {
  html body#tache_view .title_elem, html body#tache_index .title_elem, html body#site_index .title_elem, html body#projet_index .title_elem, html body#projet_view .title_elem, html body#suivi_index .title_elem {
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
  }
  html body#tache_view .title_elem::after, html body#tache_index .title_elem::after, html body#site_index .title_elem::after, html body#projet_index .title_elem::after, html body#projet_view .title_elem::after, html body#suivi_index .title_elem::after {
    content: ":";
    margin-left: 5px;
  }
}
@media (min-width: 768px) {
  html body#tache_view #suivi2, html body#tache_index #suivi2, html body#site_index #suivi2, html body#projet_index #suivi2, html body#projet_view #suivi2, html body#suivi_index #suivi2 {
    margin: 0 auto;
  }
  html body#tache_view .title_elem, html body#tache_index .title_elem, html body#site_index .title_elem, html body#projet_index .title_elem, html body#projet_view .title_elem, html body#suivi_index .title_elem {
    display: none;
  }
}
@media (min-width: 768px) {
  html body#tache_view#tache_view .title_ticket, html body#tache_index#tache_view .title_ticket, html body#site_index#tache_view .title_ticket, html body#projet_index#tache_view .title_ticket, html body#projet_view#tache_view .title_ticket, html body#suivi_index#tache_view .title_ticket {
    font-weight: normal;
    color: #2d2d2d;
    text-align: left;
    margin-bottom: 35px;
  }
  html body#tache_view#tache_view .title_ticket .titre_objet, html body#tache_index#tache_view .title_ticket .titre_objet, html body#site_index#tache_view .title_ticket .titre_objet, html body#projet_index#tache_view .title_ticket .titre_objet, html body#projet_view#tache_view .title_ticket .titre_objet, html body#suivi_index#tache_view .title_ticket .titre_objet {
    font-weight: bold;
  }
}
html body#tache_view .priorite, html body#tache_index .priorite, html body#site_index .priorite, html body#projet_index .priorite, html body#projet_view .priorite, html body#suivi_index .priorite {
  color: white;
  padding: 6px 10px;
  border-radius: 50px;
  font-size: 12px;
}
html body#tache_view .priorite.urgent, html body#tache_index .priorite.urgent, html body#site_index .priorite.urgent, html body#projet_index .priorite.urgent, html body#projet_view .priorite.urgent, html body#suivi_index .priorite.urgent {
  background: #f8864f;
}
html body#tache_view .priorite.immediat__bug_bloquant_, html body#tache_index .priorite.immediat__bug_bloquant_, html body#site_index .priorite.immediat__bug_bloquant_, html body#projet_index .priorite.immediat__bug_bloquant_, html body#projet_view .priorite.immediat__bug_bloquant_, html body#suivi_index .priorite.immediat__bug_bloquant_ {
  background: red;
}
html body#tache_view .priorite.normal, html body#tache_index .priorite.normal, html body#site_index .priorite.normal, html body#projet_index .priorite.normal, html body#projet_view .priorite.normal, html body#suivi_index .priorite.normal {
  background: #3452ff;
}
html body#tache_view .priorite.moyenne, html body#tache_index .priorite.moyenne, html body#site_index .priorite.moyenne, html body#projet_index .priorite.moyenne, html body#projet_view .priorite.moyenne, html body#suivi_index .priorite.moyenne {
  background: #268047;
}
html body#tache_view .priorite.basse, html body#tache_index .priorite.basse, html body#site_index .priorite.basse, html body#projet_index .priorite.basse, html body#projet_view .priorite.basse, html body#suivi_index .priorite.basse {
  background: #617364;
}
@media (max-width: 480px) {
  html body#tache_view .priorite, html body#tache_index .priorite, html body#site_index .priorite, html body#projet_index .priorite, html body#projet_view .priorite, html body#suivi_index .priorite {
    display: inline-block;
    width: 100%;
  }
}
html body#tache_view .statut, html body#tache_index .statut, html body#site_index .statut, html body#projet_index .statut, html body#projet_view .statut, html body#suivi_index .statut {
  color: white;
  padding: 6px 10px;
  border-radius: 50px;
  font-size: 12px;
}
@media (max-width: 480px) {
  html body#tache_view .statut, html body#tache_index .statut, html body#site_index .statut, html body#projet_index .statut, html body#projet_view .statut, html body#suivi_index .statut {
    display: inline-block;
    width: 100%;
  }
}
html body#tache_view div#infos_base, html body#tache_index div#infos_base, html body#site_index div#infos_base, html body#projet_index div#infos_base, html body#projet_view div#infos_base, html body#suivi_index div#infos_base {
  margin-bottom: 80px;
}
html body#tache_view #suivi .box-preview, html body#tache_index #suivi .box-preview, html body#site_index #suivi .box-preview, html body#projet_index #suivi .box-preview, html body#projet_view #suivi .box-preview, html body#suivi_index #suivi .box-preview {
  display: block;
}
html body#tache_view #suivi .box-preview .images_ticket, html body#tache_index #suivi .box-preview .images_ticket, html body#site_index #suivi .box-preview .images_ticket, html body#projet_index #suivi .box-preview .images_ticket, html body#projet_view #suivi .box-preview .images_ticket, html body#suivi_index #suivi .box-preview .images_ticket {
  margin-top: 50px;
}
html body#tache_view #suivi .box-preview .images_ticket a.btn.btn-info, html body#tache_index #suivi .box-preview .images_ticket a.btn.btn-info, html body#site_index #suivi .box-preview .images_ticket a.btn.btn-info, html body#projet_index #suivi .box-preview .images_ticket a.btn.btn-info, html body#projet_view #suivi .box-preview .images_ticket a.btn.btn-info, html body#suivi_index #suivi .box-preview .images_ticket a.btn.btn-info {
  margin-bottom: 10px;
  margin-left: 5px;
}
html body#tache_view #suivi .box-preview .gallery_bloc img, html body#tache_index #suivi .box-preview .gallery_bloc img, html body#site_index #suivi .box-preview .gallery_bloc img, html body#projet_index #suivi .box-preview .gallery_bloc img, html body#projet_view #suivi .box-preview .gallery_bloc img, html body#suivi_index #suivi .box-preview .gallery_bloc img {
  max-width: 900px;
  width: auto;
  box-shadow: 0 4px 15px -6px #e6e6e6;
}
html body#tache_view #suivi .box-preview.employe, html body#tache_index #suivi .box-preview.employe, html body#site_index #suivi .box-preview.employe, html body#projet_index #suivi .box-preview.employe, html body#projet_view #suivi .box-preview.employe, html body#suivi_index #suivi .box-preview.employe {
  text-align: left;
}
html body#tache_view #suivi .box-preview.employe .btn_img, html body#tache_index #suivi .box-preview.employe .btn_img, html body#site_index #suivi .box-preview.employe .btn_img, html body#projet_index #suivi .box-preview.employe .btn_img, html body#projet_view #suivi .box-preview.employe .btn_img, html body#suivi_index #suivi .box-preview.employe .btn_img {
  text-align: left;
}
html body#tache_view #suivi .box-preview.client, html body#tache_index #suivi .box-preview.client, html body#site_index #suivi .box-preview.client, html body#projet_index #suivi .box-preview.client, html body#projet_view #suivi .box-preview.client, html body#suivi_index #suivi .box-preview.client {
  text-align: right;
}
html body#tache_view #suivi .box-preview.client .btn_img, html body#tache_index #suivi .box-preview.client .btn_img, html body#site_index #suivi .box-preview.client .btn_img, html body#projet_index #suivi .box-preview.client .btn_img, html body#projet_view #suivi .box-preview.client .btn_img, html body#suivi_index #suivi .box-preview.client .btn_img {
  text-align: right;
}
html body#tache_view #suivi .box-preview .btn_img, html body#tache_index #suivi .box-preview .btn_img, html body#site_index #suivi .box-preview .btn_img, html body#projet_index #suivi .box-preview .btn_img, html body#projet_view #suivi .box-preview .btn_img, html body#suivi_index #suivi .box-preview .btn_img {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
html body#tache_view #suivi .box-preview .btn_img img, html body#tache_index #suivi .box-preview .btn_img img, html body#site_index #suivi .box-preview .btn_img img, html body#projet_index #suivi .box-preview .btn_img img, html body#projet_view #suivi .box-preview .btn_img img, html body#suivi_index #suivi .box-preview .btn_img img {
  width: 100%;
  max-width: 500px;
  display: inline-block;
  float: none;
  text-align: right;
  border-radius: 3px;
  box-shadow: 0 5px 25px -5px #dcdcdc;
}
html body#tache_view #suivi .box-preview .modal-dialog, html body#tache_index #suivi .box-preview .modal-dialog, html body#site_index #suivi .box-preview .modal-dialog, html body#projet_index #suivi .box-preview .modal-dialog, html body#projet_view #suivi .box-preview .modal-dialog, html body#suivi_index #suivi .box-preview .modal-dialog {
  width: 95vw;
  margin: 30px auto;
}
html body#tache_view #suivi .box-preview .modal-dialog .modal-body img, html body#tache_index #suivi .box-preview .modal-dialog .modal-body img, html body#site_index #suivi .box-preview .modal-dialog .modal-body img, html body#projet_index #suivi .box-preview .modal-dialog .modal-body img, html body#projet_view #suivi .box-preview .modal-dialog .modal-body img, html body#suivi_index #suivi .box-preview .modal-dialog .modal-body img {
  width: initial;
  max-width: 90vw;
  margin: 0 auto;
  display: block;
  max-height: 90vh;
}
html body#tache_view #suivi .box-body, html body#tache_index #suivi .box-body, html body#site_index #suivi .box-body, html body#projet_index #suivi .box-body, html body#projet_view #suivi .box-body, html body#suivi_index #suivi .box-body {
  margin-bottom: 20px;
}
html body#tache_view #suivi .box-body.employe, html body#tache_index #suivi .box-body.employe, html body#site_index #suivi .box-body.employe, html body#projet_index #suivi .box-body.employe, html body#projet_view #suivi .box-body.employe, html body#suivi_index #suivi .box-body.employe {
  padding: 20px;
  border-radius: 6px;
  width: 90%;
  position: relative;
  left: 0;
  right: 10%;
  background: #ffffff;
  color: black;
  box-shadow: 0 4px 15px -6px #e6e6e6;
}
html body#tache_view #suivi .box-body.client, html body#tache_index #suivi .box-body.client, html body#site_index #suivi .box-body.client, html body#projet_index #suivi .box-body.client, html body#projet_view #suivi .box-body.client, html body#suivi_index #suivi .box-body.client {
  padding: 20px;
  border-radius: 6px;
  width: 90%;
  position: relative;
  left: 10%;
  right: 0;
  background: #1185d0;
  color: white;
  box-shadow: 0 4px 15px -6px #1185d0;
}
html body#tache_view #suivi .box-body.client .description_part div, html body#tache_view #suivi .box-body.client .description_part p, html body#tache_index #suivi .box-body.client .description_part div, html body#tache_index #suivi .box-body.client .description_part p, html body#site_index #suivi .box-body.client .description_part div, html body#site_index #suivi .box-body.client .description_part p, html body#projet_index #suivi .box-body.client .description_part div, html body#projet_index #suivi .box-body.client .description_part p, html body#projet_view #suivi .box-body.client .description_part div, html body#projet_view #suivi .box-body.client .description_part p, html body#suivi_index #suivi .box-body.client .description_part div, html body#suivi_index #suivi .box-body.client .description_part p {
  color: white !important;
}
html body#tache_view #suivi .box-body.client a, html body#tache_index #suivi .box-body.client a, html body#site_index #suivi .box-body.client a, html body#projet_index #suivi .box-body.client a, html body#projet_view #suivi .box-body.client a, html body#suivi_index #suivi .box-body.client a {
  color: white;
  text-decoration: underline;
}
html body#tache_view #suivi .box-body img, html body#tache_index #suivi .box-body img, html body#site_index #suivi .box-body img, html body#projet_index #suivi .box-body img, html body#projet_view #suivi .box-body img, html body#suivi_index #suivi .box-body img {
  max-width: 100%;
  height: auto;
}
html body#tache_view #suivi h3, html body#tache_index #suivi h3, html body#site_index #suivi h3, html body#projet_index #suivi h3, html body#projet_view #suivi h3, html body#suivi_index #suivi h3 {
  margin: 0 0 10px 0;
  font-size: 15px;
}
html body#tache_view #suivi h3 .employe, html body#tache_index #suivi h3 .employe, html body#site_index #suivi h3 .employe, html body#projet_index #suivi h3 .employe, html body#projet_view #suivi h3 .employe, html body#suivi_index #suivi h3 .employe {
  font-weight: bold;
}
html body#tache_view #suivi h3 .temps, html body#tache_index #suivi h3 .temps, html body#site_index #suivi h3 .temps, html body#projet_index #suivi h3 .temps, html body#projet_view #suivi h3 .temps, html body#suivi_index #suivi h3 .temps {
  width: auto;
  display: inline-block;
  background: #12a512;
  border-radius: 50px;
  padding: 3px 10px;
  font-size: 12px;
  position: relative;
  top: -2px;
  font-weight: bold;
  color: white;
}
html body#tache_view #suivi h3 .temps:hover, html body#tache_index #suivi h3 .temps:hover, html body#site_index #suivi h3 .temps:hover, html body#projet_index #suivi h3 .temps:hover, html body#projet_view #suivi h3 .temps:hover, html body#suivi_index #suivi h3 .temps:hover {
  cursor: progress;
}
html body#tache_view #suivi h3 .right_block, html body#tache_index #suivi h3 .right_block, html body#site_index #suivi h3 .right_block, html body#projet_index #suivi h3 .right_block, html body#projet_view #suivi h3 .right_block, html body#suivi_index #suivi h3 .right_block {
  float: right;
  width: auto;
  font-size: 12px;
}
@media (max-width: 768px) {
  html body#tache_view #suivi h3 .right_block, html body#tache_index #suivi h3 .right_block, html body#site_index #suivi h3 .right_block, html body#projet_index #suivi h3 .right_block, html body#projet_view #suivi h3 .right_block, html body#suivi_index #suivi h3 .right_block {
    float: left;
    width: 100%;
    margin: 5px 0 10px;
    font-size: 12px;
  }
}
html body#tache_view .fixed_repondre, html body#tache_index .fixed_repondre, html body#site_index .fixed_repondre, html body#projet_index .fixed_repondre, html body#projet_view .fixed_repondre, html body#suivi_index .fixed_repondre {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #ffffff;
  right: 25px;
  left: auto;
  padding: 10px;
}
@media (min-width: 768px) {
  html body#tache_view .fixed_repondre, html body#tache_index .fixed_repondre, html body#site_index .fixed_repondre, html body#projet_index .fixed_repondre, html body#projet_view .fixed_repondre, html body#suivi_index .fixed_repondre {
    width: calc(100vw - 275px);
    right: 20px;
  }
}
@media (max-width: 767px) {
  html body#tache_view .fixed_repondre, html body#tache_index .fixed_repondre, html body#site_index .fixed_repondre, html body#projet_index .fixed_repondre, html body#projet_view .fixed_repondre, html body#suivi_index .fixed_repondre {
    left: 0;
    right: 0;
    width: 100%;
    z-index: 3;
  }
}
html body#tache_view .fixed_repondre .btn-repondre, html body#tache_index .fixed_repondre .btn-repondre, html body#site_index .fixed_repondre .btn-repondre, html body#projet_index .fixed_repondre .btn-repondre, html body#projet_view .fixed_repondre .btn-repondre, html body#suivi_index .fixed_repondre .btn-repondre {
  background: white;
  color: #a2a2a2;
  padding: 6px 30%;
  border: 1px solid #e2e2e2;
  border-radius: 40px;
  position: relative;
  width: 100%;
}
html body#tache_view .fixed_repondre .btn-repondre .icon_keyboard, html body#tache_index .fixed_repondre .btn-repondre .icon_keyboard, html body#site_index .fixed_repondre .btn-repondre .icon_keyboard, html body#projet_index .fixed_repondre .btn-repondre .icon_keyboard, html body#projet_view .fixed_repondre .btn-repondre .icon_keyboard, html body#suivi_index .fixed_repondre .btn-repondre .icon_keyboard {
  display: inline-block;
  text-align: right;
  position: absolute;
  right: 20px;
  font-size: 20px;
  top: 3px;
}
html body#tache_view #repondre, html body#tache_index #repondre, html body#site_index #repondre, html body#projet_index #repondre, html body#projet_view #repondre, html body#suivi_index #repondre {
  background: #ffffff;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 4px 15px -6px #e6e6e6;
  margin-bottom: 40px;
}
html body#tache_view #repondre .krajee-default.file-preview-frame, html body#tache_index #repondre .krajee-default.file-preview-frame, html body#site_index #repondre .krajee-default.file-preview-frame, html body#projet_index #repondre .krajee-default.file-preview-frame, html body#projet_view #repondre .krajee-default.file-preview-frame, html body#suivi_index #repondre .krajee-default.file-preview-frame {
  background: white;
}
html body#tache_view #repondre .file-preview, html body#tache_index #repondre .file-preview, html body#site_index #repondre .file-preview, html body#projet_index #repondre .file-preview, html body#projet_view #repondre .file-preview, html body#suivi_index #repondre .file-preview {
  border: none;
  padding: 0;
  margin-bottom: 10px;
}
html body#tache_view #repondre .file-drop-zone, html body#tache_index #repondre .file-drop-zone, html body#site_index #repondre .file-drop-zone, html body#projet_index #repondre .file-drop-zone, html body#projet_view #repondre .file-drop-zone, html body#suivi_index #repondre .file-drop-zone {
  margin: 0;
}
html body#tache_view #repondre .form-group.field-suivitache-files label, html body#tache_index #repondre .form-group.field-suivitache-files label, html body#site_index #repondre .form-group.field-suivitache-files label, html body#projet_index #repondre .form-group.field-suivitache-files label, html body#projet_view #repondre .form-group.field-suivitache-files label, html body#suivi_index #repondre .form-group.field-suivitache-files label {
  display: none;
}
html body#tache_view #repondre #mceu_24, html body#tache_view #repondre #mceu_24 iframe, html body#tache_index #repondre #mceu_24, html body#tache_index #repondre #mceu_24 iframe, html body#site_index #repondre #mceu_24, html body#site_index #repondre #mceu_24 iframe, html body#projet_index #repondre #mceu_24, html body#projet_index #repondre #mceu_24 iframe, html body#projet_view #repondre #mceu_24, html body#projet_view #repondre #mceu_24 iframe, html body#suivi_index #repondre #mceu_24, html body#suivi_index #repondre #mceu_24 iframe {
  min-height: 25vh;
}
html body#tache_view #repondre #mceu_28, html body#tache_index #repondre #mceu_28, html body#site_index #repondre #mceu_28, html body#projet_index #repondre #mceu_28, html body#projet_view #repondre #mceu_28, html body#suivi_index #repondre #mceu_28 {
  display: none;
}
html body#tache_view #repondre .btn_open_zone, html body#tache_index #repondre .btn_open_zone, html body#site_index #repondre .btn_open_zone, html body#projet_index #repondre .btn_open_zone, html body#projet_view #repondre .btn_open_zone, html body#suivi_index #repondre .btn_open_zone {
  margin: 10px 0 20px 0;
}
html body#tache_view #repondre .box-footer, html body#tache_index #repondre .box-footer, html body#site_index #repondre .box-footer, html body#projet_index #repondre .box-footer, html body#projet_view #repondre .box-footer, html body#suivi_index #repondre .box-footer {
  display: flex;
  grid-column-gap: 15px;
}
html #tache_create h1 {
  color: #2d2d2d;
  font-size: 24px;
}
html #tache_create h1 .titre_objet {
  font-weight: bold;
}
@media (max-width: 767px) {
  html #tache_create .info_loom {
    display: none !important;
  }
}
@media (max-width: 767px) {
  html #tache_create .info_sensibles {
    flex-direction: column;
    align-items: flex-start !important;
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  html #tache_create .info_sensibles .btn_info_sensibles {
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 480px) {
  html #tache_create .info_sensibles .btn_info_sensibles {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  html #tache_create #info_support {
    padding: 20px !important;
  }
  html #tache_create #info_support h2 {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  html #tache_create #info_support ul {
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  html #tache_create #info_support #next_step {
    width: 100% !important;
    text-align: center;
    justify-content: center !important;
  }
}
@media (max-width: 767px) {
  html #tache_create button[type=submit] {
    width: 100%;
  }
}
@media (max-width: 480px) {
  html #tache_create button[type=submit] {
    font-size: 12px;
  }
}
html #tache_create .box-body {
  background: white;
  padding: 30px;
  border-radius: 20px;
}
@media (max-width: 767px) {
  html #tache_create .box-body {
    padding: 20px;
  }
}
html .footer {
  height: 60px;
  border: none;
  padding: 20px;
  z-index: 3;
  position: relative;
  width: 100%;
  float: left;
  bottom: 0;
}
@media (min-width: 768px) {
  html .not_mobile {
    display: block;
  }
  html .mobile_only {
    display: none;
  }
}
@media (max-width: 768px) {
  html .not_mobile {
    display: none;
  }
  html .mobile_only {
    display: block;
  }
}

#site_index .home-slider-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  #site_index .home-slider-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  #site_index .home-slider-wrapper {
    margin: 0;
    max-width: unset;
    padding: 0 15px;
    display: none;
  }
}
#site_index .home-slider-wrapper .lightSlider.lsGrab * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
  aspect-ratio: 27/9;
}
#site_index .home-slider-wrapper .lSSlideOuter {
  position: relative;
}
#site_index .home-slider-wrapper .lSSlideOuter .lSPager {
  position: absolute;
  margin: 0;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#site_index .home-slider-wrapper .lSSlideOuter .lSPager.lSpg > li a {
  background-color: #fff;
  opacity: 0.5;
}
#site_index .home-slider-wrapper .lSSlideOuter .lSPager.lSpg > li.active a {
  opacity: 1;
}
#site_index .home-slider-wrapper .home-slider {
  width: 100%;
}
#site_index .home-slider-wrapper .home-slider li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#site_index .news {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
#site_index .news #imageGallery {
  height: 270px;
  overflow: hidden;
}
#site_index .news .lSSlideOuter {
  overflow: visible;
  height: 270px;
}
@media (max-width: 768px) {
  #site_index .news .lSSlideOuter {
    height: auto;
  }
}
#site_index .news .lSSlideOuter .lSSlideWrapper {
  height: 270px;
  position: initial;
}
@media (max-width: 768px) {
  #site_index .news .lSSlideOuter .lSSlideWrapper {
    height: auto;
  }
}
#site_index .news ul {
  padding: 0;
}
#site_index .news ul li {
  float: left;
  width: 100%;
  color: white;
  font-size: 25px;
  height: 270px;
}
@media (max-width: 768px) {
  #site_index .news ul li {
    height: auto;
  }
}
#site_index .news ul li {
  list-style: none;
}
#site_index .news ul li .content_news {
  padding: 75px 0 60px;
  float: left;
  width: 50%;
}
@media (max-width: 768px) {
  #site_index .news ul li .content_news {
    width: 100%;
  }
}
#site_index .news ul li .content_news h1, #site_index .news ul li .content_news .focus {
  color: #2d2d2d;
  font-weight: bold;
  margin: 0 auto;
  font-size: 43px;
  line-height: 43px;
}
#site_index .news ul li .content_news h2, #site_index .news ul li .content_news .text {
  color: #2d2d2d;
  margin: 0;
}
#site_index .news ul li .content_news h2 .owner_name, #site_index .news ul li .content_news .text .owner_name {
  font-weight: bold;
  text-transform: capitalize;
}
#site_index .news ul li .image_news {
  float: left;
  width: 50%;
  overflow: hidden;
}
@media (max-width: 768px) {
  #site_index .news ul li .image_news {
    width: 100%;
  }
}
#site_index .news ul li .image_news img {
  width: auto;
  max-width: 100%;
  display: inline-block;
  height: auto;
  max-height: 100%;
  float: right;
}
#site_index .news ul li .btn_news a {
  margin-top: 15px;
}
#site_index .news .lSAction {
  position: absolute;
  top: 200px;
  width: 100%;
  left: 0;
}
#site_index .news .lSAction a.lSPrev, #site_index .news .lSAction a.lSNext {
  color: white;
}
#site_index .news .lSAction a.lSPrev:hover, #site_index .news .lSAction a.lSPrev:focus, #site_index .news .lSAction a.lSPrev:active, #site_index .news .lSAction a.lSNext:hover, #site_index .news .lSAction a.lSNext:focus, #site_index .news .lSAction a.lSNext:active {
  text-decoration: none;
}
#site_index .news .lSAction a.lSPrev {
  position: absolute;
  left: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  text-align: right;
}
#site_index .news .lSAction a.lSNext {
  position: absolute;
  right: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
  text-align: left;
  left: unset !important;
}
#site_index .products {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 15px;
}
@media (min-width: 768px) {
  #site_index .products {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #site_index .products {
    padding: 0 15px;
  }
}
#site_index .poster {
  cursor: pointer;
}
#site_index .poster:hover .poster__image-container {
  z-index: 99;
}
#site_index .poster .poster__image-perspective {
  transform-style: preserve-3d;
  transform: perspective(2500px);
}
#site_index .poster:hover .poster__image-container {
  transform: scale(1.05);
}
#site_index .poster:hover .poster__image {
  box-shadow: 0 1px 15px 0px #dcdcdc;
}
#site_index .poster:hover .poster__shine {
  opacity: 1;
}
#site_index .poster:hover .poster__title {
  top: 55px;
  opacity: 1;
}
#site_index .poster__image-container {
  position: relative;
  z-index: 2;
  transition: transform 300ms;
}
#site_index .poster__image {
  position: relative;
  width: 100%;
  height: auto;
  background: transparent;
  overflow: hidden;
  transition: box-shadow 300ms;
  box-shadow: 0 4px 15px -4px #cccccc;
  border-radius: 20px 20px 20px 20px;
}
#site_index .poster__shine {
  position: absolute;
  top: 25%;
  left: 5%;
  width: 90%;
  padding-top: 90%;
  background: rgba(255, 255, 255, 0.3);
  filter: blur(25px);
  pointer-events: none;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 300ms;
}
#site_index .poster__title {
  position: relative;
  top: -20px;
  font-size: 20px;
  opacity: 0;
  text-align: center;
  z-index: 1;
  transition: top 300ms, opacity 200ms;
}
#site_index .product_line {
  float: left;
  font-weight: bold;
  width: 33.33%;
  padding: 0 10px 20px;
}
@media (max-width: 768px) {
  #site_index .product_line {
    width: 100%;
  }
}

.notif_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.45);
  background-color: #FF3019;
  font-size: 9px;
  color: #fff;
  line-height: normal;
  position: relative;
  top: -4px;
}
@media (max-width: 767px) {
  .notif_nav {
    position: absolute;
    right: 3px;
    top: 3px;
  }
}

.title_ticket .notif_ticket {
  border: none;
  background: #3651fe;
  width: 10px;
  height: 10px;
  top: 1px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 50px;
  left: -15px;
  position: absolute;
  z-index: 1;
  margin-left: 0;
}
@media (max-width: 480px) {
  .title_ticket .notif_ticket {
    width: 13px;
    height: 13px;
    left: unset;
    right: 0px;
  }
}

.box-ticket-top {
  background: white !important;
  border-radius: 10px;
  box-shadow: 0 2px 26px -10px rgba(0, 0, 0, 0.25) !important;
  padding: 15px !important;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .box-ticket-top {
    margin: 0 15px 15px;
    padding: 15px 20 !important;
    position: relative;
  }
  .box-ticket-top::after {
    position: absolute;
    top: 0;
    right: 0px;
    width: 1px;
    background-color: #fff;
    content: "";
    bottom: 0;
    z-index: 1;
  }
}

.flex-card-top-ticket {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .flex-card-top-ticket {
    grid-row-gap: 15px;
  }
}
.flex-card-top-ticket .col-auto {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 15px;
  border-right: 1px solid #e4e4e4;
}
.flex-card-top-ticket .col-auto:last-of-type {
  border-right: 0;
}
@media (max-width: 767px) {
  .flex-card-top-ticket .col-auto {
    text-align: center;
    align-items: center;
  }
}
.flex-card-top-ticket .label {
  color: #333333;
  padding: 0;
  margin-bottom: 5px;
  display: inline-block;
}
.flex-card-top-ticket .info {
  font-size: 14px;
  flex: 1;
  display: flex;
  align-items: center;
}

.btn.btn-primary.btn-file {
  background: #1185d0;
  padding: 7px;
}

.box-footer button[type=submit] {
  font-size: 15px;
  font-weight: bold;
  padding: 8px 15px;
}

.site-login {
  margin-top: 70px;
}
.site-login h1 {
  margin: 15px 0px 15px 0px;
  text-align: center;
}
.site-login p {
  text-align: center;
  margin: 0 0 20px;
}
.site-login .login-form-box {
  max-width: 500px;
  border-radius: 4px;
  margin: 0 auto;
  padding: 30px 30px 15px 30px;
  background: #e2e2e2;
  color: black;
  box-shadow: 0 4px 15px -6px #888888;
}
.site-login .login-form-box .fg {
  color: #999;
  margin: 0.75em 0;
  text-align: right;
  display: inline-block;
}
.site-login .login-form-box button {
  width: 100%;
}

#site_error .site-error {
  max-width: 650px;
  margin: 0 auto;
  font-weight: bold;
  background: white;
  padding: 10px 35px 20px;
  border-radius: 15px;
  margin-top: 50px;
}
#site_error .site-error svg {
  max-width: 100%;
}

body.blog .card {
  float: left;
  padding: 0 1.7rem;
  width: 50%;
}
body.blog .card .menu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
body.blog .card .menu-content::before, body.blog .card .menu-content::after {
  content: "";
  display: table;
}
body.blog .card .menu-content::after {
  clear: both;
}
body.blog .card .menu-content li {
  display: inline-block;
}
body.blog .card .menu-content a {
  color: #fff;
}
body.blog .card .menu-content span {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 10px;
  font-weight: 700;
  font-family: "Open Sans";
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
body.blog .card .wrapper {
  background-color: #fff;
  min-height: 340px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
  background-size: cover;
  background-position: 50% 50%;
}
body.blog .card .wrapper:hover .data {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
body.blog .card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(calc(70px + 1em));
  transform: translateY(calc(70px + 1em));
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 70%);
}
body.blog .card .data .content {
  padding: 1em;
  position: relative;
  z-index: 1;
}
body.blog .card .author {
  font-size: 12px;
}
body.blog .card .title {
  margin-top: 10px;
}
body.blog .card .text {
  height: 70px;
  margin: 0;
}
body.blog .card input[type=checkbox] {
  display: none;
}
body.blog .card input[type=checkbox]:checked + .menu-content {
  -webkit-transform: translateY(-60px);
  transform: translateY(-60px);
}
body.blog .example-2 .wrapper:hover .menu-content span {
  -webkit-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
  opacity: 1;
}
body.blog .example-2 .header {
  color: #fff;
  padding: 1em;
}
body.blog .example-2 .header::before, body.blog .example-2 .header::after {
  content: "";
  display: table;
}
body.blog .example-2 .header::after {
  clear: both;
}
body.blog .example-2 .header .date {
  float: left;
  font-size: 12px;
}
body.blog .example-2 .menu-content {
  float: right;
}
body.blog .example-2 .menu-content li {
  margin: 0 5px;
  position: relative;
}
body.blog .example-2 .menu-content span {
  transition: all 0.3s;
  opacity: 0;
}
body.blog .example-2 .data {
  color: #fff;
  -webkit-transform: translateY(calc(70px + 5em));
  transform: translateY(calc(70px + 5em));
}
body.blog .example-2 .title a {
  color: #fff;
}
body.blog .example-2 .button {
  display: block;
  width: 100px;
  margin: 2em auto 1em;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  position: relative;
  font-weight: 700;
}
body.blog .example-2 .button::after {
  content: "→";
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.3s;
}
body.blog .example-2 .button:hover::after {
  -webkit-transform: translate(5px, -50%);
  transform: translate(5px, -50%);
  opacity: 1;
}
body.blog #blog_article .blog-img-article {
  height: 400px;
}

.one_service {
  background: white;
  min-height: 180px;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0px 4px 15px 2px rgba(199, 199, 199, 0.35);
}
.one_service a {
  color: #0a2f28;
  display: block;
  height: 100%;
  float: left;
  transition: color 0.5s;
}
.one_service a:hover {
  color: #184e45;
  text-decoration: none;
  transition: color 0.5s;
  cursor: pointer;
}
.one_service a .boxed {
  padding: 20px 30px 20px 28px;
  position: relative;
  border-radius: 20px;
  width: 100%;
  text-align: center;
  float: left;
  height: 100%;
}
.one_service a .boxed svg {
  font-size: 38px;
  width: 100%;
  display: block;
  float: left;
}
.one_service a .boxed span.title_part {
  margin-top: 20px;
  display: block;
  float: left;
  width: 100%;
  font-size: 18px;
}
.one_service a .boxed span.desc_part {
  font-size: 12px;
  font-weight: normal;
  padding: 15px 10px 10px;
  float: left;
  display: block;
  width: 100%;
}

h1 {
  margin: 0;
  width: 100%;
  font-size: 15px;
}
h1 .title_page {
  width: auto;
  display: inline-block;
  font-size: 20px;
  position: relative;
  color: #0c0d0d;
  margin: 0;
  padding: 14px 5px;
  font-family: "Open sans", sans-serif;
  font-weight: bold;
}

#etablissement_selection {
  display: inline-block;
  margin-left: 20px;
}
#etablissement_selection h2, #etablissement_selection .btn-secret {
  color: #2d2d2d;
  font-weight: normal;
  font-size: 14px;
  width: auto;
  display: inline-block;
  padding: 0;
}
#etablissement_selection .dropdown {
  display: inline-block;
  padding-left: 10px;
}
#etablissement_selection .dropdown .btn-secret {
  border-bottom: 2px solid;
  padding: 0;
  border-radius: 0;
  margin-bottom: 0;
}
#etablissement_selection .dropdown .dropdown-menu {
  left: 10px;
  right: 0;
  padding: 10px;
}
#etablissement_selection .dropdown .dropdown-menu a {
  display: inline-block;
  width: 100%;
  color: #2d2d2d;
}

.create_mandat {
  display: inline-block;
  width: fit-content;
  margin-bottom: 20px;
}
.create_mandat .box-white {
  border-radius: 4px;
  transition: 0.2s ease-in;
  font-size: 15px;
  color: white;
  box-shadow: 0 1px 1px #e4e7ed;
  padding: 20px;
  background-image: linear-gradient(35deg, #2db14a 0, #1e8c46 51%, #27632a 100%);
  max-width: 380px;
  text-align: center;
}
.create_mandat .box-white a {
  font-weight: bold;
  display: block;
  margin: 10px auto 0 auto;
  max-width: 150px;
  font-size: 14px;
  background: white;
  color: green;
}

.re-order {
  display: flex;
  flex-direction: column;
}
.re-order .create_mandat {
  order: 1;
}
.re-order .mandat-index {
  order: 2;
}

html .kv-panel-before {
  background: transparent;
  padding: 0 0 20px 0;
}
html .kv-panel-after {
  border: none;
  padding: 0;
}
html thead th, html .table-bordered > thead > tr > td, html thead th a, html .table-bordered > tbody > tr > th {
  border: none !important;
  color: black;
}
html .table-bordered > tbody > tr > td, html .table-bordered tbody tr td:first-child, html .table tbody tr td:first-child {
  text-align: left;
}
html .table tbody tr:nth-of-type(odd), html .table tbody tr:nth-of-type(even) {
  border-top: 1px solid #efefef !important;
  border-bottom: 1px solid #efefef !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent;
}
html body.document .table > thead > tr > th > a {
  color: #3a3a3a;
}
html td.kv-align-middle {
  text-align: center !important;
}

body#site_login, body#site_request-password-reset, body#site_reset-password {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: white;
  height: 100vh !important;
}
body#site_login > .wrap, body#site_request-password-reset > .wrap, body#site_reset-password > .wrap {
  overflow: hidden;
}
body#site_login .row:not(.login), body#site_request-password-reset .row:not(.login), body#site_reset-password .row:not(.login) {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
}
@media (max-width: 992px) {
  body#site_login .row:not(.login), body#site_request-password-reset .row:not(.login), body#site_reset-password .row:not(.login) {
    flex-direction: column;
  }
}
body#site_login .side-image, body#site_request-password-reset .side-image, body#site_reset-password .side-image {
  display: flex;
  height: 100vh;
  align-items: center;
  padding: 0 10%;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background-image: url(/img/login-bg.jpg);
  background-position: 50% 50%;
  background-size: cover;
}
@media (max-width: 992px) {
  body#site_login .side-image, body#site_request-password-reset .side-image, body#site_reset-password .side-image {
    display: none;
  }
}
body#site_login .side-login, body#site_request-password-reset .side-login, body#site_reset-password .side-login {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 5%;
  flex-direction: column;
  justify-content: center;
  background: white;
}
body#site_login .side-login .logo-webp, body#site_request-password-reset .side-login .logo-webp, body#site_reset-password .side-login .logo-webp {
  display: flex;
}
body#site_login .side-login .logo-webp img, body#site_request-password-reset .side-login .logo-webp img, body#site_reset-password .side-login .logo-webp img {
  width: 154px;
  height: 40px;
  margin-bottom: 15px;
}
body#site_login .side-login #login-form,
body#site_login .side-login #request-password-reset-form,
body#site_login .side-login #reset-password-form, body#site_request-password-reset .side-login #login-form,
body#site_request-password-reset .side-login #request-password-reset-form,
body#site_request-password-reset .side-login #reset-password-form, body#site_reset-password .side-login #login-form,
body#site_reset-password .side-login #request-password-reset-form,
body#site_reset-password .side-login #reset-password-form {
  max-width: 295px;
  width: 100%;
  margin-top: 25px;
}
body#site_login .side-login .owner_admin, body#site_request-password-reset .side-login .owner_admin, body#site_reset-password .side-login .owner_admin {
  text-align: center;
}

#site_index .elem_box {
  width: 33%;
  flex: 0 0 33%;
  max-width: 33%;
  display: inline-flex;
  padding: 0 10px;
}
@media (min-width: 767px) and (max-width: 991px) {
  #site_index .elem_box {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 767px) {
  #site_index .elem_box {
    width: 100%;
    max-width: 100%;
    flex: auto;
  }
}
#site_index .elem_box {
  /*.image_elem {
    width: 90px;
    border-radius: 50%;
    background-size: 60%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    svg {
      margin-top: 20px;
      vertical-align: middle;
      margin-left: 20px;
      height: 55px;
      @media (min-width: 768px) and (max-width: 1199px) {
        margin-top: 0;
        margin-left: 0;
      }
      @media (max-width: 767px) {
        margin-top: 0px;
        vertical-align: top;
        margin-left: 0px;
        height: 50px;
      }
    }
    @media (max-width: 767px) {
      width: auto;
      max-width: 50px;
      height: 50px;
      margin-left: 10px;
    }
  }*/
}
#site_index .elem_box .block-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 20px;
  background: #fff;
  transition: 0.2s ease-in;
  margin: 0 auto;
  padding: 15px 20px;
  width: 100%;
  overflow-x: visible;
  box-shadow: 0 2px 26px -10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
@media (max-width: 767px) {
  #site_index .elem_box .block-content {
    padding: 10px 15px;
  }
}
#site_index .elem_box .block-content:hover {
  box-shadow: 0 0 36px 3px rgba(179, 179, 179, 0.3);
}
#site_index .elem_box .block-content-left {
  display: flex;
  flex-direction: column;
  grid-row-gap: 15px;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  #site_index .elem_box .block-content-left {
    align-items: center;
  }
}
@media (max-width: 767px) {
  #site_index .elem_box .block-content-left {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  #site_index .elem_box .block-content-right a.btn span {
    display: none;
  }
}
#site_index .elem_box .block-content-right a.btn svg {
  height: 18px;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  #site_index .elem_box .block-content-right a.btn svg {
    height: 14px;
  }
}
#site_index .elem_box .block-content-title {
  display: flex;
  grid-column-gap: 12px;
}
#site_index .elem_box .block-content-title svg {
  height: 25px;
}
@media (max-width: 767px) {
  #site_index .elem_box .block-content-title svg {
    height: 23px;
  }
}
#site_index .elem_box .block-content-title p {
  flex: 1;
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 767px) {
  #site_index .elem_box .block-content-desc {
    display: none;
  }
}
#site_index .elem_box .block-content {
  /*.float-right {
    width: 90px;
    font-size: 50px;
    order: 1;
    @media (max-width: 1199px) {
      order: 0;
    }
    @media (max-width: 767px) {
      float: none;
      width: auto;
      max-width: 50px;
      margin-right: 20px;
    }
  }
  .float-left{
    padding-right: 15px;
    flex: 1;
    @media (max-width: 767px) {
      margin: 0;
    }
  }
  .nom_compte {
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    padding-top: 10px;
    @media (max-width: 767px) {
      font-size: 15px;
      padding-top: 0;
    }
  }
  .nom_identifiant {
    font-size: 14px;
    line-height: 15px;
    min-height: 45px;
    margin-top: 20px;
    @media (max-width: 767px) {
      min-height: unset;
      margin-top: 9px;
      font-weight: 400;
      font-size: 13px;
    }
  }*/
}
@media (min-width: 768px) and (max-width: 1199px) {
  #site_index .elem_box .block-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #site_index .elem_box .block-content {
    padding: 20px 20px;
    box-shadow: 0 0 19px -3px rgba(0, 0, 0, 0.11);
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
#site_index .elem_box .block-content {
  /*.elem-full-btn{
    width: 100%;
    margin-top: 20px;
    &>.btn{
      width: 100%;
    }
  }*/
}
#site_index .elem_box .block-link-shadow {
  background-color: #fff;
  box-shadow: 0 1px 1px #e4e7ed;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #site_index .elem_box {
    width: 100%;
    max-width: unset;
    padding: 0;
  }
}

html .select2-container--krajee .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 14px;
}

html #document_documents .tab-pane {
  margin-bottom: 50px;
}
html #document_documents th[data-col-seq="0"] {
  padding: 0 15px !important;
}
html #document_documents td svg {
  width: 18px;
  height: 24px;
  margin: 8px 5px 0;
}
html #document_documents .action-col {
  padding: 15px 30px !important;
}
html #document_documents .action-col a {
  padding: 0 10px;
  text-decoration: underline;
  color: #254ebb;
  font-size: 12px;
  font-weight: bold;
}
html #document_documents .pagination > li.next, html #document_documents .pagination > li.prev {
  display: none;
}
html #document_documents .pagination > li.active a {
  z-index: 3;
  cursor: pointer;
  background: #254ebb;
  color: white;
  border: none;
}
html #document_documents .pagination > li a, html #document_documents .pagination > li .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 10px;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  color: #3a3a3a;
}
html #document_documents .pagination > .disabled > span, html #document_documents .pagination > .disabled > span:hover, html #document_documents .pagination > .disabled > span:focus, html #document_documents .pagination > .disabled > a, html #document_documents .pagination > .disabled > a:hover, html #document_documents .pagination > .disabled > a:focus {
  border: none;
  background: transparent;
}

path.fa-primary {
  fill: #284cc7;
}

path.fa-secondary {
  fill: #517cee;
}

#lightgallery a {
  display: inline-block;
  width: 150px;
  max-height: 90px;
  overflow: hidden;
  border-radius: 4px;
  margin: 5px;
}
#lightgallery a img {
  width: 125%;
  height: 125%;
  left: -12.5%;
  right: -12.5%;
  position: relative;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e080";
  font-family: "Glyphicons Halflings";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e079";
  font-family: "Glyphicons Halflings";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-close:after {
  content: "\e014";
  font-family: "Glyphicons Halflings";
}

.lg-toolbar .lg-download:after {
  content: "\e025";
  font-family: "Glyphicons Halflings";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e060";
  font-family: "Glyphicons Halflings";
}

.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}

#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e140";
  font-family: "Glyphicons Halflings";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e140";
  font-family: "Glyphicons Halflings";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}

.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}

.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}

.lg-outer #lg-share {
  position: relative;
}

.lg-outer #lg-share:after {
  content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url("../img/loading.gif") no-repeat scroll center center transparent;
  display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}


.lg-css3.lg-zoom-in .lg-item {
  opacity: 0;
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3);
}

.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
  -webkit-transform: scale3d(1.3, 1.3, 1.3);
  transform: scale3d(1.3, 1.3, 1.3);
}

.lg-css3.lg-zoom-in .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-in-big .lg-item {
  opacity: 0;
}

.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(2, 2, 2);
  transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
  -webkit-transform: scale3d(2, 2, 2);
  transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-big .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out .lg-item {
  opacity: 0;
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(0.7, 0.7, 0.7);
  transform: scale3d(0.7, 0.7, 0.7);
}

.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
  -webkit-transform: scale3d(0.7, 0.7, 0.7);
  transform: scale3d(0.7, 0.7, 0.7);
}

.lg-css3.lg-zoom-out .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out-big .lg-item {
  opacity: 0;
}

.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-big .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out-in .lg-item {
  opacity: 0;
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
  -webkit-transform: scale3d(2, 2, 2);
  transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-out-in .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-in-out .lg-item {
  opacity: 0;
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(2, 2, 2);
  transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-in-out .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-soft-zoom .lg-item {
  opacity: 0;
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(0.9, 0.9, 0.9);
}

.lg-css3.lg-soft-zoom .lg-item.lg-current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-scale-up .lg-item {
  opacity: 0;
}

.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
}

.lg-css3.lg-scale-up .lg-item.lg-next-slide {
  -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
  transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
}

.lg-css3.lg-scale-up .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.lg-css3.lg-slide-circular .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-up .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}

.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}

.lg-css3.lg-slide-circular-up .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-down .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}

.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}

.lg-css3.lg-slide-circular-down .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
  transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
  transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
  -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-vertical .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

.lg-css3.lg-slide-vertical .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-vertical-growth .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
  -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
  -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
  -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
  -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
  transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
  -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
  -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
  -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
  -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
  transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
  -moz-transform: skew(10deg, 0deg);
  -o-transform: skew(10deg, 0deg);
  -ms-transform: skew(10deg, 0deg);
  -webkit-transform: skew(10deg, 0deg);
  transform: skew(10deg, 0deg);
}

.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
  -moz-transform: skew(10deg, 0deg);
  -o-transform: skew(10deg, 0deg);
  -ms-transform: skew(10deg, 0deg);
  -webkit-transform: skew(10deg, 0deg);
  transform: skew(10deg, 0deg);
}

.lg-css3.lg-slide-skew-only .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg);
  -o-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
  opacity: 1;
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
  -moz-transform: skew(-10deg, 0deg);
  -o-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
  -webkit-transform: skew(-10deg, 0deg);
  transform: skew(-10deg, 0deg);
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
  -moz-transform: skew(-10deg, 0deg);
  -o-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
  -webkit-transform: skew(-10deg, 0deg);
  transform: skew(-10deg, 0deg);
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg);
  -o-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
  opacity: 1;
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-y .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
  -moz-transform: skew(0deg, 10deg);
  -o-transform: skew(0deg, 10deg);
  -ms-transform: skew(0deg, 10deg);
  -webkit-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
  -moz-transform: skew(0deg, 10deg);
  -o-transform: skew(0deg, 10deg);
  -ms-transform: skew(0deg, 10deg);
  -webkit-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg);
  -o-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
  opacity: 1;
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
  -moz-transform: skew(0deg, -10deg);
  -o-transform: skew(0deg, -10deg);
  -ms-transform: skew(0deg, -10deg);
  -webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
  -moz-transform: skew(0deg, -10deg);
  -o-transform: skew(0deg, -10deg);
  -ms-transform: skew(0deg, -10deg);
  -webkit-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg);
  -o-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  -webkit-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
  opacity: 1;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
  -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
  -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
  -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
  -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
  transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
  -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
  -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
  -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
  -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
  transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
  -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
  -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
  -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
  -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
  transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
  -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
  -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
  -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
  -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
  transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-cross .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
  -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
  -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
  -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
  -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
  transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
  -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
  -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
  -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
  -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
  transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
  -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
  -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
  -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
  -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
  transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
  -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
  -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
  -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
  -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
  transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
  -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
  -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
  -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
  -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
  transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
  -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
  -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
  -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
  -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
  transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
  -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
  -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
  -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
  -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
  transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
  -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
  -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
  -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
  -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
  transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
  -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
  -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
  -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
  -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
  transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
  -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
  -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
  -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
  -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
  transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
  -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
  -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
  -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
  -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
  transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
  -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
  -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
  -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
  -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
  transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
  -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
  opacity: 1;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-lollipop .lg-item {
  opacity: 0;
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-lollipop .lg-item.lg-next-slide {
  -moz-transform: translate3d(0, 0, 0) scale(0.5);
  -o-transform: translate3d(0, 0, 0) scale(0.5);
  -ms-transform: translate3d(0, 0, 0) scale(0.5);
  -webkit-transform: translate3d(0, 0, 0) scale(0.5);
  transform: translate3d(0, 0, 0) scale(0.5);
}

.lg-css3.lg-lollipop .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-lollipop-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
  -moz-transform: translate3d(0, 0, 0) scale(0.5);
  -o-transform: translate3d(0, 0, 0) scale(0.5);
  -ms-transform: translate3d(0, 0, 0) scale(0.5);
  -webkit-transform: translate3d(0, 0, 0) scale(0.5);
  transform: translate3d(0, 0, 0) scale(0.5);
}

.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-lollipop-rev .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-rotate .lg-item {
  opacity: 0;
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide {
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.lg-css3.lg-rotate .lg-item.lg-next-slide {
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.lg-css3.lg-rotate .lg-item.lg-current {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-rotate-rev .lg-item {
  opacity: 0;
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.lg-css3.lg-rotate-rev .lg-item.lg-current {
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-tube .lg-item {
  opacity: 0;
}

.lg-css3.lg-tube .lg-item.lg-prev-slide {
  -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
  -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
  -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
  -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
  transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
}

.lg-css3.lg-tube .lg-item.lg-next-slide {
  -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
  -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
  -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
  -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
  transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
}

.lg-css3.lg-tube .lg-item.lg-current {
  -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.field-tache-type_tache_id label .label {
  color: #333;
}

.field-tache-type_tache_id label input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  z-index: -1;
  outline: none !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background: white;
  border: 1px solid #333;
  transition: 0.5s ease;
  box-shadow: 0 10px 10px -10px #9e9e9e;
  border-radius: 15px !important;
  cursor: pointer;
  opacity: 0.7;
}

.field-tache-type_tache_id label:not(.control-label) {
  background: none;
  padding: 7px;
  color: #333;
  position: relative;
  z-index: 2;
  outline: none !important;
  cursor: pointer;
  min-width: 150px;
  text-align: center;
  margin-right: 15px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .field-tache-type_tache_id label:not(.control-label) {
    width: 100%;
    margin-bottom: 15px;
  }
}

.field-tache-type_tache_id label input:checked {
  background-image: linear-gradient(35deg, #2db14a 0, #1e8c46 51%, #27632a 100%);
  opacity: 1;
  box-shadow: 0 10px 10px -10px #2db14a;
  border: 1px solid #1e8c46;
}

.field-tache-type_tache_id label input:checked + .label {
  color: white;
}

.field-tache-type_tache_id .label-wrapper {
  margin-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
  .field-tache-type_tache_id .label-wrapper {
    margin-bottom: 35px;
  }
}
.field-tache-type_tache_id .label-wrapper:last-of-type {
  border-bottom: none;
}

@media (max-width: 767px) {
  .field-tache-type_tache_id .label-wrapper .desc {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
  }
}

.field-tache-type_tache_id .tag-label {
  background: white;
  color: #333333;
  font-size: 10px;
  padding: 6px 3px 4px;
  border-radius: 3px;
  margin-right: 5px;
  font-weight: bold;
  border: 1px solid gainsboro;
}
@media (max-width: 767px) {
  .field-tache-type_tache_id .tag-label {
    width: 100%;
    padding: 10px 15px;
    margin-right: 0;
  }
}

.field-tache-type_tache_id .desc-type {
  font-size: 12px;
  padding: 4px 5px 3px;
  border-radius: 3px;
  font-weight: bold;
  border: 1px solid;
  margin-right: 5px;
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.field-suivitache-commentaire .mce-container.mce-panel {
  box-sizing: border-box;
}

.loader_custom {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader_custom.loading {
  opacity: 1;
  visibility: visible;
}
.loader_custom .spinner {
  width: 70px;
  text-align: center;
}
.loader_custom .spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loader_custom .spinner > div:nth-child(1) {
  background-color: #2dbb49;
}
.loader_custom .spinner > div:nth-child(2) {
  background-color: #32bd6e;
}
.loader_custom .spinner > div:nth-child(3) {
  background-color: #1fb693;
}
.loader_custom .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader_custom .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
#popin_conges {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
#popin_conges .popup-content {
  background: white;
  padding: 30px;
  position: relative;
  max-width: 900px;
}
#popin_conges .popup-content .close {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  padding: 16px;
  opacity: 0.5;
}
#popin_conges .popup-content .content {
  font-size: 17px;
}
#popin_conges .popup-content .content p {
  font-size: 17px;
  margin-bottom: 2px;
  pointer-events: none;
}
#popin_conges .popup-content .content p a {
  pointer-events: all;
}
#popin_conges .popup-content .content .margin-bottom {
  margin-bottom: 30px;
}
#popin_conges .popup-content .content .strong {
  font-weight: bold;
}

.fc-license-message {
  display: none;
}

/*# sourceMappingURL=site.css.map */