/**
 * Override all downstream css attempts to change body font-family
 */
body {
  font-family: Roboto, "Helvetica Neue", sans-serif !important;
}

/**
 * Ensure that errors spacer dimensions don't get overwritten
 * Would result in issues with AMD DateTime Picker button (See Create SMS Campaign view)
 */
md-input-container .md-errors-spacer {
  min-height: initial !important;
  min-width: initial !important;
}

/**
 * Background color of toggle buttons in sidemenu. Overrides default css.
 */
.md-sidemenu-content .md-sidemenu-toggle {
  background-color: rgb(245,245,245) !important;
  border-bottom: 1px solid #EEEEEE;
}

/**
 * Override any overrides from angular-material-sidemenu.css
 */
md-sidemenu-button {
  width: initial !important;
}

/* line 3, sass/partials/_files.scss */

.snapshot {
    margin: 20px 0 10px;
    display: block;
}

/* line 8, sass/partials/_files.scss */

.snapshot div {
    vertical-align: top;
    height: 68px;
    line-height: 68px;
    display: inline-block;
    margin: 6px 20px 0 8px;
}

.layout-fill {
    min-height: initial !important;
}

/**
 * Cloak
 */

/* line 7, sass/app.scss */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/**
 * Heading
 */

/* line 14, sass/app.scss */

h1 {
    margin: 8px 0 4px;
}

/**
  * Anchor
  */

/* line 21, sass/app.scss */

a {
    text-decoration: none;
}

/**
 * Navbar
 */
/* line 31, sass/app.scss */

.logo {
    width: 200px;
}

/* line 35, sass/app.scss */

.site-sidenav {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
}

/* line 40, sass/app.scss */

.site-sidenav.md-locked-open-add-active, .site-sidenav.md-locked-open {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
}

/* line 46, sass/app.scss */

.site-sidenav .site-sidenav>* {
    min-width: 250px;
}

/* line 50, sass/app.scss */

.site-sidenav md-toolbar {
    background: #f6f6f6 !important;
    margin-bottom: 25px;
}

/* line 54, sass/app.scss */

.site-sidenav .logo {
    width: 170px;
}

/* line 58, sass/app.scss */

.site-content-toolbar {
  z-index: 3;
}

/* line 63, sass/app.scss */

.site-content-toolbar .user {
  font-size: 16px;
}

/* line 68, sass/app.scss */

.site-content-toolbar md-menu-bar button {
    font-size: 16px;
    padding: 0px 10px;
    height: 64px;
}

md-toolbar md-select.md-default-theme:not([disabled]):focus ._md-select-value, md-toolbar md-select:not([disabled]):focus ._md-select-value { 
    border-bottom-color: rgba(255, 255, 255, 0.6); 
    color: rgba(255, 255, 255, 0.87); 
}

/* line 86, sass/app.scss */
.md-autocomplete-suggestions-container {
    min-width: 230px !important;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
  background-color: rgb(146,146,146);
  color: white;
}

/* line 93, sass/app.scss */

.side-menu {
    list-style: none;
    padding: 0;
    margin-top: 0px;
}

/* line 98, sass/app.scss */

.side-menu .md-button {
  border-radius: 0;
  cursor: pointer;
  display: block;
  align-items: inherit;
  margin: 0;
  overflow: hidden;
  padding: 0px 6px;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  width: 100%;
}

/**
 * Content
 */
/* line 143, sass/app.scss */

.content {
    padding: 25px;
    margin-top: 0px;
}

/* line 146, sass/app.scss */

.content .fab-text {
    margin-top: 15px;
    font-size: 18px;
    text-decoration: none;
}

/* line 151, sass/app.scss */

.content md-toolbar {
    height: 50px;
}

/* line 154, sass/app.scss */

.content md-content {
    padding: 0;
}

/* line 156, sass/app.scss */

.content md-content.client-details, .content md-content.user-details {
    padding: 20px 4px 20px 4px;
}

/* line 158, sass/app.scss */

.content md-content.client-details button, .content md-content.user-details button {
    margin-right: 20px;
}

/* line 161, sass/app.scss */

.content md-content.client-details .md-subheader ._md-subheader-inner, .content md-content.user-details .md-subheader ._md-subheader-inner {
    padding: 10px 16px;
}

/* line 168, sass/app.scss */

.content .list-content {
  padding-bottom: 0px;
}
/* line 173, sass/app.scss */ 
.content .list-content .list-item-header {
  border-bottom: 1px solid #EEEEEE;
  padding: 0;
} 
/* line 177, sass/app.scss */

.content .list-content .list-item-header span {
    font-weight: 700;
}
/* line 182, sass/app.scss */ 
.content .list-content .list-item-data { 
  border-bottom: 1px solid #EEEEEE; 
  padding: 0; 
} 
/* line 185, sass/app.scss */

.content .list-content .list-item-data span {
    font-weight: 400;
}
/* line 188, sass/app.scss */ 
.content .list-content .list-item-data:hover { 
  background: #EEEEEE; 
} 
/* line 191, sass/app.scss */

.content .list-content .list-item-data a {
    color: inherit;
    text-decoration: none;
}

/* line 195, sass/app.scss */

.content .list-content .list-item-data .md-button {
    line-height: 20px !important;
    min-height: 20px !important;
}

/* line 199, sass/app.scss */

.content .list-content .list-item-data .md-button.md-icon-button {
    padding: 0px !important;
    height: 20px !important;
}

/* line 207, sass/app.scss */

.content .list-content span {
    padding: 0 20px;
}

/* line 213, sass/app.scss */

.content .with-chips {
    margin-top: 14px;
}

/* line 216, sass/app.scss */

.content .content-inner {
    margin-top: 10px;
}

/* line 220, sass/app.scss */

.content form {
    padding: 20px;
    overflow: hidden !important;
}

/* line 225, sass/app.scss */

.content md-list-item.md-2-line, .content md-list-item.md-2-line>._md-no-style {
    min-height: 50px;
}

/* line 229, sass/app.scss */

.content .clients-option .selected, .content .tags-option .selected {
    opacity: 0.5;
}

/* line 232, sass/app.scss */

.content .clients-option .selected h3, .content .tags-option .selected h3 {
    opacity: 0.5;
}

/* line 236, sass/app.scss */

.content .chips {
  cursor: default;
  border-radius: 16px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  background: #E0E0E0;
}

/* line 250, sass/app.scss */

.content .chips md-icon.close {
    width: 18px;
}

/* line 254, sass/app.scss */

.content .chips .hide {
    display: none;
}

/* line 259, sass/app.scss */

.content .entities {
    margin-top: 14px;
}

/* line 263, sass/app.scss */

.content .md-subheader ._md-subheader-inner {
    padding: 10px 0;
}

/* line 267, sass/app.scss */

.content .md-subheader.md-default-theme, .content .md-subheader {
    background: none;
}

/* line 270, sass/app.scss */

.content .actions {
    margin-top: 30px;
}

/* line 271, sass/app.scss */

.content .actions .md-button:first-child {
    margin-left: 0;
}

/* line 280, sass/app.scss */

.content-details .current-video {
    max-width: 100%;
}

/* line 283, sass/app.scss */

.content-details .current-image {
    max-width: 100%;
    max-height: 100%;
}

/* line 287, sass/app.scss */

.content-details .current-audio {
    max-width: 100%;
    margin: 30px 10px;
}

/* line 292, sass/app.scss */

.content-details .snapshot-image {
    width: 120px;
}

/* line 294, sass/app.scss */

.content-details .snapshot-image img {
    width: 120px;
}

/* line 298, sass/app.scss */

.content-details .download-btn {
    display: inline;
    border-radius: 3px;
}

/* line 302, sass/app.scss */

.content-details .file-categories-item {
    padding: 0 15px;
    cursor: default !important;
}

/* line 306, sass/app.scss */

.content-details .file-categories {
    padding-left: 15px;
}

/* line 309, sass/app.scss */

.content-details .file-status {
    padding: 0px;
}

/* line 313, sass/app.scss */

.content-details .content-subheader {
    padding: 0 15px;
}

/* line 316, sass/app.scss */

.content-details .file-required {
    margin-top: 8px;
    font-size: 14px;
    color: #DD2C00;
}

/* line 321, sass/app.scss */

.content-details .open-media {
    display: inline-block !important;
    width: auto !important;
}

/* line 325, sass/app.scss */

.content-details .approve-btn {
    margin-bottom: 0px;
}

/* line 328, sass/app.scss */

.content-details .file-details {
    padding: 0px;
    margin-top: 20px;
}

/* line 332, sass/app.scss */

.content-details .file-details-inner {
    padding: 15px;
}

/* line 336, sass/app.scss */

.content-details .history-details {
    padding: 0px;
    margin-top: 20px;
}

/* line 341, sass/app.scss */

.content-details .history-details-expand {
    cursor: pointer;
    outline: none;
}
/* line 346, sass/app.scss */ 
.content-details .history-icons {
  color: black !important;
}
/* line 349, sass/app.scss */

.content-details .history-changes {
  border-top: 1px solid #EEEEEE;
  padding-top: 10px;
  margin: 10px;
}

/* line 353, sass/app.scss */

.content-details .modified-fields {
    padding: 0 !important;
}

/* line 356, sass/app.scss */

.content-details .custom-fields-title {
    margin-bottom: 10px;
}

/* line 359, sass/app.scss */

.content-details .custom-fields-item {
    padding: 5px 0;
}

/* line 362, sass/app.scss */

.content-details .update-btn {
    z-index: 1;
    margin-left: 0;
}

/* line 365, sass/app.scss */

.content-details .update-btn-icon {
  width: 24px;
  height: 24px;
  color: white !important;
}

/* line 370, sass/app.scss */

.content-details .update-btn-text {
    margin-left: 4px;
}

/* line 373, sass/app.scss */

.content-details .history-content {
    max-height: 440px;
}

/* line 376, sass/app.scss */

.content-details .history-item {
    padding: 5px 0;
}

/* line 379, sass/app.scss */
.content-details md-toolbar:not(.md-menu-toolbar) md-icon.history-open-icon {
}
md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-toolbar:not(.md-menu-toolbar) md-icon {
    color: white;
}
/* line 382, sass/app.scss */

.content-details .file-custom-fields {
    margin: 16px 0;
}

/* line 385, sass/app.scss */

.content-details .update-file {
    margin-top: 30px;
}

a.md-button.md-default-theme.md-primary.md-raised, a.md-button.md-primary.md-raised,
a.md-button.md-default-theme.md-primary.md-fab, a.md-button.md-primary.md-fab,
.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised,
.md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {
    color: white;
}

/* line 390, sass/app.scss */

md-card card-thumbnail>img {
    width: auto;
    height: auto !important;
    max-height: 112px;
    max-width: 112px;
    float: right;
}

/* line 397, sass/app.scss */

md-card md-icon.thumbnail {
    width: 56px;
    height: 56px;
    font-size: 56px;
    margin: 28px 0;
}

/* line 403, sass/app.scss */

.list-item-header {
    padding: 0;
}

/* line 407, sass/app.scss */

.list-item-header span {
    font-weight: 700;
}

/* line 413, sass/app.scss */

#historyList {
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    -webkit-transition-property: max-height;
    -moz-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    -moz-transition-property: max-height;
    transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: max-height;
}

/* line 425, sass/app.scss */

.history {
    max-height: 0 !important;
}

/* line 428, sass/app.scss */

.historyList {
    max-height: 500px !important;
}

/* line 432, sass/app.scss */

.history-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* line 439, sass/app.scss */

.cursor-pointer {
    cursor: pointer !important;
}

/* line 442, sass/app.scss */

.cursor-pointer:focus {
    outline: none !important;
}

/*line 445, sass/app.scss */
.active-media {
  color: #14749a !important;
}

.cursor-default {
    cursor: default !important;
}

/* line 451, sass/app.scss */

.cursor-default:focus {
    /*outline: none !important;*/
}

/* line 454, sass/app.scss */
.inactive-media {
  /* TODO: consider changing to something like 'gray' */
  color: #9D9D9D !important;
}

.list-text {
  margin-left: 16px !important;
  font-size: 16px;
}

/* line 465, sass/app.scss */

.not-last:after {
    content: ",";
}

/* TODO: Currently unused */
/* line 470, sass/app.scss */

.label-fields {
  color: rgba(0, 0, 0, 0.54); 
  font-size: 14px;
  padding-top: 2px;
  white-space: nowrap;
}

/* line 477, sass/app.scss */

.history-items {
    padding: 0 20px;
}

/* line 479, sass/app.scss */

.history-items span {
    padding: 0 !important;
}

/* line 484, sass/app.scss */

.state {
    width: 200px;
    margin-top: 20px;
}

/* line 487, sass/app.scss */

.state p {
    margin: 5px 0;
}

/* line 493, sass/app.scss */

.content-actions {
    padding: 8px 32px;
}

/* line 497, sass/app.scss */

.homepage-elements-loaded {
    padding: 0;
    margin-top: 15px;
    display: block;
}

/* line 503, sass/app.scss */

.md-autocomplete-suggestions-container {
    min-width: 320px !important;
}

/* line 506, sass/app.scss */

.md-chips ._md-chip-input-container, .md-chips ._md-chip-input-container input:not([type]) {
    width: 100%;
}

/* line 509, sass/app.scss */

.high-priority {
  background: #fff7d5;
}

/* line 512, sass/app.scss */

.upload-file {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* line 517, sass/app.scss */

.display-clients {
    max-height: 300px !important;
}

/* line 521, sass/app.scss */

.user-clients {
    margin-bottom: 15px;
}

/* line 525, sass/app.scss */

.card-title {
    padding-right: 5px;
}

/* line 529, sass/app.scss */

.card-title .small-screen {
    font-size: 20px;
}

/* line 533, sass/app.scss */

.card-media {
    margin-top: 8px;
    min-height: 112px;
}

/* line 537, sass/app.scss */

.error-custom {
    color: #dd2c00;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    margin-top: 7px;
}

/* line 544, sass/app.scss */

.remove-file {
  display: inline-block;
  background: inherit; 
  border-radius: 50%;
  cursor: pointer;
  margin-bottom: 4px;
}

/* line 551, sass/app.scss */

.remove-file:focus {
    outline: none !important;
}

/* line 558, sass/app.scss */

.selected-file {
    margin-top: 15px;
}

/* line 561, sass/app.scss */

.file-import {
    margin-left: 0 !important;
}

/* line 564, sass/app.scss */

.files-import {
    margin-left: 2px !important;
}

/* line 567, sass/app.scss */

.attach {
    padding: 0 31px;
}

@media (max-width: 500px) {
    /* line 572, sass/app.scss */
    .content {
        padding: 5px;
    }
    /* line 575, sass/app.scss */
    .content-details .file-categories {
        padding: 0;
    }
    /* line 578, sass/app.scss */
    .list-text {
        margin-left: 0 !important;
    }
    /* line 581, sass/app.scss */
    .content-details .file-categories-item {
        padding: 0;
    }
}