* {
  outline: none !important; }
  *:hover, *:focus {
    outline: none !important; }

body {
  min-height: 100vh; }

/* Set padding to keep content from hitting the edges */
.body-content {
  padding: 1rem 1rem;
  min-height: calc(100vh - 112px); }

.alert-danger {
  margin-top: 10px; }

.margin-btm50 {
  margin-bottom: 50px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
.caption {
  color: #999;
  font-size: 12px; }

table th .glyphicon {
  font-size: 10px; }

table a.btn {
  margin-bottom: 5px; }

.field-validation-error {
  display: block; }

.file-uploader-msg {
  padding-top: 10px; }

.navbar-brand {
  padding: 0 15px !important; }

.navbar-brand img {
  max-height: 50px; }

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

.margin-top20 {
  margin-top: 20px; }

.btn-grey {
  color: #666;
  background-color: #eee;
  border-color: #ccc; }

.btn-grey:focus,
.btn-grey.focus {
  color: #333;
  background-color: #ddd; }

.btn-grey:hover {
  color: #333;
  background-color: #ddd; }

.btn-grey:active,
.btn-grey.active {
  color: #333;
  background-color: #ddd; }

#loginForm {
  max-width: 280px;
  margin: 0 auto;
  padding-bottom: 50px; }

#loginForm input[type=checkbox] {
  margin-left: 0; }

.login-container {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%); }

.cursor-all-scroll {
  cursor: all-scroll; }

.cursor-cell {
  cursor: cell; }

.cursor-auto {
  cursor: auto; }

.cursor-context-menu {
  cursor: context-menu; }

.cursor-col-resize {
  cursor: col-resize; }

.cursor-copy {
  cursor: copy; }

.cursor-crosshair {
  cursor: crosshair; }

.cursor-default {
  cursor: default; }

.cursor-e-resize {
  cursor: e-resize; }

.cursor-ew-resize {
  cursor: ew-resize; }

.cursor-grab {
  cursor: grab; }

.cursor-grabbing {
  cursor: grabbing; }

.cursor-help {
  cursor: help; }

.cursor-move {
  cursor: move; }

.cursor-n-resize {
  cursor: n-resize; }

.cursor-ne-resize {
  cursor: ne-resize; }

.cursor-nesw-resize {
  cursor: nesw-resize; }

.cursor-ns-resize {
  cursor: ns-resize; }

.cursor-nw-resize {
  cursor: nw-resize; }

.cursor-nwse-resize {
  cursor: nwse-resize; }

.cursor-no-drop {
  cursor: no-drop; }

.cursor-none {
  cursor: none; }

.cursor-not-allowed {
  cursor: not-allowed; }

.cursor-pointer {
  cursor: pointer; }

.cursor-progress {
  cursor: progress; }

.cursor-row-resize {
  cursor: row-resize; }

.cursor-s-resize {
  cursor: s-resize; }

.cursor-se-resize {
  cursor: se-resize; }

.cursor-sw-resize {
  cursor: sw-resize; }

.cursor-text {
  cursor: text; }

.cursor-vertical-text {
  cursor: vertical-text; }

.cursor-w-resize {
  cursor: w-resize; }

.cursor-wait {
  cursor: wait; }

.cursor-zoom-in {
  cursor: zoom-in; }

.cursor-zoom-out {
  cursor: zoom-out; }

.loader,
.loading-overlay,
.loading-overlay-page {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11; }

.loading-overlay,
.loading-overlay-page {
  width: 100%;
  height: 100%;
  background-color: #00000063; }

.loading-overlay {
  display: none; }

.btn-preview {
  background-color: #8e4cb7;
  color: white;
  border: 1px solid #bb06bb; }

.btn-preview:hover {
  background-color: #773c9c;
  color: white;
  border: 1px solid #a906a9; }

.btn-preview:focus,
.btn-preview:active {
  background-color: #663088;
  color: white;
  border: 1px solid #8e078e; }

.btn-google {
  color: white;
  background-color: #d9372b;
  border-radius: 50px;
  padding: .5rem 1.5rem .5rem 1rem;
  transition: all .3s ease-in-out;
  margin-bottom: .5rem; }
  .btn-google:hover, .btn-google:focus {
    color: white;
    background-color: #c72f24; }

.alert-notice {
  right: 0;
  left: auto;
  width: 500px;
  max-width: 100vw;
  pointer-events: none; }
  .alert-notice .alert {
    pointer-events: auto;
    -webkit-animation: alert 2.5s ease-in-out forwards;
    -moz-animation: alert 2.5s ease-in-out forwards;
    -ms-animation: alert 2.5s ease-in-out forwards;
    -o-animation: alert 2.5s ease-in-out forwards;
    animation: alert 2.5s ease-in-out forwards; }

@-webkit-keyframes alert {
  0%, 100% {
    opacity: 0; }
  10%, 90% {
    opacity: 1; } }

@-moz-keyframes alert {
  0%, 100% {
    opacity: 0; }
  10%, 90% {
    opacity: 1; } }

@-ms-keyframes alert {
  0%, 100% {
    opacity: 0; }
  10%, 90% {
    opacity: 1; } }

@keyframes alert {
  0%, 100% {
    opacity: 0; }
  10%, 90% {
    opacity: 1; } }

.Facebook-Card {
  margin: 15px auto !important;
  margin: 0 15px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  position: relative;
  width: 100%;
  max-width: 510px; }

.Facebook-Card .remove-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

.Facebook-Card .remove-btn img {
  max-width: 25px; }

.Facebook-Card img {
  margin: 0 auto;
  display: block;
  max-width: 100%; }

.baskersville-font {
  font-family: Baskerville Old Face; }

.Facebook-Card img:not(.UploadImage):not(.UploadEvent):not(.UploadCarousel) {
  pointer-events: none; }

.Facebook-Card h1 {
  max-width: 93.5%;
  margin: 5px auto 10px;
  font-size: 14px;
  font-family: Arial;
  overflow: hidden; }

.Facebook-Card .UploadImage,
.Facebook-Card .UploadEvent {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 93.5%; }

.Facebook-Card .card-details {
  width: 100%;
  max-width: 93.5%;
  border: 2px solid #f3f3f3;
  display: inline-block;
  border-top: none;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.Facebook-Card .card-details h3 {
  font-size: 20px;
  margin: 0 auto;
  padding: 18px 10px 6px;
  font-weight: bold; }

.Facebook-Card .card-details p.fb-description {
  font-size: 12px;
  padding: 0 10px 5px;
  margin: 0 auto; }

.Facebook-Card .card-details a {
  color: #90949c;
  font-family: Arial;
  padding: 0 10px 15px;
  display: block;
  cursor: pointer;
  font-size: 12px;
  float: left;
  width: 100%; }

.Facebook-Card .card-details a:hover,
.Facebook-Card .card-details a:focus,
.Facebook-Card .card-details a:active {
  text-decoration: none; }

.Facebook-Card.Event-Card {
  padding-bottom: 12px; }

.Facebook-Card.Event-Card .card-details .date {
  width: 12%;
  padding: 13px 0 6px 5px;
  float: left;
  display: inline-block; }

.Facebook-Card.Event-Card .card-details .date h5 {
  color: red;
  font-weight: bold;
  margin: 0 5px 10px;
  text-align: center;
  text-transform: uppercase; }

@media only screen and (min-width: 768px) {
  .Facebook-Card {
    margin: 0; }
  .Facebook-Card.Event-Card .card-details .date {
    width: 10%;
    padding: 15px 0 6px 5px; }
  .Facebook-Card.Event-Card .card-details .date h5 {
    margin: 0 0 8px;
    font-size: 14px; }
  .Facebook-Card.Event-Card .card-details .date h2 {
    font-size: 26px; } }

.Facebook-Card.Event-Card .card-details .date h2 {
  font-weight: bold;
  margin: 0 5px 10px;
  text-align: center; }

.Facebook-Card.Event-Card .card-details p {
  color: #90949c;
  padding: 0 0 5px; }

.Facebook-Card.Event-Card .card-details h4 {
  font-size: 16px;
  margin-top: 11px; }

.Facebook-Card.Event-Card .card-details .interested-btn {
  width: 31.66666667%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

@media only screen and (max-width: 767px) {
  .Facebook-Card.Event-Card .card-details .interested-btn img {
    max-width: 80%; }
  .Facebook-Card.Event-Card .card-details .date h2 {
    font-size: 20px; }
  .Facebook-Card.Event-Card .card-details .date h5 {
    font-size: 11px; } }

.Facebook-Card.Carousel-Card .card-wrapper {
  width: 93.5%;
  margin: 0 auto; }

.Facebook-Card.Carousel-Card .card-wrapper .card {
  position: relative;
  border: 2px solid #f3f3f3; }

.Facebook-Card.Carousel-Card .card-wrapper .card span {
  width: 25px;
  height: 25px;
  top: 10px;
  right: 15px;
  display: block;
  position: absolute;
  background-image: url("../img/fbposts/remove-btn.png");
  background-image: url("../img/fbposts/remove-btn.png");
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer; }

.Facebook-Card.Carousel-Card .card-wrapper .card .UploadCarousel {
  margin: 0 auto;
  display: block;
  width: 324px;
  height: 324px; }

.Facebook-Card.Carousel-Card .card-wrapper .card .card-details {
  width: 100%;
  max-width: 93.5%;
  border: none;
  display: inline-block;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.Facebook-Card.Carousel-Card .card-wrapper .card .card-details div {
  float: left; }

.Facebook-Card.Carousel-Card .card-wrapper .card .card-details div:first-child {
  width: 60%; }

.Facebook-Card.Carousel-Card .card-wrapper .card .card-details div:last-child {
  width: 40%;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.Facebook-Card {
  background-color: #FFF; }

@-ms-viewport {
  width: auto !important; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

.fb-maintitle {
  font-size: 22px;
  max-width: 510px;
  margin: 10px auto;
  text-align: center; }

#fbpost-create {
  display: none; }

.fb-preview {
  position: relative; }
  .fb-preview .clone-media, .fb-preview .clone-txtarea {
    margin: 0 5px; }

.slick-prev:before,
.slick-next:before {
  color: #000; }

#scroll-top {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 30px;
  cursor: pointer; }

.glyphicon-circle-arrow-up {
  font-size: 50px; }

.slick-prev:before,
.slick-next:before {
  font-size: 40px; }

.slick-next {
  right: -15px; }

.slick-prev {
  left: -38px; }

.remove-btn {
  margin-left: 10px;
  margin-top: 50px; }

hr {
  width: 100%; }

.form-action-wrapper button {
  margin-top: 5px; }

.fbpost-type-btn img {
  height: 23px; }

.fbpost-create-tbl {
  max-width: 800px;
  width: 100%;
  margin: 0 auto; }

.fbpost-create-tbl tr th {
  text-align: center; }

.fbpost-create-tbl tr td {
  border-top: 0 !important;
  border-bottom: 1px solid #DDD; }

.fbpost-create-tbl .fb-maintitle {
  text-align: left; }

.img-thumbnail {
  border: 0 none;
  box-shadow: none; }

.bg-maroon,
.bg-maroon:hover,
.bg-maroon:active,
.bg-maroon:focus {
  border-color: #97084f;
  color: #FFF; }

.bg-maroon {
  background-color: #97084f; }

.bg-maroon:hover {
  background-color: #c3347b; }

.bg-lavender,
.bg-lavender:hover,
.bg-lavender:active,
.bg-lavender:focus {
  border-color: #4c4c7a;
  color: #FFF; }

.bg-lavender {
  background-color: #4c4c7a; }

.bg-lavender:hover {
  background-color: #252550; }

.bg-gold,
.bg-gold:hover,
.bg-gold:active,
.bg-gold:focus {
  border-color: #ffda17;
  color: #FFF; }

.bg-gold {
  background-color: #ffda17; }

.bg-gold:hover {
  background-color: #e8af0c; }

.btn-delete {
  margin-bottom: 5px; }

.form-action {
  display: inline-block; }

.action-btn-wrapper {
  text-align: center;
  margin: 10px auto;
  clear: both; }

/* mobile */
@media (max-width: 425px) {
  .Facebook-Card.Event-Card .card-details h4 {
    font-size: 13px; }
  .Facebook-Card.Event-Card .card-details .date h5 {
    font-size: 10px; }
  .Facebook-Card.Event-Card .card-details .date h2 {
    font-size: 18px; }
  .Facebook-Card.Event-Card .card-details .date {
    width: 14%; }
  .Facebook-Card {
    max-width: calc(100vw - 45px); }
  .btn-responsive {
    width: 100%;
    margin-bottom: 5px;
    text-align: left; }
  .fb-preview {
    margin: 20px 0; }
  .Facebook-Card.Carousel-Card .card-wrapper .card .card-details {
    max-width: 85.5%; }
  .action-btn-mainwrapper.fixed {
    position: relative !important;
    top: 0 !important;
    width: 100% !important; }
  .scroll-title {
    display: none !important; }
  .fb-create-back {
    margin-bottom: 5px; }
  .fbcreate-hr {
    margin-top: 50px; } }

/* large-mobile */
@media (min-width: 436px) {
  .fbposts-preview-wrapper {
    padding: 10px; }
  .fb-preview {
    position: relative;
    /*max-width: 510px;*/
    margin: 20px auto;
    width: 100%; } }

@media (min-width: 769px) {
  .fbposts-preview-wrapper .Facebook-Card {
    margin-bottom: 20px !important; }
  .img-thumbnail {
    width: 200px; } }

@media (max-width: 768px) {
  h4.fb-carouseldescription {
    font-size: inherit; }
  .fbpost-create-tbl tbody tr {
    border-bottom: 1px solid #DDD; }
  .fbpost-create-tbl tbody tr td {
    display: block;
    border-top: 0; }
  .fbpost-create-tbl thead tr th {
    display: none; }
  .fbpost-list-tbl tbody tr td {
    border-top: 0;
    text-align: left;
    display: block; }
  .fbpost-list-tbl tbody tr td:last-child {
    border-bottom: 1px solid #ddd; }
  .img-thumbnail {
    max-width: 300px;
    width: 100%; }
  .fbpost-searchbox {
    max-width: inherit; } }

.tpl-action-td {
  vertical-align: middle !important; }

.tpl-count {
  font-size: 18px;
  float: left;
  text-align: right;
  width: 25%; }

.fbpost-reorder-tbl tbody:hover {
  cursor: move; }

.btn-disabled:hover {
  cursor: not-allowed; }

.fb-preview .fbpost-clone-btn,
.fb-preview .addCarouselSlide {
  margin-right: 5px; }

.remove-btn-tpl {
  margin-left: 10px; }

.fb-carouselitem {
  height: 391px; }

.action-btn-mainwrapper.fixed {
  position: fixed;
  width: 98%;
  top: 50px;
  background-color: #fff;
  z-index: 1;
  padding-top: 20px; }

.fb-editable {
  margin-right: 15px;
  margin-top: 15px;
  position: absolute;
  right: 0;
  color: #bfb6af; }

.scroll-title {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -25px;
  z-index: -1; }

.cta {
  background-color: #f6f7f9;
  border-color: #ced0d4;
  color: #4b4f56;
  padding: 0 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.05);
  line-height: 1.3;
  font-size: 13px;
  font-weight: bold;
  max-width: 111px !important;
  text-align: center; }

.slider-wrapper {
  position: relative;
  top: 0;
  width: 100%;
  left: 0;
  padding: 5px 22px;
  margin-bottom: 15px;
  background-color: transparent;
  transition: all .3s ease-in-out;
  z-index: 99; }

.slider-wrapper.active {
  position: fixed;
  top: 50px;
  width: 100%;
  left: 0;
  padding: 17px 22px;
  background-color: #232322; }

.slider-wrapper.relative {
  position: relative !important;
  padding: 5px 22px !important;
  top: 0 !important; }

.slider-wrapper .ui-slider-handle {
  background: #007fff !important;
  border: 1px solid #003eff !important; }

.slider-wrapper .ui-widget.ui-widget-content {
  border: 1px solid #007fff !important; }

.fb-message p, .txtarea-border p {
  font-family: inherit !important;
  background-color: #FFF !important; }

.fb-message span, .txtarea-border span {
  background-color: #FFF !important; }

.avatar-upload {
  margin: 10px auto;
  clear: both; }
  .avatar-upload .avatar-edit {
    width: 90%;
    display: inline-block; }
    .avatar-upload .avatar-edit img {
      max-width: 100%;
      width: auto; }
    .avatar-upload .avatar-edit input {
      display: none; }
    .avatar-upload .avatar-edit input + label {
      display: inline-block;
      width: 34px;
      height: 34px;
      margin-bottom: 0;
      border-radius: 100%;
      background: #ffffff;
      border: 1px solid transparent;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
      cursor: pointer;
      font-weight: normal;
      transition: all 0.2s ease-in-out; }
      .avatar-upload .avatar-edit input + label:hover {
        background-color: #f1f1f1;
        border-color: #d6d6d6; }
      .avatar-upload .avatar-edit input + label:after {
        content: "\f040";
        font-family: "FontAwesome";
        color: #757575;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto; }
  .avatar-upload .avatar-preview img {
    max-width: 100%;
    width: auto; }
  .avatar-upload .avatar-preview div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }

.blank-clone-wrapper .btn-wrapper, .blank-clone-wrapper .txtarea-wrapper {
  clear: both; }

.blank-clone-wrapper .btn {
  float: right;
  margin: 1px 0; }

.blank-clone-wrapper .txtarea-border {
  padding: 5px 0; }

.blank-clone-wrapper .saving.btn {
  display: none; }

.blank-clone-wrapper .saving.form-control {
  border: 0;
  box-shadow: none; }

.dropdown-fbPostType {
  display: none;
  position: absolute;
  background-color: #FFF;
  border: 1px solid #5cb85c;
  margin-left: 80px;
  border-radius: 3px;
  padding: 5px 10px; }
  .dropdown-fbPostType .dropdown-fbPostType-item {
    padding: 5px 0;
    cursor: pointer;
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    text-decoration: none; }

.fb-postgroup-editable {
  margin-left: 10px; }

.fb-postgroup-maintitle, .fb-postgroup-editable {
  color: red; }

.fbpostsblanktpl-preview-wrapper .tpl-count {
  display: none; }

.fbpostsblanktpl-preview-wrapper .fb-maintitle {
  margin: 10px 0;
  font-size: 22px;
  max-width: auto;
  text-align: left; }

.fbpostsblanktpl-preview-wrapper .action-btn-wrapper {
  text-align: left; }

.fbpostsblanktpl-preview-wrapper .fb-preview {
  margin: 0 auto 20px; }

.Facebook-Card .card-details div.fb-description {
  padding-left: 10px; }

.fb-cta, .fb-cta p, .fb-cta span {
  font-family: inherit !important;
  margin: 0;
  font-size: inherit !important; }

.fb-message *, .fb-title *, .fb-description *, .fb-cta *, .fb-websitelink * {
  font-family: inherit !important; }

.gjs-fonts:before {
  font-size: 2.5rem !important; }

.gjs-rte-toolbar {
  transform: translateX(-50%); }

.gjs-pn-panel#gjs-pn-views-container {
  height: 100% !important; }

.gjs-cv-canvas {
  border-left: 1px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d; }

.CodeMirror.cm-s-eclipse {
  height: 150px;
  border: 1px #dddddd solid; }

@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: auto !important; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }