/*
 * Body
 */
h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
 * Flex
 */
.flex-480px {
    -webkit-flex: 1 1 480px;
    -ms-flex: 1 1 480px;
    flex: 1 1 480px;
    max-width: 480px;
    max-height: 100%;
    box-sizing: border-box;
}
.flex-530px {
    -webkit-flex: 1 1 530px;
    -ms-flex: 1 1 530px;
    flex: 1 1 530px;
    max-width: 530px;
    max-height: 100%;
    box-sizing: border-box;
}
.flex-600px {
    -webkit-flex: 1 1 600px;
    -ms-flex: 1 1 600px;
    flex: 1 1 600px;
    max-width: 600px;
    max-height: 100%;
    box-sizing: border-box;
}
.flex-720px {
    -webkit-flex: 1 1 720px;
    -ms-flex: 1 1 720px;
    flex: 1 1 720px;
    max-width: 720px;
    max-height: 100%;
    box-sizing: border-box;
}
.flex-960px {
    -webkit-flex: 1 1 960px;
    -ms-flex: 1 1 960px;
    flex: 1 1 960px;
    max-width: 960px;
    max-height: 100%;
    box-sizing: border-box;
}

/*
 * MD backdrop
 */
md-backdrop {
    position: fixed;
}

/*
 * MD card
 */
md-card:focus {
    outline: none;
    border: 0;
}

/*
 * MD card animation
 */
md-card {
    -webkit-animation-delay: 250ms;
    -moz-animation-delay: 250ms;
    -ms-animation-delay: 250ms;
    animation-delay: 250ms;
}
.md-card-image {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    animation-delay: 100ms;
}

/*
 * MD chips
 */
md-chips.md-default-theme .md-chips,
md-chips.md-default-theme .md-chips.md-focused,
md-chips .md-chips,
md-chips .md-chips.md-focused {
    box-shadow: 0 1px transparent;
}

/*
 * MD contact chips
 */
.md-contact-chips-suggestions img {
    vertical-align: inherit;
}

/*
 * MD Sidenav
 */
.animate-sidenav-open {
    -webkit-transition: padding-left linear 250ms, padding-right linear 250ms;
    -moz-animation: padding-left linear 250ms, padding-right linear 250ms;
    -ms-animation: padding-left linear 250ms, padding-right linear 250ms;
    transition: padding-left linear 250ms, padding-right linear 250ms;
}
.md-sidenav-left {
    -webkit-animation-duration: 250ms;
    -moz-animation-duration: 250ms;
    -ms-animation-duration: 250ms;
    animation-duration: 250ms;
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    animation-delay: 100ms;
}

/*
 * MD Toast
 */
md-toast {
    position: fixed;
}

/*
 * MD Toolbar
 */
md-toolbar~md-content>md-list {
    padding: 8px 0;
}
.md-toolbar-tools {
    min-height: 64px;
    max-height: 64px;
}

/*
 * MDL badge
 */
.mdl-badge {
    position: relative;
    white-space: nowrap;
}
.mdl-badge:not([data-badge]) {
    margin-right: auto;
}
.mdl-badge[data-badge]:after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -24px;
    right: 0;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(255, 171, 64);
    color: rgb(66, 66, 66)
}
.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px;
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: rgb(255, 171, 64);
    background: rgba(66, 66, 66, 0.2);
    box-shadow: 0 0 1px gray;
}
.mdl-badge.mdl-badge--overlap {
    margin-right: 10px;
}
.mdl-badge.mdl-badge--overlap:after {
    right: -10px;
}

/*
 * My contact chips container
 */
.my-contact-chips-container md-chips md-chip {
    padding: 0;
}

.my-contact-chips-container md-chips .md-chip-input-container {
    width: 100%;
}

/*
 * Toolbar search
 */
md-input-container.toolbar-search .md-errors-spacer:empty {
    display: none;
}
.md-autocomplete-suggestions-container.md-default-theme li .highlight,
.md-autocomplete-suggestions-container li .highlight {
    color: #CC0000;
    text-decoration: underline;
}

/*
 * Others
 */
.drop {
    border-radius: 8px;
    border: 2px rgba(0, 0, 0, 0.12) dashed;
    line-height: 32px;
    padding: 16px;
}

.drop.drag-disabled {
    background: #F5F5F5;
}

.drop.drag-over {
    background: #F5F5F5;
}

.gallery-box {
    cursor: move;
    float: left;
    overflow: hidden;
}

.item {
    cursor: move;
}

.less {
    max-height: 20px;
    white-space: nowrap;
}

.list {
    -webkit-padding-start: 0;
    margin: 16px 0 0;
    list-style: none outside none;
}

#accordionGroupNav {
    -webkit-animation-delay: 250ms;
    -moz-animation-delay: 250ms;
    -ms-animation-delay: 250ms;
    animation-delay: 250ms;
}