@charset "UTF-8";
/* NG IMG CROP */
/*.cropArea {
    overflow: hidden;
    width:500px;
    height:350px;
}
img-crop {
    display: block;
    width: 100%;
    height: 100%;
}
canvas{
    margin: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    }*/
body {
  background-color: #f1f3f6; }

button.btn {
  white-space: normal; }

.clearBoth {
  clear: both; }

.displayNone {
  display: none; }

.block {
  display: block; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex {
  flex: 1; }

.flex0 {
  flex: 0; }

.justify-space {
  justify-content: space-between; }

.fixed-navbar #header {
  z-index: 100; }

.navbar-form-custom {
  max-width: 680px;
  width: initial; }

.navbar-form-custom h1 {
  font-size: 20px;
  color: #a5a7aa; }

.color-picker-input-wrapper.input-group {
  margin-top: 7px !important; }

#logo {
  padding: 5px 5px 5px 5px; }

#logo img {
  height: 100%; }

.searchCompany {
  min-width: 150px; }

.searchCompany input[type="search"] {
  min-width: 150px; }

.load-more {
  width: 100%; }

.fixed-sidebar #menu {
  padding-right: 0px; }

.btn-xs {
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 7px; }

#side-menu li .nav-second-level li.active a {
  color: white;
  background-color: #1C3AD4; }

#side-menu li .nav-second-level li.third-level-menu a {
  background-color: white;
  color: #34495e;
  padding-left: 40px; }

#side-menu li .nav-second-level li.third-level-menu.active a {
  background-color: white;
  color: #34495e; }

.active-sub a {
  color: white !important;
  background-color: #41b707 !important; }

.img-container {
  max-width: 800px;
  float: left; }

.preview-container {
  float: right; }

.preview-container img {
  max-width: 200px; }

img.preview-emailing {
  width: 50px;
  height: inherit;
  border-radius: 0px; }

img {
  border: 5 !important;
  max-width: 100%; }

img.thumb {
  /*    width: 120px;*/
  max-width: 100%;
  max-height: 200px; }

#app-content {
  height: 100%; }

.uppercase {
  text-transform: uppercase;
  font-weight: 100; }

.login-layout {
  background-color: #f3f3f4; }

.login-layout .widget-box .widget-main {
  background: white; }

.widget-body {
  background-color: white; }

.separator {
  margin-bottom: 20px; }

#login-box {
  border: 1px solid #e6e6e6;
  background-color: white;
  padding: 20px; }

.login-container {
  width: 450px; }

.login-layout label {
  margin-bottom: 5px;
  color: #676a6c;
  font-weight: bolder; }

input.form-control {
  margin-bottom: 10px;
  border-radius: 3px !important; }

.submit-btn {
  border: 1px solid #62cb31;
  border-radius: 3px;
  background: #62cb31;
  width: 100%;
  color: white;
  padding: 6px 0;
  font-size: 15px; }

.login-register-btn {
  text-align: center;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  margin: 5px 0;
  padding: 7px; }

.login-register-btn > a {
  color: #676a6c;
  font-size: 15px; }

.login-layout .widget-box .widget-main {
  padding: 0; }

.forgot-password-link {
  color: blue !important;
  text-decoration: underline;
  font-size: 15px; }

.green-checkbox[type="checkbox"]:not(:checked),
.green-checkbox[type="checkbox"]:checked {
  position: absolute;
  left: -100vw; }

.green-checkbox[type="checkbox"]:not(:checked) + label,
.green-checkbox[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer; }

.green-checkbox[type="checkbox"]:not(:checked) + label:before,
.green-checkbox[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 0; }

.green-checkbox[type="checkbox"]:not(:checked) + label:after,
.green-checkbox[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 2px;
  left: 0px;
  font-size: 22px;
  line-height: 0.8;
  color: white;
  background-color: #68a84b;
  transition: all .2s; }

.green-checkbox[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; }

.green-checkbox[type="checkbox"]:checked + label:after {
  opacity: 1; }

.green-checkbox[type="checkbox"]:disabled:not(:checked) + label:before,
.green-checkbox[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }

.green-checkbox[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

.green-checkbox[type="checkbox"]:disabled + label {
  color: #aaa; }

.green-checkbox[type="checkbox"]:checked:focus + label:before,
.green-checkbox[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue; }

.blue-radio[type="radio"]:not(:checked),
.blue-radio[type="radio"]:checked {
  position: absolute;
  left: -100vw; }

.blue-radio[type="radio"]:not(:checked) + label,
.blue-radio[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer; }

.blue-radio[type="radio"]:not(:checked) + label:before,
.blue-radio[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 10px; }

.blue-radio[type="radio"]:not(:checked) + label:after,
.blue-radio[type="radio"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 2px;
  left: 0px;
  font-size: 22px;
  line-height: 0.8;
  color: white;
  background-color: #3498db;
  transition: all .2s;
  border-radius: 10px; }

.blue-radio[type="radio"]:not(:checked) + label:after {
  opacity: 0; }

.blue-radio[type="radio"]:checked + label:after {
  opacity: 1; }

.blue-radio[type="radio"]:disabled:not(:checked) + label:before,
.blue-radio[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }

.blue-radio[type="radio"]:disabled:checked + label:after {
  color: #999; }

.blue-radio[type="radio"]:disabled + label {
  color: #aaa; }

.blue-radio[type="radio"]:checked:focus + label:before,
.blue-radio [type="radio"]:not(:checked):focus + label:before {
  border: 1px dotted blue; }

.blue-checkbox[type="checkbox"]:not(:checked),
.blue-checkbox[type="checkbox"]:checked {
  position: absolute;
  left: -100vw; }

.blue-checkbox[type="checkbox"]:not(:checked) + label,
.blue-checkbox[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer; }

.blue-checkbox[type="checkbox"]:not(:checked) + label:before,
.blue-checkbox[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 0; }

.blue-checkbox[type="checkbox"]:not(:checked) + label:after,
.blue-checkbox[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 2px;
  left: 0px;
  font-size: 22px;
  line-height: 0.8;
  color: white;
  background-color: #3498db;
  transition: all .2s; }

.blue-checkbox[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; }

.blue-checkbox[type="checkbox"]:checked + label:after {
  opacity: 1; }

.blue-checkbox[type="checkbox"]:disabled:not(:checked) + label:before,
.blue-checkbox[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd; }

.blue-checkbox[type="checkbox"]:disabled:checked + label:after {
  color: #999; }

.blue-checkbox[type="checkbox"]:disabled + label {
  color: #aaa; }

.blue-checkbox[type="checkbox"]:checked:focus + label:before,
.blue-checkbox[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue; }

.modal-window {
  position: absolute;
  z-index: 20; }

#modal-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.modal-window {
  position: absolute;
  z-index: 20;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25); }

#modal-content {
  width: 450px;
  position: relative;
  background: white;
  padding: 50px 20px;
  margin: auto;
  margin-top: 160px;
  border-radius: 3px; }

#modal-content > h1 {
  margin-bottom: 55px; }

#modal-content > form {
  margin-bottom: 55px; }

.no-skin .navbar {
  background: #222222; }

.register-text {
  font-weight: 700;
  color: #666; }

.banana-btn {
  background: #34495E;
  color: white;
  border-radius: 5px;
  margin: 10px 0 0 10px;
  padding: 6px 11px; }

.banana-btn:hover {
  color: #ccc !important; }

.banana-btn-parent {
  margin-top: 15px;
  margin-bottom: -15px; }

.green-border {
  border: #00A000 solid 1px;
  border-radius: 10px;
  font-size: 10px;
  color: #737373;
  margin: 5px 17%;
  padding: 3px; }

.profile-text {
  color: #8E8D8D;
  font-size: 16px; }

.icon-photo {
  color: #3498DB;
  font-weight: 900; }

.icon-file {
  color: #FFC538;
  font-size: 16px;
  font-weight: 900; }

.icon-video {
  color: #FF0000;
  font-size: 16px;
  font-weight: 900; }

.icon-padding {
  padding: 7px 25px;
  display: inline-block;
  min-width: 130px; }

.progress-parent .progress-bar {
  background-color: #41B707 !important;
  height: 18px;
  width: 80%;
  margin: 5px 0; }

.progress-parent .progress-bar span {
  display: inline-block;
  margin: 0 -10px;
  background: #D0D0CB;
  height: 18px;
  width: 35px; }

.progress-parent {
  margin-left: 20%; }

.grid-title {
  background: #F3F3F4;
  display: flex;
  flex-direction: row;
  /* align-content: space-between; */
  justify-content: space-between;
  padding: 5px; }

.grid-title.bottom {
  background: white; }

.grid-footer {
  background: #F7F9FA;
  padding: 4px 10px; }

.grid-footer-red {
  color: white;
  background: #E74C3C; }

.grid-footer + div {
  height: 44px; }

.grid-footer + div .content-tags-info {
  display: block;
  padding: 3px; }

.grid-footer.content-list-footer {
  display: flex;
  justify-content: space-between; }

.grid-footer.content-list-footer .social {
  flex: 1;
  text-align: right; }

.grid-body {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d9d9+0,b3b3b3+100 */
  background: #d9d9d9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d9d9d9 0%, #b3b3b3 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d9d9d9 0%, #b3b3b3 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d9d9d9 0%, #b3b3b3 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#b3b3b3',GradientType=0 );
  /* IE6-9 */
  height: 200px;
  max-height: 200px; }

.grid-body-media {
  background-position: 50% 50%;
  background-size: cover;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.grid-body-media:hover > .media-button, .media-button:hover {
  display: inline-block; }

.grid-body-media:hover > .grid-body-media-selected, .grid-body-media-selected:hover {
  display: inline-block; }

.grid-body-media-selected {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0.5;
  height: auto;
  display: none; }

.media-button {
  display: none; }

.media-button-trash {
  position: absolute;
  top: 10px;
  right: 30px;
  color: white; }

.media-button-name {
  position: absolute;
  top: 120px;
  left: 30px;
  color: white;
  /* max-width: 230px; */
  /* text-wrap: nowrap; */
  /* text-overflow: ellipsis; */
  overflow: hidden;
  /* text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; */
  text-decoration: none;
  font-size: 18px;
  font-weight: 600; }

.media-button-name:hover {
  position: absolute;
  top: 120px;
  left: 30px;
  color: white;
  /* max-width: 230px; */
  /* text-wrap: nowrap; */
  /* text-overflow: ellipsis; */
  overflow: hidden;
  /* text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; */
  text-decoration: none;
  font-size: 18px;
  font-weight: 600; }

.media-button-move {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.6); }

.media-btn-mime:active {
  background-color: transparent;
  border-color: #34495e;
  color: #34495e;
  outline: 0; }

.media-btn-mime:focus {
  background-color: transparent;
  border-color: #34495e;
  color: #34495e;
  outline: 0; }

.grid-element {
  border: #E4E5E7 solid 2px;
  margin-bottom: 20px; }

.img-circle.profile {
  max-width: 64px; }

.img-small-circle {
  width: 25px; }

.grid-img-circle {
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px; }

.grid-dropdown {
  font-size: 25px;
  width: 30px; }

.grid-title-text {
  width: 100%;
  /* display: inline-block; */
  /* padding: 10px; */
  margin: 0px 5px;
  overflow: hidden; }

.grid-widget {
  background: #fff;
  padding: 15px; }

.grid-widget .input-group {
  margin-bottom: 20px; }

.grid-element-menu {
  margin-left: -120px;
  margin-top: -45px; }

.summary {
  border-top: #9FA2A2 solid 1px; }

.displayFooter {
  display: block !important; }

.display-none {
  display: none; }

.grid-body-title {
  font-size: 20px;
  background: rgba(0, 0, 0, 0.33); }

.grid-body-title h3 {
  margin: 0px;
  padding: 5px; }

.grid-body-title h3 small {
  color: white;
  line-height: 30px; }

.grid-body-title h3 a {
  color: white;
  text-decoration: underline;
  font-size: 0.7em;
  font-weight: 400; }

.grid-element.incomed {
  border-top: solid 2px #41b707; }

.incoming .grid-body-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.incoming .grid-body-title .incoming-ok {
  display: none; }

.incoming:hover .grid-body-title .incoming-ok {
  display: flex; }

.incoming:hover .grid-body-title {
  height: 100%; }

.incoming-ok {
  padding: 3px;
  justify-content: flex-end; }

.content-search {
  margin: 11px;
  width: 85% !important; }

.content-search::-webkit-input-placeholder {
  color: #34495E;
  padding-left: 20px; }

.grid-title .dropdown-menu > li:hover > a,
.grid-body .dropdown-menu > li:hover > a {
  background: #FAFBFC;
  color: #4cae4c;
  font-weight: 600; }

.grid-title .dropdown-menu > li > a {
  padding: 10px 25px; }

.grid-footer-icons {
  width: 24px;
  height: 24px;
  margin: 10px 20px 10px 3px; }

.parent-footer-icons {
  min-height: 45px;
  border: none;
  padding-left: 10px; }

.media-edit-img {
  text-align: center; }

.media-edit-titre {
  font-size: 3em;
  margin-left: 5%;
  font-weight: 100;
  padding: 10px 0; }

.media-edit-footer {
  padding: 10px 0;
  text-align: right; }

.media-edit-footer i {
  color: #fff;
  background: #34495E;
  padding: 6px 7px;
  border-radius: 20px;
  font-size: 17px;
  /*    margin: 0 30px;*/ }

.media-edit-widget-padding {
  padding: 35px 0; }

.media-edit-red-link {
  color: #E74C3C;
  font-size: 14px;
  padding: 10px 0;
  text-decoration: underline; }

.media-edit-label {
  margin-top: 10px;
  margin-bottom: 3px; }

.media-edit-widget-box {
  margin-top: 20px;
  border-radius: 3px; }

.media-edit-widget-box-header {
  font-size: 16px;
  text-align: center;
  padding: 3px 0;
  background: #E4E5E7; }

.media-edit-version {
  font-size: 15px;
  margin: 15px 0 5px 0; }

.media-edit-footer button {
  background: #9B59B6;
  color: white;
  font-size: 14px;
  padding: 3px 50px;
  border-radius: 5px;
  border: none;
  margin: 0 12px; }

.media-edit-footer a {
  color: #FFB606;
  font-size: 14px;
  padding: 0 10px;
  text-decoration: underline; }

.media-new-model-border {
  border: #aaa solid 1px;
  padding: 22px; }

.select-content-card {
  min-height: 170px;
  max-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0px !important;
  background-size: cover; }

.select-content-card .panel-footer {
  padding: 3px;
  border-radius: 0px;
  background-color: rgba(245, 245, 245, 0.85); }

.select-content-card .panel-footer .radio {
  margin: 0px; }

.content-edit-label {
  font-weight: 600; }

.content-edit-date-valid {
  background: #fff;
  padding: 4px 10px;
  border: #CCC solid 1px; }

.content-edit-padding {
  padding-left: 3px; }

.contenu-edit-btn {
  float: right;
  font-size: 22px;
  background: #eee;
  padding: 2px 10px;
  border-radius: 21px;
  color: #000; }

.media-edit-block-img {
  min-height: 240px;
  overflow: hidden;
  max-height: 240px; }

.content-edit-url {
  background: #E4E5E7;
  display: inline-block;
  padding: 3px 10px; }

.btn-wide {
  width: 100%;
  display: block;
  margin-bottom: 10px; }

.btn-link {
  display: block;
  margin-bottom: 10px; }

.link-danger {
  color: #e74c3c;
  text-decoration: underline; }

#content-edit-red-link {
  color: #cc4a3f;
  text-decoration: underline; }

#content-edit-red-link:hover {
  color: #BD2114;
  text-decoration: initial; }

.content-edit-image {
  margin-bottom: 10px;
  width: 100%; }

.content-edit-video {
  margin-bottom: 10px;
  width: 100%;
  max-height: 150px; }

.content-edit-permanent {
  background: #fff;
  border: #999 solid 1px;
  padding: 4px 10px;
  display: inline-block; }

.add-media-inside-block {
  background: #D9D9D9;
  background-image: url("/img/image.png");
  background-repeat: no-repeat;
  background-position: center, center;
  text-align: center;
  height: 150px;
  padding-top: 30px; }

.add-media-inside-block span {
  font-weight: bold;
  font-size: 60px; }

.media-new-modal-text {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 15px; }

.media-new-model-downl {
  padding: 12px;
  border: #AAA dashed 1px;
  text-align: center;
  min-height: 250px;
  padding-top: 60px;
  color: #aaa; }

.media-new-model-padding {
  padding-left: 0;
  padding-right: 0; }

.medit-new-modal-down-icon {
  font-size: 55px; }

.media_list_grid {
  max-height: 200px;
  min-height: 200px;
  overflow: hidden; }

.grid-footer-media {
  min-height: 45px; }

#grid-list {
  height: inherit;
  max-height: inherit;
  text-align: center; }

.dropdown-toggle-media {
  margin-top: -12px; }

.ta-editor {
  min-height: 300px;
  height: auto;
  font-family: inherit;
  font-size: 100%; }

.ta-editor p {
  min-height: 300px; }

.add-content-header {
  font-size: 18px;
  text-align: center;
  color: white;
  padding: 15px;
  background: #060D3B; }

.add-content-block {
  background: #fff;
  padding: 20px; }

.add-content-inside-block {
  color: #34495E;
  text-align: center;
  background: #F7F9FA;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.btn-modal-footer-annuler {
  background: #fff !important;
  color: #34495E !important;
  border: #aaa solid 1px;
  padding: 3px 25px;
  font-size: 15px; }

#btn-modal-footer-valider {
  background: #34495E !important;
  color: #fff !important;
  border: none;
  font-size: 15px; }

.grid-margin {
  margin-top: 15px; }

.form-left-row {
  padding: 0 20px 0 0;
  display: inline-block;
  width: 25%;
  float: left; }

.form-right-row {
  display: inline-block;
  width: 75%;
  float: right;
  height: 100px; }

#new-form-container {
  border: 1px solid #c8cacc;
  height: 340px;
  background: white;
  cursor: pointer; }

#new-form-header {
  text-align: center;
  background: #34495e;
  color: white;
  padding: 10px 0; }

#new-form-header > h3 {
  margin: 0;
  color: white;
  font-size: 16px; }

#new-form-add {
  border: 1px solid #e4e5e7;
  background-color: #f7f9fa;
  width: 70%;
  background-image: url("/img/plus.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-top: 30px;
  height: 70%; }

#media-form-add {
  height: 200px;
  position: relative;
  border: 1px solid #e4e5e7; }

.preview-modal:hover {
  color: white; }

.mid-vh {
  height: 50vh;
  overflow-y: auto; }

.preview-form-content-page {
  width: 100%; }

#media-form-add > img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

#form-media-upload {
  margin-top: 20px; }

.exist-form-content {
  border: 1px solid #c8cacc;
  width: 30%;
  display: inline-block;
  margin: 0 10px 10px 10px; }

.form-image > img {
  width: 100%; }

.exist-form-head-block {
  position: relative; }

.exist-form-title {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.exist-form-title > h3 {
  color: white;
  font-size: 25px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

#upload-file-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

#upload-file-input + #upload-file-img {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  display: inline-block;
  color: black; }

.upload-media-modal-body {
  width: 100%;
  height: 400px;
  border: 1px dashed #e4e5e7; }

.media-upload-logo {
  color: #e4e5e7;
  font-size: 190px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%); }

.exist-form-menu {
  position: absolute;
  top: 5px;
  right: 0;
  width: 30px; }

.exist-form-menu > img {
  width: 100%; }

.form-responses {
  width: 50%;
  float: left;
  padding: 15px 10px;
  font-size: 14px; }

.form-download-icon {
  width: 50%;
  float: right;
  text-align: end;
  padding-right: 10px; }

.exist-form-response {
  display: flex;
  background: white; }

.form-menu {
  display: none;
  position: absolute;
  background: white;
  top: 0;
  right: 5px;
  width: 200px;
  border-radius: 3px; }

.exist-form-menu:hover .form-menu {
  display: block; }

.form-menu-list {
  list-style: none;
  margin: 0;
  padding: 0 0 10px 0; }

.preview-form-container input {
  padding: 7px; }

.form-menu-item {
  padding-left: 10px;
  padding-top: 10px; }

.form-menu-item-bottom {
  border-top: 1px solid #c8cacc; }

.modal-header {
  text-align: center;
  padding: 15px 30px; }

.create-form-input-container > label {
  width: 15%;
  display: inline-block; }

.create-form-input-colorPicker > label {
  width: 47%; }

.form-create-table {
  margin-top: 20px; }

.field-create-btn {
  text-align: center; }

.choice-create-btn {
  margin: 10px 0; }

.create-form-input-container {
  margin-bottom: 10px; }

.create-form-input-container > input, .create-form-input-container > select, .create-form-input-container > textarea {
  width: 80%;
  display: inline-block;
  padding: 7px;
  border: 1px solid #e4e5e7; }

.create-form-table-content {
  text-align: center;
  padding: 10px; }

.create-form-table-content input {
  width: 100%;
  padding: 7px;
  border: 1px solid #e4e5e7; }

.form-group ul {
  padding-left: 0px; }

.create-form-table-type {
  width: 15%; }

.create-form-table-name {
  width: 55%; }

.create-form-table-require {
  width: 15%; }

.create-form-table-delete {
  width: 15%; }

.create-form-table-require > input[type="checkbox"] {
  position: initial; }

.form-create {
  border: 1px solid #e4e5e7;
  border-collapse: collapse;
  margin-bottom: 40px;
  width: 100%; }

.create-form-btn {
  background: none;
  border: 1px solid #b5b5b5;
  padding: 5px 3px;
  border-radius: 3px; }

.blue-btn {
  background: #34495e;
  border: 1px solid #34495e;
  padding: 5px 20px;
  border-radius: 3px;
  color: white; }

.form-delete-btn {
  background: none;
  border: none;
  padding: 0; }

li.form-menu-item.form-menu-last-item {
  border-top: 1px solid #e4e5e7;
  padding-top: 5px;
  margin-top: 5px; }

.create-form-table-content {
  border: 1px solid #e4e5e7;
  border-collapse: collapse; }

.create-form-table-select {
  vertical-align: baseline; }

.choice-content {
  margin-top: 10px;
  margin-bottom: 10px; }

.choice-label {
  margin-top: 5px;
  display: inline-block; }

.choise-input {
  display: inline-block;
  margin-bottom: 5px; }

.delete-choice {
  color: red;
  font-size: 16px;
  position: relative;
  right: 20px; }

.form-bg {
  padding: 5% 10%; }

.preview-form {
  background: white;
  padding: 30px; }

input.preview-text {
  width: 100%; }

input.preview-date {
  width: 100%; }

.preview-input {
  margin-bottom: 15px; }

.preview-label {
  font-weight: bold;
  margin-right: 20px;
  width: 100%; }

.radio-container {
  display: inline-block;
  margin: 10px; }

.choice-container {
  display: inline-block;
  margin: 10px; }

.preview-modal {
  width: 100%; }

#preview-form-content {
  padding: 30px;
  border: 1px solid #aeaeae; }

#preview-form-left-bar {
  display: inline-block;
  width: 20%;
  float: right; }

#form-left-side-bar {
  list-style: none; }

.form-left-side-bar-container {
  text-align: center;
  margin-bottom: 20px; }

.red-url {
  color: red;
  text-decoration: underline; }

.responses-header {
  text-transform: uppercase;
  font-size: 16px;
  text-align: center; }

.responses-download {
  display: inline-block; }

.responses-value {
  line-height: 1;
  color: #3498db;
  font-size: 60px;
  font-weight: 100; }

#open-edit-modal {
  text-align: end; }

#custom-form-btn {
  margin-bottom: 50px; }

#edit-form-btn {
  text-align: end; }

.edit-btn {
  background: #e4e5e7;
  border: none;
  border-radius: 20px;
  padding: 0 8px;
  font-size: 25px; }

.responses {
  height: 150px;
  border-bottom: 1px solid #e4e5e7; }

.responses-download {
  width: 100%;
  text-align: end;
  padding-right: 10px; }

.responses-left-bar {
  border: 1px solid #e4e5e7;
  background: white; }

.color-picker-checkbox {
  float: left;
  width: 20%;
  display: inline-block;
  padding: 10px; }

.color-picker-content {
  width: 100%;
  display: inline-block; }

.color-picker-content > input {
  width: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: none; }

.add-background-container {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center; }

.color-pick-container {
  border: 1px solid #e4e5e7;
  background: white; }

.color-pick-header {
  padding: 5px;
  background: #e4e5e7; }

.color-picker-input-wrapper.input-group {
  margin-top: 21px; }

input.color-picker-input.form-control {
  height: 18px; }

.color-picker-wrapper .input-group .input-group-addon:first-child {
  width: 50px; }

.color-picker-name {
  width: 30%;
  margin-left: 10px;
  display: inline-block;
  position: relative; }

.panel {
  border: 1px solid #e4e5e7;
  width: 100%;
  height: 350px;
  padding: 10px;
  border-radius: 0; }

.panel-footer a {
  text-decoration: underline; }

.panel-footer.media-selected a {
  color: white; }

.panel-footer.media-selected {
  background-color: #34495e; }

.panel-footer .pagination {
  margin: 0 !important; }

.image-picker-container {
  position: absolute;
  top: 0;
  right: 5px; }

#form-media-list {
  overflow-y: scroll; }

#image-upload-window {
  border: none; }

ul.nav.nav-pills {
  position: relative;
  top: 1px;
  margin: 0; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: black;
  background-color: white; }

.media-upload-container > section {
  padding: 30px; }

.media-upload-container .media-list {
  max-height: 350px;
  overflow-y: auto; }

.form-media-container > img {
  min-width: 100%; }

.upload-media-modal-body > h3 {
  text-align: center;
  color: #e4e5e7;
  font-size: 40px; }

.image-preview-form {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.image-preview-form > img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.close-preview {
  position: absolute;
  z-index: 2;
  color: white;
  font-size: 30px;
  right: 5px; }

.upload-progress-container {
  border: 1px solid #e4e5e7;
  padding: 3px;
  text-align: center;
  margin-top: 20px; }

.upload-progress {
  width: 0;
  background: #5ecc5e; }

.favorite-media-btn {
  position: absolute;
  left: 5px;
  margin-top: 5px; }

.content-video-media-btn {
  position: absolute;
  left: 52px;
  margin-top: 5px; }

div:hover > .remove-media-btn {
  display: block; }

.remove-media-btn {
  display: none;
  position: absolute;
  right: 20px;
  margin-top: 5px; }

.btn-blue {
  font-size: 40px;
  margin: auto;
  width: 40px;
  color: #34495e;
  cursor: pointer; }

.cta-form-container {
  display: inline-block;
  position: relative;
  width: 100%; }

.cta-block {
  background: white; }

.cta-margin {
  margin-top: 6px; }

.cta-input {
  border: none; }

.cta-input:focus {
  outline: none; }

.cta-edit {
  float: left;
  margin-left: 20px; }

.cta-delete {
  float: right;
  margin-right: 20px; }

.cta-edit:focus {
  outline: none; }

.cta-delete:focus {
  outline: none; }

.cta-form-title {
  border: 1px solid #e5e5e5;
  padding: 10px 25px;
  color: #3f5872;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0; }

.cta-form-create button {
  padding: 6px 8px; }

.cta-form-search {
  margin: 10px 0; }

.cta-form-create {
  border: 1px solid #e5e5e5;
  margin: 10px 0;
  padding: 10px; }

.cta-form-header {
  text-align: center;
  font-size: 16px;
  color: #3f5872;
  margin-bottom: 10px; }

.cta-form-img {
  position: absolute;
  height: 100%;
  display: inline-block;
  padding: 10px; }

.cta-form-img-container {
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  overflow: hidden; }

.cta-form-name {
  width: 70%;
  display: inline-block; }

.radio.cta-form-name-radio {
  width: 30%;
  display: inline-block;
  float: right;
  text-align: right;
  padding: 0; }

.cta-empty {
  text-align: center; }

.cta-create-container {
  padding: 15px; }

.cta-select-modal {
  width: 80%;
  display: inline-block; }

.imgLink {
  width: 100%;
  display: block;
  height: 100%; }

.card-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 210px;
  overflow: hidden; }

.contact-primary-btn {
  margin-bottom: 10px; }

.contact-list-icon {
  font-weight: 900;
  font-size: 16px;
  background: #34495E;
  color: white;
  padding: 8px; }

.contact-list-item {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px; }

.contact-list-item label {
  color: #34495E;
  font-weight: bold; }

.contact-list-tous {
  background: #DEDDDD;
  color: #34495E;
  font-weight: 800;
  padding: 3%;
  font-size: 15px;
  text-align: center; }

.contact-list-li-div-text {
  display: inline-block;
  min-width: 80%;
  padding-left: 10px; }

.contact-list-li-div-count {
  display: inline;
  text-align: right; }

.import-contact-btn-f {
  background: #060D3B;
  color: white;
  padding: 3%;
  font-size: 16px;
  text-align: center; }

.import-contact-btn-b {
  background: #F6B743;
  color: white;
  padding: 3%;
  font-size: 16px;
  text-align: center; }

.conctact-list-content {
  background: #fff; }

.contact-list-search {
  padding: 1%;
  width: 100%;
  margin: 1% 0; }

.contact-list-tout {
  float: right; }

.contact-list-li {
  padding: 10px 0;
  list-style: none; }

.contact-list-li-div-text span {
  padding-left: 15px; }

.contact-import-blocks-g {
  color: #555;
  border: #34495E solid 1px;
  margin: 10px auto;
  padding: 3px;
  text-align: center;
  display: block;
  width: 100%; }

.contact-import-blocks-g.sample {
  border: none;
  background-color: beige;
  word-wrap: break-word; }

.contact-import-blocks-b {
  color: #555;
  border: #62CB31 solid 1px;
  margin: 10px 0;
  padding: 3px;
  text-align: center;
  max-width: 60%;
  margin-left: 12%; }

.green-link {
  color: #060D3B;
  display: block !important;
  font-size: 34px;
  font-weight: 900 !important; }

.contact-aj-blocks {
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: white;
  color: #515253; }

.contact-aj-blocks.btn-success:focus:not(.active) {
  background: none;
  color: black; }

.cta-url-container {
  width: 100%;
  display: inline-block;
  background: #ddd;
  height: 100%; }

.cta-url-input {
  width: 70%;
  display: inline-block;
  float: right; }

.cta-url-container > div {
  padding: 14px 8px; }

.cta-url-input > input {
  margin-top: 4px;
  margin-left: 10px;
  border: none;
  padding: 10px 4px;
  background: none; }

.panel-body.profile-info-container {
  background: #e4e5e7; }

.profile-info-container h5 {
  font-weight: bold; }

.profile-info > dd {
  margin-top: 10px; }

.profile-info span {
  font-weight: 600; }

.profile-pass {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #babcbf;
  padding: 5px 20px; }

.profile-img-container img {
  width: 90%; }

.profile-img-container {
  width: 50%; }

.profile-company-logo img {
  max-width: 70%;
  max-height: 50px;
  margin-left: 10px; }

.currentListName {
  background: #34495e;
  padding: 10px;
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: space-between; }

.dropdown-contact {
  text-align: right; }

.dropdown-contact a {
  color: #fff; }

.dropdown-contact-list {
  display: inline; }

.profile-info-header {
  font-weight: 600;
  font-size: 15px; }

.profile-edit-btn {
  float: right;
  cursor: pointer; }

.contact-list-tag {
  background: #E67E22;
  color: white;
  font-size: 14px;
  border-radius: 4px;
  margin: 0 !important; }

.selected-content {
  width: 100%;
  display: table;
  border-bottom: 1px solid #e4e5e7;
  border-top: 1px solid #e4e5e7;
  padding: 25px 25px 25px 0; }

.selected-content .media {
  margin: 3px;
  width: 100px; }

.program-content-img img {
  margin-bottom: 10px;
  max-width: 150px; }

.program-type-list {
  padding: 0;
  list-style: none; }

.program-type-choice {
  text-align: center; }

.program-type-choice a {
  display: block;
  text-align: left; }

.emailing-rightmenu-toggle {
  display: block; }

/* @media only screen and (max-width:1525px) {
    .emailing-rightmenu-toggle {
        display: block;
    }
} */
.program-type-list li {
  text-align: initial;
  border: 1px solid #676a6c;
  padding: 15px;
  font-size: 14px; }

.program-type-list span {
  font-size: 18px;
  padding-right: 5px;
  font-weight: bold; }

.status-toolbar {
  /* position: absolute;
    right: -50px; */
  margin-left: 5px; }

.status-toolbar-button {
  background: transparent;
  color: lightgray;
  font-size: 1.4em;
  border: none;
  padding: 0;
  padding-bottom: 5px; }

.status-toolbar-button:hover {
  color: #3f5872;
  background-color: transparent;
  border: none; }

.status-toolbar-button:active {
  color: #3f5872;
  background-color: transparent;
  border: none; }

.status-toolbar-button:focus {
  color: #3f5872;
  background-color: transparent;
  border: none; }

.card-selector:hover {
  border: 2px solid #3498db;
  cursor: pointer; }

.card-label {
  position: absolute;
  right: 100px;
  top: -43px;
  font-weight: bold; }

.prev-card-btn {
  position: absolute;
  right: 53px;
  top: -50px;
  background: white; }

.next-card-btn {
  position: absolute;
  right: 5px;
  top: -50px;
  background: white; }

.next-img-btn {
  position: absolute;
  top: 2px;
  left: 44px; }

.prev-img-btn {
  position: absolute;
  top: 2px;
  left: 17px; }

.arrow {
  border-color: transparent #34495e transparent transparent !important; }

.tool-item {
  width: initial;
  color: white;
  background-color: #34495e;
  text-align: initial; }

.tool-item.selected,
.tool-item:hover {
  background: #3f5872;
  color: white; }

.tool-items .tool-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.tool-items .tool-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.program-image {
  padding-top: 10px;
  text-align: center; }

.program-image img {
  border-radius: 50px;
  height: 100px;
  width: 100px; }

.social-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.social-item > div {
  flex: 1; }

.social-item > div:last-child {
  text-align: right; }

.program-image .media.social-profile {
  display: flex;
  flex-direction: column; }

.program-image .social-board .social-profile img {
  height: 52px;
  width: 52px; }

.socialnetwork-profile {
  display: flex; }

.social-profile-instagram {
  display: flex;
  justify-content: space-between; }

.social-profile-instagram header {
  /* margin: 8px 4px 8px 12px; */
  margin: 10px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: calc(100% - 48px);
  /* padding: 14px 4px 14px 16px; */
  position: relative; }

.social-profile-instagram img {
  height: 32px !important;
  width: 32px !important; }

.social-profile-instagram-username {
  color: #262626;
  font-weight: 500;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

.social-profile-instagram-text a {
  color: #665ed0; }

.program-image .media a {
  padding-right: 0px;
  display: block;
  margin: 0 auto; }

.selected-content-img-list {
  width: 100%;
  display: table;
  text-align: center; }

.selected-content-img-list img {
  max-width: 150px;
  max-height: 150px;
  margin: 10px; }

div.social-input[contenteditable="true"] {
  white-space: pre-wrap;
  background: white;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #e4e5e7; }

.publishing .media-list {
  display: flex;
  margin-top: 5px; }

.publishing .media-list .media-item {
  display: inline-block;
  margin-right: 10px;
  width: 50px;
  height: 50px; }

.publishing .media-list .media-item.new {
  border: dotted 1px #6a6c6f;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center; }

.social-plus-btn {
  margin: 10px 10px 0 0;
  float: right; }

.social-block {
  padding: 0 0 10px 0; }

.social-header {
  font-size: 20px;
  text-align: center;
  padding: 7px;
  color: white; }

.social-header span {
  margin-left: 20px; }

.social-members ul {
  list-style: none;
  padding: 0; }

.social-members:hover {
  background-color: #f7f9fa; }

.social-members {
  background: white;
  padding: 10px;
  cursor: pointer; }

.social-members li {
  width: 100%;
  margin: 10px 0 10px 0;
  display: table; }

.social-member-name {
  padding: 20px 0 0 0; }

.social-member-avatar img {
  border-radius: 52px; }

.social-block-instagram {
  background-color: #3b5998; }

.social-header-instagram {
  background-color: white;
  border: 1px solid black;
  color: black;
  /*background-image: linear-gradient(#8a3ab9, #e95950, #bc2a8d, #fccc63, #fbad50, #cd486b, #4c68d7)*/ }

.social-block-facebook {
  background-color: #3b5998; }

.social-header-facebook {
  background-color: #3b5998; }

.social-header-linkedin {
  background-color: #0077b5; }

.social-block-linkedin {
  background-color: #0077b5; }

.social-header-twitter {
  background-color: #5ea9dd; }

.social-block-twitter {
  background-color: #5ea9dd; }

.social-header-youtube {
  background-color: #282828; }

.social-block-youtube {
  background-color: #FF0000; }

.social-add-icons img {
  height: 30px;
  margin: 10px; }

.social-add-icons-small img {
  height: 20px;
  margin: 5px; }

.modal.sidebar {
  /*position: static;*/ }

.right-sidebar h5 {
  font-weight: bold; }

.modal-dialog.right-sidebar {
  margin: 0px;
  background-color: white;
  position: fixed;
  top: 0px;
  z-index: 10000;
  bottom: 0px;
  right: 0px;
  width: 260px;
  border-left: 1px solid #e4e5e7;
  overflow: auto;
  max-width: 33%; }

.modal-dialog.right-sidebar.sidebar-lg {
  width: 370px; }

.sidebar-button.btn.m-b-md {
  margin: 10px 0 0 10px; }

.social-filters {
  margin: 10px; }

.social-member-icon {
  position: relative; }

.program-input-group input[type="date"] {
  max-width: calc(100% - 30px); }

.social-member-icon-added::after {
  content: "✔";
  background: #62cb31;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 52px;
  text-align: center;
  color: white;
  font-size: 40px; }

.add-social {
  padding: 10px; }

.social-plus-btn-bottom {
  margin-right: 10px; }

.program-input-group .input-group-addon {
  background: #e4e5e7;
  color: white; }

.program-container {
  padding: 0; }

.program-container hr {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #ddd; }

.program-list-social-btn {
  width: 35px;
  height: 35px;
  border-radius: 52px;
  font-size: 18px;
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 10;
  border: none;
  text-align: center;
  padding: 6px 0;
  color: white; }

.program-content .draggable-field {
  border: dotted 1px #313233;
  padding: 5px; }

.program-content .draggable-field:hover {
  border: dotted 2px #62cb31;
  border-radius: 5px;
  cursor: move; }

.program-content .draggable-field:hover:after {
  font-family: FontAwesome;
  content: "\f0c9";
  float: right;
  margin-right: 3px; }

.program-content-body-default {
  position: relative;
  margin: 30px auto 80px auto;
  width: 520px; }

.program-content-body {
  position: relative;
  margin: 0px auto 80px auto;
  background-color: white;
  padding: 0 0 0 5px; }

.program-content-main {
  width: 520px;
  float: left;
  padding: 10px;
  background: white; }

.program-content-preview {
  width: 520px;
  float: left;
  padding: 10px;
  background: white; }

.program-content-button {
  position: relative;
  width: 520px;
  margin: 30px auto; }

.publishing-edit-container img {
  object-fit: cover;
  width: 116px;
  height: 116px; }

.publishing-edit-container-video {
  object-fit: cover;
  width: 116px;
  height: 116px; }

.publishingThumbnail-container {
  display: flex;
  flex-wrap: wrap; }

.publishingThumbnail {
  width: 121px;
  height: 121px;
  margin: 2px;
  border: 2px solid white; }

.publishingThumbnailSelected {
  border: 2px solid green; }

div[contenteditable] {
  min-height: 80px;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  white-space: pre-wrap;
  position: relative; }

div.tweet-error {
  border-color: #e74c3c; }

div.tweet-error:after {
  content: "Vous avez dépassé la limite de 280 caractères pour twitter.";
  display: block;
  background: #e74c3c;
  width: 100%;
  color: white;
  padding: 3px; }

div[contenteditable].tweet-error {
  border-color: #e74c3c; }

div[contenteditable].tweet-error:after {
  content: "Vous avez dépassé la limite de 280 caractères pour twitter.";
  display: block;
  background: #e74c3c;
  width: 100%;
  color: white;
  padding: 3px; }

.publishingTextarea {
  min-height: 80px;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  white-space: pre-wrap;
  position: relative;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  overflow: hidden;
  height: fit-content;
  resize: none; }

.ogimg-empty {
  height: 150px;
  background-color: #eaeaea;
  width: 100%; }

.ogtitre-empty {
  background-color: #fafafa;
  width: 80%;
  height: 25px;
  margin-top: 10px; }

.ogdesc-empty {
  background-color: lightgrey;
  width: 60%;
  height: 25px;
  margin-top: 10px; }

.oginput-empty {
  border: solid 2px #e1e1e1;
  height: 40px; }

.program-content-body .panel-body > .panel-body {
  border: 1px dashed #e4e5e7; }

.selected-content > .panel-body {
  border: 1px dashed #e4e5e7; }

.open-social {
  display: block;
  margin: 20px auto; }

.modal-program-content {
  padding: 20px; }

.modal-program-content .input-group {
  margin-bottom: 20px; }

.program-type-list li.active {
  border: 2px solid #62cb31; }

.program-type-list li.active span {
  color: #62cb31; }

.program-remove {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  cursor: pointer; }

input[type=range] {
  -webkit-appearance: none;
  border: 1px solid white;
  width: 100%; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #676a6c;
  border: none;
  border-radius: 3px; }

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #34495e;
  margin-top: -4px; }

input[type=range]:focus {
  outline: none; }

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #676a6c; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background: #676a6c;
  border: none;
  border-radius: 3px; }

input[type=range]::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #34495e; }

/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px; }

input[type=range]::-ms-track {
  width: 300px;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #676a6c;
  border-radius: 10px; }

input[type=range]::-ms-fill-upper {
  background: #676a6c;
  border-radius: 10px; }

input[type=range]::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #34495e; }

input[type=range]:focus::-ms-fill-lower {
  background: #676a6c; }

input[type=range]:focus::-ms-fill-upper {
  background: #676a6c; }

.email-text-position {
  border-left: 4px solid #9b59b6;
  margin-top: 10px;
  padding: 10px;
  background: #faf7fb;
  display: table;
  width: 100%; }

.email-content-editor {
  border-left: 4px solid #e67e22;
  padding: 10px;
  background: #fef8f4; }

.email-element-header {
  background-color: rgba(6, 13, 58, 0.32);
  padding-bottom: 10px;
  border-left: 4px solid #62cb31;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.email-element-header > div {
  flex: 1; }

.email-element-size {
  border-left: 4px solid #9b59b6;
  padding: 10px;
  background: #faf7fb;
  display: table;
  width: 100%; }

.email-content-title {
  border-left: 4px solid #9b59b6;
  padding: 10px;
  background: #faf7fb;
  display: table;
  width: 100%; }

/*.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #34495e;
    border-color: #34495e;
}

.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
    background-color: #34495e;
    border-color: #34495e;
    }*/
.color-picker-container {
  padding-top: 10px; }

.emailing-content-add {
  padding: 5px;
  display: flex; }

.emailing-content-add > div {
  flex: 1; }

.emailing-content-add > div:nth-child(1) {
  max-width: 40px;
  background-size: cover; }

.emailing-content-add > div:nth-child(2) {
  padding: 3px; }

.emailing-content-add span {
  float: right;
  color: #34495e; }

.marge {
  display: table;
  width: 100%; }

.marge > div + input,
.marge > div + select {
  margin-top: 3px;
  margin-bottom: 10px; }

.marge .inline {
  display: inline-block;
  width: 50%; }

.img-position-select {
  height: 50px; }

.email-text-position .col-md-3 {
  font-size: 20px;
  padding: 0; }

.img-position-left.col-md-3,
.img-position-right.col-md-3 {
  padding: 11px 5px; }

.img-position-bottom i,
.img-position-top i {
  display: block;
  text-align: center; }

.img-position-bottom.col-md-3,
.img-position-top.col-md-3 {
  padding: 5px 5px 5px 0; }

.hpanel h4 small {
  display: block;
  margin-top: 5px; }

.social-network-item {
  line-height: 30px; }

.fc-unthemed .fc-today {
  background: #F9E9C5; }

#side-menu li.active.active-calendar {
  background-color: #1C3AD4; }

#side-menu li.active.active-calendar a {
  color: white; }

#side-menu.nav li.active.active-calendar a:hover,
#side-menu.nav li.active.active-calendar a:focus {
  background: initial; }

.calendar-page-btn-prog {
  background: white;
  border: 2px solid #34495e;
  padding: 2%;
  width: 100%;
  color: #34495e;
  font-size: 14px;
  font-weight: 600;
  margin: 1% 0 2%; }

.calendar-page-four-btn {
  color: #fff;
  width: 100%;
  min-height: 45px;
  margin: 1px 0;
  border: none; }

.calendar-first-btn {
  background: #060D3A; }

.calendar-second-btn {
  background: #EF82A5; }

.calendar-third-btn {
  background: #1C3AD4; }

.calendar-fours-btn {
  background: #62cb31; }

.padding {
  padding: 0; }

.margin {
  margin: 0;
  margin-bottom: 10px; }

a.fc-day-grid-event {
  max-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

a.fc-day-grid-event.social_network {
  background-color: #060D3A;
  border-color: #060D3A; }

a.fc-day-grid-event.emailing {
  background-color: #EF82A5;
  border-color: #EF82A5; }

a.fc-day-grid-event.portabilite {
  background-color: #1C3AD4;
  border-color: #1C3AD4; }

a.fc-day-grid-event.landing {
  background-color: darkgray;
  border-color: darkgray; }

.calendar-page-list {
  margin-bottom: 10px; }

.calendar-page-list .panel-body {
  padding: 10px; }

.calendar-page .hpanel .panel-body.publishing {
  border-top: 5px solid #060D3A; }

.calendar-page .emailing {
  border-top: 5px solid #EF82A5; }

.calendar-page .hpanel .panel-body.portabilite {
  border-top: 5px solid #1C3AD4; }

.calendar-page .hpanel.hgreen .panel-body {
  border-top: 10px solid #e74c3c; }

.calendar .img-circle.profile {
  max-width: 44px; }

.calendar-page-twitter {
  background: #3498db;
  color: #fff;
  display: block;
  padding: 10px;
  border-radius: 25px;
  font-size: 1.5em; }

.calendar-page-envelope {
  background: #e74c3c;
  color: #fff;
  display: block;
  padding: 10px;
  border-radius: 25px;
  font-size: 1.5em; }

.social-icon {
  color: white !important;
  background: white;
  border: 1px solid #6a6c6f;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  padding-top: 3px;
  position: absolute;
  top: 45px;
  left: 45px; }

.social-icon-facebook {
  position: absolute;
  left: 5px; }

.social-icon-linkedin {
  position: absolute;
  left: 4.5px; }

.social-icon-instagram {
  position: absolute;
  left: 4px;
  top: 4px; }

.social-icon-twitter {
  position: absolute;
  left: 4px; }

.social-icon-youtube {
  position: absolute;
  left: 3px; }

.social-icon-provider {
  position: absolute;
  left: 3px; }

.calendar-page-facebook {
  background: #352f91;
  color: #fff;
  display: block;
  padding: 9px 13px;
  border-radius: 25px;
  font-size: 1.5em; }

.calendar-page h5 {
  margin: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 210px;
  overflow: hidden;
  display: table;
  width: 100%;
  table-layout: fixed; }

.calendar-page-icon-padding {
  padding-right: 10px; }

.calendar-page-col-1 {
  padding-left: 0;
  padding-right: 3px; }

.calendar-page-col-2 {
  padding-left: 3px;
  padding-right: 0; }

.calendar-page-img-list li {
  display: inline-block;
  max-width: 105px;
  width: 100%;
  padding: 1% 3% 1% 0; }

#program-active {
  border: 3px solid #62cb31; }

#program-active a > span {
  color: #62cb31; }

.program_emailing_titre {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.program_emailing_titre a i {
  color: #fff;
  background: #34495E;
  padding: 6px 7px;
  border-radius: 20px;
  font-size: 17px;
  margin-top: 10px; }

.program_emailing_content {
  margin: 0;
  padding: 0; }

.program_emailing_content h4 {
  margin: 3%; }

.program_emailing_content_text {
  border: 1px dashed #e4e5e7;
  margin: 1% 1% 1% 0;
  padding: 1%; }

.program_emailing_content_text button {
  margin: 3%;
  padding: 1% 6%;
  border-radius: 4px;
  color: #fff;
  background: #34495e;
  border: none; }

.program_emailing_content_text_grey {
  padding: 2% 0;
  color: #b8b9bb;
  border-radius: 4px;
  margin: 0 1%; }

.program_right_margin {
  margin: 0 1%; }

.program_same_cols {
  display: flex;
  flex-flow: row wrap; }

.program-picture {
  font-size: 10em;
  color: #e4e5e7;
  padding-top: 5%; }

.btn-envoyer {
  background: #9b59b6;
  border: none; }

.btn-envoyer:hover {
  background: #c564e1;
  border: none; }

.program-drag-and-drop {
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  margin-top: 4%; }

.program-drag-and-drop ul > li {
  list-style: none; }

.program-drag-and-drop i {
  color: #060D3B; }

.program-drag-and-drop-title {
  background: #e4e5e7;
  padding: 2%;
  color: #060D3B;
  font-weight: 600; }

.program-drag-and-drop-title a > i {
  background: #e4e5e7;
  padding: 2%;
  color: #060D3B;
  font-weight: 600; }

.program-drag-and-drop-padding {
  padding-top: 3%;
  text-align: left; }

.program-drop-down {
  font-size: 1.5em !important;
  padding-top: 5px; }

.validation-img img {
  max-width: 150px;
  margin: 10% 5%; }

.validation-white-column {
  background: #fff;
  text-align: center;
  border: 1px solid #e4e5e7; }

.validation-white-column h4 span {
  color: #62cb31;
  font-weight: bold; }

.tag-search > div {
  text-align: left;
  display: inline;
  color: #62cb31;
  font-weight: 700; }

.validation-white-column h4,
.validation-white-column span {
  font-weight: 700; }

.validation-white-column .validation-mainten {
  border: 2px solid #62cb31;
  font-size: 1.5em;
  padding: 5px; }

.validation-white-column ul li {
  list-style: none;
  line-height: 3em;
  font-weight: 900;
  text-align: left; }

.validaiton-facebook-block {
  background: #3b5998; }

.validaiton-social-block {
  color: white;
  text-align: left;
  margin: 3% 0; }

.validaiton-social-block .fa-facebook {
  color: #3b5998; }

.validaiton-social-block .fa-linkedin {
  color: #0077b5; }

.validaiton-social-block .fa-twitter {
  color: #5ea9dd; }

.validaiton-social-block .fa-facebook,
.validaiton-social-block .fa-linkedin,
.validaiton-social-block .fa-twitter {
  background: white;
  border-radius: 3px;
  font-size: 1.5em;
  margin: 1%;
  display: inline-block;
  padding-left: 2%;
  padding-top: 1%; }

.validaiton-linkedin-block {
  background: #0077b5; }

.validaiton-twitter-block {
  background: #5ea9dd; }

.validation-circle-img {
  border-radius: 10px; }

.validaiton-social-block p {
  padding: 7% 7% 4%; }

.validaiton-social-block .validation-white-row {
  background: #fff;
  padding: 4px;
  color: #333;
  margin: 1% -3% 5% 1%; }

.validaiton-social-block .row {
  padding: 1%; }

.validaiton-social-block p > span {
  font-size: 1.3em;
  font-weight: 500;
  padding-left: 5%; }

div[component-settings] {
  cursor: pointer; }

.email-section-container {
  padding: 0px 0px; }

.email-section-container:hover {
  background-color: rgba(98, 203, 49, 0.18); }

.email-section-container.dynamic > div {
  position: relative; }

.email-section-container.dynamic:hover {
  background-color: rgba(52, 73, 94, 0.18); }

.email-section-container.dynamic:hover > div:before {
  content: '\f0c1';
  position: absolute;
  font-family: FontAwesome;
  font-size: 48px;
  top: 40%;
  text-align: center;
  left: 5%;
  color: rgba(255, 255, 255, 0.45); }

.email-section-container.dynamic:hover > div:after {
  content: '\f0c1';
  position: absolute;
  font-family: FontAwesome;
  font-size: 48px;
  top: 40%;
  text-align: center;
  right: 5%;
  color: rgba(255, 255, 255, 0.45); }

.email-section {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 600px;
  margin: 0 auto;
  box-sizing: border-box; }

.template-button {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.default-content {
  font-size: 20px; }

.empty-col {
  color: #eaeaea; }

.template-hover {
  cursor: pointer;
  /*    border: 1px dashed #e4e5e7;*/
  border: 1px dashed transparent; }

.template-hover:hover {
  border: 1px dashed #e67e22; }

.empty-column {
  min-height: 200px;
  border: 1px dashed #e4e5e7; }

.empty-template {
  margin: 15px;
  height: 200px;
  border: 1px dashed #e4e5e7;
  font-size: 20px; }

.template-column {
  display: flex;
  justify-content: center; }

.email-media-select {
  margin: 20px auto; }

.email-media-form label {
  width: 100%; }

.email-media-select > div {
  cursor: pointer;
  text-align: center; }

.email-content-media {
  border-left: 4px solid #e67e22;
  background: #fef8f4;
  padding: 10px; }

.email-image-contaner {
  text-align: center; }

.column-block {
  min-height: 100px; }

.edit-modal-list li {
  position: relative; }

.edit-modal-list li .checkbox {
  position: absolute;
  top: -16px;
  left: -7px; }

.edit-modal-list > li {
  display: inline-block;
  list-style: none;
  margin: 1% 5% 0 0; }

.calendar-img-list {
  padding-left: 0px;
  padding-top: 5px;
  margin-bottom: 0px; }

.calendar-img-list li {
  list-style: none;
  display: inline-block;
  width: 60px;
  margin-right: 3px; }

.edit-modal-list-img {
  display: inline-block;
  margin: 4px; }

/* .email-image-container {
    text-align: center;
} */
.email-video-container {
  position: relative;
  display: inline-block; }

.email-video-play-button {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.emailing-content-add {
  cursor: pointer; }

.edit-modal-list-icon {
  position: absolute;
  right: 30px;
  top: 20px; }

.component-body .dropzone li {
  background-color: red;
  border: 1px solid #ddd;
  display: block;
  padding: 0px; }

.program-email-template-container {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.dndPlaceholder {
  background: gba(6, 13, 58, 0.5);
  height: 100%;
  min-height: 100px;
  width: 100%;
  border: 1px dashed #060D3B;
  list-style: none; }

.dndDragover > .text-center {
  display: none; }

table.offers td {
  border-top: transparent !important; }

.price {
  min-height: 140px;
  border-bottom: 1px solid #ddd; }

.tour-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5); }

.popover {
  /*border: none;*/
  max-width: 376px; }

.popover-title {
  background-color: #62cb31;
  color: white;
  font-weight: bold;
  text-align: center; }

.popover-content {
  font-weight: 600; }

/* ============ CARD CONTENT ============ */
.card {
  height: 300px;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.card-body {
  flex: 1;
  border: 1px solid #e6e6e6;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  display: flex;
  flex-direction: column; }

.card-footer {
  height: 45px;
  max-height: 45px;
  flex: 1;
  background-color: #feffff;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 3px; }

.card-footer > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center; }

.card-footer > div:nth-child(2) {
  flex: 1 0 130px; }

.card-backdrop {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  padding: 7px;
  flex: 1;
  justify-content: space-between; }

.card-backdrop-video {
  position: absolute;
  max-width: 386px;
  max-height: 253px; }

.card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px; }

.card-header .grid-dropdown a i {
  color: white; }

.card-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.card-content h3 a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600; }

.card-content-tags {
  padding: 3px; }

.card-content-tags span {
  margin-right: 3px;
  display: inline-block; }

.card-footer .text-muted span {
  color: #777777 !important; }

/* ============ CARD EMAILING NEWSLETTER ============ */
.card-emailing-ghost .card-backdrop {
  background-color: transparent; }

.card-emailing-ghost .card-content {
  display: flex;
  justify-content: center;
  align-items: center; }

.card-emailing-ghost .card-body {
  border: 2px dashed #62cb31; }

.card-emailing-ghost .card-footer {
  border: 2px dashed #62cb31;
  border-top: none;
  background-color: rgba(255, 255, 255, 0.42); }

.card-emailing-ghost i.fa-plus {
  color: #62cb31; }

/* ============ SOCIAL NETWORKS COLORS ============ */
.facebook-color {
  color: #3b5998; }

.fa-facebook-square {
  color: #3b5998; }

.linkedin-color {
  color: #0077b5; }

.fa-linkedin-square {
  color: #0077b5; }

.youtube-color {
  color: #FF0000; }

.fa-youtube-play {
  color: #FF0000; }

.twitter-color {
  color: #5ea9dd; }

.fa-twitter-square {
  color: #5ea9dd; }

.emailing-color {
  color: #e7503a; }

.portabilite-color {
  color: #41b707; }

.instagram-color {
  color: lightslategray; }

.fa-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  /* Also define standard property for compatibility */
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 13px;
  /* change this to change the size*/ }

.btn-new {
  width: 100%;
  height: 70px;
  font-size: 20px; }

.btn-content-new {
  width: 100%;
  height: 35px;
  font-size: 17px;
  margin-bottom: 5px; }

.p-t-xs {
  padding-top: 2px; }

.p-t-xxs {
  padding-top: 5px; }

@media (max-width: 900px) {
  .navbar-form-custom h1 {
    display: none; } }

.sans-contenu {
  min-height: 500px;
  padding-top: 50px; }

.sans-contenu img {
  width: 500px; }

.btn-disabled {
  background-color: #d2d6d8;
  opacity: 0.5;
  color: #34495e; }

.a-disabled {
  background-color: #d2d6d8;
  opacity: 0.5;
  pointer-events: none;
  cursor: default; }

.ng-ckeditor {
  margin-bottom: 15px; }

.program_emailing_content div[email-text] p {
  margin: 13px 0px; }

.modal-footer .pagination {
  margin: 0 !important; }

/* EMAILING RESET CSS */
.program_emailing_content {
  font-family: Ubuntu, Helvetica, Arial, sans-serif; }

.program_emailing_content h1, .program_emailing_content h2, .program_emailing_content h3, .program_emailing_content h4, .program_emailing_content h5 {
  font-size: initial; }

body .md-virtual-repeat-container.md-autocomplete-suggestions-container {
  z-index: 10000; }

.listediff {
  display: inline-block !important; }

.middle_choice:before {
  content: "";
  border-bottom: solid 0.5px black;
  display: inline-block;
  width: calc(50% - 35px);
  float: left;
  transform: translateY(16px); }

.middle_choice:after {
  content: "";
  border-bottom: solid 0.5px black;
  display: inline-block;
  width: calc(50% - 35px);
  float: right;
  transform: translateY(16px); }

.middle_choice {
  width: 100%;
  margin: auto;
  padding: 20px 0;
  text-align: center;
  font-size: 25px;
  font-weight: 600; }

/* ************************************************************************************************************************************************ */
/* ************************************************************************************************************************************************ */
/*  SOHO UPDATES                                                                                                                                    */
/* ************************************************************************************************************************************************ */
/* ************************************************************************************************************************************************ */
/* Publication previews */
.publishingMessageAccountList {
  position: absolute;
  z-index: 1000;
  background-color: white;
  padding: 10px;
  width: 400px;
  border: solid 1px #ccc;
  margin-top: -10px; }

.publishingMessageAccountListItem {
  padding: 3px;
  border-bottom: solid 1px #eee;
  height: 50px; }

.publishingMessageAccountList div:hover {
  cursor: pointer; }

/* PREVIEW CONTAINER */
.preview-main-container {
  background-color: #1C3AD4;
  padding: 10px 15px 15px 15px;
  max-width: 500px;
  margin-left: auto;
  margin-top: 10px; }

.preview-main-container h4 {
  margin: 0;
  margin-bottom: 10px; }

/* TWITTER */
.preview-twitter-mainContainer {
  background-color: white;
  padding: 5px; }

.preview-twitter-header-avatar {
  width: 100%; }

.preview-twitter-photo-container {
  display: flex;
  flex-wrap: wrap;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border: solid 1px #ccd6dd;
  overflow: hidden;
  /* height: 315px; */ }

.preview-twitter-photo-container-nolink {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px; }

.preview-twitter-photo img {
  display: inline-block;
  /* border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border: solid 1px rgb(204, 214, 221);
    margin-top: 10px; */
  max-width: 100%;
  object-fit: cover; }

.preview-twitter-photo-container-3 img:nth-child(1) {
  max-width: 50%; }

.preview-twitter-photo-container-3 img:nth-child(2) {
  max-width: 25%; }

.preview-twitter-photo-container-3 img:nth-child(3) {
  max-width: 25%; }

.preview-twitter-text {
  border: 0px !important;
  margin-left: 42px !important;
  margin-top: -25px !important;
  margin-bottom: 0px !important;
  color: black;
  font-size: 15px !important;
  min-height: 40px;
  font-size: 14px;
  padding: 10px;
  border-radius: 2px;
  white-space: pre-wrap;
  position: relative; }

.preview-twitter-pre {
  word-break: break-word;
  white-space: pre-wrap;
  background-color: white;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
  border: 0px;
  margin: 0;
  padding: 0;
  font-size: 100%; }

.preview-twitter-text a {
  color: #1b95e0; }

.preview-twitter-subText {
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  border: solid 1px #ccd6dd !important;
  padding: 15px;
  font-size: 15px; }

.preview-twitter-subText .line1 {
  font-weight: 400;
  color: black; }

.preview-twitter-subText .line2 svg {
  height: 1.25em;
  fill: currentcolor;
  margin: 2px;
  vertical-align: middle; }

.preview-twitter-footer img {
  width: 100%; }

/* FACEBOOK */
.preview-facebook-mainContainer {
  max-width: 555px;
  margin: 0 auto;
  border: solid 1px #ccd6dd;
  padding-top: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: white; }

.preview-facebook-header .line1 {
  margin: -20px 0 0 65px; }

.preview-facebook-header .line1 img {
  width: 60px; }

.preview-facebook-header-avatar {
  width: 100%;
  padding-left: 15px; }

.preview-facebook-photo-container {
  margin-top: 10px; }

.preview-facebook-photoContainer {
  /* height: 262px; */
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /* margin-top: 10px; */ }

.preview-facebook-photo img {
  object-fit: cover; }

.preview-facebook-text {
  border: 0px !important;
  margin-bottom: 0px !important;
  color: black;
  font-size: 15px !important;
  border-left: solid 5px #ccc !important;
  margin-left: 15px;
  /*padding-left: 10px;*/ }

.preview-facebook-pre {
  word-break: break-word;
  white-space: pre-wrap;
  background-color: white;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
  border: 0px;
  padding: 0 0 0 10px;
  font-size: 100%;
  margin: 0 5px 0 0; }

.preview-facebook-text a {
  color: #1877F2; }

.preview-facebook-text-footer {
  color: black;
  font-size: 15px !important;
  border-left: solid 5px #ccc !important;
  padding-left: 10px;
  margin-left: 15px; }

.preview-facebook-text-footer img {
  filter: invert(39%) sepia(57%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) hue-rotate(202deg); }

.preview-facebook-text-footer span {
  color: #227ef9;
  font-size: 11px !important; }

.preview-facebook-subText {
  background-color: #f0f2f5;
  border-top: solid 1px #ccd6dd !important;
  border-bottom: solid 1px #ccd6dd !important;
  padding: 5px 15px 5px 15px;
  font-size: 15px; }

.preview-facebook-subText .line1 {
  text-transform: uppercase;
  font-size: 12px; }

.preview-facebook-subText .line2 {
  font-weight: bold;
  color: black;
  font-size: 14px; }

.preview-facebook-subText .line3 {
  font-size: 12px; }

.preview-facebook-footer {
  margin-top: -12px; }

.preview-facebook-footer .line1 {
  text-align: center;
  border-bottom: solid 1px #ccd6dd; }

.preview-facebook-footer .line2 {
  text-align: center; }

.preview-facebook-footer img {
  width: 100%; }

.fb-square-image {
  height: 245px;
  width: 245px; }

.fb-rect-image {
  height: 250px;
  margin-bottom: 2px;
  width: 100%; }

/* INSTAGRAM */
.preview-instagram-mainContainer {
  max-width: 470px;
  /* height: 728px; */
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  /* margin-left: -1px;
    margin-right: -1px; */
  margin: auto;
  flex: 0 0 auto;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  /*display: flex;*/ }

.preview-instagram-header {
  border-radius: 8px;
  border-bottom: 1px solid #efefef;
  font: inherit;
  font-size: 100%; }

.preview-instagram-header-buttons {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px; }

.preview-instagram-body {
  background-color: white;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  color: #262626; }

/* YOUTUBE */
.preview-youtube-header-avatar {
  width: 100%; }

.preview-youtube-body {
  max-width: 555px;
  margin: 0 auto;
  background-color: white;
  padding: 5px; }

.preview-youtube-text {
  border: 0px !important;
  margin-left: 42px !important;
  margin-bottom: 0px !important;
  color: black;
  font-size: 14px !important; }

.preview-youtube-subText {
  font-size: 18px;
  padding: 10px 0 0 0 !important; }

.preview-youtube-subText .line1 {
  font-weight: 400;
  color: black; }

.preview-youtube-footer img {
  width: 100%;
  margin-top: 5px; }

.preview-youtube-avatarH5 {
  margin-top: 15px !important; }

.preview-youtube-avatarH5container img {
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  right: 0px !important;
  position: absolute !important;
  margin-top: -34px !important; }

/* LINKEDIN */
.preview-linkedin-mainContainer {
  max-width: 555px;
  border: solid 1px #ccd6dd;
  padding-top: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 0 auto;
  background-color: white; }

.preview-linkedin-header .line1 {
  margin: -20px 0 0 65px; }

.preview-linkedin-header .line1 img {
  width: 60px; }

.preview-linkedin-header-avatar {
  width: 100%;
  padding-left: 15px; }

.preview-linkedin-photo-container {
  margin-top: 10px;
  /* height: 262px; */ }

.preview-linkedin-photo-container-multi {
  margin-top: 10px;
  height: 552px; }

.preview-linkedin-document-container {
  margin-top: 10px;
  position: relative;
  /* height: 262px; */ }

.preview-linkedin-photoContainer {
  /* height: 262px; */
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /* margin-top: 10px; */ }

.preview-linkedin-photo img {
  object-fit: cover; }

.preview-linkedin-text {
  border: 0px !important;
  margin-bottom: 0px !important;
  color: black;
  font-size: 15px !important;
  /*padding-left: 15px;*/ }

.preview-linkedin-pre {
  word-break: break-word;
  white-space: pre-wrap;
  background-color: white;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
  border: 0px;
  margin: 5px; }

.preview-linkedin-text a {
  color: #665ed0; }

.preview-linkedin-text-footer {
  color: black;
  font-size: 15px !important;
  border-left: solid 5px #ccc !important;
  padding-left: 10px;
  margin-left: 15px; }

.preview-linkedin-text-footer img {
  filter: invert(39%) sepia(57%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) hue-rotate(202deg); }

.preview-linkedin-text-footer span {
  color: #227ef9;
  font-size: 11px !important; }

.preview-linkedin-subText {
  background-color: #f0f2f5;
  border-top: solid 1px #ccd6dd !important;
  border-bottom: solid 1px #ccd6dd !important;
  padding: 5px 15px 5px 15px;
  font-size: 15px; }

.preview-linkedin-subText .line1 {
  font-size: 12px;
  margin-top: 5px; }

.preview-linkedin-subText .line2 {
  font-weight: bold;
  color: black;
  font-size: 13px;
  margin-top: 5px; }

.preview-linkedin-footer {
  margin-top: -12px; }

.preview-linkedin-footer .line1 {
  text-align: center;
  border-bottom: solid 1px #ccd6dd; }

.preview-linkedin-footer .line2 {
  text-align: center; }

.preview-linkedin-footer img {
  width: 100%; }

/* TEAMS */
.preview-teams-mainContainer {
  max-width: 555px;
  /* height: 728px; */
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  /* margin-left: -1px;
    margin-right: -1px; */
  margin: 0 auto;
  flex: 0 0 auto;
  justify-content: center;
  align-items: stretch;
  align-content: stretch; }

.preview-teams-header {
  border-radius: 8px;
  font: inherit;
  font-size: 100%;
  padding: 10px; }

.preview-teams-header-buttons {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px; }

.preview-teams-body {
  background-color: white;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  color: #262626;
  /* margin-top: 15px; */
  padding: 10px; }

.preview-teams-body-title {
  font-weight: bold;
  font-size: larger; }

.preview-teams-body-text {
  word-break: break-word;
  white-space: pre-wrap;
  background-color: white;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
  border: 0px;
  padding: 10px 0 0 0; }

.preview-teams-body-link {
  color: #337ab7; }

.social-profile-teams-username {
  display: inline-block; }

.preview-teams-header-date {
  display: inline-block; }

.preview-teams-footer {
  padding: 10px;
  border-top: 1px solid #ddd;
  font-weight: bold; }

.preview-teams-footer-profile {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative; }

.preview-teams-footer-profile-status {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white;
  border-radius: 10px; }

.preview-teams-profile-status {
  width: 30px;
  height: 30px; }

/* VIVA ENGAGE */
.preview-vivaengage-mainContainer {
  max-width: 700px;
  /* height: 728px; */
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  margin: 0 auto;
  flex: 0 0 auto;
  justify-content: center;
  align-items: stretch;
  align-content: stretch; }

.social-profile-vivaengage header div {
  display: inline-block; }

.social-profile-vivaengage-date {
  display: block !important;
  padding-left: 10px; }

.preview-vivaengage-header {
  border-radius: 8px;
  font: inherit;
  font-size: 100%;
  padding: 10px; }

.social-profile-vivaengage-header {
  display: flex;
  align-items: center; }

.preview-vivaengage-header-buttons {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px; }

.preview-vivaengage-body {
  background-color: white;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  color: #262626;
  /* margin-top: 15px; */
  padding: 10px; }

.preview-vivaengage-body-title {
  font-weight: bold;
  font-size: larger; }

.preview-vivaengage-body-text {
  word-break: break-word;
  white-space: pre-wrap;
  background-color: white;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
  border: 0px;
  padding: 10px 0 0 0; }

.social-profile-vivaengage-username {
  width: 300px;
  font-weight: bold; }

.preview-vivaengage-header-date {
  display: inline-block; }

.social-profile-vivaengage-stats {
  width: 110px;
  font-size: 0.8em; }

.preview-vivaengage-cta {
  display: flex;
  margin: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  align-items: center;
  overflow: hidden; }

.preview-vivaengage-cta-icon {
  background-color: #FAF9F8; }

.preview-vivaengage-cta-icon img {
  height: 65px;
  width: 100px; }

.preview-vivaengage-header-buttons {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px;
  cursor: default; }

.preview-vivaengage-footer {
  padding: 0 10px 0 10px;
  font-weight: bold; }

.preview-vivaengage-footer-profile {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative; }

.preview-vivaengage-footer-profile-status {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white;
  border-radius: 10px; }

.preview-vivaengage-profile-status {
  width: 30px;
  height: 30px; }

/* SHAREPOINT */
.preview-sharepoint-mainContainer {
  max-width: 555px;
  /* height: 728px; */
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  /* margin-left: -1px;
    margin-right: -1px; */
  margin: 0 auto;
  flex: 0 0 auto;
  justify-content: center;
  align-items: stretch;
  align-content: stretch; }

.social-profile-sharepoint header div {
  display: inline-block; }

.social-profile-sharepoint-date {
  display: block !important;
  padding-left: 10px; }

.preview-sharepoint-header {
  border-radius: 8px;
  font: inherit;
  font-size: 100%;
  padding: 10px 10px 0 10px; }

.social-profile-sharepoint-header {
  display: flex;
  align-items: center; }

.preview-sharepoint-header-buttons {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px; }

.preview-sharepoint-body {
  background-color: white;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  position: relative;
  color: #262626;
  /* margin-top: 15px; */
  padding: 0 10px 0 10px; }

.preview-sharepoint-body-title {
  font-weight: bold;
  font-size: larger;
  margin-bottom: 10px;
  display: inline-block; }

.preview-sharepoint-body-text {
  word-break: break-word;
  white-space: pre-wrap;
  background-color: white;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;
  border: 0px;
  /* padding: 10px 0 0 0; */
  margin: 20px 0 20px 0; }

.social-profile-sharepoint-profile-img {
  height: 28px !important;
  width: 28px !important; }

.social-profile-sharepoint-username {
  font-weight: bold;
  width: fit-content;
  vertical-align: top; }

.preview-sharepoint-header-date {
  display: inline-block; }

.social-profile-sharepoint-stats {
  width: 60px;
  font-size: 0.8em; }

.preview-sharepoint-cta {
  display: flex;
  margin: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  align-items: center;
  overflow: hidden; }

.preview-sharepoint-cta-icon {
  background-color: #FAF9F8; }

.preview-sharepoint-cta-icon img {
  height: 65px;
  width: 100px; }

.preview-sharepoint-header-buttons {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 8px;
  cursor: default; }

.preview-sharepoint-footer {
  padding: 0 10px 0 10px;
  font-weight: bold; }

.preview-sharepoint-footer-profile {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative; }

.preview-sharepoint-footer-profile-status {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: white;
  border-radius: 10px; }

.preview-sharepoint-profile-status {
  width: 30px;
  height: 30px; }

.publishing-images-ctas-warning {
  color: red;
  font-size: 0.8em; }

.modal-dialog {
  width: 90%; }

/* RESPONSIVE */
@media (max-width: 1500px) {
  .modal-dialog {
    width: 100% !important;
    margin-top: auto; } }

/* FEEDS - ARTICLES */
.article {
  height: 300px;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.article-body {
  flex: 1;
  border: 1px solid #e6e6e6;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  display: flex;
  flex-direction: column; }

.article-footer {
  height: 45px;
  max-height: 45px;
  flex: 1;
  background-color: #feffff;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 3px; }

.article-footer > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center; }

.article-footer > div:nth-child(2) {
  flex: 1 0 130px; }

.article-backdrop {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 7px;
  flex: 1;
  justify-content: space-between; }

.article-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px; }

.article-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 5px; }

.article-header .grid-dropdown a i {
  color: white; }

.article-content {
  height: 100px;
  background-color: grey;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.article-content h3 a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600; }

.article-content-tags {
  padding: 3px; }

.article-content-tags span {
  margin-right: 3px;
  display: inline-block; }

.article-footer .text-muted span {
  color: #777777 !important; }

.article-search-box {
  margin: 1em; }

/* CURATION INTERFACE */
.curationHR {
  border-top: solid 1px #ccc !important; }

.curation-main-menu {
  font-size: 1.5em;
  padding: 10px;
  background-color: #060D3A;
  border: 1px solid #e4e5e7;
  color: white; }

.curation-main-menu a {
  color: white !important; }

.curation-backButton {
  padding: 10px;
  background-color: #34495E;
  border-radius: 2px;
  margin: 0 0 0 15px; }

.curation-backButton a {
  color: white; }

.curation-backButton-small {
  padding: 5px;
  background-color: #34495E;
  border-radius: 2px;
  margin: 0 0 0 15px; }

.curation-theme-title {
  margin: 15px 0 15px 0; }

.curation-theme-title-text {
  font-weight: bold !important; }

.curation-theme-card-body {
  border: 0px !important;
  margin-top: 1.5em; }

.curation-ssTheme-card {
  height: 200px;
  background-size: cover; }

.curation-ssTheme-title {
  bottom: 0px;
  position: absolute;
  padding: 0 0 0 10px; }

.curation-ssTheme-title h4 {
  color: white; }

.curation-ssTheme-subTitle {
  margin: 15px;
  background-color: white;
  border: 1px solid #e4e5e7; }

.curation-article-backdrop {
  background-color: white;
  padding: 7px;
  border: solid 1px #c6c6c6;
  height: 446px;
  margin-bottom: 15px;
  overflow: hidden; }

.curation-article-buttons {
  padding: 5px; }

.curation-article-header {
  padding: 0 5px 5px 5px;
  font-size: 14px;
  height: 44px;
  overflow: hidden;
  font-weight: bold; }

.curation-article-date {
  padding: 0 5px 0 5px;
  color: #bbb; }

.curation-article-content {
  height: 200px;
  background-size: cover;
  border: solid white 5px;
  overflow: hidden;
  background-image: url("/img/articlesDefault01.png"); }

.curation-article-content-img {
  height: 200px;
  background-size: cover; }

.curation-article-url {
  padding: 5px 5px 0 5px;
  height: 22px;
  overflow: hidden; }

.curation-article-url a {
  color: #62cb31;
  font-weight: bold; }

.curation-article-footer {
  padding: 5px; }

.curation-article-subscribed {
  color: orange; }

.curation-article-favorited {
  color: gold; }

.curation-article-saved {
  color: green; }

.curation-article-nocontent {
  font-size: 14px;
  font-weight: bold; }

.curation-flux-backdrop {
  background-color: white;
  padding: 7px;
  border: solid 1px #c6c6c6;
  height: 200px;
  margin-bottom: 15px;
  overflow: hidden; }

.curation-flux-buttons {
  padding: 5px; }

.curation-flux-header {
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.curation-flux-content {
  padding: 5px;
  height: 100px;
  background-size: cover;
  text-align: center; }

.curation-flux-content i {
  font-size: 60px;
  color: #62cb31; }

.curation-flux-footer {
  padding: 5px;
  position: absolute;
  bottom: 0px; }

.curation-flux-articlesTitle {
  margin: 15px; }

.curation-flux-articlesContainer {
  margin: 20px 0 0 0; }

.curation-grid-dropdown i {
  color: #c6c6c6 !important; }

.curation-rss-addRss {
  margin: 15px; }

.curation-search-dropdow-container {
  display: block;
  position: absolute;
  top: 33px;
  left: 0px;
  z-index: 1000;
  width: 100%;
  padding: 10px;
  background-color: white;
  border: solid 1px #e4e5e7;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.curation-search-dropdow-line {
  margin: 0 0 10px 0; }

.curation-search-dropdow-line div {
  vertical-align: middle; }

.curation-search-dropdow-label {
  padding-top: 5px; }

.curation-search-dropdow-buttons {
  text-align: right; }

.curation-savedSearch-menu {
  margin: 0 0 10px 0;
  background-color: white;
  border: 1px solid #e4e5e7;
  padding: 10px; }

.curation-savedSearch-menu-line {
  position: relative; }

.curation-savedSearch-menu-dropdown {
  position: absolute;
  top: -10px;
  right: 0px; }

.curation-favorites-mainContainer {
  margin: 15px 0 0 0; }

.curation-admin-mainContainer {
  margin: 0 0 0 0; }

.curation-admin-main-menu {
  font-size: 1.5em;
  padding: 10px;
  background-color: #34495E;
  border: 1px solid #e4e5e7;
  color: white; }

.curation-admin-main-menu a {
  color: white !important; }

.curation-admin-themes-mainContainer {
  margin: 10px 0 10px 0;
  padding: 10px;
  background-color: white;
  border: solid 1px #c6c6c6; }

.curation-admin-themes-title h3 {
  font-weight: bold; }

.curation-admin-themes-plusButton {
  text-align: right;
  margin: 15px 0 0 0; }

.curation-admin-themes-lineButtons {
  text-align: right; }

.curation-admin-ssThemes-line {
  margin-bottom: 5px; }

.curation-admin-ssThemes-lineButtons {
  text-align: right; }

.curation-admin-modal-img {
  margin: 0 0 10px 0; }

.curation-admin-modal-addButton {
  text-align: right; }

.curation-admin-modal-rssLine {
  margin: 10px 0 10px 0;
  padding: 10px;
  background-color: white;
  border: solid 1px #c6c6c6; }

.curation-admin-modal-rssLine-deleteButton {
  text-align: right; }

.adminDashButton {
  font-family: Arial;
  font-size: 12px;
  vertical-align: middle;
  padding-left: 5px; }

/* EMAILING INTERFACE */
.emailing-tabContainer {
  height: 30px; }

.emailing-tabElement {
  float: left;
  padding: 10px;
  border-left: solid 1px #ddd;
  width: 33%; }

.emailing-tabElement i {
  color: #aaa !important;
  font-size: 22px; }

.emailing-tabElement:first-child {
  border-left: none; }

.emailing-tabElementActive i {
  color: #333 !important; }

.emailing-tabBody {
  clear: both;
  border-top: solid 1px #bbb;
  padding: 5px 0 0 0; }

.emailing-tabBodyElement {
  display: none; }

.emailing-tabBodyElement:first-child {
  display: block; }

.emailing-tabBodyElement css-slider div {
  padding: 0px; }

/* #emailing-tabBodyElement-1              { height: 450px; overflow: hidden scroll; } */
#emailing-tabBodyElement-3 {
  height: 320px; }

.emailing-blocImg {
  width: 80%;
  border-bottom: solid 1px #ddd; }

.emailing-menuItem {
  border: 1px solid black;
  padding: 5px;
  margin: 5px; }

.sidebarTextSettingsHeader span {
  float: right; }

.sidebarTextSettingsContainer {
  display: none; }

#sidebarTextSettingsContainer1 {
  display: block; }

.sidebarTextSettingsContainer .checkbox {
  padding-top: 0 !important; }

.social-side-bar {
  overflow-x: hidden !important; }

.sidebarModal-backdrop {
  opacity: 0 !important; }

/* STATS EMAILING INTERFACE */
#statsEmailings-calendarContainer .fc-view-container {
  display: none; }

.statsEmailings-hmodal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90 !important; }

.statsEmailings-modal-dialog {
  width: 63%;
  margin: 130px 0 0 200px; }

.emailingStatsDetails {
  width: 100%;
  background-color: white;
  position: absolute;
  top: 50px;
  padding: 20px;
  left: -15px;
  z-index: 90;
  border-radius: 5px; }

@media (max-width: 1500px) {
  .statsEmailings-modal-dialog {
    width: 55% !important; } }

/* MULTILANGUAGE */
#multilanguageSelector {
  margin-top: 15px; }

/* COLOR PICKER */
.colorPickerContainer > div {
  width: 100% !important; }

.colorPickerContainer input {
  width: 80px; }

/* NAVIGATION */
.darkThemeButton {
  background-color: #333;
  color: white !important;
  width: 100%;
  margin-top: -10px; }

/* NAV TABS */
.nav-link {
  display: block;
  padding: .5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }

.nav-tabs-medias {
  margin-bottom: 10px !important; }

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  border-color: #dee2e6;
  border-bottom: 2px solid #f2f3f7; }

.grid-dropdown-media {
  margin-top: -50px;
  position: absolute;
  right: 10px; }

.grid-dropdown-media li div {
  text-align: right; }

.grid-dropdown-media li {
  padding: 2px; }

.grid-dropdown-media button {
  margin: 2px 10px 2px 2px; }

.grid-dropdown-media-folder {
  margin-top: -37px;
  position: absolute;
  left: 5px; }

.grid-dropdown-media-folder li div {
  text-align: right; }

.grid-dropdown-media-folder li {
  padding: 2px; }

.grid-dropdown-media-folder .fa-ellipsis-v {
  color: #ddd; }

/* DROPDOWN SUBMENU */
.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: -150px;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: left;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-left-color: #ccc;
  border-right-color: #ccc;
  margin-top: 5px;
  margin-right: 0px;
  margin-left: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #fff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.emailing-tooltip {
  position: relative; }

.emailing-tooltip .emailing-tooltip-content {
  position: absolute;
  z-index: 1;
  background-color: white;
  border: 1px solid #62cb31;
  width: 325px;
  /* right: 160px; */
  padding: 5px;
  font-size: 1.1em; }

#toast-container {
  margin-top: 50px;
  right: 50%;
  width: 150px; }

#toast-container > div > .toast.toast-success {
  background-image: url("/assets/success.png") !important;
  background-color: #62cb31 !important;
  width: 500px !important; }

#toast-container > div > .toast.toast-error {
  background-image: url("/assets/error.png") !important;
  background-color: #CF3C34 !important;
  width: 500px !important; }

.program-heroscom-container {
  max-height: 400px;
  overflow-y: auto; }

.hpanel.stats {
  border-top: 4px solid lightgray; }

.dashboard-data-container {
  min-height: 480px;
  max-height: 480px; }

.panel-footer .row {
  position: relative;
  min-height: 70px;
  max-height: 70px; }

.panel-footer.dashboard-left {
  background-color: #060D3A;
  border-bottom: 5px solid #060D3A;
  padding-top: 0px;
  min-height: 75px;
  max-height: 75px; }

.panel-footer.dashboard-right {
  background-color: #060D3A;
  border-bottom: 5px solid #060D3A;
  padding-top: 0px;
  min-height: 75px;
  max-height: 75px; }

.panel-footer.dashboard-bottom {
  background-color: #060D3A;
  border-bottom: 5px solid #060D3A;
  padding-top: 0px; }

.dashboard-contents-container {
  display: block;
  height: 410px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 5px; }

.dashboard-content-item {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid lightgray; }

.table-content-list > tbody > tr > td {
  border: none;
  padding: 8px 8px 0px 8px;
  margin-bottom: 8px; }

:root {
  --star-size: 15px;
  --star-color: #fff;
  --star-background: #fc0; }

.content-stars-rating {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1; }
  .content-stars-rating::before {
    content: '★★★★★';
    letter-spacing: 3px;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.content-item-rating {
  font-weight: bold;
  font-size: 1.2rem; }

.rating-text {
  font-size: 1.85rem; }

/* ----------------------------------------------------------------------------------- */
.dashboard-container {
  margin: 0;
  margin-bottom: 15px;
  min-height: 75px; }

.dashboard-container.header {
  background-color: #060D3A;
  border-bottom: 5px solid #060D3A; }

.dashboard-container-subtext {
  color: white;
  text-align: right;
  position: absolute;
  bottom: 0; }

.dashboard-statistics {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.dashboard-statistic {
  display: flex;
  padding-right: 50px; }

.dashboard-statistic-value {
  white-space: nowrap;
  color: white;
  /* font-size: 4.0rem; */
  font-size: clamp(1rem, 1.6vw, 2.5vw); }

.dashboard-statistic-text {
  text-align: left;
  text-transform: uppercase;
  color: white;
  /* font-size: 1.3rem; */
  font-size: clamp(1rem, 0.5vw, 0.5vw);
  padding-left: 5px;
  margin: auto; }

.icon-openai {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  border: 0px; }

.content-generator-arrow {
  width: 100px;
  height: 100px;
  background-color: transparent;
  margin: auto;
  border: solid #9D57B6;
  border-width: 0px 2px 2px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  padding: 3px; }

.content-loader {
  position: absolute;
  width: 100%;
  height: 90%;
  background: rgba(205, 205, 205, 0.3);
  z-index: 1000; }

.content-loader-spinner {
  color: #060D3A;
  position: relative;
  top: 35%;
  display: block;
  margin: auto; }

.content-generator-listitem {
  font-weight: bold; }

.content-generator-subtext {
  font-style: italic; }

.wp-help-section {
  padding-bottom: 15px; }

.wp-help-section > h4 {
  font-weight: bold; }

.wp-help-section > img {
  max-height: 400px;
  max-width: 800px;
  padding: 15px; }

.wp-help-section-description > img {
  max-height: 400px;
  max-width: 800px;
  padding: 15px; }

.wp-help-section-badge {
  background-color: #62cb31;
  border-radius: 11px;
  width: 20px;
  height: 20px;
  display: inline-block;
  color: white;
  padding-left: 5px;
  margin-right: 5px; }

.wp-help-section-badge-small {
  background-color: #62cb31;
  border-radius: 8px;
  width: 15px;
  height: 15px;
  display: inline-block;
  color: white;
  padding-left: 4px;
  margin-right: 5px; }

.media-folder {
  font-size: 1.3em;
  display: block;
  width: 100%; }

.media-folder:hover {
  font-weight: bold; }

.media-folder-active {
  font-weight: bold; }

.media-folder-edit {
  font-size: 1.5em;
  display: block;
  width: 100%; }

.ui-select-search::placeholder {
  font-size: 1.5em; }

.tools-container {
  color: white; }

.tools-container a {
  text-decoration: none;
  color: white; }

.tools-container a:hover {
  text-decoration: none;
  color: white; }

.tool-item-card-disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  text-align: center;
  font-size: 2em;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.75);
  padding-top: 15px; }

.tool-item-card-name {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 30px;
  font-size: 2rem;
  color: #060D3A;
  white-space: nowrap; }

.tool-item-card-name-dark {
  color: #060D3A !important; }

.tool-item-card {
  /* margin: auto;
    width: 384px;
    height: 272px;
    background-color: white; */
  margin: auto;
  width: 20vw;
  height: 264px;
  background-color: white; }

.tool-item-icon {
  margin: auto;
  width: 365px;
  height: 272px;
  background-color: white;
  border-radius: 5px; }

.tool-item-card-wide {
  background-color: white;
  margin: auto;
  width: 800px;
  height: 272px; }

.tool-item-card-link {
  position: relative;
  color: white;
  width: 100%;
  height: 100%;
  display: inline-block; }

.tool-item-card-link:hover {
  text-decoration: none; }

.tool-item-card-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.tool-item-card-icon img {
  height: 80px; }

.tool-item-card-buttons {
  position: absolute;
  width: 90%;
  padding: 25px;
  bottom: 0; }

.tool-item-card-button {
  background-color: #060D3A;
  border-radius: 5px;
  width: 100%;
  height: 35px;
  text-align: center;
  margin-bottom: 5px;
  padding: 8px;
  font-size: 1.5rem;
  color: white !important; }

.fa-x-twitter {
  width: 10px;
  height: 10px; }

.fa-x-twitter::before {
  content: url("/img/x-twitter.svg"); }

.fa-teams-square {
  width: 14px;
  height: 14px; }

.fa-teams-square.mini {
  width: 12px;
  height: 12px; }

.fa-teams-square::before {
  content: url("/img/teams.svg"); }

.fa-vivaengage-square {
  width: 14px;
  height: 14px; }

.fa-vivaengage-square.mini {
  width: 12px;
  height: 12px; }

.fa-vivaengage-square::before {
  content: url("/img/vivaengage.svg"); }

.fa-sharepoint-square {
  width: 14px;
  height: 14px; }

.fa-sharepoint-square.mini {
  width: 12px;
  height: 12px; }

.fa-sharepoint-square::before {
  content: url("/img/sharepoint.svg"); }

.button-contacts {
  height: 40px;
  font-size: 1.5em; }

.search-contacts {
  overflow: hidden;
  background-color: white;
  border: 1px solid #ddd; }

.search-contacts div {
  border: none !important; }

.search-contacts span {
  border: none !important; }

.search-contacts input {
  border: none !important;
  border-left: 1px solid #ddd !important;
  border-radius: 0px !important; }

.search-contacts button {
  border: none !important; }

.program-amplification-details {
  padding-left: 15px;
  height: 15px; }

.program-amplification-details span {
  font-size: 8px;
  position: absolute; }

.label-info {
  background-color: #F2BB40; }

.label-info:hover {
  background-color: #F2BB40; }

.label-success {
  background-color: #1C3AD4; }

.intercom-lightweight-app-launcher {
  background: #1C3AD4 !important; }

.badge-primary {
  background-color: #F2BB40 !important; }

.btn-primary {
  background-color: #060D3A !important; }

.btn-primary.btn-outline {
  color: #060D3A !important;
  background-color: transparent !important;
  transition: all 0.5s !important; }

.btn-primary.btn-outline.active {
  color: white !important;
  background-color: #1C3AD4 !important;
  transition: all 0.5s !important;
  border-color: #1C3AD4; }

.btn-success {
  background-color: #1C3AD4 !important;
  border-color: #1C3AD4 !important; }

.btn-success.btn-outline {
  color: #1C3AD4 !important;
  background-color: transparent !important;
  transition: all 0.5s !important; }

.btn-success.btn-outline:hover {
  color: white !important;
  background-color: #1C3AD4 !important;
  transition: all 0.5s !important; }

.ui-icon {
  display: inline-block; }

.icon-medium:before {
  height: 30px !important;
  width: 30px !important; }

.icon-medium-large:before {
  height: 37px !important;
  width: 37px !important; }

.icon-large:before {
  height: 45px !important;
  width: 45px !important; }

.ui-icon:before {
  content: "";
  height: 22px;
  width: 22px;
  background-size: cover;
  display: inline-block; }

.ui-icon-menuburger:before {
  height: 15px;
  width: 15px;
  background: url("/ui/menu-burger.svg") no-repeat; }

.ui-icon-notification:before {
  background: url("/ui/icon-notification.svg") no-repeat; }

.ui-icon-message:before {
  background: url("/ui/icon-message.svg") no-repeat; }

.ui-icon-chart:before {
  background: url("/ui/icon-chart.svg") no-repeat; }

.ui-icon-logout {
  padding-top: 5px; }

.ui-icon-logout:before {
  background: url("/ui/icon-logout.svg") no-repeat; }

.ui-icon-arrow-up-light:before {
  height: 25px;
  width: 25px;
  background: url("/ui/icon-arrow-up-long-light.svg") no-repeat; }

.ui-icon-arrow-down-light:before {
  height: 25px;
  width: 25px;
  background: url("/ui/icon-arrow-down-long-light.svg") no-repeat; }

.ui-icon-filter:before {
  background: url("/ui/icon-filter.svg") no-repeat; }

.ui-icon-up:before {
  background: url("/ui/icon-arrow-up.svg") no-repeat;
  position: relative;
  top: 3px; }

.ui-icon-down:before {
  background: url("/ui/icon-arrow-down.svg") no-repeat;
  position: relative;
  top: 3px; }

.ui-icon-download-cloud:before {
  background: url("/ui/icon-download-cloud.svg") no-repeat;
  position: relative;
  top: 5px; }

.ui-icon-upload-cloud:before {
  background: url("/ui/icon-upload-cloud.svg") no-repeat;
  position: relative;
  top: 5px; }

.ui-icon-add:before {
  background: url("/ui/icon-add.svg") no-repeat;
  position: relative; }

.sn-teams {
  background: url("/img/teams.svg") no-repeat;
  position: relative;
  height: 15px;
  width: 15px; }

.sn-vivaengage {
  background: url("/img/vivaengage.svg") no-repeat;
  position: relative;
  height: 15px;
  width: 15px; }

.sn-sharepoint {
  background: url("/img/sharepoint.svg") no-repeat;
  position: relative;
  height: 15px;
  width: 15px; }

.hpanel.hgreen .panel-body {
  border-top: 2px solid #060D3A; }

.label-default {
  background-color: #F6B743; }

.label-contact {
  background-color: #F6B743; }

.label-disabled {
  background-color: #ddd; }

.hmodal-success h4.modal-title {
  color: #060D3B; }

.hmodal-info h4.modal-title {
  color: #060D3B; }

.text-success {
  color: #060D3B; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #F6B743;
  border-radius: 10px; }

.full .progress-bar-success {
  background-color: #060D3B;
  border-right: 4px solid #1C3AAF; }

.socialnetworks-block {
  padding: 0 0 10px 0; }

.socialnetwork-provider {
  /* margin-top: 15px; */
  margin-bottom: 15px; }

.socialnetworks-header {
  font-size: 14px;
  text-align: left;
  padding: 7px;
  text-transform: capitalize;
  background-color: white;
  border: 1px solid #ddd;
  font-weight: bold; }

.socialnetworks-header span {
  margin-left: 10px; }

.socialnetworks-header-disabled {
  opacity: 0.5;
  display: none; }

/* .socialnetworks-block-instagram {
    background-color: transparent;
}

.socialnetworks-header-instagram {
    background-color: transparent;
}

.socialnetworks-block-facebook {
    background-color: transparent;
}

.socialnetworks-header-facebook {
    background-color: transparent;
}

.socialnetworks-header-linkedin {
    background-color: transparent;
}

.socialnetworks-block-linkedin {
    background-color: transparent;
}

.socialnetworks-header-twitter {
    background-color: transparent;
}

.socialnetworks-block-twitter {
    background-color: transparent;
}

.socialnetworks-header-youtube {
    background-color: transparent; 
}
  
.socialnetworks-block-youtube {
    background-color: transparent; 
} */
.socialnetworks-add-icons img {
  height: 30px;
  margin: 10px; }

.socialnetworks-members ul {
  list-style: none;
  padding: 0; }

.socialnetworks-members:hover {
  /* background-color: #f7f9fa; */ }

.socialnetworks-members {
  background: white;
  cursor: pointer;
  border: 1px solid #ddd;
  border-top: none; }

.socialnetworks-members li {
  width: 100%;
  margin: 10px 0 10px 0;
  display: table; }

.program-column-header {
  color: #060D3B;
  text-align: left;
  /* border-bottom: 1px solid lightgray; */
  display: flex;
  align-items: center;
  white-space: nowrap; }

.program-column-header-collapse {
  flex-grow: 1;
  text-align: right; }

.program-column-header-collapse i {
  color: #9e9e9e;
  font-size: 16px; }

.social-board-lite {
  text-align: left;
  /* padding-left: 40px; */ }

.social-board-lite-account {
  /* white-space: nowrap; */
  align-content: center; }

.social-board-lite-account:hover {
  color: #060D3B; }

.social-board-lite-account span {
  /* font-size: 0.65vw; */
  font-size: 10px; }

.social-board-lite-account small {
  /* text-align: right; */
  font-size: 0.7em;
  width: 100%;
  display: inline-block;
  /* padding-left: 30px; */
  position: relative;
  top: -7px; }

.social-board-lite-account input[type="checkbox"] {
  height: 20px;
  width: 20px;
  margin: 5px;
  cursor: pointer; }

.socialnetworks-checkbox {
  height: 20px;
  width: 20px;
  margin: 5px;
  cursor: pointer; }

.socialnetworks-add-account {
  text-align: left;
  display: ruby-text;
  margin-top: 15px; }

.program-add-ambassadeurs-header {
  font-size: 16px;
  text-transform: uppercase; }

.program-add-ambassadeurs-header:hover {
  color: #060D3B; }

.program-herosdecom-list {
  /* margin-left: 15px; */
  background-color: white;
  border: 1px solid #ddd;
  border-top: none;
  padding: 5px; }

.radio-success input[type="radio"]:checked + label::before {
  background-color: #060D3B;
  border-color: #060D3B; }

.radio-success input[type="radio"]:checked + label::after {
  background-color: #060D3B;
  border-color: #060D3B; }

.contact-aj-blocks {
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: white;
  color: white; }

.contact-aj-blocks:hover {
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #664EE8 !important;
  border-color: #664EE8 !important;
  color: white; }

.media-backdrop {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  padding: 7px;
  flex: 1;
  justify-content: space-between; }