﻿/* Styles for textarea counter support. */
.essa-textarea-counter {
  position: absolute;
  bottom: -25px;
  right: 0px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12pt;
  line-height: 1.6;
  color: #0093ff;
  z-index: 100;
}

.essa-textarea-counterwarning {
  color: red;
}

.btn-primary:hover {
  background-color: #54b0ff !important;
  color: #ffffff;
}

.btn-primary {
  background-color: #0093ff;
  /* font-size: 12pt;  Remove offending re-scaling of only SOME buttons. */
  border-radius: 2px !important;
  color: #ffffff;
}

a.btn-primary:visited {
  color: #ffffff;
}

/* File upload button styles */
.essa-btn-file {
  position: relative;
  overflow: hidden;
}

.essa-btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.essa-angular-checkbox {
  position: relative;
}

.essa-angular-checkbox > .md-check-box-outline-blank {
  position: absolute;
  left: 0;
}

.essa-angular-checkbox > .md-done {
  position: absolute;
  left: 0;
}

.essa-angular-checkbox > .essa-angular-checkbox-label {
  margin-left: 24px;
}

.essa-angular-checkbox > .md-check-box-outline-blank.ng-hide-add {
  -webkit-animation: checkbox-spinout 1s;
  /* Chrome, Safari, Opera  */
  -moz-animation: checkbox-spinout 1s;
  animation: checkbox-spinout 1s;
}

.essa-angular-checkbox-container > .md-check-box-outline-blank.ng-hide-add {
  -webkit-animation: checkbox-spinout 1s;
  /* Chrome, Safari, Opera  */
  -moz-animation: checkbox-spinout 1s;
  animation: checkbox-spinout 1s;
}

.essa-angular-checkbox > .md-check-box-outline-blank.ng-hide-remove {
  -webkit-animation: delayedopacityfadein 0.5s;
}

.essa-angular-checkbox > .md-done.ng-hide-add {
  -webkit-animation: checkbox-spinout-reverse 1s;
  /* Chrome, Safari, Opera  */
  -moz-animation: checkbox-spinout-reverse 1s;
  animation: checkbox-spinout-reverse 1s;
}

.essa-angular-checkbox-container > .md-done.ng-hide-add {
  -webkit-animation: checkbox-spinout-reverse 1s;
  /* Chrome, Safari, Opera  */
  -moz-animation: checkbox-spinout-reverse 1s;
  animation: checkbox-spinout-reverse 1s;
}

.essa-angular-checkbox > .md-done.ng-hide-remove {
  -webkit-animation: delayedopacityfadein 0.5s;
}

.checkbox > label > input {
  margin-right: 10px;
}

form.essa-form-xl input,
form.essa-form-xl select,
form.essa-form-xl input.form-control,
form.essa-form-xl select.form-control {
  font-size: x-large;
}

form select,
form select.form-control {
  height: 2em;
}

form .btn-group .btn-link {
  border: none;
  box-shadow: none;
}
