.fg-admin-main-container {
  max-width: 1440px;

  margin: auto;
  padding: 0 25px;
}

.fg-generic-error-message {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20000;

  display: flex;
  justify-content: center;
  align-items: center;

  height: 60px;

  margin: 0;

  color: #8a6d3b;
  background-color: #fcf8e3;
  border-bottom: 1px solid #DDDDDD;

  font-size: 15px;

  transition: height .4s ease;
}

.fg-generic-error-message.ng-hide {
  height: 0;
}

.fg-admin-main-header {
  top: 0;

  transition: top .4s ease;
}

.fg-admin-main-header.fg-admin-main-header--offset-generic-error {
  top: 60px;
}

.fg-admin-main-content-wrapper {
  display: flex;
  width: 100%;

  padding: 75px 0 0;

  transition: padding-top .4s ease;
}

.fg-admin-main-content-wrapper.fg-admin-main-content-wrapper--offset-generic-error {
  padding-top: 135px;
}

.fg-admin-content-container {
  width: 100%;
}

.fg-admin-main-content-wrapper--menuVisible .fg-admin-content-container {
  width: calc(100% - 215px);

  margin-left: 215px;
}

.fg-avatar {
  opacity: 0;
  filter: alpha(opacity=0);

  width: 35px;
  height: 35px;
}

.fg-avatar--visible {
  opacity: 1;
  filter: alpha(opacity=100);

  transition: all .4s ease;
}

.fg-avatar--circle {
  border-radius: 50%;
}

.fg-common-color--purple {
  color: #5c68a4 !important;
}

.fg-coordinate-search-input-pin-icon,
.fg-coordinate-search-input-dot-icon {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 1;

  transform: translateY(-50%);
}

.fg-coordinate-search-input-pin-icon {
  color: #E24B86;

  font-size: 10px;
}

.fg-coordinate-search-input-dot-icon {
  color: #66Afff;

  font-size: 10px;
}

.fg-coordinate-search-input-gps,
.fg-coordinate-search-input-place {
  display: block;

  width: 95%;
  height: 50px;

  padding: 6px 12px;

  padding-left: 40px !important;

  color: #000000;
  background-color: #FFFFFF;
  border: none;

  font-size: 15px;
  line-height: 19px;
}

.fg-coordinate-search-input-gps {
  border-bottom: 1px solid #DDDDDD;
}

.fg-coordinate-search-input-place {
  color: #5B67A6;
}

.fg-coordinate-search-input-gps:hover,
.fg-coordinate-search-input-place:hover,
.fg-coordinate-search-input-gps:active,
.fg-coordinate-search-input-place:active,
.fg-coordinate-search-input-gps:focus,
.fg-coordinate-search-input-place:focus {
  -webkit-appearance: textfield;
}

.fg-info-field-value-input {
  width: 80%;
  padding: 0 0 0 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fg-text-input::-webkit-input-placeholder {
  color: #999999;
}

.fg-text-input:-moz-placeholder {
  color: #999999;
}

.fg-text-input::-moz-placeholder {
  color: #999999;
}

.fg-text-input:-ms-input-placeholder {
  color: #999999;
}

.fg-text-input--non-editable {
  color: #555555;
  cursor: default;
}

.fg-info-field-value-clear-button {
  padding: 0;
  outline: none;
  border: none;
  background: none;

  margin-top: 1px;

  color: #777777;

  font-size: 12.5px;
}

.fg-info-field-quick-date-picker {
  width: 101%;

  padding: 5px 15px;

  font-family: 'AzoSans-Regular';
  font-size: 15px;
}

.fg-info-field-warning-container {
  display: flex;
  align-items: center;

  height: 50px;

  margin: 0;
  padding: 0 14px;

  color: #8a6d3b;
  background-color: #fcf8e3;

  font-size: 15px;
}

.fg-admin-api-error-message-container {
  display: flex;
  align-items: center;
  opacity: 0;

  height: 50px;

  padding-left: 20px;
  margin-bottom: 15px;
  border-radius: 5px;

  color: #777777;
  background-color: #FFF4D0;

  transition: opacity .4s ease;
}

.fg-admin-api-error-message-container--active {
  opacity: 1;
}

.fg-admin-content-form-container {
  display: flex;

  width: 100%;
  max-width: 1024px;

  margin: 0 auto;
  padding: 0 15px;
}

.fg-admin-content-form-sidebar {
  position: fixed;

  flex: 0 1 200px;
  width: 200px;
}

.fg-admin-content-form-sidebar--isHidden {
  display: none;
}

.fg-admin-content-form {
  flex: 0 1 100%;
  max-width: 810px;

  margin: auto;
}

.fg-admin-content-form--margin {
  flex: 0 1 calc(100% - 200px);
  max-width: calc(100% - 200px);

  margin-left: 215px;
}

.fg-admin-content-form-sidebar-delete-button {
  width: 100%;
  height: 35px;

  margin-bottom: 15px;

  border-radius: 5px;
  border: 1.5px solid #F19E97;
  background-color: #FAFAFA;
  color: #EA4335;

  font-family: 'AzoSans-Medium';
  font-size: 12.5px;

  transition: all .4s ease;
}

.fg-admin-content-form-sidebar-delete-button:hover {
  border-color: #EA4335;
  background-color: #EA4335;
  color: #FAFAFA;
}

.order-list-search,
.order-list-container,
.user-list-container,
.stream-list-container,
.category-list-container {
  max-width: 810px;

  margin: auto;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .fg-admin-main-container {
    max-width: 1024px;

    padding: 0 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .fg-admin-main-container {
    max-width: 768px;

    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .fg-admin-main-container {
    padding: 0 5vw;
  }

  .fg-admin-content-form-sidebar {
    flex: 0 1 100px;
    width: 100px;
  }

  .fg-admin-content-form-sidebar-delete-button {
    font-size: 10px;
  }

  .fg-admin-content-form--margin {
    flex: 0 1 calc(100% - 100px);
    max-width: calc(100% - 100px);
    margin-left: 115px;
  }

  .fg-admin-main-content-wrapper--menuVisible .fg-admin-content-container {
    width: 100%;
  }
}