@import url(https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,300i,400,400i,700,700i&display=swap);/*
||----------------------------------||
||									||
||    Boilerplate    				||
||	  Main App Styles 	       	  	||
||	  Alex Meza (Meza Web Lab)  	||
||	  2019					  		||
||									||
||----------------------------------||
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "GothamMedium";
  font-weight: 500;
  src: url("https://s3-us-west-1.amazonaws.com/rescue-web-services/fonts/Gotham-Medium.woff") format("woff"); }

@font-face {
  font-family: "GothamBook";
  font-weight: 400;
  src: url("https://s3-us-west-1.amazonaws.com/rescue-web-services/fonts/Gotham-Book.woff") format("woff"); }

@font-face {
  font-family: "GothamBold";
  font-weight: 700;
  src: url("https://s3-us-west-1.amazonaws.com/rescue-web-services/fonts/Gotham-Bold.woff") format("woff"); }

@font-face {
  font-family: "GothamLight";
  font-weight: 300;
  src: url("https://s3-us-west-1.amazonaws.com/rescue-web-services/fonts/Gotham-Light.woff") format("woff"); }

/*
||----------------------------------||
||									||
||    RFP Portal System    		    ||
||	  Global Style Settings  		||
||	  Alex Meza (Rescue Agency)  	||
||	  2019					  		||
||									||
||----------------------------------||
*/
/*
||--------------------------||
||	     Breakpoints     	||
||--------------------------||
*/
/*
||--------------------------||
||	       Layout       	||
||--------------------------||
*/
/*
||--------------------------||
||	       Palette 	    	||
||--------------------------||
*/
/*
||--------------------------||
||	      Typography 	   	||
||--------------------------||
*/
/*
||--------------------------||
||	       Effects    	   	||
||--------------------------||
*/
/*
||--------------------------||
||	      Transitions     	||
||--------------------------||
*/
/*
||----------------------------------||
||									||
||    Boilerplate	 				||
||	  Misc Utilities        		||
||	  Alex Meza (Meza Web Lab)  	||
||	  2018					  		||
||									||
||----------------------------------||
*/
/*
||----------------------------------||
||									||
||    Boilerplate    				||
||	  SASS Functions        		||
||	  Alex Meza (Meza Web Lab)  	||
||	  2018					  		||
||									||
||----------------------------------||
*/
/*
||----------------------------------||
||									||
||    Boilerplate	 				||
||	  Global Style Layout   		||
||	  Alex Meza (Meza Web Lab)  	||
||	  2018					  		||
||									||
||----------------------------------||
*/
body {
  overflow-x: hidden; }

button:hover {
  cursor: pointer; }

a {
  color: #fafafa;
  font-weight: 400;
  line-height: 32px;
  font-size: 1.25em; }
  a:hover, a:active, a:focus {
    text-decoration: none; }

p {
  font-weight: 400;
  line-height: 32px;
  font-size: 1.25em; }
  p.white {
    color: #fafafa; }
  p.dark-gray {
    color: #323232; }

.scroll-lock {
  overflow-y: hidden !important;
  overflow-x: hidden !important; }

h1 {
  font-size: 2em;
  line-height: 40px;
  letter-spacing: 1px;
  color: #fafafa;
  line-height: 40px; }
  @media (min-width: 768px) {
    h1 {
      font-size: 3em;
      line-height: 60px; } }
  h1 span {
    color: #E66969; }

h4 {
  letter-spacing: 1px;
  font-size: 1.25em; }

.button-main {
  padding: 0px 20px;
  border-radius: 100px;
  height: 35px;
  background: #E66969;
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 1em; }

.button-secondary {
  padding: 0px 20px;
  border-radius: 100px;
  height: 35px;
  background: #323232;
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 1em; }

.button-success {
  padding: 0px 20px;
  border-radius: 100px;
  height: 35px;
  background: #6AA16B;
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 1em; }
  .button-success.glow {
    box-shadow: 0px 0px 10px #fde248; }

.text-input-main {
  border-radius: 100px;
  border: 1px solid #DCDCDC;
  padding: 10px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }

.container {
  margin: 0 auto;
  width: 85vw;
  max-width: 1200px; }

#background {
  top: 0px;
  pointer-events: none;
  position: fixed;
  z-index: -1;
  background-image: url("images/background.png");
  background-size: cover;
  background-position: 50% 100%;
  width: 100vw;
  height: 100vh; }

.rescue-flag {
  position: fixed;
  z-index: 10000;
  width: 100vw;
  left: 0px;
  bottom: 0px;
  height: 10px;
  background: #B0FF00;
  -webkit-filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.1)); }
  .rescue-flag .block {
    position: absolute;
    bottom: 10px;
    padding: 10px;
    border: 1px solid #B0FF00; }
    .rescue-flag .block.left {
      left: 0px;
      background: white;
      border-top-right-radius: 5px; }
      .rescue-flag .block.left img {
        width: 100px; }
    .rescue-flag .block.right {
      right: 0px;
      background: #E66969;
      color: white;
      border-top-left-radius: 5px; }

.are-you-sure {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 500;
  background: rgba(0, 0, 0, 0.6); }
  .are-you-sure .content {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
    padding: 25px;
    text-align: center; }
    .are-you-sure .content span {
      font-weight: bold;
      font-size: 1.5em; }
    .are-you-sure .content .options {
      margin-top: 25px; }

#console {
  position: fixed;
  right: 50px;
  bottom: 50px;
  text-align: right; }
  #console .loader,
  #console .message {
    display: inline-block;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    background: #fa6464;
    color: white; }

#global-loader {
  position: fixed;
  top: 0px;
  z-index: 20000;
  width: 100vw;
  height: 100vh;
  left: 0px;
  background: rgba(0, 0, 0, 0.6); }
  #global-loader .loader {
    color: white;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: relative;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    display: table;
    font-size: 3em; }

.loader {
  font-size: 1.5em; }
  .loader i {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.rfp-display {
  font-family: "GothamBook", sans-serif !important;
  background: #1e1e1e;
  color: white;
  padding-bottom: 60px; }
  .rfp-display * {
    line-height: 1.4 !important;
    letter-spacing: 0 !important; }

.rfp-section h1 {
  text-align: center;
  font-size: 56px;
  color: white;
  font-weight: normal;
  padding-top: 60px; }

.rfp-section__anchors {
  padding: 15px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #1e1e1e; }
  .rfp-section__anchors ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .rfp-section__anchors li:not(:last-child) {
    padding-right: 15px;
    border-right: 1px solid white;
    margin-right: 15px; }
  .rfp-section__anchors a {
    text-decoration: underline !important; }
    .rfp-section__anchors a.active-campaign {
      font-family: "GothamBold", sans-serif !important;
      color: #b0ff00; }

.rfp-campaign {
  padding-top: 60px; }
  .rfp-campaign + .rfp-campaign {
    margin-top: 120px; }
  .rfp-campaign__title {
    text-align: center; }
    .rfp-campaign__title h2 {
      color: #b0ff00;
      font-size: 32px;
      font-family: "GothamBold", sans-serif !important; }
    .rfp-campaign__title h4 {
      font-family: "GothamBold", sans-serif !important; }
    .rfp-campaign__title p {
      font-size: 20px; }
  .rfp-campaign__description {
    text-align: center;
    padding-top: 30px; }
    .rfp-campaign__description p {
      white-space: pre-wrap; }
    .rfp-campaign__description button {
      border-radius: 9999px;
      border: none;
      font: inherit;
      background: #b0ff00;
      color: black;
      padding: 15px 30px;
      margin-top: 15px; }
      .rfp-campaign__description button:hover {
        background: white; }

.rfp-sample {
  padding-top: 60px; }
  .rfp-sample h3 {
    color: white;
    font-size: 24px;
    font-family: "GothamBold", sans-serif !important;
    padding-bottom: 5px;
    border-bottom: 1px solid #b0ff00;
    margin-bottom: 30px; }

.rfp-asset {
  text-align: center; }
  .rfp-asset + .rfp-asset {
    padding-top: 30px; }
  .rfp-asset__copy h4 {
    font-family: "GothamBold", sans-serif !important; }
  .rfp-asset__copy p {
    text-align: center;
    padding-bottom: 20px;
    white-space: pre-wrap; }
    .rfp-asset--url .rfp-asset__copy p {
      padding: 0; }
  .rfp-asset--image .rfp-asset__media {
    margin: 0 auto;
    width: 50%; }
    .rfp-asset--image .rfp-asset__media img {
      display: block;
      cursor: pointer;
      width: 100%; }
  .rfp-asset--video .rfp-asset__media {
    margin: 0 auto; }
    .rfp-asset--video .rfp-asset__media video {
      width: auto;
      max-height: 30rem; }

#admin-home-component {
  margin-bottom: 100px; }
  #admin-home-component .menu {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between; }
    #admin-home-component .menu span {
      font-weight: bold;
      font-size: 1.5em; }
    #admin-home-component .menu button {
      font-size: 1em; }
  #admin-home-component .list .rfp {
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    margin: 0 auto;
    padding: 35px 20px;
    margin-bottom: 25px;
    border-radius: 8px;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
    #admin-home-component .list .rfp:hover {
      -webkit-transform: scale(1.025);
              transform: scale(1.025); }
    #admin-home-component .list .rfp:active {
      -webkit-transform: scale(0.975);
              transform: scale(0.975); }
    #admin-home-component .list .rfp.active {
      background: #F9F9F9; }
    #admin-home-component .list .rfp.inactive {
      background: #e9e9e9; }
    #admin-home-component .list .rfp .title {
      font-size: 2em;
      font-weight: bold; }
      #admin-home-component .list .rfp .title i {
        font-size: 0.5em !important;
        position: relative;
        top: -3px; }
    #admin-home-component .list .rfp .rfp-menu button {
      display: inline-block;
      margin: 5px; }

#login-component {
  padding-bottom: 100px; }
  #login-component .login-container {
    margin-top: 70px;
    width: 100%;
    text-align: center; }
    #login-component .login-container .header {
      color: #323232;
      text-align: center;
      font-size: 1.5em;
      font-weight: bold; }
    #login-component .login-container .modal-container {
      padding: 35px 25px;
      background: #F9F9F9;
      margin-top: 20px;
      width: 300px;
      border-radius: 8px;
      box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.25); }
      #login-component .login-container .modal-container form {
        width: 100%;
        text-align: left !important; }
        #login-component .login-container .modal-container form label,
        #login-component .login-container .modal-container form input {
          width: 100%;
          display: block; }
        #login-component .login-container .modal-container form input {
          margin-top: 10px;
          width: 93%; }
        #login-component .login-container .modal-container form label {
          font-weight: bold; }
        #login-component .login-container .modal-container form button {
          display: block;
          margin-top: 25px; }
          #login-component .login-container .modal-container form button.disabled {
            pointer-events: none;
            background: #969696 !important; }

#navigation {
  padding: 25px 0px; }
  #navigation .menu {
    display: flex;
    justify-content: space-between; }
    #navigation .menu img {
      width: 200px; }
  #navigation .headline {
    font-weight: bold;
    width: 100%;
    background: black;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
    margin-top: 25px;
    font-size: 1.75em; }
  #navigation.rfp-page {
    background: #B0FF00; }
    #navigation.rfp-page img {
      -webkit-filter: brightness(0);
              filter: brightness(0); }

.admin-modal {
  width: 100vw;
  height: 100vh;
  top: 0px;
  overflow-y: scroll;
  left: 0px;
  position: fixed;
  background: white; }
  .admin-modal .fade-enter-active {
    -webkit-animation: view-transition-in 0.2s ease-in-out;
            animation: view-transition-in 0.2s ease-in-out; }
  .admin-modal .fade-leave-active {
    -webkit-animation: view-transition-out 0.2s ease-in-out;
            animation: view-transition-out 0.2s ease-in-out; }
  .admin-modal .sticky-menu {
    position: fixed;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    display: grid;
    width: 125px;
    grid-template-columns: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #B0FF00;
    -webkit-filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.1)); }
    .admin-modal .sticky-menu button {
      border: none;
      color: white;
      padding: 17px 15px;
      background: #323232; }
      .admin-modal .sticky-menu button:nth-child(1) {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-right: 1px solid #B0FF00; }
  .admin-modal .close,
  .admin-modal .back {
    position: fixed;
    font-size: 2.5em;
    color: white;
    border: none;
    right: 25px;
    top: 25px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid white;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
    .admin-modal .close:hover,
    .admin-modal .back:hover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .admin-modal .close:active,
    .admin-modal .back:active {
      -webkit-transform: scale(0.95);
              transform: scale(0.95); }
  .admin-modal .settings {
    white-space: nowrap;
    display: table;
    margin-top: 35px; }
    .admin-modal .settings p {
      font-weight: bold; }
    .admin-modal .settings input {
      width: 300px;
      font-size: 1em; }
    .admin-modal .settings div {
      display: inline-block; }
  .admin-modal .back {
    left: 25px; }
  .admin-modal .container {
    background: white;
    margin-top: 75px;
    margin-bottom: 75px;
    position: relative; }
    .admin-modal .container h1 {
      color: #323232;
      text-align: center;
      font-weight: bold; }
      .admin-modal .container h1 span {
        color: #323232; }
    .admin-modal .container .rfp-menu .save-btn {
      display: block;
      margin-top: 25px; }
    .admin-modal .container .items-list {
      margin-top: 50px; }
      .admin-modal .container .items-list .items-list-menu {
        width: 100%;
        display: flex;
        justify-content: space-between; }
        .admin-modal .container .items-list .items-list-menu span {
          font-size: 1em;
          font-weight: bold;
          position: relative;
          top: 15px; }
          .admin-modal .container .items-list .items-list-menu span i {
            font-weight: 200 !important;
            color: #969696; }
        .admin-modal .container .items-list .items-list-menu button {
          font-size: 0.8em; }
      .admin-modal .container .items-list .items {
        margin-top: 20px;
        background: #fafafa;
        padding: 25px;
        border-radius: 10px;
        box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.15); }
        .admin-modal .container .items-list .items .item {
          display: flex;
          cursor: pointer;
          justify-content: space-between;
          margin: 0 auto;
          padding: 35px 20px;
          background: #F9F9F9;
          margin-bottom: 25px;
          border-radius: 8px;
          box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.2);
          transition: -webkit-transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out;
          transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; }
          .admin-modal .container .items-list .items .item:hover {
            -webkit-transform: scale(1.025);
                    transform: scale(1.025); }
          .admin-modal .container .items-list .items .item:active {
            -webkit-transform: scale(0.975);
                    transform: scale(0.975); }
          .admin-modal .container .items-list .items .item:last-child {
            margin-bottom: 0px; }
          .admin-modal .container .items-list .items .item .title {
            font-size: 1.25em;
            font-weight: bold;
            position: relative;
            top: 8px; }
          .admin-modal .container .items-list .items .item .item-menu button {
            display: inline-block;
            margin: 5px; }
            .admin-modal .container .items-list .items .item .item-menu button:nth-child(1) {
              margin-right: 5px; }

@-webkit-keyframes opacity-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes opacity-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes opacity-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes opacity-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes view-transition-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes view-transition-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes view-transition-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes view-transition-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#admin-rfp-editor .url {
  font-size: 1em;
  font-weight: 100;
  font-style: italic;
  color: #969696; }

#admin-rfp-editor .path {
  white-space: nowrap;
  display: table;
  margin-top: 35px; }
  #admin-rfp-editor .path p {
    font-weight: bold; }
  #admin-rfp-editor .path input {
    width: 200px;
    font-size: 1em; }
    #admin-rfp-editor .path input.empty {
      box-shadow: 0px 0px 6px red; }
  #admin-rfp-editor .path div {
    display: inline-block; }

#admin-rfp-editor .rfp-settings,
#admin-rfp-editor .protection-settings {
  display: grid;
  grid-template-columns: 50% 50%; }
  #admin-rfp-editor .rfp-settings p,
  #admin-rfp-editor .protection-settings p {
    font-weight: bold;
    display: inline-block; }

#admin-rfp-editor .rfp-settings {
  margin-top: 25px;
  margin-bottom: 0px;
  padding: 0px;
  max-width: 500px; }
  #admin-rfp-editor .rfp-settings .block {
    display: grid; }
    #admin-rfp-editor .rfp-settings .block > div {
      display: table; }
    #admin-rfp-editor .rfp-settings .block:nth-child(1) {
      justify-content: left; }
    #admin-rfp-editor .rfp-settings .block:nth-child(2) {
      justify-content: end; }

#admin-rfp-editor .protection-settings {
  padding: 0px;
  max-width: 500px;
  margin-top: 25px;
  margin-bottom: 0px; }
  #admin-rfp-editor .protection-settings input {
    width: 115px; }
  #admin-rfp-editor .protection-settings .block:nth-child(2) {
    padding-left: 9px; }

#campaign-editor .settings {
  display: grid;
  grid-template-columns: 50% 50%; }
  #campaign-editor .settings label {
    font-weight: bold; }
  #campaign-editor .settings div:nth-child(1) {
    padding-right: 20px; }
    #campaign-editor .settings div:nth-child(1) input {
      width: calc(100% - 20px); }
    #campaign-editor .settings div:nth-child(1) .margin-top {
      margin-top: 25px; }
  #campaign-editor .settings div:nth-child(2) {
    padding-left: 20px; }
    #campaign-editor .settings div:nth-child(2) textarea {
      width: calc(100% - 20px);
      height: 120px;
      border-radius: 10px; }

#campaign-editor .items-list .items .item {
  display: block; }
  #campaign-editor .items-list .items .item:active {
    -webkit-transform: scale(1.025);
            transform: scale(1.025); }
  #campaign-editor .items-list .items .item .top-menu {
    display: flex;
    width: 100%;
    justify-content: space-between; }
    #campaign-editor .items-list .items .item .top-menu input.title {
      width: 280px;
      top: 0px;
      font-weight: 400; }
  #campaign-editor .items-list .items .item .sample-assets {
    width: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: 25px; }
    #campaign-editor .items-list .items .item .sample-assets .block.left {
      padding-right: 13px; }
      #campaign-editor .items-list .items .item .sample-assets .block.left .asset-controllers {
        display: flex;
        justify-content: space-between; }
        #campaign-editor .items-list .items .item .sample-assets .block.left .asset-controllers span {
          font-weight: bold;
          position: relative;
          top: 10px; }
        #campaign-editor .items-list .items .item .sample-assets .block.left .asset-controllers button {
          font-size: 0.8em; }
      #campaign-editor .items-list .items .item .sample-assets .block.left .assets {
        margin-top: 15px;
        height: 300px;
        width: 100%;
        background: white;
        border: 1px solid #aaaaaa;
        overflow-y: scroll;
        position: relative; }
        #campaign-editor .items-list .items .item .sample-assets .block.left .assets .asset {
          padding: 15px 10px;
          background: linear-gradient(0deg, #e6e6e6, #fafafa);
          border-bottom: 1px solid #aaaaaa; }
          #campaign-editor .items-list .items .item .sample-assets .block.left .assets .asset.active {
            border: 2px solid #B0FF00; }
          #campaign-editor .items-list .items .item .sample-assets .block.left .assets .asset .grid {
            display: grid;
            grid-template-columns: 50% 50%; }
            #campaign-editor .items-list .items .item .sample-assets .block.left .assets .asset .grid p {
              font-weight: bold;
              font-size: 0.8em;
              position: relative;
              top: 2px; }
            #campaign-editor .items-list .items .item .sample-assets .block.left .assets .asset .grid button {
              font-size: 0.7em; }
            #campaign-editor .items-list .items .item .sample-assets .block.left .assets .asset .grid div:nth-child(2) {
              display: flex;
              justify-content: flex-end; }
    #campaign-editor .items-list .items .item .sample-assets .block.right {
      padding-left: 13px; }
      #campaign-editor .items-list .items .item .sample-assets .block.right .message {
        font-style: italic;
        color: #969696; }
      #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group {
        margin-bottom: 10px; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group label {
          font-weight: bold; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group textarea {
          border-radius: 5px;
          height: 108px; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group input,
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group select,
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group textarea {
          margin-top: 15px;
          margin-bottom: 15px;
          width: 100%;
          background: white; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group input:focus,
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group select:focus,
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group textarea:focus {
            outline: none !important; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group input.input-title,
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group select.input-title,
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group textarea.input-title {
            width: calc(100% - 20px); }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group select {
          width: 100%;
          height: 40px; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-1 {
          display: grid;
          width: 100%;
          grid-template-columns: 75% 25%; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-1 .input-title {
            width: 90%; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-2 {
          display: grid;
          width: 100%;
          grid-template-columns: 35% 65%; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-2.audio {
            grid-template-columns: 100%;
            grid-template-rows: 1fr 1fr; }
            #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-2.audio div:nth-child(2) {
              padding-left: 0px;
              margin-top: 15px; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-2 button {
            font-size: 0.8em;
            box-shadow: 0px 0px 10px #fde248; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group.grid-2 div:nth-child(2) {
            padding-left: 20px; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group .image-preview {
          width: 100%;
          height: 132px;
          margin-top: 15px;
          background: white;
          border: 1px solid #aaaaaa;
          background-size: cover;
          background-position: 50% 50%; }
          #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group .image-preview.empty {
            background-image: url("/images/bg-place.png"); }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group video {
          width: 100%; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group .message {
          color: red; }
        #campaign-editor .items-list .items .item .sample-assets .block.right .asset-settings .group .info {
          font-size: 0.75em;
          font-style: italic;
          color: #bebebe; }