body {
  position: initial !important; }

body,
html,
md-content {
  background-color: #e8f0f2;
  font-size: 14px; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/iconfont/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("/iconfont/MaterialIcons-Regular.woff2") format("woff2"), url("/iconfont/MaterialIcons-Regular.woff") format("woff"), url("/iconfont/MaterialIcons-Regular.ttf") format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

#logo {
  width: 84px;
  height: 45px;
  background: no-repeat top center url("/images/zeta-logo-dark.png");
  background-size: contain; }

.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); }

.app-min-height {
  min-height: 100vh !important; }

.pointer,
[role="button"] {
  cursor: pointer; }
  .pointer:focus,
  [role="button"]:focus {
    outline: none; }

.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

.light span {
  color: #ffffff; }

md-toolbar:not(.md-menu-toolbar) .status-active md-icon {
  color: #87A224; }

.status-active, .status-active md-icon {
  color: #87A224; }

.status-warn {
  color: #ff5722; }

.status-indicator {
  display: inline-block;
  margin: 0 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
  .status-indicator.active {
    background-color: #87A224; }
  .status-indicator.warn {
    background-color: #ff5722; }

.font-green {
  color: #2e7d32; }

.font-red {
  color: #c62828; }

.selectedListItem {
  background-color: rgba(158, 158, 158, 0.2); }

.nested-content {
  margin: 8px; }

/*
 * Bootstrap Overrides
 */
.popover-content {
  color: #000; }

/*
 * Material Overrides
 */
md-dialog .md-toolbar-tools {
  height: 64px; }

md-dialog md-dialog-actions {
  border-top: 1px solid #016893; }

.md-toolbar-tools {
  height: auto;
  max-height: none; }

#navbar-select {
  margin: 0; }

md-select:not([disabled]):focus .md-select-value.md-select-placeholder,
md-nav-bar.md-default-theme .md-button._md-nav-button.md-unselected,
md-nav-bar .md-button._md-nav-button.md-unselected {
  color: #ffffff; }

md-select.md-default-theme:not([disabled]):focus .md-select-value,
md-select:not([disabled]):focus .md-select-value,
md-select .md-select-value.md-select-placeholder,
md-select .md-select-icon {
  color: inherit; }

md-option {
  height: 40px; }

md-progress-linear.md-default-theme .md-bar,
md-progress-linear .md-bar {
  background-color: #9cbc2a; }

md-progress-linear.md-default-theme .md-container,
md-progress-linear .md-container {
  background-color: #DBF594; }

md-toolbar {
  min-height: 50px; }
  md-toolbar .md-toolbar-tools {
    font-size: .8em; }

md-checkbox {
  min-height: 28px; }

.md-table md-checkbox .md-container {
  margin-top: 14px; }

table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 10px; }

table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding-right: 15px;
  padding-left: 10px; }

table.md-table th.md-column:last-child {
  padding-right: 10px;
  padding-left: 10px; }

table.md-table td.md-cell {
  border: 2px solid white; }
  table.md-table td.md-cell:last-child {
    padding-right: 10px;
    padding-left: 10px; }

table.md-table tfoot.md-foot > tr.md-row {
  height: 28px; }

table.md-table tbody.md-body > tr.md-row {
  height: 28px; }
  table.md-table tbody.md-body > tr.md-row:nth-child(odd) {
    background-color: #e8f0f2; }
  table.md-table tbody.md-body > tr.md-row:hover {
    background-color: #cadce1; }

.md-button {
  min-height: 30px;
  min-width: auto; }
  .md-button._md-nav-button {
    padding: 12px 5px; }
  .md-button.md-icon-button {
    height: 30px;
    width: 30px;
    padding: 3px; }

.material-icons {
  cursor: default; }

md-toast {
  position: fixed; }

.md-tooltip {
  height: auto; }
  .md-tooltip .md-content {
    height: auto; }
  @media (min-width: 960px) {
    .md-tooltip {
      height: auto; } }

.daterangepicker:before,
.daterangepicker:after {
  content: initial; }

/*
 * Table Styles
 */
.sort-header md-icon {
  color: #ffffff;
  opacity: .5;
  margin-top: 5px;
  text-align: center; }
  .sort-header md-icon.active {
    opacity: 1; }

/*
 * Custom Classes
 */
.icon-guide {
  color: inherit;
  cursor: default;
  text-align: center;
  font-size: 16px !important;
  height: auto;
  min-height: auto; }

.app-navbar .material-icons {
  font-size: 20px; }

table.md-table td.column-center,
table.md-table th.column-center {
  text-align: center; }

table.md-table td .switch-center {
  display: inline-block;
  margin: 6px 0; }

table.md-table thead.theme-thead {
  background-color: #526A75; }
  table.md-table thead.theme-thead > tr.md-row {
    height: 40px; }
  table.md-table thead.theme-thead th.md-column {
    color: #ffffff;
    border: 2px solid #ffff; }
    table.md-table thead.theme-thead th.md-column:not(:last-child) {
      border-right: 0; }
    table.md-table thead.theme-thead th.md-column md-icon {
      min-height: 18px;
      min-width: 16px; }
      table.md-table thead.theme-thead th.md-column md-icon.md-sort-icon {
        color: #ffffff; }
  table.md-table thead.theme-thead md-checkbox:not(.md-checked) .md-icon {
    border-color: #ffffff; }

table.md-table .theme-tfoot {
  background-color: #004765; }
  table.md-table .theme-tfoot td.md-cell {
    border: none;
    color: #ffffff; }

.nested-trow {
  background-color: #e8f0f2; }

table.nested-table thead.md-head > tr.md-row {
  height: 35px; }

table.nested-table th.md-column {
  color: #ffffff; }

md-toolbar.theme-toolbar {
  min-height: 40px; }
  md-toolbar.theme-toolbar.top-toolbar {
    z-index: 3; }
  md-toolbar.theme-toolbar .md-toolbar-tools {
    height: 40px;
    padding: 4px 15px; }
    md-toolbar.theme-toolbar .md-toolbar-tools button.md-fab {
      width: 30px;
      height: 30px;
      padding: 0; }
    md-toolbar.theme-toolbar .md-toolbar-tools button.md-button {
      font-size: 12px;
      line-height: 15px;
      background-color: #015376; }
      md-toolbar.theme-toolbar .md-toolbar-tools button.md-button md-icon {
        font-size: 16px;
        height: 16px;
        min-height: 16px; }

md-toolbar.sub-toolbar .md-toolbar-tools {
  height: auto;
  font-size: 14px; }

/*
 * Form Styles
 */
md-toolbar.form-header {
  min-height: 45px;
  text-transform: uppercase; }
  md-toolbar.form-header .md-toolbar-tools {
    height: 45px;
    text-align: center; }

.form-spacer {
  height: 20px; }

.list-container {
  border: 1px solid grey;
  height: 150px;
  width: 100%;
  background-color: #fff; }

#image-repeat-container .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 80px; }
  #image-repeat-container .repeated-item .asset-img-container {
    height: 70px; }
    #image-repeat-container .repeated-item .asset-img-container img {
      width: 100%;
      height: 100%;
      object-fit: scale-down; }

.repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px 5px 3px 10px; }
  .repeated-item .material-icons.icon-small {
    line-height: 0.8;
    padding: 0 5px; }

.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 1.5; }

.autocomplete-narrow-template .item-title, .autocomplete-narrow-template .item-metadata {
  display: block;
  line-height: 1.3; }

.autocomplete-narrow-template .item-metadata {
  color: #888; }

.autocomplete-narrow-template.md-autocomplete-suggestions .md-autocomplete-suggestion {
  height: auto; }

.autocomplete-narrow-template span:last-child {
  margin-bottom: 10px; }

.material-icons.icon-small {
  font-size: 20px;
  vertical-align: bottom; }

.form-section {
  background-color: #ffffff; }

.valid {
  color: #87A224; }

.error {
  color: #ff5722; }

.warning {
  color: #FFC107; }

/*
 * Batch Styles
 */
.batchErrors {
  color: #ff5f52; }

@media (min-width: 600px) {
  md-sidenav #batchSidebar {
    width: 450px;
    max-width: 450px; } }

md-sidenav.batchAdsPreview,
md-sidenav.batchAdsPreview.md-locked-open,
md-sidenav.batchAdsPreview.md-closed.md-locked-open-add-active {
  min-width: 200px !important;
  width: 85vw !important;
  max-width: 800px !important; }

.form-checkbox {
  position: absolute;
  opacity: 0; }
  .form-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    font-weight: 400; }
  .form-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px; }
  .form-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
  .form-checkbox:checked + label:before {
    background: #9cbc2a; }
  .form-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .form-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd; }
  .form-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 11px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg); }

md-input-container.search-input-container {
  margin: 0 0 0 10px; }
  md-input-container.search-input-container.md-input-focused .md-input {
    border-bottom-color: #ffffff; }
  md-input-container.search-input-container .md-errors-spacer {
    display: none; }

.search-bar input {
  border-bottom-color: #ffffff;
  margin-top: -5px;
  font-size: 14px;
  color: #fff;
  font-style: normal;
  text-align: center; }

#search-input::-webkit-input-placeholder {
  color: #ccc; }

/* WebKit, Blink, Edge */
#search-input:-moz-placeholder {
  color: #ccc; }

/* Mozilla Firefox 4 to 18 */
#search-input::-moz-placeholder {
  color: #ccc; }

/* Mozilla Firefox 19+ */
#search-input::-ms-input-placeholder {
  color: #ccc; }

/* Microsoft Edge */
.md-sidenav-left {
  position: fixed; }
  .md-sidenav-left md-content {
    margin-bottom: 0 !important; }
  .md-sidenav-left h1 {
    text-align: center;
    width: 100%;
    padding-top: 15px; }
  .md-sidenav-left .md-icon-button {
    float: right;
    margin-top: -6px;
    cursor: pointer; }

.sidenav-tab {
  position: absolute;
  height: 25px;
  bottom: 5px;
  left: 0;
  margin: 0; }
  .sidenav-tab md-icon {
    color: #004765 !important;
    margin: -2px 0 0 -2px; }

.selectedNavItem {
  background-color: #e8f0f2; }

.bottomMargin-25 {
  margin-bottom: 25px; }

.disabledText {
  color: #999999; }

.helper-text {
  font-style: italic;
  font-size: 10px;
  color: #5f90a5;
  vertical-align: bottom; }

#rule-dialog, #account-notification-dialog {
  min-width: 340px;
  max-width: 500px; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 0; }

.md-block.schedule {
  position: relative;
  margin: 18px 0; }

.md-block.schedule label {
  color: #757575;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: auto;
  padding-left: 3px; }

@media (max-width: 600px) {
  header .md-toolbar-tools {
    height: auto;
    max-height: fit-content; } }

/***************************** Drag and Drop Styling *****************************/
.box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
  .box > h3 {
    color: #333;
    border-color: #ddd;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-repeat: repeat-x;
    display: block;
    font-size: 16px;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0; }

.box-padding {
  padding: 15px; }
  .box-padding > h3 {
    margin: -15px;
    margin-bottom: 15px; }

.box-grey {
  border-color: #ddd; }
  .box-grey > h3 {
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%); }

.box-blue {
  border-color: #bce8f1; }
  .box-blue > h3 {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    background-image: -webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);
    background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%); }

.box-yellow {
  border-color: #faebcc; }
  .box-yellow > h3 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    background-image: -webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);
    background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%); }

/*****************************
 Dropzone Styling
*****************************/
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.dropzone {
  /**
     * Reduce opacity of elements during the drag operation. This allows the user
     * to see where he is dropping his element, even if the element is huge. The
     * .dndDragging class is automatically set during the drag operation.
     */
  /**
     * The dndDraggingSource class will be applied to the source element of a drag
     * operation. It makes sense to hide it to give the user the feeling that he's
     * actually moving it. Note that the source element has also .dndDragging class.
     */
  /**
     * An element with .dndPlaceholder class will be added as child of the dnd-list
     * while the user is dragging over it.
     */ }
  .dropzone ul {
    margin: 0px;
    min-height: 42px;
    padding-left: 0px;
    list-style: none; }
    .dropzone ul li.item {
      background-color: #fff;
      border-color: #ddd;
      border-style: solid;
      border-width: 0 1px 1px 1px;
      display: block;
      padding: 3px 15px; }
      .dropzone ul li.item.selected {
        color: #3c763d;
        background-color: #dff0d8; }
  .dropzone .dndDragging {
    opacity: 0.7; }
  .dropzone .dndDraggingSource {
    display: none; }
  .dropzone .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px; }

/*****************************
 Element type specific styles
*****************************/
.dropzone .item {
  padding: 10px 15px; }

.dropzone .container-element {
  margin: 10px; }

.dropzone .container-element .column {
  float: left;
  width: 50%; }

/*****************************
 Toolbox
 *****************************/
.toolbox ul {
  padding-left: 0px;
  list-style: none; }

.toolbox button {
  opacity: 1.0;
  text-align: left; }
  .toolbox button, .toolbox button .material-icons {
    cursor: move; }

.toolbox .dndDragging {
  opacity: 0.5; }

.toolbox .dndDraggingSource {
  opacity: 1.0; }

/*****************************
 Trashcan
 *****************************/
.trashcan ul {
  list-style: none;
  padding-left: 0px;
  text-align: center;
  margin: 15px 0; }

.trashcan .dndDragover .material-icons {
  color: #016893; }

.trashcan .dndPlaceholder {
  display: none; }
