@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/OpenSans-Regular.ttf?aojzf2') format('truetype');
}

body.kit-body-wrap.kit-body-admin {
  font-family: 'OpenSans';
  font-size: 0.85rem;
  background: white;
}

.kit-body-wrap.kit-body-admin .row {
  max-width: none;
}

.kit-body-wrap h1,
.kit-body-wrap h2,
.kit-body-wrap h3,
.kit-body-wrap h4,
.kit-body-wrap h5,
.kit-body-wrap h6,
.kit-body-wrap button, 
.kit-body-wrap .button,
.kit-body-wrap .button-2,
.kit-body-wrap .button-3,
.kit-body-wrap #module-configuration-reveal .tabs dd > a,
.kit-body-wrap #module-configuration-reveal .tabs .tab-title > a,
.kit-body-wrap #module-configuration-reveal .sub-nav dt, 
.kit-body-wrap #module-configuration-reveal .sub-nav dd, 
.kit-body-wrap #module-configuration-reveal .sub-nav li,
.kit-body-wrap .page-layout-wrap .page-header-wrap h4,
.kit-body-wrap .page-layout-wrap .page-footer-wrap h4,
.kit-body-wrap .page-layout-wrap .add-zone h4,
.kit-body-wrap .page-layout-wrap .module-add h4,
.kit-body-wrap .header-footer-separator-text,
.kit-body-wrap .overlay-text-edit,
.kit-body-wrap .overlay-text-delete {
  font-family: 'OpenSans';
}

.kit-body-wrap a {
  color: #055C70;
  text-decoration: underline;
  outline: none;
}

.kit-body-wrap a:hover {
  color: #055C70;
}

.kit-body-wrap a.second {
  text-decoration: none;
  color: #748094;
}

.kit-body-wrap a.second:hover {
  color: #CCC;
}

.kit-body-wrap .icon-shop {
  font-size: 21px;
  display: block;
  color: white;
}

.kit-body-wrap .icon-shop:hover {
  color: white;
}

.kit-body-wrap div.alert-box-reveal.hide,
.kit-body-wrap div.alert-box.hide {
  display: none;
}

.kit-body-wrap div.alert-box-reveal{
  padding-left: 1rem;
}

.kit-body-wrap div.alert-box-reveal.alert,
.kit-body-wrap div.alert-box.alert {
  margin: 0;
  text-align: left;
  color: white;
  background: #ff5656;
  border-color: transparent;
  width: 100%;
}

.kit-body-wrap div.alert-box-reveal.success,
.kit-body-wrap div.alert-box.success {
  margin: 0;
  text-align: left;
  color: white;
  background: #43AC6A;
  border-color: transparent;
  width: 100%;
}

.kit-body-wrap div.alert-box-reveal:not(ul) span{
  min-height: 36px;
}

.kit-body-wrap div.alert-box-reveal .alert-close {
  right: 0.25rem;
  background: inherit;
  color: white;
  font-size: 1.375rem;
  line-height: .9;
  margin-top: -0.6875rem;
  padding: 0 6px 4px;
  position: absolute;
  top: 80px;
}

.kit-body-wrap div.alert-box .alert-close {
  right: 0.25rem;
  background: inherit;
  color: white;
  font-size: 1.375rem;
  line-height: .9;
  margin-top: -0.6875rem;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%;
}

.kit-body-wrap div.alert-box a {
  color: white;
}

.kit-body-wrap ul.validation-list {
  list-style-type: none;
  margin: 0;
  font-size: 0.8rem;
}

.kit-body-wrap button,
.kit-body-wrap a.button,
.kit-body-wrap input.button,
.kit-body-wrap .button {
  background: #055C70;
  margin-bottom: 20px;
  color: #FFF;
  padding: 0.8rem;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  height: 44.59px;
  outline: none;
}

.kit-body-wrap a.button {
  text-decoration: none;	
}

.kit-body-wrap a.button:hover {
  color: #FFF;
}

.kit-body-wrap button:hover,
.kit-body-wrap button:focus,
.kit-body-wrap .button:hover,
.kit-body-wrap .button:focus,
.kit-body-wrap a.button:hover,
.kit-body-wrap a.button:focus,
.kit-body-wrap input.button:hover,
.kit-body-wrap input.button:focus,
.kit-body-wrap .button:hover,
.kit-body-wrap .button:focus,
.kit-body-wrap .button.active {
  background: #055C70;
}

.kit-body-wrap .button-2,
.kit-body-wrap button.button-2,
.kit-body-wrap a.button-2,
.kit-body-wrap input.button-2 {
  background: none;
  text-align: center;
  margin-bottom: 20px;
  color: #055C70;
  padding: 0.77rem;
  text-decoration: none;
  border-radius: 0.3rem;
  border: thin solid #055C70;
  font-size: 0.85rem;
  display: inline-block;
  position: relative;
  top: inherit;
  right: inherit;
}

.kit-body-wrap button.button-2:hover,
.kit-body-wrap a.button-2:hover,
.kit-body-wrap input.button-2:hover,
.kit-body-wrap .button-2:hover {
  background: white;
  color: #055C70;
  border-color: #055C70;
}

.kit-body-wrap button.button-3,
.kit-body-wrap a.button-3,
.kit-body-wrap input.button-3 {
  background: #DEE8F3;
  text-align: center;
  margin-bottom: 20px;
  color: #3D4858;
  padding: 0.77rem;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0.3rem;
  font-size: 0.85rem;
  display: inline-block;
}

.kit-body-wrap button.button-3:hover,
.kit-body-wrap a.button-3:hover,
.kit-body-wrap input.button-3:hover {
  background: #3D4858;
  color: #DEE8F3;
}

.kit-body-wrap .button-2.expand {
  background: white;
}

.kit-body-wrap .button-2.expand,
.kit-body-wrap .button-3.expand {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* Select */
.kit-body-wrap .select2-dropdown {
  border: 1px solid #e2e2e2;
}

/** MENU DASHBOARD **/
body.kit-body-wrap.kit-body-admin .header {
  padding: 1rem;
  background: #2b2b2b;
  color: white;
    text-transform: uppercase;
  font-size: 1rem;
  max-height: 3.5rem;
}

body.kit-body-wrap.kit-body-admin .header .agency-name a span {
  position: relative;
  top: 1px;
}

body.kit-body-wrap.kit-body-admin .header .agency-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

body.kit-body-wrap.kit-body-admin .header .agency-name a {
  color: white;
}

body.kit-body-wrap.kit-body-admin .header .agency-name a:hover {
  font-weight: bold;
}

body.kit-body-wrap.kit-body-admin .header .admin-burger-menu {
  position: relative;
  display: inline-block;
  float: right;
}

body.kit-body-wrap.kit-body-admin .header .icon-menu:before {
  font-size: 1.8rem;
}

body.kit-body-wrap.kit-body-admin .header ul {
  display: none;
  position: absolute;
  right: 0;
  background: white;
  z-index: 500;
  border: 1px solid #a7a7a7;
}

body.kit-body-wrap.kit-body-admin .header ul li {
  list-style: none;
  display: block;
  cursor: pointer;
  text-transform: none;
}

body.kit-body-wrap.kit-body-admin .header ul li:last-child {
  border-top: 1px solid #a7a7a7;
}

body.kit-body-wrap.kit-body-admin .header ul li.home a,
body.kit-body-wrap.kit-body-admin .header ul li.logout a {
  color: #055c70;
}

body.kit-body-wrap.kit-body-admin .header ul li.change-dashboard a {
  color: #a7a7a7;
  display: inline-block;
  min-width: 180px;
}

body.kit-body-wrap.kit-body-admin .header ul li.change-dashboard span {
  padding-right: 0.5rem;
  color: #055c70;
}

body.kit-body-wrap.kit-body-admin .header ul li a {
  display: block;
  padding: 0.3rem 1.8rem;
  text-decoration: none;
  color: #222;
}

body.kit-body-wrap.kit-body-admin .header ul li:not(.logout):not(.home):not(.change-dashboard):hover a {
  color: white;
}

body.kit-body-wrap.kit-body-admin .header .admin-burger-menu:hover ul {
  display: block;
}

/** Header configuration **/
body.kit-body-wrap.kit-body-admin .header-configuration,
body.kit-body-wrap.kit-body-admin .content-configuration{
  padding: 1rem;
}

body.kit-body-wrap.kit-body-admin .header-configuration > .columns {
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
}

body.kit-body-wrap.kit-body-admin .header-configuration .icon-configuration > .icon {
  width: 4rem;
  height: 4rem;
  float: left;
  border-right: 2px solid white;
  border-radius: 4px 0 0 0;
  text-align: center;
}

body.kit-body-wrap.kit-body-admin .header-configuration .icon-configuration > .icon:before {
  color: white;
  font-size: 2rem;
  position: relative;
  top: 1rem;
}

body.kit-body-wrap.kit-body-admin .header-configuration .title-configuration {
  width: 9rem;
  float: left;
  padding-left: 1rem;
  color: white;
  border-radius: 0 4px 0 0;
}

body.kit-body-wrap.kit-body-admin .header-configuration .info-configuration {
  width: 83%;
  width: calc(100% - 13rem);
  float: left;
}

body.kit-body-wrap.kit-body-admin .header-configuration .info-configuration .has-tip {
  font-size: 1.5rem;
}

body.kit-body-wrap.kit-body-admin .has-tip {
  border-bottom-color: transparent;
}

/** Titre h3 **/
body.kit-body-wrap.kit-body-admin .content-configuration h3 {
  font-size: 0.9rem;
  font-weight: bold;
  color: black;
}

body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) h3 > span {
  position: relative;
  background: #fff;
  padding: 0 8px 0 0;
}

body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) h3:not(.no-before):before {
  position: relative;
  top: 11px;
  display: block;
  height: 1px;
  content: '';
  background: #e2e2e2;
}

body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) h3.with-infos {
  width: 97%;
  width: calc(100% - 30px);
  display: inline-block;
}

/** Titre h4 **/
body.kit-body-wrap.kit-body-admin .content-configuration h4 {
  font-size: 0.9rem;
  color: black;
  display: inline-block;
}

/** Infos pour champs obligatoires **/
body.kit-body-wrap.kit-body-admin .obligatory-label-info {
  color: #585E66;
  font-size: 0.75rem;
  margin-bottom: 2rem;
}
/** Petit texte **/
body.kit-body-wrap.kit-body-admin .small-paragraph {
  font-size: 0.75rem;
  font-style: italic;
  color: #585E66;
  margin-bottom: 1rem;
}
body.kit-body-wrap.kit-body-admin .small-paragraph.no-margin {
  margin-bottom: 0;
}

/** Onglets **/
body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs .tab-title {
  width: 100%;
}

body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs .tab-title a {
  background-color: #eaf7fd;
  color: #03637b;
  text-align: center;
  text-decoration: none;
  outline: none;
  line-height: 1;
}

body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs .tab-title.active a,
body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs .tab-title:hover a {
  background-color: #03637b;
  color: white;
}

/** Bouton file **/
body.kit-body-wrap.kit-body-admin .inputfiles-box,
body.kit-body-wrap.kit-body-admin .inputfiles-box *,
body.kit-body-wrap.kit-body-admin .inputfiles-box *:after,
body.kit-body-wrap.kit-body-admin .inputfiles-box *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box.max-width label {
  max-width: 210px;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box .inputfile {
  display: none;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box label {
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  color: #000;
  border: 1px solid #005c76;
  border-radius: 0.25rem;
  width: 100%;
  text-align: center;
  height: 44.59px;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box label span {
  width: 83%;
  width: calc(100% - 50px);
  font-size: 16px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  line-height: 44.59px;
}

body.kit-body-wrap.kit-body-admin  .inputfiles-box label strong span {
  width: 50px;
  padding: 0;
  font-size: 1.5rem;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box label strong {
  color: white;
  background-color: #005c76;
  display: inline-block;
  text-align: center;
  border-radius: 0.25rem;
  padding: 0;
  width: 50px;
  height: 44.59px;
  float: right;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box label > span{
  float: left;
  width: 83%;
  width: calc(100% - 50px);
  padding: 0 0.5rem;
  font-size: 13px;
} 

body.kit-body-wrap.kit-body-admin .inputfiles-box .list-files-uploaded{
  font-size: 12px;
  color: #005c76;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
}

body.kit-body-wrap.kit-body-admin .inputfiles-box .list-files-uploaded.visible{
  display: block;
} 

body.kit-body-wrap.kit-body-admin .file-line .line-name{
  display: inline-block;
  min-width: 170px;
    word-wrap: break-word;
    max-width: 100%;
}

body.kit-body-wrap.kit-body-admin .file-line span.icon{
  padding-top: 0.2rem;
  padding-left: 4px;
}

/** Icone activé/désactivé **/
.kit-body-wrap span.icon-bullet-background.active {
  color: #43AC6A;
}

.kit-body-wrap span.icon-bullet-background.disable, .kit-body-wrap span.icon-bullet-background.passed {
  color: #ff5656;
}

.kit-body-wrap span.icon-bullet-background.waiting {
  color: #f08a24;
}

.kit-body-wrap span.icon-bullet-background.default {
  display: none;
}

/** Modale foundation **/
.kit-body-wrap .reveal-modal{
  position: fixed;
  top: 0;
  max-width: none;
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  border: none;
  outline: none;
  transform: translateZ(0);
}

.kit-body-wrap .reveal-modal a.close-reveal-modal {
  color: black;
  text-decoration: none;
}

/* Header */
.kit-body-wrap .reveal-modal .reveal-header {
  background: #2B2B2B;
}

.kit-body-wrap .reveal-modal .reveal-header > div {
  height: 3rem;
  display: table;
  float: left;
  width: 80%;
  width: calc(100% - 6rem);
  padding: 0 0.5rem;
}

.kit-body-wrap .reveal-modal .reveal-header > div:first-child,
.kit-body-wrap .reveal-modal .reveal-header > div:last-child {
  width: 3rem;
}

.kit-body-wrap .reveal-modal .reveal-header span.has-tip,
.kit-body-wrap .reveal-modal .reveal-header h2,
.kit-body-wrap .reveal-modal .reveal-header a.close-reveal-modal {
  display: table-cell;
  vertical-align: middle;
  color: white;
  text-decoration: none;
}

.kit-body-wrap .reveal-modal .reveal-header h2 {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

.kit-body-wrap .reveal-modal .reveal-header span,
.kit-body-wrap .reveal-modal .reveal-modal-module-icon {
  font-size: 1.5rem;
}

.kit-body-wrap .reveal-modal .reveal-modal-module-icon {
  position: relative;
  top: 3px;
  right: 10px;
}

.kit-body-wrap .reveal-modal .reveal-header a.close-reveal-modal {
  font-size: 2.5rem;
  position: relative;
  top: 0;
  right: 0;
}

/* Contenu */
.kit-body-wrap .reveal-modal .reveal-content {
  padding: 1rem;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .obligatory-label-info {
  margin-bottom: 1rem;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .columns.text-right label {
  display: table-cell;
  vertical-align: middle;
}

body.kit-body-wrap.kit-body-admin .reveal-modal select,
body.kit-body-wrap.kit-body-admin .reveal-modal input {	
  height: 44.59px;
}

body.kit-body-wrap.kit-body-admin .reveal-modal input[type="checkbox"]{
  margin-bottom: 0;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .no-counteroffer-container .counteroffer-type label {
  display: inline-block;
  padding: 0.7rem 1rem 0 0;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .no-counteroffer-container .counteroffer-type input {
  height: auto;
  margin-right: 0.5rem;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .no-counteroffer-container img {
  max-height: 10rem;
}

/* Apparence des modules (preview) */
body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .explanation_view {
  font-size: 14px;
  color: #a8a8a8;
  margin-bottom: 0;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration label {
  text-transform: uppercase;
  color: #055C70;
  border: 1px solid lightgray;
  padding: 15px;
  position: relative;
  height: 256px;
  display: table-cell;
  vertical-align: middle;
  width: 600px;
  transform: translateZ(0) scale(1.0, 1.0);
  filter: blur(0);
  backface-visibility: hidden;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration label.disabled {
  color: #a8a8a8;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration input.module-view-title {
  height: auto;
  margin-bottom: 0;
  margin-top: 15px;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .extra-config-view.disabled {
  display: none;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .extra-config-view label {
  color: black;
  height: auto;
  display: inline-block;
  width: auto;
  border: none;
  text-transform: none;
  padding: 0.5rem;
  cursor: pointer;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .extra-config-view input {
  height: auto;
  margin-right: 0.5rem;
  position: relative;
  top: 1px;
}

/** Templates non payés ou désactivés **/
.kit-body-wrap.kit-body-admin .content-configuration.design .disabled img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .disabled .picture-container img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration > .row:last-child > .small-12 .picture-container .small-infos:first-of-type {
  margin-bottom: 0;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .picture-container input {
  display: block;
  margin: 0 auto;
  position: absolute;
    bottom: 15px;
    left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .picture-container h4 {
  display: block;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 5px;
  color: white;
  font-size: 1.063rem;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .smallInfosContainer {
  top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  left: 50%;
  width: 90%;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .infos {
    text-transform: none;
    font-size: 14px;
    color: white;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .small-infos {
  text-transform: none;
  margin-bottom: 15px;
  font-size: 0.75rem;
  line-height: 17px;
  color: white;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .small-infos span {
  color: white;
}


body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .overlayOffer {
  position: absolute;
  transform: translate(-50%, -50%) scale(1.0, 1.0);
  filter: blur(0);
  left: 50%;
  top: 50%;
  transition: all .2s ease;
  opacity: 0;
  background: rgba(88, 94, 102, 0.8);
  width: 100%;
  height: 100%;
  padding: 15px 20px 20px;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration img {
  transition: 0.4s ease;
  transform: scale(1.0, 1.0);
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration .preview {
  margin-bottom: 1rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration label:hover .overlayOffer {
  opacity: 1;
  transition: all .2s ease-in-out;
}

body.kit-body-wrap.kit-body-admin .reveal-modal .module-views-configuration label:hover img {
  transform: scale(1.05, 1.05);
  transition: 0.4s ease;
}

/** Drag & Drop **/
.kit-body-wrap [draggable] {
  cursor: move;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.kit-body-wrap.kit-body-admin .content-configuration .configuration-menu-content .newtab-content .newtab {
  width: 10%;
}

.kit-body-wrap.kit-body-admin .content-configuration .configuration-menu-content .newtab-content label {
  width: 85%;
  padding: 10px;
  font-size: 13px;
  margin: 0;
  vertical-align: top;
}

/** Popup de suppression/sauvegarde **/
.kit-body-wrap.kit-body-admin .delete-modal,
.kit-body-wrap.kit-body-admin .save-modal {
  width: 100%;
  text-align: center;
  top: 0;
}

.kit-body-wrap.kit-body-admin .delete-modal h4,
.kit-body-wrap.kit-body-admin .save-modal h4 {
  padding: 0 3rem;
}

/** Popup de preview */
body.kit-body-wrap.kit-body-admin #fade {
  display: none;
  overflow: hidden;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.80;
  z-index: 9999;
}

body.kit-body-wrap.kit-body-admin #preview-popup{
  display: none;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: none;
  max-height: 90%;
  min-height: 90vh;
  width: 80%;
  margin: 0 auto;
  top: 3.25rem;
  left: 0;
  right: 0;
  font-size: 1.2em;
  background: #fff;
  z-index: 99999;
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
}

body.kit-body-wrap.kit-body-admin #preview-popup > .row {
  margin-top: 4rem;
  padding: 0 1rem 1rem 1rem;
}

body.kit-body-wrap.kit-body-admin #preview-popup > .row.preview-color {
  position: fixed;
  z-index: 1;
  background: white;
  width: inherit;
  padding: 1rem;
  margin-top: 0;
}

body.kit-body-wrap.kit-body-admin .preview-color-information {
  display: inline-block;
  color: #585E66;
  font-size: 0.75rem;
  width: 90%;
}

body.kit-body-wrap.kit-body-admin .close-preview {
  display: inline-block;
  float: right;
  text-decoration: none;
}

body.kit-body-wrap.kit-body-admin .preview-picture {
  min-height: 80vh;
  height: 80vh;
}

body.kit-body-wrap.kit-body-admin .preview-picture.unique {
  display: table;
  width: 100%;
}

body.kit-body-wrap.kit-body-admin .preview-picture.unique .slider{
  display: table-cell;
  vertical-align: middle;
}

body.kit-body-wrap.kit-body-admin #preview-popup .icon-delete-alt2 {
  font-size: 1.5rem;
  right: 11%;
}

body.kit-body-wrap.kit-body-admin #preview-popup .slick-list {
  min-height: 80vh;
}

body.kit-body-wrap.kit-body-admin #preview-popup .slick-slide {
  height: auto;
  width: auto;
  outline: none;
  margin: 0 65px;
}

body.kit-body-wrap.kit-body-admin #preview-popup .prevArrow,
body.kit-body-wrap.kit-body-admin #preview-popup .nextArrow {
  position: fixed;
    top: 50vh;
    cursor: pointer;
    font-size: 40px;
}

body.kit-body-wrap.kit-body-admin #preview-popup .prevArrow {
  left: 15%;
}

body.kit-body-wrap.kit-body-admin #preview-popup .nextArrow {
  right: 15%;
}

/** Popup de shop / warning contenu non sécurisé **/
@media only screen {
  body.kit-body-wrap.kit-body-admin #go-shop-popup,
  body.kit-body-wrap.kit-body-admin #warning-popup {
    display: none;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: none;
    max-height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
    top: 0;
    left: 0;
    right: 0;
    font-size: 1.2em;
    background: #fff;
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 20px #000;
    -moz-box-shadow: 0px 0px 20px #000;
    box-shadow: 0px 0px 20px #000;
  }
  
  body.kit-body-wrap.kit-body-admin #go-shop-popup .fa-shopping-basket,
  body.kit-body-wrap.kit-body-admin #warning-popup .fa-unlock-alt {
    font-size: 30px;
  }
  
  body.kit-body-wrap.kit-body-admin #go-shop-popup p,
  body.kit-body-wrap.kit-body-admin #warning-popup p {
    padding-top: 2rem;
  }
  
  body.kit-body-wrap.kit-body-admin #go-shop-popup a,
  body.kit-body-wrap.kit-body-admin #go-shop-popup button,
  body.kit-body-wrap.kit-body-admin #warning-popup button {
    margin-bottom: 0;
  }
  
}

@media only screen and (min-width: 40.063em) { 
  body.kit-body-wrap.kit-body-admin #go-shop-popup,
  body.kit-body-wrap.kit-body-admin #warning-popup {
    width: 75%;
    top: 35%;
  }
}

@media only screen and (min-width: 64.063em) { 
  body.kit-body-wrap.kit-body-admin #go-shop-popup,
  body.kit-body-wrap.kit-body-admin #warning-popup {
    width: 30%;
    top: 37.5%;
  }
}

/** Popin d'édition d'actualikit **/
#actualikit-disclaimer-reveal .reveal-header .columns,
#actualikit-disclaimer-reveal .reveal-header .columns h2,
#contact-disclaimer-reveal .reveal-header .columns,
#contact-disclaimer-reveal .reveal-header .columns h2,
#delete-disclaimer-reveal .reveal-header .columns,
#delete-disclaimer-reveal .reveal-header .columns h2,
#block-delete-reveal .reveal-header .columns,
#block-delete-reveal .reveal-header .columns h2,
#page-header-reveal .reveal-header .columns,
#page-header-reveal .reveal-header .columns h2,
#page-footer-reveal .reveal-header .columns,
#page-footer-reveal .reveal-header .columns h2,
#delete-disclaimer-hf-reveal .reveal-header .columns,
#delete-disclaimer-hf-reveal .reveal-header .columns h2,
#edit-disclaimer-reveal .reveal-header .columns,
#edit-disclaimer-reveal .reveal-header .columns h2,
#release-disclaimer-reveal .reveal-header .columns,
#release-disclaimer-reveal .reveal-header .columns h2,
#module-delete-reveal .reveal-header .columns,
#module-delete-reveal .reveal-header .columns h2,
#block-configuration-reveal .reveal-header .columns,
#block-configuration-reveal .reveal-header .columns h2,
#leaving-disclaimer-reveal .reveal-header .columns,
#leaving-disclaimer-reveal .reveal-header .columns h2,
#duplicate-disclaimer-reveal .reveal-header .columns,
#duplicate-disclaimer-reveal .reveal-header .columns h2,
#starter-disclaimer-reveal .reveal-header .columns,
#starter-disclaimer-reveal .reveal-header .columns h2,
#page-configuration-reveal .reveal-header .columns,
#send_template .reveal-header .columns h2,
#send_template .reveal-header .columns,
#dedicate_modal .reveal-header .columns h2,
#dedicate_modal .reveal-header .columns,
#page-previous-reveal .reveal-header .columns,
#page-previous-reveal .reveal-header .columns h2 {
  width:100% !important;
}

#contact-disclaimer-reveal label[for="copy"]{
  position: relative;
  top: -1px;
}

#contact-disclaimer-reveal input[type="file"],
#contact-disclaimer-reveal input[type="checkbox"] {
  height: auto;
}

#page-configuration-reveal .reveal-header .columns h3{
  color: white;
}

#page-configuration-reveal input[type="checkbox"]{
  height: auto;
}

/** Popin de choix de module **/
#module-add-reveal .reveal-header .columns,
#module-add-reveal .reveal-header .columns h2{
  width:100%;
}

#module-add-reveal .module-list .module > .row {
  min-height: 45px;
  cursor: pointer;
}

#module-add-reveal .module-list .module {
  min-height: 45px;
}

#module-add-reveal .module-list .module.disabled {
  cursor: auto;
}

#module-add-reveal .module-list .module.disabled span {
  color: lightgray;
}

/** Mobile **/
@media only screen and (max-width: 40em) {
  /** Popin de choix de module **/
  /*on met une bordure à tous les modules sauf les deux derniers, et on rajoute une bordure à l'avant dernier si on a un nombre impair de modules*/
  #module-add-reveal .module-list .module:nth-last-child(n+2)	{
    border-bottom: thin solid black;
  }
  
  #module-add-reveal .module-list .module {
    margin: 0.5rem 0;
  }
}

/** Tablette **/
@media only screen and (min-width: 40.063em) {
  /** Onglets **/
  body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs {
    border-bottom: 1px solid #03637b;
  }

  body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs .tab-title {
    width: auto;
  }
  
  body.kit-body-wrap.kit-body-admin .content-configuration:not(.pages-layout) ul.tabs .tab-title a {
    border-radius: 7px 7px 0 0;
    border-right: 3px solid rgba(88, 94, 102, 0.2);
  }
  /** Popup de suppression **/
  .kit-body-wrap.kit-body-admin .delete-modal,
  .kit-body-wrap.kit-body-admin .save-modal {
    width: 80%;
    top: 6.25rem;
  }
  /* Popup */
  .kit-body-wrap .reveal-modal{
    top: 3.5rem;
    max-height: 85%;
    max-height: calc(100% - 7rem);
    width: 95%;
  }
  .kit-body-wrap .reveal-modal .reveal-content {
    max-height: 90%;
    max-height: calc(100% - 7rem);
  }
  
  body.kit-body-wrap.kit-body-admin .reveal-modal .columns.text-right {
    display: table;
    height: 44.59px;
  }
  
  /** Popin de choix de module **/
  /*on met une bordure à tous les modules sauf les deux derniers, et on rajoute une bordure à l'avant dernier si on a un nombre impair de modules*/
  #module-add-reveal .module-list .module:nth-last-child(n+3),
  #module-add-reveal .module-list .module:nth-last-child(2):nth-child(even) {
    border-bottom: thin solid black;
  }
  
  #module-add-reveal .module-list>.columns:nth-child(2n+1) 	{
    border-right: thin solid black;
  }
  
  #module-add-reveal .module-list .module .row {
    width: 100%;
    height: 100%;
    display: table;
  }

  #module-add-reveal .module-list .module .row .columns {
    display: table-cell;
    float: none;
    vertical-align: middle;
    min-height: 45px;
  }
  
  .kit-body-wrap.kit-body-admin .file-line .line-name{
    min-width: 185px;
  }
}

/** Desktop **/
@media only screen and (min-width: 64.063em) {
  /** Header configuration **/
  body.kit-body-wrap .header-configuration,
  body.kit-body-wrap .content-configuration {
    padding: 1rem 2rem;
  }
  
  /** Popup de suppression **/
  .kit-body-wrap.kit-body-admin .delete-modal,
  .kit-body-wrap.kit-body-admin .save-modal {
    width: 50%;
  }
  
  /* Popup */
  .kit-body-wrap .reveal-modal{
    width: 80%;
  }
  
  #module-add-reveal{
    width: 50%;
  }
}

/* TOOLTIP */
.tooltip > .nub {
  border-color: transparent transparent #333333 transparent;
  top: -10px; 
}

.tooltip.tip-top > .nub {
  border-color: #333333 transparent transparent transparent;
  bottom: -10px;
  top: auto; 
}

.tooltip.tip-left, .tooltip.tip-right {
  float: none !important; 
}

.tooltip.tip-left > .nub {
  border-color: transparent transparent transparent #333333;
  left: auto;
  margin-top: -5px;
  right: -10px;
  top: 50%; 
}

.tooltip.tip-right > .nub {
  border-color: transparent #333333 transparent transparent;
  left: -10px;
  margin-top: -5px;
  right: auto;
  top: 50%; 
}

/* SHOP */
.kit-body-wrap.kit-body-admin .content-configuration.shop .newTemplateTitle,
.kit-body-wrap.kit-body-admin .content-configuration.shop ul.accordion,
.accordion .accordion-navigation > a,
.kit-body-wrap.kit-body-admin .content-configuration.shop .bandeau,
.kit-body-wrap.kit-body-admin h2.selectionTitle {
  font-family: 'Open sans';
}