.as-award-container {
    margin: 10px auto;
    font-size: 12pt;
}

.as-award-container .header {
    background-color: #8db51e;
    color: white;
    font-weight: bold;
    padding: 10px;
}
.as-award-container form {
    background-color: #f0eee5;
    padding: 10px;
}
.as-award-container form input[type='submit'] {
    float: right;
}
.as-award-container textarea {
    height: 120px;
    border: 0;
}
.as-award-container textarea, .as-award-container input[type='text'] {
    width: 550px;
}
.as-award-container .pods-pick-values input.pods-form-ui-field-type-pick {
    width: auto !important;
}
.as-award-container .pods-pick-values label.pods-form-ui-label,
.as-award-container .pods-boolean label.pods-form-ui-label {
    display: inline;
}

.as-award-container .error-message {
    color: red;
}

.modal-field { margin: 0 0 20px 0; }
.modal-field-title { display: inline-block; font-weight: bold; width: 250px; vertical-align: top; }
.modal-field-content { display: inline-block; width: 350px; }


.judging-form {
    display: flex;
    flex-wrap: wrap;
}

.judging-form.group {
    display: block;
}

.judging-form.group .left-col, .judging-form.group .right-col {
    width: 470px;
    float: left;
}

.judging-form.group p {
    padding: 0;
}

.judging-form.group .box{
    float: left;
}

.judging-form.group .sticky
{
    position: sticky;
    top: 0;
    position: -webkit-sticky; /* Safari */
}

.judging-form .box {
    width: 220px;
    background-color: #f0eee5;
    margin: 0 15px 15px 0;
}

.judging-form .box > div {
    margin:10px;
}

.admin-bar .fancybox-overlay {
    top:30px;
}

.judging-form .box .bx-bdy {
    height: 250px;
}

.judging-form .box .bx-hdr {
    height: 40px;
}

.judging-form .box .bx-footer input[type='checkbox'] {
    margin: 0 5px 3px 0;
}

.judging-form .box .bx-footer .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top:10px;
}

.as-award-container.judging-form textarea, .as-award-container.judging-form input[type='text'] {
    width: 100%;
}

.as-award-container.judging-form textarea {
    height: 60px;
}

.judging-form .box .bx-footer .form-group {
    position:relative;
}

.judging-form .box .bx-footer .form-group .col-form-label {
    display:inline-block;
    flex: 0 0 30%;
    max-width: 30%;
    position:relative;
    top:5px;
}

.judging-form .box .bx-footer .right-label label.col-form-label {
    left: 20px;
}

.judging-form .box .bx-footer .form-group .col-form-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
}

.icon-container {
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
}

.textarea .icon-container {
    top: calc(90% - 15px);
}

.loader {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  animation: around 5.4s infinite;
}

@keyframes around {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

.loader::after, .loader::before {
  content: "";
  background: white;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #1a1a1a #1a1a1a transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  animation: around 0.7s ease-in-out infinite;
}

.loader::after {
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent;
}