@charset "UTF-8";
/*
load dependant scss all under components #id
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
#quick-form {
  /* IMPORTS */
  /* VARIABLES */
  /*!
   * Bootstrap v4.1.3 (https://getbootstrap.com/)
   * Copyright 2011-2018 The Bootstrap Authors
   * Copyright 2011-2018 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   */
  /**
   * @file
   * Styles for Bootstrap Barrio affix effect.
   */
  /**
   * @file
   * Visual styles for comments in Barrio.
   */
  /**
   * @file
   * Bootstrap Barrio specific styling for the Book module.
   */
  /**
   * @file
   * Styling for the Book module.
   */
  /**
   * @file
   * Styles for Bootstrap Barrio's breadcrumbs.
   */
  /**
   * @file
   * Visual styles for comments in Bartik.
   */
  /* This is required to win over specificity of #content h2 */
  /* This is required to win over specificity of .field--type-image img */
  /**
   * @todo: unpublished nodes have class .node--unpublished.
   * change this to .comment--unpublished.
   */
  /**
   * @file
   * Contextual links styles for Bootstrap Barrio.
   */
  /**
   * @file
   * Collapsible details.
   *
   * @see collapse.js
   * @see http://nicolasgallagher.com/css-background-image-hacks/
   */
  /* @todo Regression: The summary of uncollapsible details are no longer
       vertically aligned with the .details-wrapper in browsers without native
       details support. */
  /**
   * @file
   * Visual styles for Bartik's dropbutton component.
   */
  /**
   * @file
   * General styles for dropbuttons.
   */
  /**
   * @file
   * Feed icon styles for Bootstrap Barrio.
   */
  /**
   * @file
   * Visual styles for Bootstrap Barrio's field components.
   */
  /**
   * @file
   * Default style for file module.
   */
  /* File icons.*/
  /**
   * @file
   * Visual styles for Bootstrap Barrio's form components.
   */
  /* ------------------ Header ------------------ */
  /**
   * @file
   * Styles for the help block.
   */
  /**
   * @file
   * Visual styles for icons.
   */
  /**
   * @file
   * Styles for Bootstrap Barrio's image buttons.
   */
  /**
   * @file
   * Basic styling for comment module.
   */
  /**
   * Indent threaded comments.
   */
  /**
   * @file
   * Visual styles for Bootstrap Barrio's item list.
   */
  /**
   * @file
   * List group.
   * A list of links, grouped together.
   */
  /**
   * @file
   * Visual styles for Bootstrap Barrio's node component.
   */
  /* View mode teaser styles. */
  /* Node metadata styles. */
  /* Node links styles. */
  /* Unpublished node styles. */
  /**
   * @file
   * Styles for Bootstrap Barrio page.
   */
  /**
   * @file
   * The visual styles for Bootstrap Barrio's search form(s).
   */
  /**
   * @file
   * Visual styles for the Shortcut action link in Bootstrap Barrio.
   */
  /* ------------------ Sidebar ----------------- */
  /**
   * @file
   * Styles for the skip link.
   */
  /**
   * @file
   * Styles for Bootstrap Barrio's tables.
   */
  /**
   * @file
   * Visual styles for table drag.
   */
  /**
   * @file
   * Table select behavior.
   *
   * @see tableselect.js
   */
  /**
   * @file
   * Table sort indicator.
   */
  /**
   * @file
   * Tablesort indicator styles.
   */
  /**
   * @file
   * Theme styling for tabs.
   */
  /**
   * @file
   * Visual styles for a resizable textarea.
   */
  /**
   * @file
   * Visual styles for Bartik's ui-widget component.
   */
  /**
   * @file
   * Styles for Bartik's modal windows
   */
  /**
   * @file
   * Theme styling for user module.
   */
  /* Visual styling for the Password strength indicator */
  /* Styling for the status indicator of the passwords match test.  */
  /* Login page stype */
  /**
   * @file
   * Vertical tabs component.
   */
  /* Vertical Tabs Reset */
  /**
   * @file
   * Vertical Tabs.
   */
  /* Layout of each tab. */
  /**
   * @file
   * Styling for Views in Bartik.
   */
  /* Tab styles */
  /* Tabs action list styles */
  /* Contextual filter options styles */
  /* Views action dropbutton styles */
  /* TYPOGRAPHY */
  /* Google Fonts */
  /* benchnine-300 - latin */
  /* benchnine-regular - latin */
  /* benchnine-700 - latin */
  /* MIXINS */
  /* common carousel styles */
  /* common carousel styles end */
  /* Filtered items */
  /**************************/
  /* Filtered items end */
  /* Programmes */
  /* Programmes end */
  /* Left menu */
  /* Left menu end */
  /* Article content */
  /* Article content End*/
  /**
   * Toolbar module styling.
   */
  font-family: "BenchNine", sans-serif;
}
 #quick-form h5, #quick-form .h5 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
#quick-form h5, #quick-form .h5 {
  font-size: 1.25rem;
}
#quick-form hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#quick-form code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}
a > #quick-form code {
  color: inherit;
}
#quick-form pre {
  display: block;
  font-size: 87.5%;
  color: #1D1D1D;
}
#quick-form pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
#quick-form .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
 #quick-form .col-lg-12, #quick-form .col, #quick-form .col-12, #quick-form .col-2, #quick-form .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
#quick-form .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
#quick-form .col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
#quick-form .col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
#quick-form .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  #quick-form .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#quick-form .form-group {
  margin-bottom: 1rem;
}
#quick-form .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
#quick-form .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
#quick-form .form-check-input:disabled ~ .form-check-label {
  color: #696969;
}
#quick-form .form-check-label {
  margin-bottom: 0;
}
#quick-form .form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
#quick-form .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
#quick-form .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  #quick-form .btn {
    transition: none;
  }
}
#quick-form .btn:hover, #quick-form .btn:focus {
  text-decoration: none;
}
#quick-form .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 192, 0.25);
}
 #quick-form .btn:disabled {
  opacity: 0.65;
}
#quick-form .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
#quick-form .btn-primary {
  color: #fff;
  background-color: #0079C0;
  border-color: #0079C0;
}
#quick-form .btn-primary:hover {
  color: #fff;
  background-color: #00619a;
  border-color: #00598d;
}
#quick-form .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 192, 0.5);
}
 #quick-form .btn-primary:disabled {
  color: #fff;
  background-color: #0079C0;
  border-color: #0079C0;
}
#quick-form .btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #00598d;
  border-color: #005180;
}
#quick-form .btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 192, 0.5);
}
#quick-form .btn-secondary {
  color: #1D1D1D;
  background-color: #A8CF45;
  border-color: #A8CF45;
}
#quick-form .btn-secondary:hover {
  color: #1D1D1D;
  background-color: #95bd31;
  border-color: #8db32e;
}
#quick-form .btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem rgba(168, 207, 69, 0.5);
}
 #quick-form .btn-secondary:disabled {
  color: #1D1D1D;
  background-color: #A8CF45;
  border-color: #A8CF45;
}
#quick-form .btn-secondary:not(:disabled):not(.disabled):active {
  color: #1D1D1D;
  background-color: #8db32e;
  border-color: #85a92c;
}
#quick-form .btn-secondary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(168, 207, 69, 0.5);
}
#quick-form .btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
#quick-form .fade {
  transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
  #quick-form .fade {
    transition: none;
  }
}
#quick-form .fade:not(.show) {
  opacity: 0;
}
#quick-form .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
#quick-form .card > hr {
  margin-right: 0;
  margin-left: 0;
}
#quick-form .card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
#quick-form .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
#quick-form .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
#quick-form .alert-success hr {
  border-top-color: #b1dfbb;
}
#quick-form .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
#quick-form .alert-info hr {
  border-top-color: #abdde5;
}
#quick-form .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
#quick-form .alert-warning hr {
  border-top-color: #ffe8a1;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
#quick-form .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
#quick-form .close:not(:disabled):not(.disabled) {
  cursor: pointer;
}
#quick-form .close:not(:disabled):not(.disabled):hover, #quick-form .close:not(:disabled):not(.disabled):focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
#quick-form button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}
#quick-form .align-text-bottom {
  vertical-align: text-bottom !important;
}
#quick-form .border {
  border: 1px solid #dee2e6 !important;
}
#quick-form .float-right {
  float: right !important;
}
#quick-form .m-0 {
  margin: 0 !important;
}
#quick-form .mr-3 {
  margin-right: 1rem !important;
}
#quick-form .mb-3 {
  margin-bottom: 1rem !important;
}
#quick-form .mb-5 {
  margin-bottom: 3rem !important;
}
#quick-form .p-0 {
  padding: 0 !important;
}
#quick-form .pb-3 {
  padding-bottom: 1rem !important;
}

#quick-form .my-auto {
  margin-top: auto !important;
}

#quick-form .mx-auto {
  margin-right: auto !important;
}

#quick-form .my-auto {
  margin-bottom: auto !important;
}

#quick-form .mx-auto {
  margin-left: auto !important;
}
#quick-form .text-center {
  text-align: center !important;
}
#quick-form .text-muted {
  color: #696969 !important;
}
@media print {
  #quick-form *,
#quick-form *::before,
#quick-form *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  #quick-form a:not(.btn) {
    text-decoration: underline;
  }
  #quick-form pre {
    white-space: pre-wrap !important;
  }
  #quick-form pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  
#quick-form img {
    page-break-inside: avoid;
  }
  #quick-form p {
    orphans: 3;
    widows: 3;
  }
  @page {
    #quick-form {
      size: a3;
    }
  }
  #quick-form body {
    min-width: 992px !important;
  }
}
#quick-form .file {
  padding-left: 1.5rem;
  /* LTR */
  display: inline-block;
  min-height: 1rem;
  background-repeat: no-repeat;
  background-position: left center;
  /* LTR */
}
#quick-form input[type=search] {
  box-sizing: border-box;
}
@font-face {
  #quick-form {
    font-family: "BenchNine";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-300.eot");
    /* IE9 Compat Modes */
    src: local(""), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-300.eot?#iefix") format("embedded-opentype"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-300.woff2") format("woff2"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-300.woff") format("woff"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-300.ttf") format("truetype"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-300.svg#BenchNine") format("svg");
    /* Legacy iOS */
  }
}
@font-face {
  #quick-form {
    font-family: "BenchNine";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local(""), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-regular.woff2") format("woff2"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-regular.woff") format("woff"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-regular.ttf") format("truetype"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-regular.svg#BenchNine") format("svg");
    /* Legacy iOS */
  }
}
@font-face {
  #quick-form {
    font-family: "BenchNine";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-700.eot");
    /* IE9 Compat Modes */
    src: local(""), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-700.eot?#iefix") format("embedded-opentype"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-700.woff2") format("woff2"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-700.woff") format("woff"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-700.ttf") format("truetype"), url("/themes/custom/bootstrap_sass/fonts/benchnine-v9-latin-700.svg#BenchNine") format("svg");
    /* Legacy iOS */
  }
}
#quick-form .btn-primary a {
  color: #fff;
  background-color: #0079C0;
  border-color: #0079C0;
}
#quick-form .btn-primary a:hover {
  color: #fff;
  background-color: #00619a;
  border-color: #00598d;
}
#quick-form .btn-primary a:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 192, 0.5);
}
 #quick-form .btn-primary a:disabled {
  color: #fff;
  background-color: #0079C0;
  border-color: #0079C0;
}
#quick-form .btn-primary a:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #00598d;
  border-color: #005180;
}
#quick-form .btn-primary a:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 121, 192, 0.5);
}
#quick-form .btn-secondary a {
  color: #1D1D1D;
  background-color: #A8CF45;
  border-color: #A8CF45;
}
#quick-form .btn-secondary a:hover {
  color: #1D1D1D;
  background-color: #95bd31;
  border-color: #8db32e;
}
#quick-form .btn-secondary a:focus {
  box-shadow: 0 0 0 0.2rem rgba(168, 207, 69, 0.5);
}
 #quick-form .btn-secondary a:disabled {
  color: #1D1D1D;
  background-color: #A8CF45;
  border-color: #A8CF45;
}
#quick-form .btn-secondary a:not(:disabled):not(.disabled):active {
  color: #1D1D1D;
  background-color: #8db32e;
  border-color: #85a92c;
}
#quick-form .btn-secondary a:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(168, 207, 69, 0.5);
}
#quick-form *:before,
#quick-form *:after {
  box-sizing: border-box;
}
#quick-form body {
  font-family: "BenchNine", sans-serif;
}
#quick-form html, #quick-form body {
  height: 100%;
}
#quick-form button:focus {
  outline: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#quick-form a:hover, #quick-form a:focus {
  text-decoration: none;
}
#quick-form a:hover {
  color: #646464;
}
@media only screen and (max-width: 350px) {
  #quick-form {
    /***********************/
  }
}
@media only screen and (min-width: 992px) {
  #quick-form {
    /*********************/
  }
}
#quick-form .hidden {
  display: none;
  overflow: hidden;
  height: 0;
}
#quick-form a {
  word-break: break-word;
}
#quick-form .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
#quick-form .alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
#quick-form .alert-success hr {
  border-top-color: #b1dfbb;
}
#quick-form .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
#quick-form .alert-info hr {
  border-top-color: #abdde5;
}
#quick-form .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
#quick-form .alert-warning hr {
  border-top-color: #ffe8a1;
}
#quick-form .align-text-bottom {
  vertical-align: text-bottom !important;
}
#quick-form .border {
  border: 1px solid #dee2e6 !important;
}
#quick-form .float-right {
  float: right !important;
}
#quick-form .m-0 {
  margin: 0 !important;
}
#quick-form .mr-3 {
  margin-right: 1rem !important;
}
#quick-form .mb-3 {
  margin-bottom: 1rem !important;
}
#quick-form .mb-5 {
  margin-bottom: 3rem !important;
}
#quick-form .p-0 {
  padding: 0 !important;
}
#quick-form .pb-3 {
  padding-bottom: 1rem !important;
}

#quick-form .my-auto {
  margin-top: auto !important;
}

#quick-form .mx-auto {
  margin-right: auto !important;
}

#quick-form .my-auto {
  margin-bottom: auto !important;
}

#quick-form .mx-auto {
  margin-left: auto !important;
}
#quick-form .text-center {
  text-align: center !important;
}
#quick-form .text-muted {
  color: #696969 !important;
}
#quick-form .form-group {
  margin-bottom: 1rem;
}
#quick-form .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
#quick-form .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
#quick-form .form-check-input:disabled ~ .form-check-label {
  color: #696969;
}
#quick-form .form-check-label {
  margin-bottom: 0;
}
#quick-form .form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
#quick-form .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
#quick-form ::placeholder {
  color: #757575;
  font-size: 14px;
  opacity: 0.6;
  font-family: "BenchNine", sans-serif;
}
#quick-form .debug {
  border: solid 1px red;
}
#quick-form .help-message {
  padding-left: 5px;
  margin: 0;
  font-size: 14px;
}
#quick-form .form-check-input {
  border: 1px solid #a4a2a2 !important;
}
.chm-icon-search { width: 1em;
}
.chm-icon-menu { width: 1.6em;
}
.chm-icon-close { font-size: 1.1em;
}

.cont[data-v-769d1eb0]{ position: relative; width: 45px; height: 47px; background-color: transparent;}
.slot-hold[data-v-769d1eb0]{ position: absolute;   top: 55%; left: 50%; transform: translate(-50%, -50%);}
.lds-ring[data-v-769d1eb0] {  display: inline-block; position: relative; width: 30px; height: 30px; margin-bottom:-5px;
}
.lds-ring div[data-v-769d1eb0] {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 95%;
    height: 95%;
    margin: 3px;
    border: 3px solid;
    border-radius: 50%;
    animation: lds-ring-769d1eb0 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}
.lds-ring div[data-v-769d1eb0]:nth-child(1) { animation-delay: -0.45s;
}
.lds-ring div[data-v-769d1eb0]:nth-child(2) { animation-delay: -0.3s;
}
.lds-ring div[data-v-769d1eb0]:nth-child(3) { animation-delay: -0.15s;
}
@keyframes lds-ring-769d1eb0 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
  
.loading[data-v-a1ef7ab7]{ min-height: 3em; margin-bottom: 10px;
}
.cont[data-v-a1ef7ab7]{position: relative; height: 45px; width: 47px;
}
.ring[data-v-a1ef7ab7]{ position: absolute;   top: 50%; left: 50%; transform: translate(-50%, -50%);}
.leaf[data-v-a1ef7ab7]{margin-left: .25em;max-height:35px;}

:root {
  --vv-primary-color: #0071fe;
  --vv--error-color: #f23648;
  --vv--error-bg-color: #fddfe2;
  --vv--success-color: #21a67a;
  --vv--success-bg-color: #e0eee4;
}
.submit-btn {
  background: var(--vv-primary-color);
  outline: none;
  border: none;
  color: #fff;
  font-size: 18px;
  padding: 10px 15px;
  display: block;
  width: 100%;
  border-radius: 7px;
  margin-top: 40px;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}

.chm-icon {
  display     : inline-block;
  width       : 1em;
  height      : 1em;
  stroke-width: 0;
  stroke      : currentColor;
  /* fill        : currentColor; */
}


label[data-v-446bb31d] {
  display: block;
  margin-bottom: 4px;
  width: 100%;
}
input[data-v-446bb31d]:focus {
  border-color: var(--vv-primary-color);
}
.youtube-video[data-v-aa4b417d] {
  aspect-ratio: 16/9;
  width: 100%;
}
.c-btn[data-v-25a18b90] {
  background: rgb(239, 239, 239);
  outline: none;
  border: none;
  font-size: 18px;
  padding: 10px 15px;
  display: block;
  width: 100%;
  border-radius: 7px;
  margin-top: 1em;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}
.top-margin[data-v-25a18b90]{ margin-top: 1em
}
.float-right[data-v-25a18b90]{ position: absolute; right: 5px; cursor: pointer;}


/* @import url('https://cdn.cbd.int/vue-advanced-cropper@2.8.1/dist/style.css'); */
.cropper-wrapper{position: relative; width: 100%; height: 100%;
	user-select: none;
	border: solid 1px #eee;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cropper{
  width: 100%;
  height: 100%;
}
.vertical-buttons {
	position: absolute;
	left:0px;
	top: 0px;

  z-index: 10;
  background-color: black;
  width:100%;
  opacity: .5;
  max-height: 43px;
  text-align: center;
}
.square-button {
	display: inline-flex;
  z-index: 11;
	align-items: center;
	justify-content: center;
	height: 42px;
	width: 42px;
	cursor: pointer;
	transition: background 0.5s;
  padding: 5px 5px 5px 5px;
  margin: 0 2em 1em 2em;
  max-height: 50px; max-width: 50px;
}
.square-button :hover{ 
  opacity: 1;
}
.button-svg{ fill: white;
}

.chm-icon-x3[data-v-2b54d98f]{width:5em;height:5em;}
.img-preview[data-v-2b54d98f] { max-height: 33vh;
}
.top-margin[data-v-2b54d98f]{ margin-top: 1em
}
.float-right[data-v-2b54d98f]{ position: absolute; right: 5px; cursor: pointer;}
.upload-area > span[data-v-2b54d98f] { cursor: pointer;  z-index:10;}
.c-btn[data-v-2b54d98f] {
  background: rgb(239, 239, 239);
  outline: none;
  border: none;
  font-size: 18px;
  padding: 10px 15px;
  display: block;
  width: 100%;
  border-radius: 7px;
  margin-top: 1em;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
}

.img-preview[data-v-eea85fe1] { max-height: 20vh;
}
.mr-3[data-v-eea85fe1] { margin-right: .75em !important;
}
.bgc[data-v-eea85fe1]{ background-color: #f2f5f7;
}
.attachments[data-v-eea85fe1] {
  position: relative;
  margin-bottom: calc(1em * 1.5);
  width: 100%;
}
.placeholder-message[data-v-eea85fe1] {
  color: rgb(117, 117, 117);
  font-size: 14px;
  opacity: .6;
  font-family: "BenchNine", sans-serif;
  margin: 0 0 0 0;
  padding-bottom: 1em;
}
.attachments.has-error input[data-v-eea85fe1] {
  background-color: var(--vv--error-bg-color);
  color: var(--vv--error-color);
}
.attachments.has-error input[data-v-eea85fe1]:focus {
  border-color: var(--vv--error-color);
}
.attachments.has-error .help-message[data-v-eea85fe1] {
  color: var(--vv--error-color);
}

/* @import url("https://cdn.cbd.int/vue-multiselect@next/dist/dist/vue-multiselect.css"); */
.help[data-v-719700e2] {
  padding-left: 5px;
  margin    : 0;
  font-size : 14px;
  color     : red;
}
.multiselect.has-error[data-v-719700e2] div{ background-color: var(--vv--error-bg-color);
}
.multiselect[data-v-719700e2]{ padding-top: .25em;}

.TextInput[data-v-6e1977ca] {
  position: relative;
  margin-bottom: calc(1em * 1.5);
  width: 100%;
}
label[data-v-6e1977ca] {
  display: block;
  margin-bottom: 4px;
  width: 100%;
}
input[data-v-6e1977ca] {
  border-radius: 5px;
  border: 2px solid transparent;
  padding: 15px 10px;
  outline: none;
  background-color: #f2f5f7;
  width: 100%;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}
input[data-v-6e1977ca]:focus {
  border-color: var(--vv-primary-color);
}
.TextInput.has-error input[data-v-6e1977ca] {
  background-color: var(--vv--error-bg-color);
  color: var(--vv--error-color);
}
.TextInput.has-error input[data-v-6e1977ca]:focus {
  border-color: var(--vv--error-color);
}
.TextInput.has-error .help-message[data-v-6e1977ca] {
  color: var(--vv--error-color);
}
.TextInput.success input[data-v-6e1977ca] {
  background-color: var(--vv--success-bg-color);
  color: var(--vv--success-color);
}

.fade[data-v-b2b1ac49] {
    opacity: .9;
    transition: opacity .15s linear;
}

.TextArea[data-v-7e9f8388] {
  position: relative;
  margin-bottom: calc(1em * 1.5);
  width: 100%;
}
label[data-v-7e9f8388] {
  display: block;
  margin-bottom: 4px;
  width: 100%;
}
textarea[data-v-7e9f8388] {
  border-radius: 5px;
  border: 2px solid transparent;
  padding: 15px 10px;
  outline: none;
  background-color: #f2f5f7;
  width: 100%;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}
textarea[data-v-7e9f8388]:focus {
  border-color: var(--vv-primary-color);
}
.TextArea.has-error textarea[data-v-7e9f8388] {
  background-color: var(--vv--error-bg-color);
  color: var(--vv--error-color);
}
.TextArea.has-error textarea[data-v-7e9f8388]:focus {
  border-color: var(--vv--error-color);
}
.TextArea.has-error .help-message[data-v-7e9f8388] {
  color: var(--vv--error-color);
}
.TextArea.success textarea[data-v-7e9f8388] {
  background-color: var(--vv--success-bg-color);
  color: var(--vv--success-color);
}

.TextInput[data-v-fbbfb23b] {
  position: relative;
  margin-bottom: calc(1em * 1.5);
  width: 100%;
}
label[data-v-fbbfb23b] {
  display: block;
  margin-bottom: 4px;
  width: 100%;
}
input[data-v-fbbfb23b] {
  border-radius: 5px;
  border: 2px solid transparent;
  padding: 15px 10px;
  outline: none;
  background-color: #f2f5f7;
  width: 100%;
  transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out,
  background-color 0.3s ease-in-out;
}
input[data-v-fbbfb23b]:focus {
  border-color: var(--vv-primary-color);
}
.TextInput.has-error input[data-v-fbbfb23b] {
  background-color: var(--vv--error-bg-color);
  color: var(--vv--error-color);
}
.TextInput.has-error input[data-v-fbbfb23b]:focus {
  border-color: var(--vv--error-color);
}
.TextInput.has-error .help-message[data-v-fbbfb23b] {
  color: var(--vv--error-color);
}
.TextInput.success input[data-v-fbbfb23b] {
  background-color: var(--vv--success-bg-color);
  color: var(--vv--success-color);
}

.check-input[data-v-49ebc6df] {
  position: relative;
  margin-bottom: calc(1em * 1.8);
  width: 100%;
}
label[data-v-49ebc6df] {
  display: block;
  margin-bottom: 4px;
  width: 100%;
}
input[data-v-49ebc6df]:focus {
  border-color: var(--vv-primary-color);
}
.check-input.has-error input[data-v-49ebc6df] {
  background-color: var(--vv--error-bg-color);
  color: var(--vv--error-color);
}
.check-input.has-error input[data-v-49ebc6df]:focus {
  border-color: var(--vv--error-color);
}
.check-input.has-error .help-message[data-v-49ebc6df] {
  color: var(--vv--error-color);
}

.fade[data-v-010750f6] {
    opacity: .9;
    transition: opacity .15s linear;
}