/* body{
    background-color: inherit;
    overflow: hidden;
} */
::-webkit-scrollbar {
    display: none;
}
::-moz-scrollbars-none {
    display: none;
}

.dark-input::placeholder{
  color: white !important; 
  font-size: 14px;
}

.class-captcha::placeholder{
  color: gray !important; 
  font-size: 14px;
}


.content-previsualization {
    background: #F7F7F7;
    padding: 25px 15px 15px 15px;
    border-radius: 3px;
    border: 4px solid #DADADA;
    margin-bottom: 50px;
    width: 40%; 
    margin: auto;
}
.content-previsualization-iframe {
  background: #F7F7F7;
  padding: 10px;
  border-radius: 3px;
  border: 4px solid #DADADA;
  margin-bottom: 50px;
  width: 90%; 
  margin: auto;
}

.light-content {
    background: #F7F7F7;
}

.light-target {
    background: #FFFFFF;
}
.content-field-previsualization {
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 1px 1px 3px #dddddd;
    -moz-box-shadow: 1px 1px 3px #dddddd;
    box-shadow: 1px 1px 3px #dddddd;
    margin-bottom: 10px;
}
.header-form {
    margin-top: 13px;
    margin-bottom: 15px;
}

/*Styles preprocesss*/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../../resources/fonts/OpenSans-Regular-webfont.eot');
    src: url('../../../resources/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../resources/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../../../resources/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../../../resources/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  }
  body {
    width: 100%;
    font-family: 'Open Sans', 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif !important;
    font-size: 12.2px !important;
    background-color: inherit;
    color: #2b2b2b;
  }
  
  form {
    margin: 0;
  }
  .input-prepend .add-on,
  .input-append .add-on,
  .input-prepend.input-append .add-on:first-child,
  .input-prepend.input-append .btn:first-child {
    line-height: 22px;
    border-radius: 1px !important;
  }
  input,
  textarea,
  select,
  .uneditable-input,
  input[type="text"],
  input[type="password"],
  .ui-autocomplete-input,
  textarea,
  .uneditable-input,
  .chzn-container-single .chzn-single,
  .chzn-container-single .chzn-single div,
  .input-prepend .add-on,
  .input-append .add-on {
    border-radius: 1px;
  }
  .fc-state-default .fc-button-effect span {
    background: none;
  }
  .input-prepend.input-append input,
  .input-prepend.input-append select,
  .input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .input-prepend.input-append .add-on:first-child,
  .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
  }
  .input-prepend.input-append .add-on:last-child,
  .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
  }
  .hide {
    display: none;
  }
  
  label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
      cursor: pointer;
  }

.pull-right {
  float: right;
}
.clearfix {
    clear: both !important;
}
  
  input, textarea, select, .uneditable-input {
      display: inline-block;
      width: 210px;
      height: 18px;
      padding: 4px;
      margin-bottom: 9px;
      font-size: 13px;
      line-height: 18px;
      color: #555555;
      border: 1px solid #ccc;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
  }
  
  input[type="image"], input[type="checkbox"], input[type="radio"] {
      width: auto;
      height: auto;
      padding: 0;
      margin: 3px 0;
      *margin-top: 0;
      line-height: normal;
      cursor: pointer;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      border: 0 \9;
  }


/* Bulma Form */
.input, .textarea, .select select {
    background-color: white;
    border-color: #dbdbdb;
    border-radius: 4px;
    color: #363636;
  }
  
  .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
    color: rgba(54, 54, 54, 0.3);
  }
  
  .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
    color: rgba(54, 54, 54, 0.3);
  }
  
  .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
    color: rgba(54, 54, 54, 0.3);
  }
  
  .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
    color: rgba(54, 54, 54, 0.3);
  }
  
  .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
    border-color: #b5b5b5;
  }
  
  .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
    border-color: #3273dc !important;
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25) !important;
  }
  
  .input[disabled], .textarea[disabled], .select select[disabled],
  fieldset[disabled] .input,
  fieldset[disabled] .textarea,
  fieldset[disabled] .select select,
  .select fieldset[disabled] select {
    background-color: whitesmoke;
    border-color: whitesmoke;
    box-shadow: none;
    color: #7a7a7a;
  }
  
  .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
  fieldset[disabled] .input::-moz-placeholder,
  fieldset[disabled] .textarea::-moz-placeholder,
  fieldset[disabled] .select select::-moz-placeholder,
  .select fieldset[disabled] select::-moz-placeholder {
    color: rgba(122, 122, 122, 0.3);
  }
  
  .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
  fieldset[disabled] .input::-webkit-input-placeholder,
  fieldset[disabled] .textarea::-webkit-input-placeholder,
  fieldset[disabled] .select select::-webkit-input-placeholder,
  .select fieldset[disabled] select::-webkit-input-placeholder {
    color: rgba(122, 122, 122, 0.3);
  }
  
  .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
  fieldset[disabled] .input:-moz-placeholder,
  fieldset[disabled] .textarea:-moz-placeholder,
  fieldset[disabled] .select select:-moz-placeholder,
  .select fieldset[disabled] select:-moz-placeholder {
    color: rgba(122, 122, 122, 0.3);
  }
  
  .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
  fieldset[disabled] .input:-ms-input-placeholder,
  fieldset[disabled] .textarea:-ms-input-placeholder,
  fieldset[disabled] .select select:-ms-input-placeholder,
  .select fieldset[disabled] select:-ms-input-placeholder {
    color: rgba(122, 122, 122, 0.3);
  }
  
  .input, .textarea {
    box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
    max-width: 100%;
    width: 100%;
  }
  
  .input[readonly], .textarea[readonly] {
    box-shadow: none;
  }
  
  .is-white.input, .is-white.textarea {
    border-color: white;
  }
  
  .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  }
  
  .is-black.input, .is-black.textarea {
    border-color: #0a0a0a;
  }
  
  .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  }
  
  .is-light.input, .is-light.textarea {
    border-color: whitesmoke;
  }
  
  .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  }
  
  .is-dark.input, .is-dark.textarea {
    border-color: #363636;
  }
  
  .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  }
  
  .is-primary.input, .is-primary.textarea {
    border-color: #00d1b2;
  }
  
  .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  }
  
  .is-link.input, .is-link.textarea {
    border-color: #3273dc;
  }
  
  .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  
  .is-info.input, .is-info.textarea {
    border-color: #3298dc;
  }
  
  .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
  }
  
  .is-success.input, .is-success.textarea {
    border-color: #48c774;
  }
  
  .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
  }
  
  .is-warning.input, .is-warning.textarea {
    border-color: #ffdd57;
  }
  
  .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  }
  
  .is-danger.input, .is-danger.textarea {
    border-color: #f14668;
  }
  
  .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
    box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
  }
  
  .is-small.input, .is-small.textarea {
    border-radius: 2px;
    font-size: 0.75rem;
  }
  
  .is-medium.input, .is-medium.textarea {
    font-size: 1.0rem;
    height: 30px;
  }
  
  .is-large.input, .is-large.textarea {
    font-size: 1.5rem;
  }
  
  .is-fullwidth.input, .is-fullwidth.textarea {
    display: block;
    width: 98.9%;
    margin: auto;
  }
  
  .is-inline.input, .is-inline.textarea {
    display: inline;
    width: auto;
  }
  
  .input.is-rounded {
    border-radius: 290486px;
    padding-left: calc(calc(0.75em - 1px) + 0.375em);
    padding-right: calc(calc(0.75em - 1px) + 0.375em);
  }
  
  .input.is-static {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }
  
  .textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: calc(0.75em - 40px);
    resize: vertical;
  }
  
  .textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em;
  }
  
  .textarea[rows] {
    height: initial;
  }
  
  .textarea.has-fixed-size {
    resize: none;
  }
  
  .checkbox, .radio {
    cursor: pointer;
    display: inline-block;
    line-height: 1.25;
    position: relative;
  }
  
  .checkbox input, .radio input {
    cursor: pointer;
  }
  
  .checkbox:hover, .radio:hover {
    color: #363636;
  }
  
  .checkbox[disabled], .radio[disabled],
  fieldset[disabled] .checkbox,
  fieldset[disabled] .radio,
  .checkbox input[disabled],
  .radio input[disabled] {
    color: #7a7a7a;
    cursor: not-allowed;
  }
  
  .radio + .radio {
    margin-left: 0.5em;
  }
  
  .select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
  }
  
  .select:not(.is-multiple) {
    height: 2.5em;
  }
  
  .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #3273dc;
    right: 1.125em;
    z-index: 4;
  }
  
  .select.is-rounded select {
    border-radius: 290486px;
    padding-left: 1em;
  }
  
  .select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
  }
  
  .select select::-ms-expand {
    display: none;
  }
  
  .select select[disabled]:hover,
  fieldset[disabled] .select select:hover {
    border-color: whitesmoke;
  }
  
  .select select:not([multiple]) {
    padding-right: 2.5em;
  }
  
  .select select[multiple] {
    height: auto;
    padding: 0;
  }
  
  .select select[multiple] option {
    padding: 0.5em 1em;
  }
  
  .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #363636;
  }
  
  .select.is-white:not(:hover)::after {
    border-color: white;
  }
  
  .select.is-white select {
    border-color: white;
  }
  
  .select.is-white select:hover, .select.is-white select.is-hovered {
    border-color: #f2f2f2;
  }
  
  .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  }
  
  .select.is-black:not(:hover)::after {
    border-color: #0a0a0a;
  }
  
  .select.is-black select {
    border-color: #0a0a0a;
  }
  
  .select.is-black select:hover, .select.is-black select.is-hovered {
    border-color: black;
  }
  
  .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  }
  
  .select.is-light:not(:hover)::after {
    border-color: whitesmoke;
  }
  
  .select.is-light select {
    border-color: whitesmoke;
  }
  
  .select.is-light select:hover, .select.is-light select.is-hovered {
    border-color: #e8e8e8;
  }
  
  .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  }
  
  .select.is-dark:not(:hover)::after {
    border-color: #363636;
  }
  
  .select.is-dark select {
    border-color: #363636;
  }
  
  .select.is-dark select:hover, .select.is-dark select.is-hovered {
    border-color: #292929;
  }
  
  .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  }
  
  .select.is-primary:not(:hover)::after {
    border-color: #00d1b2;
  }
  
  .select.is-primary select {
    border-color: #00d1b2;
  }
  
  .select.is-primary select:hover, .select.is-primary select.is-hovered {
    border-color: #00b89c;
  }
  
  .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
    box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  }
  
  .select.is-link:not(:hover)::after {
    border-color: #3273dc;
  }
  
  .select.is-link select {
    border-color: #3273dc;
  }
  
  .select.is-link select:hover, .select.is-link select.is-hovered {
    border-color: #2366d1;
  }
  
  .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
    box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
  }
  
  .select.is-info:not(:hover)::after {
    border-color: #3298dc;
  }
  
  .select.is-info select {
    border-color: #3298dc;
  }
  
  .select.is-info select:hover, .select.is-info select.is-hovered {
    border-color: #238cd1;
  }
  
  .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
    box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
  }
  
  .select.is-success:not(:hover)::after {
    border-color: #48c774;
  }
  
  .select.is-success select {
    border-color: #48c774;
  }
  
  .select.is-success select:hover, .select.is-success select.is-hovered {
    border-color: #3abb67;
  }
  
  .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
    box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
  }
  
  .select.is-warning:not(:hover)::after {
    border-color: #ffdd57;
  }
  
  .select.is-warning select {
    border-color: #ffdd57;
  }
  
  .select.is-warning select:hover, .select.is-warning select.is-hovered {
    border-color: #ffd83d;
  }
  
  .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
    box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  }
  
  .select.is-danger:not(:hover)::after {
    border-color: #f14668;
  }
  
  .select.is-danger select {
    border-color: #f14668;
  }
  
  .select.is-danger select:hover, .select.is-danger select.is-hovered {
    border-color: #ef2e55;
  }
  
  .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
    box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
  }
  
  .select.is-small {
    border-radius: 2px;
    font-size: 0.75rem;
  }
  
  .select.is-medium {
    font-size: 1.0rem;
    height: 40px;
  }
  
  .select.is-large {
    font-size: 1.5rem;
  }
  
  .select.is-disabled::after {
    border-color: #7a7a7a;
  }
  
  .select.is-fullwidth {
    width: 100%;
  }
  
  .select.is-fullwidth select {
    width: 100%;
  }
  
  .select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    transform: none;
  }

  .content-input input{
    appearance: none;
    display: none;
  }
  .content-input{
    padding-left: 30px;
    position: relative;
    left: -25px;
  }
  .active-radio{
    color: #00C4AC;
  }
  .inactive-radio{
    color: gray;
  }
  .dark-content{
    background: #000000;
  }
  .dark-content h1{
    color: #FFFFFF !important;
  }
  .dark-target{
    background: #191919;
  }
  .dark-target .edit-header-form{
    color: #FFFFFF !important;
  }

  .dark-content-field{
    border: 1px solid transparent;
    -webkit-box-shadow: 1px 1px 3px transparent;
    -moz-box-shadow: 1px 1px 3px transparent;
    box-shadow: 1px 1px 3px transparent;
  }
  .dark-content-field .label{
    color: #FFFFFF !important;
  }
  .select2-search-choice-close{
    color: white;
  }

  .dark-input{
    background: #2A2A2A !important;
    border: 1px solid transparent !important;
    color: darkgray !important;
  }

  .dark-input .select2-choices{
    background: #2A2A2A !important;
    border: 1px solid transparent !important;
    color: darkgray !important;
  }
  .dark-input .select2-choices .select2-search-choice{
    background: #2A2A2A !important;
    border: 1px solid transparent !important;
    color: white !important;
  }

  .light-content{
    background: #F7F7F7;
  }
  .light-target{
    background: #FFFFFF;
  }

  .select.is-loading.is-small:after {
    font-size: 0.75rem;
  }
  
  .inactive-edition-title{
    font-size: 19px;
    font-weight: 700;
    margin: 10px 0px 15px 0px;
  }
  .inactive-edition-button{
    font-family: 'Open Sans' !important;
  }
  .button {
    outline: none;
    background-color: var(--white);
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 1px 1px 2px 0px rgb(128 128 128 / 40%);
    -webkit-box-shadow: 1px 1px 2px 0px rgb(128 128 128 / 40%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(128, 128, 128, 0.4);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
  .button-send{
    font-family: 'Open Sans' !important;
  }
  .marginLeft10px{
    margin-left: 10px;
  }

  .edit-header-form{
    margin-top: 13px;
    margin-bottom: 15px;
  }

  .content-button-send{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .select.is-loading.is-medium:after {
    font-size: 1.25rem;
  }
  
  .select.is-loading.is-large:after {
    font-size: 1.5rem;
  }
  
  .file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative;
  }
  
  .file.is-white .file-cta {
    background-color: white;
    border-color: transparent;
    color: #0a0a0a;
  }
  
  .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #0a0a0a;
  }
  
  .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
    color: #0a0a0a;
  }
  
  .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #0a0a0a;
  }
  
  .file.is-black .file-cta {
    background-color: #0a0a0a;
    border-color: transparent;
    color: white;
  }
  
  .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
    background-color: #040404;
    border-color: transparent;
    color: white;
  }
  
  .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
    color: white;
  }
  
  .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
    background-color: black;
    border-color: transparent;
    color: white;
  }
  
  .file.is-light .file-cta {
    background-color: whitesmoke;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
    background-color: #eeeeee;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-dark .file-cta {
    background-color: #363636;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
    color: #fff;
  }
  
  .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
    background-color: #292929;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-primary .file-cta {
    background-color: #00d1b2;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
    background-color: #00c4a7;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
    color: #fff;
  }
  
  .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
    background-color: #00b89c;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-link .file-cta {
    background-color: #3273dc;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
    background-color: #276cda;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
    color: #fff;
  }
  
  .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
    background-color: #2366d1;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-info .file-cta {
    background-color: #3298dc;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
    background-color: #2793da;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
    color: #fff;
  }
  
  .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
    background-color: #238cd1;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-success .file-cta {
    background-color: #48c774;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
    background-color: #3ec46d;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25);
    color: #fff;
  }
  
  .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
    background-color: #3abb67;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-warning .file-cta {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
    background-color: #ffdb4a;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
    background-color: #ffd83d;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
  }
  
  .file.is-danger .file-cta {
    background-color: #f14668;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
    color: #fff;
  }
  
  .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff;
  }
  
  .file.is-small {
    font-size: 0.75rem;
  }
  
  .file.is-medium {
    font-size: 1.25rem;
  }
  
  .file.is-medium .file-icon .fa {
    font-size: 21px;
  }
  
  .file.is-large {
    font-size: 1.5rem;
  }
  
  .file.is-large .file-icon .fa {
    font-size: 28px;
  }
  
  .file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  
  .file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  .file.has-name.is-empty .file-cta {
    border-radius: 4px;
  }
  
  .file.has-name.is-empty .file-name {
    display: none;
  }
  
  .file.is-boxed .file-label {
    flex-direction: column;
  }
  
  .file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em;
  }
  
  .file.is-boxed .file-name {
    border-width: 0 1px 1px;
  }
  
  .file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em;
  }
  
  .file.is-boxed .file-icon .fa {
    font-size: 21px;
  }
  
  .file.is-boxed.is-small .file-icon .fa {
    font-size: 14px;
  }
  
  .file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px;
  }
  
  .file.is-boxed.is-large .file-icon .fa {
    font-size: 35px;
  }
  
  .file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0;
  }
  
  .file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px;
  }
  
  .file.is-centered {
    justify-content: center;
  }
  
  .file.is-fullwidth .file-label {
    width: 100%;
  }
  
  .file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none;
  }
  
  .file.is-right {
    justify-content: flex-end;
  }
  
  .file.is-right .file-cta {
    border-radius: 0 4px 4px 0;
  }
  
  .file.is-right .file-name {
    border-radius: 4px 0 0 4px;
    border-width: 1px 0 1px 1px;
    order: -1;
  }
  
  .file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
  }
  
  .file-label:hover .file-cta {
    background-color: #eeeeee;
    color: #363636;
  }
  
  .file-label:hover .file-name {
    border-color: #d5d5d5;
  }
  
  .file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #363636;
  }
  
  .file-label:active .file-name {
    border-color: #cfcfcf;
  }
  
  .file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .file-cta,
  .file-name {
    border-color: #dbdbdb;
    border-radius: 4px;
    font-size: 1em;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
  }
  
  .file-cta {
    background-color: whitesmoke;
    color: #4a4a4a;
  }
  
  .file-name {
    border-color: #dbdbdb;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: block;
    max-width: 16em;
    overflow: hidden;
    text-align: inherit;
    text-overflow: ellipsis;
  }
  
  .file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: 0.5em;
    width: 1em;
  }
  
  .file-icon .fa {
    font-size: 14px;
  }
  
  .label {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans';
    background: none;
    font-weight: 500;
    cursor: default !important;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  }
  .label:hover {
    color: #363636;
    display: block;
    font-size: 1rem;
    font-family: 'Open Sans';
    font-weight: 500;
    background: none;
  }
  
  .label:not(:last-child) {
    margin-bottom: 0.3em;
  }
  
  .label.is-small {
    font-size: 0.75rem;
  }
  
  .label.is-medium {
    font-size: 1.25rem;
  }
  
  .label.is-large {
    font-size: 1.5rem;
  }
  
  .help {
    display: block;
    font-size: 0.75rem;
    margin-top: 0.25rem;
  }
  
  .help.is-white {
    color: white;
  }
  
  .help.is-black {
    color: #0a0a0a;
  }
  
  .help.is-light {
    color: whitesmoke;
  }
  
  .help.is-dark {
    color: #363636;
  }
  
  .help.is-primary {
    color: #00d1b2;
  }
  
  .help.is-link {
    color: #3273dc;
  }
  
  .help.is-info {
    color: #3298dc;
  }
  
  .help.is-success {
    color: #48c774;
  }
  
  .help.is-warning {
    color: #ffdd57;
  }
  
  .help.is-danger {
    color: #f14668;
  }
  
  .field:not(:last-child) {
    margin-bottom: 0.75rem;
  }
  
  .field.has-addons {
    display: flex;
    justify-content: flex-start;
  }
  
  .field.has-addons .control:not(:last-child) {
    margin-right: -1px;
  }
  
  .field.has-addons .control:not(:first-child):not(:last-child) .button,
  .field.has-addons .control:not(:first-child):not(:last-child) .input,
  .field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0;
  }
  
  .field.has-addons .control:first-child:not(:only-child) .button,
  .field.has-addons .control:first-child:not(:only-child) .input,
  .field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  
  .field.has-addons .control:last-child:not(:only-child) .button,
  .field.has-addons .control:last-child:not(:only-child) .input,
  .field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  
  .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
  .field.has-addons .control .input:not([disabled]):hover,
  .field.has-addons .control .input:not([disabled]).is-hovered,
  .field.has-addons .control .select select:not([disabled]):hover,
  .field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2;
  }
  
  .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
  .field.has-addons .control .input:not([disabled]):focus,
  .field.has-addons .control .input:not([disabled]).is-focused,
  .field.has-addons .control .input:not([disabled]):active,
  .field.has-addons .control .input:not([disabled]).is-active,
  .field.has-addons .control .select select:not([disabled]):focus,
  .field.has-addons .control .select select:not([disabled]).is-focused,
  .field.has-addons .control .select select:not([disabled]):active,
  .field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3;
  }
  
  .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
  .field.has-addons .control .input:not([disabled]):focus:hover,
  .field.has-addons .control .input:not([disabled]).is-focused:hover,
  .field.has-addons .control .input:not([disabled]):active:hover,
  .field.has-addons .control .input:not([disabled]).is-active:hover,
  .field.has-addons .control .select select:not([disabled]):focus:hover,
  .field.has-addons .control .select select:not([disabled]).is-focused:hover,
  .field.has-addons .control .select select:not([disabled]):active:hover,
  .field.has-addons .control .select select:not([disabled]).is-active:hover {
    z-index: 4;
  }
  
  .field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1;
  }
  
  .field.has-addons.has-addons-centered {
    justify-content: center;
  }
  
  .field.has-addons.has-addons-right {
    justify-content: flex-end;
  }
  
  .field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0;
  }
  
  .field.is-grouped {
    display: flex;
    justify-content: flex-start;
  }
  
  .field.is-grouped > .control {
    flex-shrink: 0;
  }
  
  .field.is-grouped > .control:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0.75rem;
  }
  
  .field.is-grouped > .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1;
  }
  
  .field.is-grouped.is-grouped-centered {
    justify-content: center;
  }
  
  .field.is-grouped.is-grouped-right {
    justify-content: flex-end;
  }
  
  .field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap;
  }
  
  .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
    margin-bottom: 0.75rem;
  }
  
  .field.is-grouped.is-grouped-multiline:last-child {
    margin-bottom: -0.75rem;
  }
  
  .field.is-grouped.is-grouped-multiline:not(:last-child) {
    margin-bottom: 0;
  }
  
  @media screen and (min-width: 769px), print {
    .field.is-horizontal {
      display: flex;
    }
  }
  
  .field-label .label {
    font-size: inherit;
  }
  
  @media screen and (max-width: 768px) {
    .field-label {
      margin-bottom: 0.5rem;
    }
  }
  
  @media screen and (min-width: 769px), print {
    .field-label {
      flex-basis: 0;
      flex-grow: 1;
      flex-shrink: 0;
      margin-right: 1.5rem;
      text-align: right;
    }
    .field-label.is-small {
      font-size: 0.75rem;
      padding-top: 0.375em;
    }
    .field-label.is-normal {
      padding-top: 0.375em;
    }
    .field-label.is-medium {
      font-size: 1.25rem;
      padding-top: 0.375em;
    }
    .field-label.is-large {
      font-size: 1.5rem;
      padding-top: 0.375em;
    }
  }
  
  .field-body .field .field {
    margin-bottom: 0;
  }
  
  @media screen and (min-width: 769px), print {
    .field-body {
      display: flex;
      flex-basis: 0;
      flex-grow: 5;
      flex-shrink: 1;
    }
    .field-body .field {
      margin-bottom: 0;
    }
    .field-body > .field {
      flex-shrink: 1;
    }
    .field-body > .field:not(.is-narrow) {
      flex-grow: 1;
    }
    .field-body > .field:not(:last-child) {
      margin-right: 0.75rem;
    }
  }
  
  .control {
    box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;
  }
  
  .control.has-icons-left .input:focus ~ .icon,
  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  .control.has-icons-right .select:focus ~ .icon {
    color: #4a4a4a;
  }
  
  .control.has-icons-left .input.is-small ~ .icon,
  .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  .control.has-icons-right .select.is-small ~ .icon {
    font-size: 0.75rem;
  }
  
  .control.has-icons-left .input.is-medium ~ .icon,
  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  .control.has-icons-right .select.is-medium ~ .icon {
    font-size: 1.25rem;
  }
  
  .control.has-icons-left .input.is-large ~ .icon,
  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  .control.has-icons-right .select.is-large ~ .icon {
    font-size: 1.5rem;
  }
  
  .control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 2.5em;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 2.5em;
    z-index: 4;
  }
  
  .control.has-icons-left .input,
  .control.has-icons-left .select select {
    padding-left: 2.5em;
  }
  
  .control.has-icons-left .icon.is-left {
    left: 0;
  }
  .button.is-medium {
    font-size: 1.25rem;
    padding: 5px 20px;
  }

  .button.is-success {
    background-color: rgb(0,196,172);
    border-color: transparent;
    color: #fff;
  }

  .control.has-icons-right .input,
  .control.has-icons-right .select select {
    padding-right: 2.5em;
  }
  
  .control.has-icons-right .icon.is-right {
    right: 0;
  }
  
  .control.is-loading::after {
    position: absolute !important;
    right: 0.625em;
    top: 0.625em;
    z-index: 4;
  }
  
  .control.is-loading.is-small:after {
    font-size: 0.75rem;
  }
  
  .control.is-loading.is-medium:after {
    font-size: 1.25rem;
  }
  
  .control.is-loading.is-large:after {
    font-size: 1.5rem;
  }
  .select2-drop {
    background: #fff;
    color: #000;
    border: none !important;
    border-top: 0;
    position: absolute;
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
    z-index: 9999;
    width: 100%;
    margin-top: -6px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}