@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/MaterialIcons-Regular-8c998b4a9c0acbb9fe5dd572c206a5a33fdd5ca2b58db87fc3b893beac85068d.eot); /* For IE6-8 */
  src:
    local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/assets/MaterialIcons-Regular-a87d66c91b2e7dc5530aef76c03bd6a3d25ea5826110bf4803b561b811cc8726.woff2) format('woff2'),
    url(/assets/MaterialIcons-Regular-c4a1baec300d09e03a8380b85918267ee80faae8e00c6c56b48e2e74b1d9b38d.woff) format('woff'),
    url(/assets/MaterialIcons-Regular-b7f4a3ab562048f28dd1fa691601bc43363a61d0f876d16d8316c52e4f32d696.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;

  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src:
    url(/assets/NotoSans-Regular-d3eaeed496f3068fe8b7bdb53665a973e9bdbaea2c671c902929228e169b5888.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src:
    url(/assets/NotoSans-Italic-6e7b8524c0fcd6a5adbc4d511ea1d36fce1d3af9cde1d39dcc3b8e600ddaebac.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src:
    url(/assets/NotoSans-Bold-cf85efa4904256dd87651c227aa47f4df6b5cd99cccccf4108ab9b0f197e5f70.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src:
    url(/assets/NotoSans-BoldItalic-d013a3bc6c8967198318782190bcfef6d1856e9946889c32e63438d0ce664c3c.ttf) format('truetype');
}
body {
  background-color: #f0f0f1;
  color: #404041;
  font-size: 16px;
}

/* Reset CSS */
* {
  box-sizing: border-box;
}

.signup-container input:-webkit-autofill,
.signup-container input:-webkit-autofill:hover,
.signup-container
  input:-webkit-autofill:focus
  .signup-container
  input:-webkit-autofill,
.signup-container textarea:-webkit-autofill,
.signup-container
  textarea:-webkit-autofill:hover
  .signup-container
  textarea:-webkit-autofill:focus,
.signup-container select:-webkit-autofill,
.signup-container select:-webkit-autofill:hover,
.signup-container select:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  background: #84ca73;
  background-image: none;
  color: white;
  -webkit-box-shadow: 0 0 0 30px #84ca73 inset;
  -webkit-text-fill-color: white !important;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}

input::-ms-clear {
  display: none;
}

input:focus {
  /* You can also use .element.text:focus here */
  border-color: white;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Styles for browser support */
.browsersContainer {
  color: white;
  text-align: center;
  margin-top: 24px;
}

.browsers {
  display: flex;
  justify-content: space-around;
}

.browsersHeading {
  margin-bottom: 0;
}

.browserLogo {
  width: 75px;
}

/* page Layout */
.signup-container {
  background: radial-gradient(circle at 34% 15%, #91c34d, #00a369);
  background-size: cover;
  min-height: 100vh;
  padding: 150px 0 20px;
  min-width: 100vw;
  position: relative;
}

.signup-animals {
  position: absolute;
  bottom: 0;
  width: 50vw;
  right: 0;
  z-index: 1;
}

.signup-container__frame {
  margin: 0 auto;
  width: 352px;
  font-family: "Noto Sans", sans-serif;
  position: relative;
  z-index: 2;
}

.signup-container__frame:before {
  content: " ";
  background: url("/images/CMF-logo-white.png") transparent no-repeat;
  background-size: contain;
  left: 50%;
  height: 100px;
  position: absolute;
  top: -100px;
  transform: translateX(-50%);
  width: 400px;
}

.form-container {
  padding: 34px 0;
}

/* Password Strength Meter */

meter.password-strength-meter[value="0"] {
  background: transparent;
  width: 0%;
  display: none;
}

meter.password-strength-meter[value="1"] {
  background: #ce031c;
  width: 25%;
}

meter.password-strength-meter[value="2"] {
  background: #ef4e08;
  width: 50%;
}

meter.password-strength-meter[value="3"] {
  background: #0f539b;
  width: 75%;
}

meter.password-strength-meter[value="4"] {
  background: #028152;
  width: 100%;
}

meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  height: 10px;
  background: none;
  background-color: transparent;
  position: relative;
  width: 0;
  transition: width 0.5s ease;
  border-radius: 5px;
}

meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0);
}

/* Webkit based browsers */
meter[value="0"]::-webkit-meter-optimum-value {
  background: transparent;
}
meter[value="1"]::-webkit-meter-optimum-value {
  background: #ce031c;
}
meter[value="2"]::-webkit-meter-optimum-value {
  background: #ef4e08;
}
meter[value="3"]::-webkit-meter-optimum-value {
  background: #0f539b;
}
meter[value="4"]::-webkit-meter-optimum-value {
  background: #028152;
}

/* Gecko based browsers */
meter[value="0"]::-moz-meter-bar {
  background: transparent;
}
meter[value="1"]::-moz-meter-bar {
  background: #ce031c;
}
meter[value="2"]::-moz-meter-bar {
  background: #ef4e08;
}
meter[value="3"]::-moz-meter-bar {
  background: #0f539b;
}
meter[value="4"]::-moz-meter-bar {
  background: #028152;
}

.password-strength-meter-wrapper {
  height: 12px;
  background: rgba(255, 225, 225, 0.2);
  width: 100%;
  position: relative;
  border: 1px solid white;
  border-radius: 5px;
  overflow: hidden;
}

.password-strength-text {
  color: white;
  margin: 5px 0 8px 5px;
  font-size: 90%;
  font-weight: bold;
  display: block;
}

.password-msg-container {
  position: relative;
  width: 100%;
  margin-top: 5px;
}

.password-msg-container #password-strength-text {
  margin-top: -10px;
  display: block;
}

/*  Common Styles for all the Login-Signup pages  */

.information-text {
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
  color: white;
}

.information-text h4 {
  padding: 0;
  margin: 0 0 16px;
  line-height: 1;
}

.form-field .textfield {
  width: 100%;
}

.textfield .textfield__input {
  border: 1px solid white;
  border-radius: 5px;
  background: rgba(255, 225, 225, 0.2);
  color: white;
  width: 100%;
  padding-left: 15px;
  font-size: 16px;
  height: 40px;
  margin: 8px auto;
}

.textfield.is-invalid .textfield__input {
  border: 2px solid white;
}

.textfield .input-like-div {
  border: 1px solid rgba(255, 225, 225, 0.6);
  border-radius: 5px;
  background: transparent;
  color: rgba(255, 225, 225, 0.6);
  width: 100%;
  padding-left: 15px;
  font-size: 16px;
  height: 40px;
  margin: 8px auto;
  line-height: 40px;
}

.form-footer {
  margin-top: 24px;
}

.form-footer .signup-container__button {
  font-family: "Noto Sans", sans-serif;
  color: #04a167;
  font-size: 20px;
  font-weight: bold;
  background: white;
  text-align: center;
  width: 100%;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 8px;
  display: block;
  text-decoration: none;
  border: 0;
  line-height: 27px;
}

input.signup-container__button:disabled {
  background: rgba(225, 225, 225, 0.5);
  cursor: default;
}

.helper-links {
  color: white;
  font-size: 16px;
}

.helper-links.space-between {
  display: flex;
  justify-content: space-between;
}

.helper-links div {
  margin-bottom: 16px;
}

.helper-links a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.helper-links a:hover {
  color: rgba(255, 255, 255, 1);
}

.password-field {
  position: relative;
}

.show-password {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 16px;
  right: 10px;
  cursor: pointer;
  opacity: 0.8;
}

.show-password:after {
  content: " ";
  background: url("/images/visibility.svg") transparent no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
}

.form-container .resendLink {
  text-align: center;
  margin-top: 64px;
}

.helper-links.resend-helper-link {
  text-align: center;
}

.textfield__error {
  color: #ce031c;
  background: white;
  height: 24px;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  border-radius: 5px;
  position: relative;
  padding-left: 27px;
  padding-top: 6px;
  padding-right: 10px;
  display: none;
}

.textfield__error:before {
  content: " ";
  background: url("/images/error-info.svg") transparent no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  color: #ce031c;
  margin: -2px 2px 0 -20px;
}

.textfield.is-invalid .textfield__error {
  display: inline-block;
}

/* Form Alert, Error, Notice Styles */

.form-error {
  text-align: center;
  margin: -50px auto 15px;
  position: absolute;
  width: 100%;
  line-height: 1.3;
}

.form-error .alert {
  color: #ce031c;
  background: white;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
}

.alert p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  font-weight: bold;
}

.form-error .notice {
  color: white;
}

/* Utility classes */

.text-justify {
  text-align: justify;
}

.text-center {
  text-align: center !important;
}

.hide,
.hidden {
  display: none !important;
}
.authorize-container {
  background: radial-gradient(circle at 34% 15%, #91c34d, #00a369);
  background-size: cover;
  min-height: 100vh;
  padding: 192px 0 20px;
  min-width: 100vw;
  position: relative;
}

.authorize-container__frame {
  margin: 0 auto;
  width: 450px;
  font-family: "Noto Sans", sans-serif;
  position: relative;
  z-index: 2;
}

.authorize-container__frame:before {
  content: " ";
  background: url("/images/CMF-logo-white.png") transparent no-repeat;
  background-size: contain;
  left: 50%;
  height: 100px;
  position: absolute;
  top: -142px;
  transform: translateX(-50%);
  width: 400px;
}

.authorize-form-container {
  padding: 40px 50px;
  -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.35);
}

.authorize-panel {
  background-color: white;
  min-height: 290px;
}

.authorize-panel h2 {
  margin-bottom: 0.8em;
}

.authorize-panel p {
  margin-bottom: 1em;
}

.authorize-panel-field__select {
  background: url(authorize-arrow.png) no-repeat right center;
  height: 35px;
  overflow: hidden;
  width: 350px;
  border: 1px solid #bcbec0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

.authorize-panel-field__select select {
  background: transparent;
  border: none;
  width: 360px;
  font-size: 14px;
  margin: 6px 8px;
  color: #808080;
}

.authorize-panel-authorize__submit {
  float: right;
}

.authorize-panel-deny__submit {
  float: right;
}
/* line 1, /app/app/assets/stylesheets/admin/notifications.scss */
.flash-message {
  width: 70%;
  padding: 10px;
  margin-top: 10px;
  border: solid 1px #444;
  font-size: 1.1em;
}
/* line 7, /app/app/assets/stylesheets/admin/notifications.scss */
.flash-message--notice {
  border-color: #00a451;
}
/* line 10, /app/app/assets/stylesheets/admin/notifications.scss */
.flash-message--alert {
  border-color: #f5a623;
}
/* line 1, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table__header-bg {
  background: #707070;
  box-shadow: 0.5px 0.8px 0.5px 0.5px rgba(0, 0, 0, 0.15);
  height: 40px;
}

/* line 7, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table {
  position: relative;
  margin-top: -30px;
  padding: 0 150px;
}
/* line 11, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 10px 20px;
}
/* line 15, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table thead {
  color: #fff;
}
/* line 17, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table thead th {
  text-align: left;
  font-weight: normal;
  opacity: 0.8;
  padding: 0 20px;
  white-space: nowrap;
}
/* line 26, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody:before, .admin-table table tbody:after {
  content: "";
  display: block;
  height: 25px;
}
/* line 32, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody tr {
  font-size: 12px;
  color: #808080;
  background: #fff;
  box-shadow: 0.8px 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);
}
/* line 37, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody tr:hover {
  box-shadow: 0.8px 0.5px 0.5px 0 rgba(0, 0, 0, 0.3);
}
/* line 40, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody tr:hover td a {
  color: #4d4d4d;
}
/* line 45, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody tr.separator {
  height: 6px;
  box-shadow: none;
}
/* line 50, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody td {
  padding: 10px 20px;
}
/* line 52, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody td a {
  color: #808080;
  text-decoration: none;
}
/* line 56, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody td.admin-table__linked {
  padding: 0;
}
/* line 58, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table table tbody td.admin-table__linked a {
  display: block;
  padding: 10px 20px;
}

/* line 68, /app/app/assets/stylesheets/admin/index_table.scss */
.admin-table--wide {
  padding: 0 15px;
}
/* line 1, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#toggle-label {
  position: relative;
  display: block;
  height: 10px;
  width: 25px;
  background: rgba(128, 128, 128, 0.4);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease;
}
/* line 10, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#toggle-label:after {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background: #808080;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  content: "";
  transition: all 0.3s ease;
}
/* line 23, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#toggle-label:active:after {
  transform: scale(1.15, 0.85);
}

/* line 28, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#admin_deleted_at {
  display: none;
}

/* line 32, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#admin_deleted_at:checked ~ label {
  background: #6fbeb5;
}
/* line 34, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#admin_deleted_at:checked ~ label:after {
  left: 15px;
  background: #179588;
}

/* line 40, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#admin_deleted_at:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}
/* line 43, /app/app/assets/stylesheets/admin/_toggle_switch.scss */
#admin_deleted_at:disabled ~ label:after {
  background: #bcbdbc;
}

/* line 2, /app/app/assets/stylesheets/admin/_sortable.scss */
th .sortable {
  text-decoration: none;
  color: #fff;
  opacity: 0.9;
}
/* line 8, /app/app/assets/stylesheets/admin/_sortable.scss */
th .current {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: right center;
}
/* line 14, /app/app/assets/stylesheets/admin/_sortable.scss */
th .asc {
  background-image: url(admin/up_arrow.png);
}
/* line 18, /app/app/assets/stylesheets/admin/_sortable.scss */
th .desc {
  background-image: url(admin/down_arrow.png);
}

/* line 5, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  margin-top: -20px;
  padding: 0 150px;
}
/* line 7, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details {
  background-color: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
}
/* line 10, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details fieldset[class="disabled"] input[type="email"],
.admin .show-details .body .details fieldset[class="disabled"] input[type="text"],
.admin .show-details .body .details fieldset[class="disabled"] hr,
.admin .show-details .body .details fieldset[class="disabled"] select,
.admin .show-details .body .details fieldset[class="disabled"] .button {
  color: #bcbec0;
}
/* line 18, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details hr {
  margin: 0 0 1.8em;
}
/* line 21, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .title {
  width: 100%;
}
/* line 23, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .title h4 {
  font-weight: bold;
}
/* line 26, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .title a {
  margin-top: 10px;
  color: #bcbec0;
  text-decoration: none;
  text-align: justify;
  display: flex;
  align-items: center;
}
/* line 33, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .title a:hover {
  color: #808080;
}
/* line 36, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .title a i {
  padding-right: 10px;
}
/* line 41, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info {
  display: flex;
  margin: 30px 0 0;
}
/* line 45, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info.error .right {
  color: red;
}
/* line 49, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .left {
  width: 30%;
  margin-right: 20px;
}
/* line 53, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right {
  width: 60%;
}
/* line 55, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input,
.admin .show-details .body .details .info .right p {
  border: none;
  width: 100%;
  font-size: 14px;
  float: left;
}
/* line 61, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.field-info,
.admin .show-details .body .details .info .right p.field-info {
  font-size: 14px;
  margin: 5px 0;
  padding: 5px 0;
}
/* line 65, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.field-info a,
.admin .show-details .body .details .info .right p.field-info a {
  color: #bcbec0;
}
/* line 67, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.field-info a:hover,
.admin .show-details .body .details .info .right p.field-info a:hover {
  color: #808080;
}
/* line 72, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.field-info__editable,
.admin .show-details .body .details .info .right p.field-info__editable {
  border-bottom: 0.5px solid #dedede;
  margin-bottom: 1.8em;
}
/* line 76, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.field-info__editable-compact,
.admin .show-details .body .details .info .right p.field-info__editable-compact {
  border-bottom: 0.5px solid #dedede;
}
/* line 79, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.field-info__error,
.admin .show-details .body .details .info .right p.field-info__error {
  border-bottom: 1px solid #f00;
  background-color: rgba(255, 0, 0, 0.15);
}
/* line 83, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.form-error-message,
.admin .show-details .body .details .info .right p.form-error-message {
  font-size: 12px;
  height: 2.2em;
}
/* line 87, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input.no-hr,
.admin .show-details .body .details .info .right p.no-hr {
  margin-bottom: 1.8em;
}
/* line 90, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right input:focus,
.admin .show-details .body .details .info .right p:focus {
  outline: none;
}
/* line 94, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .field-radio-buttons {
  display: table;
  margin-bottom: 1.8em;
}
/* line 97, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .field-radio-buttons input {
  float: left;
  clear: left;
  width: 25px;
  margin-top: 13px;
}
/* line 103, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .field-radio-buttons label {
  font-size: 14px;
  float: left;
  vertical-align: middle;
  margin-top: 10px;
}
/* line 109, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .field-radio-buttons:last-of-type {
  margin-bottom: 0;
}
/* line 113, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right #select-all-plans {
  color: #bcbec0;
  cursor: pointer;
  margin: 10px 0 0 7px;
}
/* line 117, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right #select-all-plans:hover {
  color: #808080;
}
/* line 121, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  width: 100%;
  border: none;
  background: transparent url("/assets/ic_arrow_drop_down_black_24px-1578317b12e210a0cb3d661abeba548313d389a98f8377590cb49d36b3b714d3.svg") no-repeat right;
  font-size: 12px;
  padding: 5px 0 5px 10px;
  margin: 0 0 20px;
  box-shadow: 0 1.5px 0.5px 0.5px rgba(0, 0, 0, 0.15);
}
/* line 134, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right select.no-hr {
  margin-bottom: 1.8em;
}
/* line 138, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a,
.admin .show-details .body .details .info .right .button-link-to {
  color: #404041;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
}
/* line 144, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper {
  margin-bottom: 5px;
  width: 100%;
  display: flex;
}
/* line 148, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button {
  position: relative;
  flex-grow: 1;
  display: flex;
  background: #ececec;
  padding: 5px 15px;
  min-height: 20px;
}
/* line 155, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button div,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button div {
  flex-grow: 1;
  font-size: 13px;
  margin: auto;
}
/* line 159, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button div span.normal,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button div span.normal {
  font-weight: normal;
}
/* line 163, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button i,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button i {
  margin-right: -15px;
  color: #bcbec0;
  font-size: 40px;
}
/* line 168, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button:hover,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button:hover {
  background-color: #dedede;
  cursor: pointer;
}
/* line 173, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button__header,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button__header {
  font-size: 14px;
  font-weight: bold;
}
/* line 177, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .button__role,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .button__role {
  font-size: 11px;
  font-weight: normal;
}
/* line 181, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .access,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .access {
  margin-left: 5px;
  width: 50px;
  background: #ececec;
}
/* line 185, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .access i,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .access i {
  padding: 10px;
  color: #bcbec0;
  font-size: 30px;
}
/* line 190, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right a .button-wrapper .access:hover,
.admin .show-details .body .details .info .right .button-link-to .button-wrapper .access:hover {
  background-color: #dedede;
}
/* line 196, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .toggle-wrapper {
  margin-top: 20px;
}
/* line 198, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .toggle-wrapper .field-title {
  margin-top: 16px;
}
/* line 202, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .forward-arrow {
  font-weight: normal;
}
/* line 204, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info .right .forward-arrow i {
  color: #bcbec0;
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
/* line 212, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info table {
  font-size: 14px;
}
/* line 214, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .details .info table th,
.admin .show-details .body .details .info table td {
  padding-right: 10px;
}
/* line 222, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body p.row-title, .admin .show-details .body p.field-title {
  font-weight: bold;
  margin-bottom: 0;
}
/* line 227, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body p.field-title {
  font-size: 14px;
}
/* line 230, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body p.field-title--extra-bottom {
  margin-bottom: 10px;
}
/* line 233, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body p.row-title {
  font-size: 14px;
}
/* line 236, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body p.row-description {
  font-size: 12px;
  margin-top: 10px;
}
/* line 241, /app/app/assets/stylesheets/admin/show_details.scss */
.admin .show-details .body .footer {
  padding: 30px 0 50px;
  padding-left: 65%;
}
/* line 2, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard {
  height: 100vh;
  background: #ececec;
}
/* line 5, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .header {
  position: relative;
  height: 100px;
  padding: 20px 0 0 150px;
  background: #808080;
  box-shadow: 0.5px 0.8px 0.5px 0.5px rgba(0, 0, 0, 0.15);
  /* Delete this link css when sign out is moved to navbar */
}
/* line 11, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .header h4 {
  color: #fff;
}
/* line 16, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .header a {
  position: absolute;
  top: 54px;
  right: 20px;
  text-decoration: none;
  color: #fff;
}
/* line 24, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body {
  display: flex;
  justify-content: space-between;
  padding: 20px 150px 0;
}
/* line 28, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel,
.admin .dashboard .body .team-panel {
  width: 48%;
  margin-right: 4px;
}
/* line 33, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel h4,
.admin .dashboard .body .team-panel h4 {
  color: #404041;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
/* line 39, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel a,
.admin .dashboard .body .team-panel a {
  text-decoration: none;
}
/* line 42, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel ul,
.admin .dashboard .body .team-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 46, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel ul li,
.admin .dashboard .body .team-panel ul li {
  position: relative;
  margin: 0 0 10px;
  padding: 8px 20px;
  font-size: 12px;
  color: #808080;
  background: #fff;
  box-shadow: 0.8px 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
/* line 55, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel ul li span,
.admin .dashboard .body .team-panel ul li span {
  text-align: left;
}
/* line 58, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel ul li i,
.admin .dashboard .body .team-panel ul li i {
  position: absolute;
  right: 5px;
  color: #bcbec0;
}
/* line 63, /app/app/assets/stylesheets/admin/dashboard.scss */
.admin .dashboard .body .admin-panel ul li:hover,
.admin .dashboard .body .team-panel ul li:hover {
  background: #f8f8f8;
  box-shadow: 0.8px 0.5px 0.5px 0 rgba(0, 0, 0, 0.3);
  color: #000;
}
@media (max-width: 768px) {
  /* line 74, /app/app/assets/stylesheets/admin/dashboard.scss */
  .admin .dashboard .header {
    padding: 20px 0 0 50px;
  }
  /* line 77, /app/app/assets/stylesheets/admin/dashboard.scss */
  .admin .dashboard .body {
    flex-direction: column;
    padding: 20px 50px 0;
  }
  /* line 80, /app/app/assets/stylesheets/admin/dashboard.scss */
  .admin .dashboard .body .admin-panel,
  .admin .dashboard .body .team-panel {
    width: 100%;
  }
}
/* line 1, /app/app/assets/stylesheets/admin/_main_navbar.scss */
.main-navbar, #header-container .navbar {
  padding: 0 60px 0 50px;
  background: #404041;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
/* line 8, /app/app/assets/stylesheets/admin/_main_navbar.scss */
.main-navbar img, #header-container .navbar img {
  height: 50px;
}
/* line 11, /app/app/assets/stylesheets/admin/_main_navbar.scss */
.main-navbar a, #header-container .navbar a {
  color: #ececec;
  text-decoration: none;
  margin: auto 0;
}

/* line 1, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header, #header-container .header {
  position: relative;
  min-height: 100px;
  padding: 20px 150px;
  background: #808080;
  box-shadow: 0.5px 0.8px 0.5px 0.5px rgba(0, 0, 0, 0.15);
}
/* line 7, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .back-arrow, #header-container .header .back-arrow {
  position: absolute;
  top: 35px;
  left: 100px;
}
/* line 11, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .back-arrow i, #header-container .header .back-arrow i {
  color: #fff;
  opacity: 0.8;
  font-size: 30px;
}
/* line 17, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header h4, #header-container .header h4,
.main-header h4 a,
#header-container .header h4 a {
  color: #fff;
  padding-top: 12px;
  text-decoration: none;
}
/* line 23, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .navigation-search, #header-container .header .navigation-search {
  display: flex;
  justify-content: space-between;
}
/* line 27, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .actions, #header-container .header .actions {
  display: flex;
  flex-grow: 2;
  justify-content: flex-end;
  padding: 20px 20px 0 0;
}
/* line 33, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .search-box, #header-container .header .search-box {
  margin-top: 20px;
  position: relative;
}
/* line 36, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .search-box input, #header-container .header .search-box input {
  width: 250px;
  font-size: 14px;
  background: transparent;
  border: none;
  border-bottom: solid 1px rgba(255, 255, 255, 0.8);
  color: #fff;
  padding-right: 18px;
  opacity: 0.8;
}
/* line 45, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .search-box input:focus, #header-container .header .search-box input:focus {
  outline: none;
}
/* line 48, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .search-box input::-webkit-input-placeholder, #header-container .header .search-box input::-webkit-input-placeholder {
  color: #fff;
}
/* line 52, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .search-box i, #header-container .header .search-box i {
  position: absolute;
  font-size: 16px;
  right: 0;
  top: 5px;
  color: #fff;
  opacity: 0.8;
}
/* line 61, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters, #header-container .header .filters {
  color: #ececec;
  display: flex;
  font-size: 12px;
  margin-top: 20px;
}
/* line 66, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters a, #header-container .header .filters a {
  display: inline-flex;
  margin: 0 -1px 0 0;
  padding: 2px 10px;
  text-decoration: none;
  border: solid 1px #fff;
  color: #ececec;
  background-color: #707070;
}
/* line 74, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters a:hover, #header-container .header .filters a:hover {
  color: #707070;
  background-color: #ececec;
}
/* line 78, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters a.active, #header-container .header .filters a.active {
  color: #707070;
  background-color: #ececec;
}
/* line 81, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters a.active:hover, #header-container .header .filters a.active:hover {
  color: #ececec;
  background-color: #707070;
}
/* line 86, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters a.no-title, #header-container .header .filters a.no-title {
  margin-left: 0;
}
/* line 90, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group, #header-container .header .filters .filter-group {
  margin-right: 20px;
  white-space: nowrap;
}
/* line 94, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__title, #header-container .header .filters .filter-group__title {
  display: inline-flex;
  margin-right: 8px;
}
/* line 98, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__select, #header-container .header .filters .filter-group__select {
  background-color: #707070;
  border: 1px solid #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-flex;
  font-size: 12px;
  height: 23px;
  margin: 0 0 0 -3px;
  padding: 2px 8px 2px 2px;
}
/* line 109, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__select.active, #header-container .header .filters .filter-group__select.active {
  background-color: #ececec;
}
/* line 111, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__select.active select, #header-container .header .filters .filter-group__select.active select {
  color: #707070;
}
/* line 115, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__select select, #header-container .header .filters .filter-group__select select {
  background-color: transparent;
  border: none;
  color: #ececec;
}
/* line 119, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__select select.active, #header-container .header .filters .filter-group__select select.active {
  color: #707070;
}
/* line 123, /app/app/assets/stylesheets/admin/_main_header.scss */
.main-header .filters .filter-group__select option, #header-container .header .filters .filter-group__select option {
  color: #707070;
  background-color: #ececec;
}

/* line 13, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  margin-top: -20px;
  padding: 0 150px;
}
/* line 20, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .admin-dashboard {
  background: #fff;
}
/* line 22, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .admin-dashboard .body__contentblock {
  padding: 0;
}
/* line 24, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .admin-dashboard .body__contentblock .field {
  width: 100%;
}
/* line 29, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 40px;
}
/* line 34, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .title {
  width: 100%;
}
/* line 36, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .title h4 {
  font-weight: bold;
}
/* line 39, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .title a {
  margin-top: 10px;
  color: #bcbec0;
  text-decoration: none;
  text-align: justify;
  display: flex;
  align-items: center;
}
/* line 46, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .title a:hover {
  color: #808080;
}
/* line 49, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .title a i {
  padding-right: 10px;
}
/* line 54, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info {
  display: flex;
  margin: 30px 0;
}
/* line 57, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .left {
  width: 30%;
  margin-right: 20px;
}
/* line 60, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .left .row-title {
  font-weight: bold;
  margin-bottom: 0;
}
/* line 65, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right {
  width: 40%;
}
/* line 67, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .field-title {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
}
/* line 72, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .two-fields {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
  width: 380px;
}
/* line 78, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .two-fields input {
  width: 150px;
  font-size: 12px;
}
/* line 82, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .two-fields span {
  padding: 0 15px;
  width: 100%;
}
/* line 85, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .two-fields span:first-child {
  padding: 0 15px 0 0;
}
/* line 90, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .preview-box {
  background-color: #ececec;
  padding: 35px;
  margin-top: 10px;
}
/* line 94, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .preview-box p,
.content_block.form-layout .details .info .right .preview-box a {
  color: #808080;
  margin: 0;
}
/* line 99, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right .preview-box .message-box .close-icon {
  cursor: default;
}
/* line 103, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right input {
  width: 100%;
  font-size: 14px;
  border: 1px solid #d0d0d0;
  padding: 0 6px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 16px;
}
/* line 112, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right input.field-info__error {
  border: 1px solid #f00;
  background-color: rgba(255, 0, 0, 0.15);
}
/* line 117, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right textarea {
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
}
/* line 122, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .details .info .right textarea.field-info__error {
  border: 1px solid #f00;
  background-color: rgba(255, 0, 0, 0.15);
}
/* line 131, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout p.row-title, .content_block.form-layout p.field-title {
  font-weight: bold;
  margin-bottom: 0;
}
/* line 136, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout p.field-title {
  font-size: 14px;
}
/* line 139, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout p.field-title--extra-bottom {
  margin-bottom: 10px;
}
/* line 142, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout p.row-title {
  font-size: 14px;
}
/* line 145, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout p.row-description {
  font-size: 12px;
  margin-top: 10px;
}
/* line 150, /app/app/assets/stylesheets/admin/content_block.scss */
.content_block.form-layout .footer {
  padding: 30px 0 50px;
  padding-left: 65%;
}

/* line 157, /app/app/assets/stylesheets/admin/content_block.scss */
.message-box__marketing-contentblock {
  border-left: 5px solid #04a167;
}

/* line 161, /app/app/assets/stylesheets/admin/content_block.scss */
.message-box {
  position: relative;
  box-shadow: 0.5px 0.8px 0.5px 0.5px rgba(0, 0, 0, 0.15);
  padding: 10px 30px 10px 20px;
  background: white;
  min-height: 36px;
}
/* line 167, /app/app/assets/stylesheets/admin/content_block.scss */
.message-box .close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
/* line 172, /app/app/assets/stylesheets/admin/content_block.scss */
.message-box .close-icon .font-icon {
  color: #bcbec0;
  font-size: 18px;
}

/* line 180, /app/app/assets/stylesheets/admin/content_block.scss */
.validation .error {
  border: 1px solid red;
  padding: 20px;
}
/* line 183, /app/app/assets/stylesheets/admin/content_block.scss */
.validation .error h4,
.validation .error li {
  color: red;
  padding: 0;
  margin: 0;
}
/* line 190, /app/app/assets/stylesheets/admin/content_block.scss */
.validation .notice {
  border: 1px solid green;
  padding: 20px;
  color: green;
}
@media (max-width: 768px) {
  /* line 4, /app/app/assets/stylesheets/admin/stats.scss */
  .admin .show-details .header {
    padding: 20px 0 0 50px;
  }
  /* line 7, /app/app/assets/stylesheets/admin/stats.scss */
  .admin .show-details .body {
    flex-direction: column;
    padding: 20px 50px 0;
  }
  /* line 10, /app/app/assets/stylesheets/admin/stats.scss */
  .admin .show-details .body .admin-panel,
  .admin .show-details .body .team-panel {
    width: 100%;
  }
}
/* line 18, /app/app/assets/stylesheets/admin/stats.scss */
.admin .show-details .activejob-panel h4 {
  color: #404041;
  font-size: 18px;
  font-weight: bold;
}
/* line 24, /app/app/assets/stylesheets/admin/stats.scss */
.admin .show-details .activejob-panel .activejob-logs {
  height: 460px;
  width: 100%;
  overflow: auto;
  background: #111;
  color: #0d0;
  white-space: nowrap;
  padding: 4px;
  border: 1px solid #777;
  margin-top: 1em;
}
/* line 35, /app/app/assets/stylesheets/admin/stats.scss */
.admin .show-details .activejob-panel .activejob-logs p {
  font-size: 12px;
  line-height: 1.2em;
  font-family: monospace;
}
/* line 6, /app/app/assets/stylesheets/admin/migration_status.scss */
.admin-table__migration-status table tbody tr.migration-error-row {
  display: none;
}
/* line 10, /app/app/assets/stylesheets/admin/migration_status.scss */
.admin-table__migration-status table tbody td a {
  cursor: pointer;
}
/* line 12, /app/app/assets/stylesheets/admin/migration_status.scss */
.admin-table__migration-status table tbody td a.migration-show-error {
  font-weight: bold;
  text-decoration: underline;
  padding-left: 20px;
}
/* line 18, /app/app/assets/stylesheets/admin/migration_status.scss */
.admin-table__migration-status table tbody td.migration-action-cell {
  width: 140px;
}
/* line 1, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 150px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 15, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__content {
  background-color: #fefefe;
  margin: auto;
  padding: 30px;
  border: 1px solid #888;
  width: 80%;
}
/* line 21, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__content h4 {
  padding-bottom: 1em;
}
/* line 24, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__content p {
  padding-bottom: 1em;
}

/* line 29, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__content--narrow {
  width: 50%;
}

/* line 33, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}

/* line 39, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
/* line 44, /app/app/assets/stylesheets/admin/modal.scss */
.admin-modal__close:hover, .admin-modal__close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* line 1, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  min-width: 64px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

/* line 22, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--small {
  font-size: 12px;
  padding: 0 10px;
  height: 28px;
}

/* line 28, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--wide {
  min-width: 140px;
}

/* line 32, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--save {
  background-color: #0f539b;
  color: #fff !important;
}
/* line 35, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--save:hover {
  background-color: #0c447f;
}

/* line 40, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--cancel {
  background: none;
  color: #bcbec0;
}
/* line 43, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--cancel:hover {
  color: #808080;
}

/* line 48, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--delete {
  background: #fff;
  border: 0.5px solid #808080;
  color: #808080;
}
/* line 52, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--delete:hover {
  color: #717171;
  background-color: #f0f0f0;
}

/* line 58, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--edit {
  background-color: #ef4e08;
  color: #fff !important;
}
/* line 61, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--edit:hover {
  background-color: #d14407;
}

/* line 66, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--start {
  background-color: #04a167;
  color: #fff !important;
}
/* line 69, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--start:hover {
  background-color: #038354;
}

/* line 74, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--stop {
  background-color: #ce0031;
  color: #fff !important;
}
/* line 77, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--stop:hover {
  background-color: #af002a;
}

/* line 82, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--header {
  background-color: #707070;
  border: 1px solid #fff;
  color: #ececec;
}
/* line 86, /app/app/assets/stylesheets/admin/admin_button.scss */
.admin-button--header:hover {
  background-color: #616161;
}
/* line 1, /app/app/assets/stylesheets/admin/form.scss */
.form-notification {
  padding: 10px;
  margin-top: 10px;
  font-size: 1em;
  width: 100%;
}

/* line 8, /app/app/assets/stylesheets/admin/form.scss */
.form-notification__notice {
  border-bottom: 1px solid #00a451;
  background-color: rgba(0, 164, 82, 0.15);
}

/* line 13, /app/app/assets/stylesheets/admin/form.scss */
.form-notification__warning {
  border-bottom: 1px solid #f5a623;
  background-color: rgba(245, 166, 36, 0.15);
}

/* line 18, /app/app/assets/stylesheets/admin/form.scss */
.form-notification__error {
  border-bottom: 1px solid #f00;
  background-color: rgba(255, 0, 0, 0.15);
}

/* line 23, /app/app/assets/stylesheets/admin/form.scss */
.form-error-message {
  color: #f00;
  font-size: 0.8em;
}
/*










*/

/* line 35, /app/app/assets/stylesheets/buttons.scss */
button {
  border-radius: 0;
}

/* line 39, /app/app/assets/stylesheets/buttons.scss */
.cmr-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: none;
  border-radius: 0;
  min-width: 64px;
  font-family: "Noto Sans", sans-serif;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 10px;
}
/* line 54, /app/app/assets/stylesheets/buttons.scss */
.cmr-button:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 120px;
  margin-left: -50%;
  margin-top: -60px;
  background: #e5e5e5;
  border-radius: 100%;
  opacity: 0.6;
  transform: scale(0);
}
/* line 69, /app/app/assets/stylesheets/buttons.scss */
.cmr-button:focus {
  box-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.5);
}

/* line 74, /app/app/assets/stylesheets/buttons.scss */
.cmr-button__left-align {
  margin-right: 16px;
}

/* line 78, /app/app/assets/stylesheets/buttons.scss */
.cmr-button__right-align {
  margin-left: 16px;
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
/* line 95, /app/app/assets/stylesheets/buttons.scss */
.cmr-button:not(:active):after {
  animation: ripple 1s ease-out;
}

/* fixes initial animation run, without user input, on page load.
 */
/* line 101, /app/app/assets/stylesheets/buttons.scss */
.cmr-button:after {
  visibility: hidden;
}

/* line 105, /app/app/assets/stylesheets/buttons.scss */
.cmr-button:focus:after {
  visibility: visible;
}

/* line 109, /app/app/assets/stylesheets/buttons.scss */
.button-inverted,
a.button-inverted {
  background-color: none;
  color: #404041;
  border: solid 1px #bcbec0;
}
/* line 114, /app/app/assets/stylesheets/buttons.scss */
.button-inverted:hover,
a.button-inverted:hover {
  color: black;
  border: solid 1px #404041;
}

/* line 120, /app/app/assets/stylesheets/buttons.scss */
.button-primary,
a.button-primary {
  background-color: #0f539b;
  color: #fff;
}
/* line 124, /app/app/assets/stylesheets/buttons.scss */
.button-primary:hover,
a.button-primary:hover {
  background-color: #0c427c;
}

/* line 129, /app/app/assets/stylesheets/buttons.scss */
.button-primary-important,
a.button-primary-important {
  background-color: #ce031c;
  color: #fff;
}
/* line 133, /app/app/assets/stylesheets/buttons.scss */
.button-primary-important:hover,
a.button-primary-important:hover {
  background-color: #a40216;
}

/* line 138, /app/app/assets/stylesheets/buttons.scss */
.cmr-button.disabled,
a.cmr-button.disabled {
  pointer-events: none !important;
  background-color: #ccc !important;
  border: 0 !important;
  color: #fff;
  transform: none !important;
}
/* line 145, /app/app/assets/stylesheets/buttons.scss */
.cmr-button.disabled:hover,
a.cmr-button.disabled:hover {
  background-color: #ececec !important;
}

/* line 150, /app/app/assets/stylesheets/buttons.scss */
.button-secondary,
a.button-secondary {
  background: #fff;
  border: 1px solid #bcbec0;
  color: #404041;
  line-height: 16px;
}
/* line 156, /app/app/assets/stylesheets/buttons.scss */
.button-secondary:hover,
a.button-secondary:hover {
  background-color: #ececec;
}

/* line 161, /app/app/assets/stylesheets/buttons.scss */
.button-as-link,
a.button-as-link {
  background: none !important;
  border: 0 !important;
  color: #bcbec0;
}
/* line 166, /app/app/assets/stylesheets/buttons.scss */
.button-as-link:hover,
a.button-as-link:hover {
  color: #808080;
  background-color: none !important;
}

/* line 172, /app/app/assets/stylesheets/buttons.scss */
.dropdown-button {
  background-color: #0f539b;
  color: #fff;
}
/* line 175, /app/app/assets/stylesheets/buttons.scss */
.dropdown-button:hover {
  background-color: #0c427c;
}
/*






*/


body {
  margin: 0;
}

body,
input,
textarea,
select,
button {
  font-family: "Noto Sans", "Verdana", "Helvetica", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Noto Sans", "Verdana", "Helvetica", sans-serif;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

h4 {
  font-size: 24px;
  font-weight: 400px;
}

ul,
ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}

hr {
  border: 0.5px solid #dedede;
}

fieldset {
  border: none;
}