﻿.row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px; }
  .row .col-xs-12 {
    width: 100%; }
  .row .col-sm-6 {
    width: 100%; }
    @media (min-width: 768px) {
      .row .col-sm-6 {
        width: 49%; } }
  .row .form-group {
    margin-bottom: 30px; }
    .row .form-group label:not(.select-label) {
      top: 20px; }
    .row .form-group .checkbox {
      top: 0 !important; }
    .row .form-group .checkbox label.error {
      top: 20px !important; }
    .row .form-group label {
      display: block;
      position: relative;
      z-index: 10;
      transition: top .3s, transform .3s;
      transform-origin: left; }
      .row .form-group label.error {
        top: 40px !important;
        position: absolute;
        color: #f00;
        font-size: .8em; }
    .row .form-group input[type='checkbox'] + label.error {
      top: 20px; }
    .row .form-group .select2-selection,
    .row .form-group input:not([type='checkbox']):not([type='radiobutton']) {
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #000;
      width: 100%; }
      .row .form-group .select2-selection:focus,
      .row .form-group input:not([type='checkbox']):not([type='radiobutton']):focus {
        outline: none; }
    .row .form-group input:not([type='checkbox']):not([type='radiobutton']) {
      padding: 10px 10px 10px 0; }
    .row .form-group.focused label:not(.error), .row .form-group.filled label:not(.error) {
      top: 0;
      transform: scale(0.8);
      font-weight: bold; }
    .row .form-group.focused .input-wrapper:after, .row .form-group.filled .input-wrapper:after {
      width: 100%; }
    .row .form-group .input-wrapper {
      position: relative;
      width: 95%; }
      .row .form-group .input-wrapper:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 25%;
        height: 3px;
        background-color: #189ad6;
        transition: width .3s; }

.light-form input {
  background: none;
  color: #fff; }

.light-form .form-group .select2-selection,
.light-form .form-group input:not([type='checkbox']):not([type='radiobutton']) {
  border-bottom: 1px solid #fff; }

.select2-container .select2-selection--single {
  height: auto;
  padding: 15px 15px 15px 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%); }

.align-center {
  text-align: center; }

.event-wrapper {
  border: 2px solid #189ad6;
  padding: 10px 25px;
  margin-bottom: 25px; }
  .event-wrapper #clearAll {
    margin: 0 auto 50px; }
  .event-wrapper .available-english, .event-wrapper .available-english-text {
    font-size: 1.3rem; }
