#campaign-design-page {
  font-size: 16px;
  /*.right_side_box {
         .panel-body {
            height: 1515px;
         }
    }*/ }
  #campaign-design-page .side_box .panel .panel-body {
    position: relative; }
  #campaign-design-page .design-preview .panel-body {
    padding: 0; }
    #campaign-design-page .design-preview .panel-body{
      padding: 0px 10px 0px 10px;
    }
  #campaign-design-page .design-preview .box .preview_wrap {
    border: none !important; }
  #campaign-design-page .title {
    border-bottom: 1px dotted #28a5ce;
    text-transform: uppercase;
    color: #28a5ce;
    margin-bottom: 10px;
    position: relative; }
    #campaign-design-page .title.first {
      padding-top: 0px;
      display: table;
      width: 100%; }
  #campaign-design-page #global_editor {
    height: 35px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    bottom: 3px;
    color: black; }
    #campaign-design-page #global_editor .editor-item div.format {
      display: none; }
    #campaign-design-page #global_editor .editor-item.active .editor-options {
      display: block; }
  #campaign-design-page textarea {
    height: 25px;
    padding: 0 5px; }
  #campaign-design-page .design_box .design_row.themes_row {
    padding-bottom: 0;
    padding-top: 0; }
  #campaign-design-page .design_box .design_row label {
    font-weight: normal; }
  #campaign-design-page .design_box .design_row .input_wrap {
    padding: 0 2px;
    height: 31px;
    margin: 0; }
    #campaign-design-page .design_box .design_row .input_wrap > div {
      float: left;
      padding: 2px 5px; }
    #campaign-design-page .design_box .design_row .input_wrap.coupon_input_wrap, #campaign-design-page .design_box .design_row .input_wrap.recommendation_input_wrap {
      display: none; }
  #campaign-design-page .design_box .design_row .img_wrap:last-child {
    margin-right: 0; }
  #campaign-design-page .design_box .design_row .img_wrap .sub_title {
    height: 22px; }
  #campaign-design-page .design_box .design_row .img_wrap.active .sub_title {
    color: #28a5ce; }
  #campaign-design-page .design_box .design_row .img_wrap.active .box .preview_wrap {
    border: 1px solid #28a5ce; }
  #campaign-design-page .design_box .design_row .img_wrap.coupon .sub_title span {
    float: left; }
  #campaign-design-page .design_box .design_row .img_wrap.signature {
    pointer-events: none; }
  #campaign-design-page .design_box .design_row .box {
    margin-top: 5px;
    font-size: 15px; }
    #campaign-design-page .panel .panel-heading{
      /* background: transparent !important; */
    }
    #campaign-design-page .panel.design-preview {
        /* position: fixed; */
        max-width: 325px;
        width: 100%;
    }
    #campaign-design-page .design_box .design_row .box .preview_wrap {
      border: 1px solid #ccc;
      padding: 10px;
      margin-bottom: 10px;
      padding-bottom: 10px;
      position: relative; }
      #campaign-design-page .design_box .design_row .box .preview_wrap .img_content {
        height: 120px;
        overflow: hidden;
        background: #efefef; }
    #campaign-design-page .design_box .design_row .box .browse_wrap {
      text-align: center;
      margin-bottom: 0px; }
    #campaign-design-page .design_box .design_row .box i {
      font-size: 17px;
      margin-right: 10px;
      vertical-align: middle;
      color: #28a5ce; }
    #campaign-design-page .design_box .design_row .box button {
      border: none;
      padding: 0;
      background: none;
      outline: none; }
      #campaign-design-page .design_box .design_row .box button i {
        font-size: 21px;
        margin: 0; }
    #campaign-design-page .design_box .design_row .box input[type=file] {
      display: none;
      -webkit-appearance: none; }
      
  #campaign-design-page .design_box .design_row button {
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    -ms-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms; }
    #campaign-design-page .design_box .design_row button.browse {
      text-transform: capitalize;
      background: #28a5ce !important;
      padding: 0px 24px !important;
      border-radius: 5px;
      color: #fff;
     }
     
      #campaign-design-page .design_box .design_row button.browse:hover {
        background-color: #2083a3 !important;
       }
    #campaign-design-page .design_box .design_row button.trash {
      position: absolute;
      top: 5px;
      right: 5px; }
      #campaign-design-page .design_box .design_row button.trash.left-side {
        right: unset;
      left: 5px; }
      #campaign-design-page .design_box .design_row button.trash i {
        color: #ccc; }
  #campaign-design-page .design_box .design_row.titles_design {
    padding: 0;
    margin-left: 15px; }
    #campaign-design-page .design_box .design_row.titles_design label {
      margin-right: 10px;
      float: left; }
    #campaign-design-page .design_box .design_row.titles_design textarea {
      float: right; }
  #campaign-design-page .design_box .design_row iframe {
    width: 100%;
    border: none; }
  #campaign-design-page .preview_wrap .img_content {
    height: 80px;
    overflow: hidden; }
    #campaign-design-page .preview_wrap .img_content .img-container {
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 90%; }
  #campaign-design-page #coupon_top_title_editor .editable,
  #campaign-design-page #coupon_bottom_title_editor .editable {
    height: 80px; }
  #campaign-design-page .coupon_onoffswitch,
  #campaign-design-page .signature_onoffswitch {
    float: right; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch,
    #campaign-design-page .signature_onoffswitch .onoffswitch {
      position: relative;
      width: 57px;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-checkbox,
    #campaign-design-page .signature_onoffswitch .onoffswitch-checkbox {
      display: none; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-label,
    #campaign-design-page .signature_onoffswitch .onoffswitch-label {
      display: block;
      overflow: hidden;
      cursor: pointer;
      border: 2px solid #FFFFFF;
      border-radius: 5px; }
      #campaign-design-page .coupon_onoffswitch .onoffswitch-label:before,
      #campaign-design-page .signature_onoffswitch .onoffswitch-label:before {
        content: "";
        display: none; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-inner,
    #campaign-design-page .signature_onoffswitch .onoffswitch-inner {
      display: block;
      width: 200%;
      margin-left: -100%;
      transition: margin 0.3s ease-in 0s; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-inner:before,
    #campaign-design-page .coupon_onoffswitch .onoffswitch-inner:after,
    #campaign-design-page .signature_onoffswitch .onoffswitch-inner:before,
    #campaign-design-page .signature_onoffswitch .onoffswitch-inner:after {
      display: block;
      float: left;
      width: 50%;
      height: 22px;
      padding: 0;
      line-height: 22px;
      font-size: 12px;
      color: white;
      font-family: Trebuchet, Arial, sans-serif;
      font-weight: bold;
      box-sizing: border-box; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-inner:before,
    #campaign-design-page .signature_onoffswitch .onoffswitch-inner:before {
      content: "ON";
      padding-left: 8px;
      background-color: #34A7C1;
      color: #FFFFFF; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-inner:after,
    #campaign-design-page .signature_onoffswitch .onoffswitch-inner:after {
      content: "OFF";
      padding-right: 8px;
      background-color: #EEEEEE;
      color: #999999;
      text-align: right; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-switch,
    #campaign-design-page .signature_onoffswitch .onoffswitch-switch {
      display: block;
      width: 10px;
      margin: 7px;
      background: #FFFFFF;
      height: 11px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 31px;
      border: 2px solid #FFFFFF;
      border-radius: 5px;
      transition: all 0.3s ease-in 0s; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner,
    #campaign-design-page .signature_onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
      margin-left: 0; }
    #campaign-design-page .coupon_onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
    #campaign-design-page .signature_onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
      right: 0; }
  #campaign-design-page .color-themes {
    padding-left: 0; }
    #campaign-design-page .color-themes .theme-col {
      height: 75px;
      padding-right: 0;
      padding-left: 0;
      display: inline-block;
      min-width: 55px;
      width: 45%; }
      #campaign-design-page .color-themes .theme-col .item {
        width: 100%;
        height: 25px;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        padding-left: 4px;
        padding-right: 4px; }
        #campaign-design-page .color-themes .theme-col .item:first-child {
          border-top: 1px solid transparent;
          padding-top: 4px; }
        #campaign-design-page .color-themes .theme-col .item:last-child {
          border-bottom: 1px solid transparent;
          padding-bottom: 4px; }
        #campaign-design-page .color-themes .theme-col .item > div {
          width: 100%;
          height: 100%; }
      #campaign-design-page .color-themes .theme-col.active .item {
        border-color: #aaa; }
        #campaign-design-page .box.gray {
          opacity: 1;
          background: #efefef;
          padding: 20px 20px 50px 20px;
      }

  #campaign-design-page .save_btn_wrapper {
    width: 100%;
    bottom: 0px;
    text-align: center;
    font-size: 20px;
    padding-right: 0;
    right: 0px;
    margin-right: 0px;
    margin-bottom: 0px; }
  #campaign-design-page #overview_preview {
    text-align: center;
    padding-bottom: 150px; }
  #campaign-design-page .feedback.button {
    color: #fff;
    width: 45px;
    height: 45px;
    text-align: center;
    margin: auto;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }
    #campaign-design-page .feedback.button.img-circle {
      border-radius: 50%; }
    #campaign-design-page .feedback.button.not-agree {
      background: #c75555; }
    #campaign-design-page .feedback.button.agree {
      background: #7dc22b; }
    #campaign-design-page .feedback.button .thumb {
      margin-top: 1px;
      margin-bottom: -4px;
      width: 18px; }
      #campaign-design-page .feedback.button .thumb.down {
        transform: scaleY(-1); }
    #campaign-design-page .feedback.button span {
      font-size: 12px; }
  #campaign-design-page .content-row {
    margin-bottom: 30px; }
    #campaign-design-page .content-row .button {
      position: relative;
      top: 16px; }
  #campaign-design-page .feedback-n {
    position: relative; }
    #campaign-design-page .feedback-n .button {
      position: relative; }
  #campaign-design-page .feedback-row i-popup {
    display: inline-block;
    width: auto; }
    #campaign-design-page .feedback-row i-popup i {
      width: auto; }
  #campaign-design-page .feedback-row label {
    width: auto;
    display: inline-block; }
  #campaign-design-page .cell {
    position: relative;
    top: 0;
    width: 100%; }
    #campaign-design-page .cell * {
      width: 100%; }
    #campaign-design-page .cell .feedback-row:last-child {
      width: 100%; }
    #campaign-design-page .cell.first {
      padding-top: 0; }
    #campaign-design-page .cell:last-child {
      margin-right: 0; }
    #campaign-design-page .cell label {
      font-weight: normal;
      margin-right: 5px;
      font-size: 14px; }
  #campaign-design-page .first_box .design_box {
    margin-bottom: 0px;
    margin-top: 75px; }
    #campaign-design-page .first_box .design_box .input_wrap {
      height: auto; }
      #campaign-design-page .first_box .design_box .input_wrap:first-child {
        padding-right: 15px; }
      #campaign-design-page .first_box .design_box .input_wrap .editable {
        height: auto;
        min-height: 60px;
        display: inline-grid; }
      #campaign-design-page  text-editor#top_editor {
          float: right;
      }
    #campaign-design-page .first_box .design_box .titles_design .main_input_wrap .box-title {
      float: none; }
    #campaign-design-page .first_box .design_box .titles_design .main_input_wrap .input_wrapper {
      float: none; }
  #campaign-design-page .first_box .up_editor_box {
    padding: 0; }
    #campaign-design-page .first_box .up_editor_box .format {
      display: none; }
    #campaign-design-page .first_box .up_editor_box .title.first .title_cell.text {
      margin-top: 12px;
      padding: 0; }
  #campaign-design-page .editable {
    height: 100px;
    white-space: normal;
    float: none;
    padding: 5px;
    border: 1px solid #efefef;
    background: #fff;
    border-radius: 3px; }
    #campaign-design-page .editable iframe {
      width: 100%;
      height: 100%;
      border: none;
      background: #d7d7d7; }
  #campaign-design-page .feedback_row {
    margin-bottom: 20px; }
    #campaign-design-page .feedback_row .format {
      display: none; }
    #campaign-design-page .feedback_row .title_wrap {
      width: 50%;
      float: left;
      margin-top: 9px; }
    #campaign-design-page .feedback_row .thumb-row {
      margin-top: 15px; }
    #campaign-design-page .feedback_row .thumb {
      width: 40px; }
    #campaign-design-page .feedback_row .arrow-row .thumb {
      width: 14px; }
    #campaign-design-page .feedback_row .image-row {
      white-space: nowrap;
      margin-top: 40px; }
      #campaign-design-page .feedback_row .image-row .thumb-row,
      #campaign-design-page .feedback_row .image-row .arrow-row {
        display: inline-block; }
      #campaign-design-page .feedback_row .image-row .arrow-row {
        margin-left: 5px; }
    #campaign-design-page .feedback_row .box-arrow-row {
      width: 14px;
      position: absolute;
      right: -24px;
      top: 50%; }
      #campaign-design-page .feedback_row .box-arrow-row .thumb {
        width: 14px; }
  #campaign-design-page .addition_design_box {
    margin-bottom: 25px; }
    #campaign-design-page .addition_design_box .format {
      display: none; }
    #campaign-design-page .addition_design_box .title_wrap {
      width: 50%;
      float: left;
      margin-top: 9px; }
    #campaign-design-page .addition_design_box .signature_onoffswitch {
      float: right; }
    #campaign-design-page .addition_design_box .box {
      height: 360px;
      border: 1px solid #ccc;
      padding: 10px; }
      #campaign-design-page .addition_design_box .box .preview_wrap {
        border: none !important; }
    #campaign-design-page .addition_design_box .content-edit > div {
      height: 55px; }
     
    #campaign-design-page .addition_design_box.design_box .design_row button.browse {
      background: url(../images/Camera.png) no-repeat center !important;
      width: 31px;
      height: 25px;
      position: absolute;
      top: 10px;
      right: -5px; }
      #campaign-design-page .addition_design_box.design_box .design_row button.browse.recommendation-browse {
        text-transform: capitalize !important;
        background: #28a5ce !important;
        padding: 0px 24px !important;
        border-radius: 5px !important;
        color: #fff !important;
        position: relative !important;
        top: unset !important;
        right: unset !important;
        width: auto !important;
        height: auto !important;
        margin: 10px auto 0px;
        display: table;
       }
    #campaign-design-page .addition_design_box .social_networks {
      text-align: center; }
      #campaign-design-page .addition_design_box .social_networks .social_network {
        width: 34px;
        height: 34px;
        display: inline-block;
        margin-right: 15px;
        cursor: pointer; }
        #campaign-design-page .addition_design_box .social_networks .social_network.tripadvisor {
          background: url(../images/o1.png) no-repeat; }
          #campaign-design-page .addition_design_box .social_networks .social_network.tripadvisor.active {
            background: url(../images/o2.png) no-repeat; }
        #campaign-design-page .addition_design_box .social_networks .social_network.facebook {
          background: url(../images/f1.png) no-repeat; }
          #campaign-design-page .addition_design_box .social_networks .social_network.facebook.active {
            background: url(../images/f2.png) no-repeat; }
        #campaign-design-page .addition_design_box .social_networks .social_network.twitter {
          background: url(../images/t2.png) no-repeat; }
          #campaign-design-page .addition_design_box .social_networks .social_network.twitter.active {
            background: url(../images/t1.png) no-repeat; }
  #campaign-design-page .drag_and_drop_wrapper {
    display: block;
    padding-top: 0px; }
    #campaign-design-page .drag_and_drop_wrapper .item {
      display: inline-block; }
      #campaign-design-page .drag_and_drop_wrapper .item:last-child {
        line-height: 20px; }
      #campaign-design-page .drag_and_drop_wrapper .item p {
        margin: 0;
        color: #28a5ce;
        font-size: 14px;
        top: 0px;
        position: relative; }
        #campaign-design-page .drag_and_drop_wrapper .item p.last {
          font-size: 12px;
          margin: 0; }
          #campaign-design-page .item img {
            width: 25px;
          }
          .dragicon{
            width: 25px;
          }
  #campaign-design-page .single-page {
    display: inline-block; }
  #campaign-design-page .recommendation_container[disabled]::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8); }
  #campaign-design-page .languages-flags-container {
    position: absolute;
    width: 100%; }
  #campaign-design-page .flags-container {
    width: 95%; }

    #campaign-design-page .color-themes .theme-col{
      width: 25% !important;
    }

/*# sourceMappingURL=maps/campaignDesignPage.css.map */