/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.0.9
 */

body,
html {
    height: 100%;
    color: rgba(0, 0, 0, .87);
    background: #fff;
    position: relative;
    letter-spacing: 2px;
}

@font-face {
    font-family: "RobotoCondensed-Light";
    src: url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: "RobotoCondensed-Light";
    src: url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
  }

body {
    margin: 0;
    padding: 0
}

[tabindex='-1']:focus {
    outline: 0
}

.inset {
    padding: 10px
}

button.md-no-style {
    font-weight: 400;
    background-color: inherit;
    text-align: left;
    border: none;
    padding: 0;
    margin: 0
}

button,
input,
select,
textarea {
    vertical-align: baseline
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
html input[type=button][disabled],
input[type=reset][disabled],
input[type=submit][disabled] {
    cursor: default
}

textarea {
    vertical-align: top;
    overflow: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
    -webkit-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.md-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-transform: none;
    width: 1px
}

.md-shadow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    pointer-events: none
}

.md-shadow-bottom-z-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
}

.md-shadow-bottom-z-2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4)
}

.md-shadow-animated.md-shadow {
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.md-ripple-container {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .55s cubic-bezier(.25, .8, .25, 1)
}

.md-ripple {
    position: absolute;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    border-radius: 50%
}

.md-ripple.md-ripple-placed {
    transition: margin .9s cubic-bezier(.25, .8, .25, 1), border .9s cubic-bezier(.25, .8, .25, 1), width .9s cubic-bezier(.25, .8, .25, 1), height .9s cubic-bezier(.25, .8, .25, 1), opacity .9s cubic-bezier(.25, .8, .25, 1), -webkit-transform .9s cubic-bezier(.25, .8, .25, 1);
    transition: margin .9s cubic-bezier(.25, .8, .25, 1), border .9s cubic-bezier(.25, .8, .25, 1), width .9s cubic-bezier(.25, .8, .25, 1), height .9s cubic-bezier(.25, .8, .25, 1), opacity .9s cubic-bezier(.25, .8, .25, 1), transform .9s cubic-bezier(.25, .8, .25, 1)
}

.md-ripple.md-ripple-scaled {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.md-ripple.md-ripple-active,
.md-ripple.md-ripple-full,
.md-ripple.md-ripple-visible {
    opacity: .2
}

.md-padding {
    padding: 8px
}

.md-margin {
    margin: 8px
}

.md-scroll-mask {
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.md-scroll-mask>.md-scroll-mask-bar {
    display: block;
    position: absolute;
    background-color: #fafafa;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 65;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .3)
}

@media (min-width:960px) {
    .md-padding {
        padding: 16px
    }
}

body,
html {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.md-display-4 {
    font-size: 112px;
    font-weight: 300;
    letter-spacing: -.010em;
    line-height: 112px
}

.md-display-3 {
    font-size: 56px;
    font-weight: 400;
    letter-spacing: -.005em;
    line-height: 56px
}

.md-display-2 {
    font-size: 45px;
    font-weight: 400;
    line-height: 64px
}

.md-display-1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px
}

.md-headline {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px
}

.md-title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .005em
}

.md-subhead {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .010em;
    line-height: 24px
}

.md-body-1 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .010em;
    line-height: 20px
}

.md-body-2 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .010em;
    line-height: 24px
}

.md-caption {
    font-size: 12px;
    letter-spacing: .020em
}

.md-button {
    letter-spacing: .010em
}

button,
html,
input,
select,
textarea {
    font-family: "Helvetica Neue", "RobotoCondensed-Regular", sans-serif
}

button,
input,
select,
textarea {
    font-size: 100%
}

@-webkit-keyframes md-autocomplete-list-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    50% {
        opacity: 0;
        height: 40px;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        height: 0;
        opacity: 0
    }
}

@keyframes md-autocomplete-list-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    50% {
        opacity: 0;
        height: 40px;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        height: 0;
        opacity: 0
    }
}

@-webkit-keyframes md-autocomplete-list-in {
    0% {
        opacity: 0;
        height: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        opacity: 0;
        height: 40px
    }
    100% {
        opacity: 1;
        height: 40px
    }
}

@keyframes md-autocomplete-list-in {
    0% {
        opacity: 0;
        height: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        opacity: 0;
        height: 40px
    }
    100% {
        opacity: 1;
        height: 40px
    }
}

md-autocomplete {
    border-radius: 2px;
    display: block;
    height: 40px;
    position: relative;
    overflow: visible;
    min-width: 190px
}

md-autocomplete[disabled] input {
    cursor: default
}

md-autocomplete[md-floating-label] {
    border-radius: 0;
    background: 0 0;
    height: auto
}

md-autocomplete[md-floating-label] md-input-container {
    padding-bottom: 26px
}

md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
    padding-bottom: 2px
}

md-autocomplete[md-floating-label] md-autocomplete-wrap {
    height: auto
}

md-autocomplete[md-floating-label] button {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px
}

md-autocomplete md-autocomplete-wrap {
    display: block;
    position: relative;
    overflow: visible;
    height: 40px
}

md-autocomplete md-autocomplete-wrap.md-menu-showing {
    z-index: 51
}

md-autocomplete md-autocomplete-wrap md-progress-linear {
    position: absolute;
    bottom: -2px;
    left: 0
}

md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
    bottom: 40px;
    right: 2px;
    left: 2px;
    width: auto
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    transition: none
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
    transition: none;
    height: 3px
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
    transition: opacity .15s linear
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
    opacity: 1
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
    transition: opacity .15s linear
}

md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
    opacity: 0
}

md-autocomplete input:not(.md-input) {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    width: 100%;
    padding: 0 15px;
    line-height: 40px;
    height: 40px
}

md-autocomplete input:not(.md-input)::-ms-clear {
    display: none
}

md-autocomplete button {
    position: relative;
    line-height: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    background: 0 0;
    margin: auto 5px
}

md-autocomplete button:after {
    content: '';
    position: absolute;
    top: -6px;
    right: -6px;
    bottom: -6px;
    left: -6px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-autocomplete button:focus {
    outline: 0
}

md-autocomplete button:focus:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

md-autocomplete button md-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
    transform: translate3d(-50%, -50%, 0) scale(.9)
}

md-autocomplete button md-icon path {
    stroke-width: 0
}

md-autocomplete button.ng-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out
}

md-autocomplete button.ng-enter.ng-enter-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

md-autocomplete button.ng-leave {
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out
}

md-autocomplete button.ng-leave.ng-leave-active {
    -webkit-transform: scale(0);
    transform: scale(0)
}

@media screen and (-ms-high-contrast:active) {
    md-autocomplete input {
        border: 1px solid #fff
    }
    md-autocomplete li:focus {
        color: #fff
    }
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    position: absolute;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    height: 225.5px;
    max-height: 225.5px;
    z-index: 100
}

.md-virtual-repeat-container.md-not-found {
    height: 48px
}

.md-autocomplete-suggestions {
    margin: 0;
    list-style: none;
    padding: 0
}

.md-autocomplete-suggestions li {
    font-size: 14px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 48px;
    height: 48px;
    transition: background .15s linear;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.md-autocomplete-suggestions li:focus {
    outline: 0
}

.md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
    cursor: pointer
}

@media screen and (-ms-high-contrast:active) {
    .md-autocomplete-suggestions,
    md-autocomplete {
        border: 1px solid #fff
    }
}

md-backdrop {
    transition: opacity 450ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50
}

md-backdrop.md-menu-backdrop {
    position: fixed!important;
    z-index: 99
}

md-backdrop.md-select-backdrop {
    z-index: 81;
    transition-duration: 0
}

md-backdrop.md-dialog-backdrop {
    z-index: 79
}

md-backdrop.md-bottom-sheet-backdrop {
    z-index: 69
}

md-backdrop.md-sidenav-backdrop {
    z-index: 59
}

md-backdrop.md-click-catcher {
    position: absolute
}

md-backdrop.md-opaque {
    opacity: .48
}

md-backdrop.md-opaque.ng-enter {
    opacity: 0
}

md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
    opacity: .48
}

md-backdrop.md-opaque.ng-leave {
    opacity: .48;
    transition: opacity 400ms
}

md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
    opacity: 0
}

md-bottom-sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 16px 88px;
    z-index: 70;
    border-top-width: 1px;
    border-top-style: solid;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition-property: -webkit-transform;
    transition-property: transform
}

md-bottom-sheet.md-has-header {
    padding-top: 0
}

md-bottom-sheet.ng-enter {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

md-bottom-sheet.ng-enter-active {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(0, 80px, 0)!important;
    transform: translate3d(0, 80px, 0)!important
}

md-bottom-sheet.ng-leave-active {
    -webkit-transform: translate3d(0, 100%, 0)!important;
    transform: translate3d(0, 100%, 0)!important;
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-bottom-sheet .md-subheader {
    background-color: transparent;
    font-family: "Helvetica Neue", "RobotoCondensed-Regular", sans-serif;
    line-height: 56px;
    padding: 0;
    white-space: nowrap
}

md-bottom-sheet md-inline-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    fill: #444
}

md-bottom-sheet md-list-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    outline: 0
}

md-bottom-sheet md-list-item:hover {
    cursor: pointer
}

md-bottom-sheet.md-list md-list-item {
    padding: 0;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px
}

md-bottom-sheet.md-list md-list-item div.md-icon-container {
    display: inline-block;
    height: 24px;
    margin-right: 32px
}

md-bottom-sheet.md-grid {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0
}

md-bottom-sheet.md-grid md-list {
    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;
    transition: all .5s;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

md-bottom-sheet.md-grid md-list-item {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all .5s;
    height: 96px;
    margin-top: 8px;
    margin-bottom: 8px
}

@media screen and (max-width:960px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 33.33333%;
        -ms-flex: 1 1 33.33333%;
        flex: 1 1 33.33333%;
        max-width: 33.33333%
    }
    md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1) {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (min-width:960px) and (max-width:1279px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%
    }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 16.66667%;
        -ms-flex: 1 1 16.66667%;
        flex: 1 1 16.66667%;
        max-width: 16.66667%
    }
}

@media screen and (min-width:1920px) {
    md-bottom-sheet.md-grid md-list-item {
        -webkit-flex: 1 1 14.28571%;
        -ms-flex: 1 1 14.28571%;
        flex: 1 1 14.28571%;
        max-width: 14.28571%
    }
}

md-bottom-sheet.md-grid md-list-item .md-list-item-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48px;
    padding-bottom: 16px
}

md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
    border: 1px solid transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80px
}

md-bottom-sheet.md-grid md-list-item .md-icon-container {
    display: inline-block;
    box-sizing: border-box;
    height: 48px;
    width: 48px;
    margin: 0
}

md-bottom-sheet.md-grid md-list-item .md-grid-text {
    font-weight: 400;
    line-height: 16px;
    font-size: 13px;
    margin: 0;
    white-space: nowrap;
    width: 64px;
    text-align: center;
    text-transform: none;
    padding-top: 8px
}

@media screen and (-ms-high-contrast:active) {
    md-bottom-sheet {
        border: 1px solid #fff
    }
}

button.md-button::-moz-focus-inner {
    border: 0
}

.md-button {
    border-radius: 3px;
    box-sizing: border-box;
    color: currentColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    outline: 0;
    border: 0;
    display: inline-block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    margin: 6px 8px;
    line-height: 36px;
    min-height: 36px;
    background: 0 0;
    white-space: nowrap;
    min-width: 88px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1)
}

.md-button:focus {
    outline: 0
}

.md-button:focus,
.md-button:hover {
    text-decoration: none
}

.md-button.ng-hide,
.md-button.ng-leave {
    transition: none
}

.md-button.md-cornered {
    border-radius: 0
}

.md-button.md-icon {
    padding: 0;
    background: 0 0
}

.md-button.md-raised:not([disabled]) {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    background-color: #00535e !important;
    color: #fff !important;
}

.md-button.md-icon-button {
    margin: 0 6px;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%
}

.md-button.md-icon-button .md-ripple-container {
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.md-button.md-fab {
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, transform
}

.md-button.md-fab.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute
}

.md-button.md-fab.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute
}

.md-button.md-fab.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute
}

.md-button.md-fab.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute
}

.md-button.md-fab .md-ripple-container {
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.md-button.md-fab.md-mini {
    line-height: 40px;
    width: 40px;
    height: 40px
}

.md-button.md-fab.ng-hide,
.md-button.md-fab.ng-leave {
    transition: none
}

.md-button:not([disabled]).md-fab.md-focused,
.md-button:not([disabled]).md-raised.md-focused {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
}

.md-button:not([disabled]).md-fab:active,
.md-button:not([disabled]).md-raised:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4)
}

.md-button .md-ripple-container {
    border-radius: 3px;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translate3d(0, 42px, 0);
    transform: translate3d(0, 42px, 0)
}

.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
    -webkit-transform: translate3d(0, 41px, 0);
    transform: translate3d(0, 41px, 0)
}

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translate3d(0, -42px, 0);
    transform: translate3d(0, -42px, 0)
}

.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
    -webkit-transform: translate3d(0, -43px, 0);
    transform: translate3d(0, -43px, 0)
}

.md-button-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.md-button-group>.md-button {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    overflow: hidden;
    width: 0;
    border-width: 1px 0 1px 1px;
    border-radius: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.md-button-group>.md-button:first-child {
    border-radius: 2px 0 0 2px
}

.md-button-group>.md-button:last-child {
    border-right-width: 1px;
    border-radius: 0 2px 2px 0
}

@media screen and (-ms-high-contrast:active) {
    .md-button.md-fab,
    .md-button.md-raised {
        border: 1px solid #fff
    }
}

md-card {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

md-card md-card-header {
    padding: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-card md-card-header:first-child md-card-avatar {
    margin-right: 12px
}

md-card md-card-header:last-child md-card-avatar {
    margin-left: 12px
}

md-card md-card-header md-card-avatar {
    width: 40px;
    height: 40px
}

md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
    border-radius: 50%
}

md-card md-card-header md-card-avatar md-icon {
    padding: 8px
}

md-card md-card-header md-card-avatar+md-card-header-text {
    max-height: 40px
}

md-card md-card-header md-card-avatar+md-card-header-text .md-title {
    font-size: 14px
}

md-card md-card-header md-card-header-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

md-card md-card-header md-card-header-text .md-subhead {
    font-size: 14px
}

md-card>:not(md-card-content) img,
md-card>img {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto
}

md-card md-card-title {
    padding: 24px 16px 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-card md-card-title+md-card-content {
    padding-top: 0
}

md-card md-card-title md-card-title-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

md-card md-card-title md-card-title-text .md-subhead {
    padding-top: 0;
    font-size: 14px
}

md-card md-card-title md-card-title-text:only-child .md-subhead {
    padding-top: 12px
}

md-card md-card-title md-card-title-media {
    margin-top: -8px
}

md-card md-card-title md-card-title-media .md-media-sm {
    height: 80px;
    width: 80px
}

md-card md-card-title md-card-title-media .md-media-md {
    height: 112px;
    width: 112px
}

md-card md-card-title md-card-title-media .md-media-lg {
    height: 152px;
    width: 152px
}

md-card md-card-content {
    display: block;
    padding: 16px
}

md-card md-card-content>p:first-child {
    margin-top: 0
}

md-card md-card-content>p:last-child {
    margin-bottom: 0
}

md-card md-card-content .md-media-xl {
    height: 240px;
    width: 240px
}

md-card .md-actions,
md-card md-card-actions {
    margin: 8px
}

md-card .md-actions.layout-column .md-button:not(.md-icon-button),
md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
    margin: 2px 0
}

md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type,
md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
    margin-top: 0
}

md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type,
md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
    margin-bottom: 0
}

md-card .md-actions.layout-column .md-button.md-icon-button,
md-card md-card-actions.layout-column .md-button.md-icon-button {
    margin-top: 6px;
    margin-bottom: 6px
}

md-card .md-actions md-card-icon-actions,
md-card md-card-actions md-card-icon-actions {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button),
md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
    margin: 0 4px
}

md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type,
md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
    margin-left: 0
}

md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type,
md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
    margin-right: 0
}

md-card .md-actions:not(.layout-column) .md-button.md-icon-button,
md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
    margin-left: 6px;
    margin-right: 6px
}

md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type,
md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
    margin-left: 12px
}

md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,
md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
    margin-right: 12px
}

md-card .md-actions:not(.layout-column) .md-button+md-card-icon-actions,
md-card md-card-actions:not(.layout-column) .md-button+md-card-icon-actions {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-card md-card-footer {
    margin-top: auto;
    padding: 16px
}

@media screen and (-ms-high-contrast:active) {
    md-card {
        border: 1px solid #fff
    }
}

.md-inline-form md-checkbox {
    margin: 19px 0 18px
}

md-checkbox {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 16px;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    min-width: 20px;
    min-height: 20px;
    margin-left: 0;
    margin-right: 16px
}

body[dir=rtl] md-checkbox,
html[dir=rtl] md-checkbox {
    margin-left: 16px;
    margin-right: 0;
    unicode-bidi: embed
}

md-checkbox bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-checkbox bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-checkbox:last-of-type {
    margin-left: 0;
    margin-right: 0
}

md-checkbox.md-focused:not([disabled]) .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px
}

md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
    background-color: rgba(0, 0, 0, .12)
}

md-checkbox.md-align-top-left>div.md-container {
    top: 12px
}

md-checkbox .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto
}

body[dir=rtl] md-checkbox .md-container,
html[dir=rtl] md-checkbox .md-container {
    left: auto;
    right: 0;
    unicode-bidi: embed
}

md-checkbox .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-checkbox .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-checkbox .md-container:before {
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    width: auto
}

md-checkbox .md-container:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

md-checkbox .md-container .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px
}

md-checkbox .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px
}

md-checkbox.md-checked .md-icon {
    border: none
}

md-checkbox.md-checked .md-icon:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6.67px;
    top: 2.22px;
    display: table;
    width: 6.67px;
    height: 13.33px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''
}

md-checkbox[disabled] {
    cursor: default
}

md-checkbox.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
    width: 12px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''
}

md-checkbox .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-left: 30px;
    margin-right: 0
}

body[dir=rtl] md-checkbox .md-label,
html[dir=rtl] md-checkbox .md-label {
    margin-left: 0;
    margin-right: 30px;
    unicode-bidi: embed
}

md-checkbox .md-label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-checkbox .md-label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

.md-contact-chips .md-chips .md-chip {
    padding: 0 25px 0 0
}

.md-contact-chips .md-chips .md-chip .md-contact-avatar {
    float: left
}

.md-contact-chips .md-chips .md-chip .md-contact-avatar img {
    height: 32px;
    border-radius: 16px
}

.md-contact-chips .md-chips .md-chip .md-contact-name {
    display: inline-block;
    height: 32px;
    margin-left: 8px
}

.md-contact-suggestion {
    height: 56px
}

.md-contact-suggestion img {
    height: 40px;
    border-radius: 20px;
    margin-top: 8px
}

.md-contact-suggestion .md-contact-name {
    margin-left: 8px;
    width: 120px
}

.md-contact-suggestion .md-contact-email,
.md-contact-suggestion .md-contact-name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.md-contact-chips-suggestions li {
    height: 100%
}

.md-chips {
    display: block;
    font-family: "Helvetica Neue", "RobotoCondensed-Regular", sans-serif;
    font-size: 16px;
    padding: 0 0 8px 3px;
    vertical-align: middle
}

.md-chips:after {
    content: '';
    display: table;
    clear: both
}

.md-chips:not(.md-readonly) {
    cursor: text
}

.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
    padding-right: 22px
}

.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
    padding-right: 4px
}

.md-chips .md-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative
}

.md-chips .md-chip .md-chip-content {
    display: block;
    float: left;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.md-chips .md-chip .md-chip-content:focus {
    outline: 0
}

.md-chips .md-chip .md-chip-remove-container {
    position: absolute;
    right: 0;
    line-height: 22px
}

.md-chips .md-chip .md-chip-remove {
    text-align: center;
    width: 32px;
    height: 32px;
    min-width: 0;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none;
    margin: 0;
    position: relative
}

.md-chips .md-chip .md-chip-remove md-icon {
    height: 18px;
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.md-chips .md-chip-input-container {
    display: block;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0;
    float: left
}

.md-chips .md-chip-input-container input:not([type]),
.md-chips .md-chip-input-container input[type=url],
.md-chips .md-chip-input-container input[type=text],
.md-chips .md-chip-input-container input[type=email],
.md-chips .md-chip-input-container input[type=number],
.md-chips .md-chip-input-container input[type=tel] {
    border: 0;
    height: 32px;
    line-height: 32px;
    padding: 0
}

.md-chips .md-chip-input-container input:not([type]):focus,
.md-chips .md-chip-input-container input[type=url]:focus,
.md-chips .md-chip-input-container input[type=text]:focus,
.md-chips .md-chip-input-container input[type=email]:focus,
.md-chips .md-chip-input-container input[type=number]:focus,
.md-chips .md-chip-input-container input[type=tel]:focus {
    outline: 0
}

.md-chips .md-chip-input-container md-autocomplete,
.md-chips .md-chip-input-container md-autocomplete-wrap {
    background: 0 0
}

.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
    box-shadow: none
}

.md-chips .md-chip-input-container input {
    border: 0;
    height: 32px;
    line-height: 32px;
    padding: 0
}

.md-chips .md-chip-input-container input:focus {
    outline: 0
}

.md-chips .md-chip-input-container md-autocomplete,
.md-chips .md-chip-input-container md-autocomplete-wrap {
    height: 32px
}

.md-chips .md-chip-input-container md-autocomplete {
    box-shadow: none
}

.md-chips .md-chip-input-container md-autocomplete input {
    position: relative
}

.md-chips .md-chip-input-container:not(:first-child) {
    margin: 8px 8px 0 0
}

.md-chips .md-chip-input-container input {
    background: 0 0;
    border-width: 0
}

.md-chips md-autocomplete button {
    display: none
}

@media screen and (-ms-high-contrast:active) {
    .md-chip-input-container,
    md-chip {
        border: 1px solid #fff
    }
    .md-chip-input-container md-autocomplete {
        border: none
    }
}

md-content {
    display: block;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

md-content[md-scroll-y] {
    overflow-y: auto;
    overflow-x: hidden
}

md-content[md-scroll-x] {
    overflow-x: auto;
    overflow-y: hidden
}

md-content.autoScroll {
    -webkit-overflow-scrolling: auto
}

md-calendar {
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.md-calendar-scroll-mask {
    display: inline-block;
    overflow: hidden;
    height: 308px
}

.md-calendar-scroll-mask .md-virtual-repeat-scroller {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
    display: none
}

.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
    width: 100%
}

.md-calendar-scroll-container {
    box-shadow: inset -3px 3px 6px rgba(0, 0, 0, .2);
    display: inline-block;
    height: 308px;
    width: 346px
}

.md-calendar-date {
    height: 44px;
    width: 44px;
    text-align: center;
    padding: 0;
    border: none
}

.md-calendar-date:first-child {
    padding-left: 16px
}

.md-calendar-date:last-child {
    padding-right: 16px
}

.md-calendar-date.md-calendar-date-disabled {
    cursor: default
}

.md-calendar-date-selection-indicator {
    transition: background-color, color .4s cubic-bezier(.25, .8, .25, 1);
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
    cursor: pointer
}

.md-calendar-month-label {
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 0 24px
}

.md-calendar-day-header {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

.md-calendar-day-header th {
    width: 44px;
    text-align: center;
    padding: 0;
    border: none;
    font-weight: 400;
    height: 40px
}

.md-calendar-day-header th:first-child {
    padding-left: 16px
}

.md-calendar-day-header th:last-child {
    padding-right: 16px
}

.md-calendar {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse
}

.md-calendar tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.md-calendar:first-child {
    border-top: 1px solid transparent
}

md-datepicker {
    white-space: nowrap;
    overflow: hidden;
    padding-right: 18px;
    margin-right: -18px;
    vertical-align: middle
}

.md-inline-form md-datepicker {
    margin-top: 12px
}

.md-datepicker-button {
    display: inline-block;
    box-sizing: border-box;
    background: 0 0
}

.md-datepicker-input {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    min-width: 120px;
    max-width: 328px
}

.md-datepicker-input::-ms-clear {
    display: none
}

.md-datepicker-input-container {
    position: relative;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: inline-block;
    width: auto;
    margin-left: 12px
}

.md-datepicker-input-container.md-datepicker-focused {
    border-bottom-width: 2px
}

.md-datepicker-calendar-pane {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    border-width: 1px;
    border-style: solid;
    background: 0 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: -webkit-transform .2s cubic-bezier(.25, .8, .25, 1);
    transition: transform .2s cubic-bezier(.25, .8, .25, 1)
}

.md-datepicker-calendar-pane.md-pane-open {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.md-datepicker-input-mask {
    height: 40px;
    width: 340px;
    position: relative;
    background: 0 0;
    pointer-events: none;
    cursor: text
}

.md-datepicker-input-mask-opaque {
    position: absolute;
    right: 0;
    left: 120px;
    height: 100%
}

.md-datepicker-calendar {
    opacity: 0;
    transition: opacity .2s cubic-bezier(.5, 0, .25, 1)
}

.md-pane-open .md-datepicker-calendar {
    opacity: 1
}

.md-datepicker-calendar md-calendar:focus {
    outline: 0
}

.md-datepicker-expand-triangle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid
}

.md-datepicker-triangle-button {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-25%) translateX(45%);
    transform: translateY(-25%) translateX(45%)
}

.md-datepicker-triangle-button.md-button.md-icon-button {
    height: 100%;
    width: 36px;
    position: absolute
}

md-datepicker[disabled] .md-datepicker-input-container {
    border-bottom-color: transparent
}

md-datepicker[disabled] .md-datepicker-triangle-button {
    display: none
}

.md-datepicker-open .md-datepicker-input-container {
    margin-left: -12px;
    border: none
}

.md-datepicker-open .md-datepicker-input {
    margin-left: 24px;
    height: 40px
}

.md-datepicker-open .md-datepicker-triangle-button,
.md-datepicker-pos-adjusted .md-datepicker-input-mask {
    display: none
}

.md-datepicker-calendar-pane .md-calendar {
    -webkit-transform: translateY(-85px);
    transform: translateY(-85px);
    transition: -webkit-transform .65s cubic-bezier(.25, .8, .25, 1);
    transition: transform .65s cubic-bezier(.25, .8, .25, 1);
    transition-delay: .125s
}

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.md-dialog-is-showing {
    max-height: 100%
}

.md-dialog-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 80;
    overflow: hidden
}

md-dialog {
    opacity: 0;
    min-width: 240px;
    max-width: 80%;
    max-height: 80%;
    position: relative;
    overflow: auto;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

md-dialog.md-transition-in {
    opacity: 1;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

md-dialog.md-transition-out {
    opacity: 0;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    -webkit-transform: translate(0, 100%) scale(.2);
    transform: translate(0, 100%) scale(.2)
}

md-dialog>form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto
}

md-dialog .md-dialog-content {
    padding: 24px
}

md-dialog md-dialog-content {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

md-dialog md-dialog-content:not([layout=row])>:first-child:not(.md-subheader) {
    margin-top: 0
}

md-dialog md-dialog-content:focus {
    outline: 0
}

md-dialog md-dialog-content .md-subheader {
    margin: 0
}

md-dialog md-dialog-content .md-subheader.sticky-clone {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
}

md-dialog md-dialog-content.sticky-container {
    padding: 0
}

md-dialog md-dialog-content.sticky-container>div {
    padding: 0 24px 24px
}

md-dialog md-dialog-content .md-dialog-content-body {
    width: 100%
}

md-dialog .md-actions,
md-dialog md-dialog-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    box-sizing: border-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 16px;
    min-height: 52px;
    overflow: hidden
}

md-dialog .md-actions .md-button,
md-dialog md-dialog-actions .md-button {
    margin: 8px 0 8px 8px
}

md-dialog.md-content-overflow .md-actions,
md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 1px;
    border-top-style: solid
}

@media screen and (-ms-high-contrast:active) {
    md-dialog {
        border: 1px solid #fff
    }
}

@media (max-width:959px) {
    md-dialog.md-dialog-fullscreen {
        min-height: 100%;
        min-width: 100%;
        border-radius: 0
    }
}

md-divider {
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    margin: 0
}

md-divider[md-inset] {
    margin-left: 80px
}

.layout-row>md-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid
}

md-fab-speed-dial {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20
}

md-fab-speed-dial.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute
}

md-fab-speed-dial.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute
}

md-fab-speed-dial.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute
}

md-fab-speed-dial.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute
}

md-fab-speed-dial:not(.md-hover-full) {
    pointer-events: none
}

md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item,
md-fab-speed-dial:not(.md-hover-full) md-fab-trigger,
md-fab-speed-dial:not(.md-hover-full).md-is-open {
    pointer-events: auto
}

md-fab-speed-dial .md-css-variables {
    z-index: 20
}

md-fab-speed-dial.md-is-open .md-fab-action-item {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

md-fab-speed-dial md-fab-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

md-fab-speed-dial md-fab-actions .md-fab-action-item {
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-fab-speed-dial.md-down {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

md-fab-speed-dial.md-down md-fab-trigger {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

md-fab-speed-dial.md-down md-fab-actions {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

md-fab-speed-dial.md-up {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

md-fab-speed-dial.md-up md-fab-trigger {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

md-fab-speed-dial.md-up md-fab-actions {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

md-fab-speed-dial.md-left {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-fab-speed-dial.md-left md-fab-trigger {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

md-fab-speed-dial.md-left md-fab-actions {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-fab-speed-dial.md-right {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-fab-speed-dial.md-right md-fab-trigger {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

md-fab-speed-dial.md-right md-fab-actions {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-fab-speed-dial.md-fling-remove .md-fab-action-item>*,
md-fab-speed-dial.md-scale-remove .md-fab-action-item>* {
    visibility: hidden
}

md-fab-speed-dial.md-fling .md-fab-action-item {
    opacity: 1
}

md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
    opacity: 0;
    transition-duration: 0s
}

md-fab-speed-dial.md-scale .md-fab-action-item {
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-duration: .14286s
}

md-fab-toolbar {
    display: block
}

md-fab-toolbar.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute
}

md-fab-toolbar.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute
}

md-fab-toolbar.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute
}

md-fab-toolbar.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute
}

md-fab-toolbar .md-fab-toolbar-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    height: 68px
}

md-fab-toolbar md-fab-trigger {
    position: absolute;
    z-index: 20
}

md-fab-toolbar md-fab-trigger button {
    overflow: visible!important
}

md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
    display: block;
    position: absolute;
    z-index: 21;
    opacity: 1;
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-fab-toolbar md-fab-trigger md-icon {
    position: relative;
    z-index: 22;
    opacity: 1;
    transition: all 200ms ease-in
}

md-fab-toolbar.md-left md-fab-trigger {
    right: 0
}

md-fab-toolbar.md-left .md-toolbar-tools {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child {
    margin-right: .6rem;
    margin-left: -.8rem
}

md-fab-toolbar.md-left .md-toolbar-tools>.md-button:last-child {
    margin-right: 8px
}

md-fab-toolbar.md-right md-fab-trigger {
    left: 0
}

md-fab-toolbar.md-right .md-toolbar-tools {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-fab-toolbar md-toolbar {
    background-color: transparent!important;
    pointer-events: none;
    z-index: 23
}

md-fab-toolbar md-toolbar .md-toolbar-tools {
    padding: 0 20px;
    margin-top: 3px
}

md-fab-toolbar md-toolbar .md-fab-action-item {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-duration: .15s
}

md-fab-toolbar.md-is-open md-fab-trigger>button {
    box-shadow: none
}

md-fab-toolbar.md-is-open md-fab-trigger>button md-icon {
    opacity: 0
}

md-fab-toolbar.md-is-open .md-fab-action-item {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

md-grid-list {
    box-sizing: border-box;
    display: block;
    position: relative
}

md-grid-list md-grid-tile,
md-grid-list md-grid-tile-footer,
md-grid-list md-grid-tile-header,
md-grid-list md-grid-tile>figure {
    box-sizing: border-box
}

md-grid-list md-grid-tile {
    display: block;
    position: absolute
}

md-grid-list md-grid-tile figure {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0
}

md-grid-list md-grid-tile md-grid-tile-footer,
md-grid-list md-grid-tile md-grid-tile-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    color: #fff;
    background: rgba(0, 0, 0, .18);
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0
}

md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-footer h4,
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-header h4 {
    font-weight: 400;
    margin: 0 0 0 16px
}

md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-header h3 {
    font-size: 14px
}

md-grid-list md-grid-tile md-grid-tile-footer h4,
md-grid-list md-grid-tile md-grid-tile-header h4 {
    font-size: 12px
}

md-grid-list md-grid-tile md-grid-tile-header {
    top: 0
}

md-grid-list md-grid-tile md-grid-tile-footer {
    bottom: 0
}

@media screen and (-ms-high-contrast:active) {
    md-grid-tile {
        border: 1px solid #fff
    }
    md-grid-tile-footer {
        border-top: 1px solid #fff
    }
}

md-icon {
    margin: auto;
    background-repeat: no-repeat no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    height: 24px;
    width: 24px
}

md-icon svg {
    pointer-events: none;
    display: block
}

md-icon[md-font-icon] {
    line-height: 1;
    width: auto
}

md-input-container {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
    vertical-align: middle
}

md-input-container:after {
    content: '';
    display: table;
    clear: both
}

md-input-container.md-block {
    display: block
}

md-input-container .md-errors-spacer {
    float: right;
    min-height: 24px;
    min-width: 1px
}

body[dir=rtl] md-input-container .md-errors-spacer,
html[dir=rtl] md-input-container .md-errors-spacer {
    float: left;
    unicode-bidi: embed
}

md-input-container .md-errors-spacer bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container .md-errors-spacer bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container>md-icon {
    position: absolute;
    top: 5px;
    left: 2px;
    right: auto
}

body[dir=rtl] md-input-container>md-icon,
html[dir=rtl] md-input-container>md-icon {
    left: auto;
    right: 2px;
    unicode-bidi: embed
}

md-input-container>md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container>md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container input[type=url],
md-input-container input[type=text],
md-input-container input[type=password],
md-input-container input[type=datetime],
md-input-container input[type=datetime-local],
md-input-container input[type=date],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week],
md-input-container input[type=color],
md-input-container input[type=search],
md-input-container input[type=email],
md-input-container input[type=number],
md-input-container input[type=tel],
md-input-container textarea {
    -moz-appearance: none;
    -webkit-appearance: none
}

md-input-container input[type=datetime-local],
md-input-container input[type=date],
md-input-container input[type=month],
md-input-container input[type=time],
md-input-container input[type=week] {
    min-height: 26px
}

md-input-container textarea {
    resize: none;
    overflow: hidden
}

md-input-container textarea.md-input {
    min-height: 26px;
    -ms-flex-preferred-size: auto
}

md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto
}

body[dir=rtl] md-input-container label:not(.md-container-ignore),
html[dir=rtl] md-input-container label:not(.md-container-ignore) {
    left: auto;
    right: 0;
    unicode-bidi: embed
}

md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container.md-has-icon {
    padding-left: 36px;
    padding-right: 0
}

body[dir=rtl] md-input-container.md-has-icon,
html[dir=rtl] md-input-container.md-has-icon {
    padding-left: 0;
    padding-right: 36px;
    unicode-bidi: embed
}

md-input-container.md-has-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container.md-has-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container.md-has-icon>label {
    left: 36px;
    right: auto
}

body[dir=rtl] md-input-container.md-has-icon>label,
html[dir=rtl] md-input-container.md-has-icon>label {
    left: auto;
    right: 36px;
    unicode-bidi: embed
}

md-input-container.md-has-icon>label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container.md-has-icon>label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container .md-placeholder,
md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    -webkit-transform: translate3d(0, 28px, 0) scale(1);
    transform: translate3d(0, 28px, 0) scale(1);
    transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .25s;
    transition: transform cubic-bezier(.25, .8, .25, 1) .25s;
    -webkit-transform-origin: left top;
    transform-origin: left top
}

body[dir=rtl] md-input-container .md-placeholder,
body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore),
html[dir=rtl] md-input-container .md-placeholder,
html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 0;
    padding-right: 3px;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    unicode-bidi: embed
}

md-input-container .md-placeholder bdo[dir=rtl],
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container .md-placeholder bdo[dir=ltr],
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    -webkit-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0)
}

md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0
}

md-input-container:not(.md-input-has-value) input:not(:focus),
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field {
    color: transparent
}

md-input-container .md-input {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: block;
    margin-top: 0;
    background: 0 0;
    padding: 2px 2px 1px;
    border-width: 0 0 1px;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid; border-color: #dfe3e9;
    width: 100%;
    box-sizing: border-box;
    float: left
}

body[dir=rtl] md-input-container .md-input,
html[dir=rtl] md-input-container .md-input {
    float: right;
    unicode-bidi: embed
}

md-input-container .md-input bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container .md-input bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container .md-input:focus {
    outline: 0
}

md-input-container .md-input:invalid {
    outline: 0;
    box-shadow: none
}

md-input-container .md-input.md-no-flex {
    -webkit-flex: none!important;
    -ms-flex: none!important;
    flex: none!important
}

md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0
}

body[dir=rtl] md-input-container .md-char-counter,
html[dir=rtl] md-input-container .md-char-counter {
    text-align: left;
    padding-right: 0;
    padding-left: 2px;
    unicode-bidi: embed
}

md-input-container .md-char-counter bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container .md-char-counter bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container [data-ng-messages],
md-input-container [ng-messages],
md-input-container [x-ng-messages],
md-input-container data-ng-messages,
md-input-container ng-messages,
md-input-container x-ng-messages {
    position: relative;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    overflow: hidden;
    clear: left
}

body[dir=rtl] md-input-container [data-ng-messages],
body[dir=rtl] md-input-container [ng-messages],
body[dir=rtl] md-input-container [x-ng-messages],
body[dir=rtl] md-input-container data-ng-messages,
body[dir=rtl] md-input-container ng-messages,
body[dir=rtl] md-input-container x-ng-messages,
html[dir=rtl] md-input-container [data-ng-messages],
html[dir=rtl] md-input-container [ng-messages],
html[dir=rtl] md-input-container [x-ng-messages],
html[dir=rtl] md-input-container data-ng-messages,
html[dir=rtl] md-input-container ng-messages,
html[dir=rtl] md-input-container x-ng-messages {
    clear: right;
    unicode-bidi: embed
}

md-input-container [data-ng-messages] bdo[dir=rtl],
md-input-container [ng-messages] bdo[dir=rtl],
md-input-container [x-ng-messages] bdo[dir=rtl],
md-input-container data-ng-messages bdo[dir=rtl],
md-input-container ng-messages bdo[dir=rtl],
md-input-container x-ng-messages bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container [data-ng-messages] bdo[dir=ltr],
md-input-container [ng-messages] bdo[dir=ltr],
md-input-container [x-ng-messages] bdo[dir=ltr],
md-input-container data-ng-messages bdo[dir=ltr],
md-input-container ng-messages bdo[dir=ltr],
md-input-container x-ng-messages bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container [data-ng-messages].ng-enter [data-ng-message-exp],
md-input-container [data-ng-messages].ng-enter [data-ng-message],
md-input-container [data-ng-messages].ng-enter [ng-message-exp],
md-input-container [data-ng-messages].ng-enter [ng-message],
md-input-container [data-ng-messages].ng-enter [x-ng-message-exp],
md-input-container [data-ng-messages].ng-enter [x-ng-message],
md-input-container [data-ng-messages].ng-enter data-ng-message,
md-input-container [data-ng-messages].ng-enter ng-message,
md-input-container [data-ng-messages].ng-enter x-ng-message,
md-input-container [ng-messages].ng-enter [data-ng-message-exp],
md-input-container [ng-messages].ng-enter [data-ng-message],
md-input-container [ng-messages].ng-enter [ng-message-exp],
md-input-container [ng-messages].ng-enter [ng-message],
md-input-container [ng-messages].ng-enter [x-ng-message-exp],
md-input-container [ng-messages].ng-enter [x-ng-message],
md-input-container [ng-messages].ng-enter data-ng-message,
md-input-container [ng-messages].ng-enter ng-message,
md-input-container [ng-messages].ng-enter x-ng-message,
md-input-container [x-ng-messages].ng-enter [data-ng-message-exp],
md-input-container [x-ng-messages].ng-enter [data-ng-message],
md-input-container [x-ng-messages].ng-enter [ng-message-exp],
md-input-container [x-ng-messages].ng-enter [ng-message],
md-input-container [x-ng-messages].ng-enter [x-ng-message-exp],
md-input-container [x-ng-messages].ng-enter [x-ng-message],
md-input-container [x-ng-messages].ng-enter data-ng-message,
md-input-container [x-ng-messages].ng-enter ng-message,
md-input-container [x-ng-messages].ng-enter x-ng-message,
md-input-container data-ng-messages.ng-enter [data-ng-message-exp],
md-input-container data-ng-messages.ng-enter [data-ng-message],
md-input-container data-ng-messages.ng-enter [ng-message-exp],
md-input-container data-ng-messages.ng-enter [ng-message],
md-input-container data-ng-messages.ng-enter [x-ng-message-exp],
md-input-container data-ng-messages.ng-enter [x-ng-message],
md-input-container data-ng-messages.ng-enter data-ng-message,
md-input-container data-ng-messages.ng-enter ng-message,
md-input-container data-ng-messages.ng-enter x-ng-message,
md-input-container ng-messages.ng-enter [data-ng-message-exp],
md-input-container ng-messages.ng-enter [data-ng-message],
md-input-container ng-messages.ng-enter [ng-message-exp],
md-input-container ng-messages.ng-enter [ng-message],
md-input-container ng-messages.ng-enter [x-ng-message-exp],
md-input-container ng-messages.ng-enter [x-ng-message],
md-input-container ng-messages.ng-enter data-ng-message,
md-input-container ng-messages.ng-enter ng-message,
md-input-container ng-messages.ng-enter x-ng-message,
md-input-container x-ng-messages.ng-enter [data-ng-message-exp],
md-input-container x-ng-messages.ng-enter [data-ng-message],
md-input-container x-ng-messages.ng-enter [ng-message-exp],
md-input-container x-ng-messages.ng-enter [ng-message],
md-input-container x-ng-messages.ng-enter [x-ng-message-exp],
md-input-container x-ng-messages.ng-enter [x-ng-message],
md-input-container x-ng-messages.ng-enter data-ng-message,
md-input-container x-ng-messages.ng-enter ng-message,
md-input-container x-ng-messages.ng-enter x-ng-message {
    opacity: 0;
    margin-top: -100px
}

md-input-container .md-char-counter,
md-input-container [data-ng-message-exp],
md-input-container [data-ng-message],
md-input-container [ng-message-exp],
md-input-container [ng-message],
md-input-container [x-ng-message-exp],
md-input-container [x-ng-message],
md-input-container data-ng-message,
md-input-container ng-message,
md-input-container x-ng-message {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px
}

md-input-container .md-char-counter:not(.md-char-counter),
md-input-container [data-ng-message-exp]:not(.md-char-counter),
md-input-container [data-ng-message]:not(.md-char-counter),
md-input-container [ng-message-exp]:not(.md-char-counter),
md-input-container [ng-message]:not(.md-char-counter),
md-input-container [x-ng-message-exp]:not(.md-char-counter),
md-input-container [x-ng-message]:not(.md-char-counter),
md-input-container data-ng-message:not(.md-char-counter),
md-input-container ng-message:not(.md-char-counter),
md-input-container x-ng-message:not(.md-char-counter) {
    padding-right: 5px;
    padding-left: 0
}

body[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter),
body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter),
body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter),
body[dir=rtl] md-input-container [ng-message-exp]:not(.md-char-counter),
body[dir=rtl] md-input-container [ng-message]:not(.md-char-counter),
body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter),
body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter),
body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter),
body[dir=rtl] md-input-container ng-message:not(.md-char-counter),
body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter),
html[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter),
html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter),
html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter),
html[dir=rtl] md-input-container [ng-message-exp]:not(.md-char-counter),
html[dir=rtl] md-input-container [ng-message]:not(.md-char-counter),
html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter),
html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter),
html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter),
html[dir=rtl] md-input-container ng-message:not(.md-char-counter),
html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter) {
    padding-right: 0;
    padding-left: 5px;
    unicode-bidi: embed
}

md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl],
md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr],
md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate),
md-input-container .md-input-message-animation.ng-enter,
md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px
}

md-input-container.md-input-focused label:not(.md-no-float),
md-input-container.md-input-has-placeholder label:not(.md-no-float),
md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 6px, 0) scale(.75);
    transform: translate3d(0, 6px, 0) scale(.75)
}

md-input-container.md-input-has-value label {
    transition: none
}

md-input-container .md-input.ng-invalid.ng-dirty,
md-input-container.md-input-focused .md-input {
    padding-bottom: 0;
    border-width: 0 0 2px
}

[disabled] md-input-container .md-input,
md-input-container .md-input[disabled] {
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px
}

md-input-container.md-icon-float {
    transition: margin-top .5s cubic-bezier(.25, .8, .25, 1)
}

md-input-container.md-icon-float>label {
    pointer-events: none;
    position: absolute
}

md-input-container.md-icon-float>md-icon {
    top: 2px;
    left: 2px;
    right: auto
}

body[dir=rtl] md-input-container.md-icon-float>md-icon,
html[dir=rtl] md-input-container.md-icon-float>md-icon {
    left: auto;
    right: 2px;
    unicode-bidi: embed
}

md-input-container.md-icon-float>md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container.md-icon-float>md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container.md-icon-float.md-input-focused label,
md-input-container.md-icon-float.md-input-has-value label {
    -webkit-transform: translate3d(0, 6px, 0) scale(.75);
    transform: translate3d(0, 6px, 0) scale(.75);
    transition: -webkit-transform cubic-bezier(.25, .8, .25, 1) .5s;
    transition: transform cubic-bezier(.25, .8, .25, 1) .5s
}

md-input-container.md-icon-right {
    padding-right: 36px;
    padding-left: 36px
}

body[dir=rtl] md-input-container.md-icon-right,
html[dir=rtl] md-input-container.md-icon-right {
    padding-right: 36px;
    padding-left: 36px;
    unicode-bidi: embed
}

md-input-container.md-icon-right bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container.md-icon-right bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-input-container.md-icon-right .md-errors-spacer+md-icon {
    margin: 0;
    right: 2px;
    left: auto
}

body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer+md-icon,
html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer+md-icon {
    right: auto;
    left: 2px;
    unicode-bidi: embed
}

md-input-container.md-icon-right .md-errors-spacer+md-icon bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-input-container.md-icon-right .md-errors-spacer+md-icon bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

@media screen and (-ms-high-contrast:active) {
    md-input-container.md-default-theme>md-icon {
        fill: #fff
    }
}

md-list {
    display: block;
    padding: 8px 0
}

md-list .md-subheader {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .010em;
    line-height: 1.2em
}

md-list-item {
    position: relative
}

md-list-item.md-proxy-focus.md-focused .md-no-style {
    transition: background-color .15s linear
}

md-list-item .md-no-style,
md-list-item.md-no-proxy {
    position: relative;
    padding: 0 16px;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

md-list-item .md-no-style.md-button,
md-list-item.md-no-proxy.md-button {
    font-size: inherit;
    height: inherit;
    text-align: left;
    text-transform: none;
    width: 100%;
    white-space: normal;
    -webkit-flex-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-align-items: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    border-radius: 0
}

md-list-item .md-no-style.md-button>.md-ripple-container,
md-list-item.md-no-proxy.md-button>.md-ripple-container {
    border-radius: 0
}

md-list-item .md-no-style:focus,
md-list-item.md-no-proxy:focus {
    outline: 0
}

md-list-item.md-with-secondary {
    position: relative
}

md-list-item.md-clickable:hover {
    cursor: pointer
}

md-list-item md-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

md-list-item md-divider[md-inset] {
    left: 96px;
    width: calc(100% - 96px);
    margin: 0
}

md-list-item,
md-list-item .md-list-item-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    height: auto
}

md-list-item .md-list-item-inner>div.md-primary>md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner>div.md-secondary>md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner>md-icon.md-secondary:not(.md-avatar-icon),
md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),
md-list-item>div.md-primary>md-icon:not(.md-avatar-icon),
md-list-item>div.md-secondary>md-icon:not(.md-avatar-icon),
md-list-item>md-icon.md-secondary:not(.md-avatar-icon),
md-list-item>md-icon:first-child:not(.md-avatar-icon) {
    width: 24px;
    margin-top: 16px;
    margin-bottom: 12px;
    box-sizing: content-box
}

md-list-item .md-list-item-inner md-checkbox.md-secondary,
md-list-item .md-list-item-inner>div.md-primary>md-checkbox,
md-list-item .md-list-item-inner>div.md-secondary>md-checkbox,
md-list-item .md-list-item-inner>md-checkbox,
md-list-item md-checkbox.md-secondary,
md-list-item>div.md-primary>md-checkbox,
md-list-item>div.md-secondary>md-checkbox,
md-list-item>md-checkbox {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label,
md-list-item .md-list-item-inner>div.md-primary>md-checkbox .md-label,
md-list-item .md-list-item-inner>div.md-secondary>md-checkbox .md-label,
md-list-item .md-list-item-inner>md-checkbox .md-label,
md-list-item md-checkbox.md-secondary .md-label,
md-list-item>div.md-primary>md-checkbox .md-label,
md-list-item>div.md-secondary>md-checkbox .md-label,
md-list-item>md-checkbox .md-label {
    display: none
}

md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),
md-list-item>md-icon:first-child:not(.md-avatar-icon) {
    margin-right: 32px
}

md-list-item .md-list-item-inner>md-checkbox,
md-list-item>md-checkbox {
    width: 24px;
    margin-left: 3px;
    margin-right: 29px;
    margin-top: 16px
}

md-list-item .md-avatar,
md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar,
md-list-item .md-list-item-inner .md-avatar-icon {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
    border-radius: 50%;
    box-sizing: content-box
}

md-list-item .md-avatar,
md-list-item .md-list-item-inner .md-avatar {
    width: 40px;
    height: 40px
}

md-list-item .md-avatar-icon,
md-list-item .md-list-item-inner .md-avatar-icon {
    padding: 8px
}

md-list-item .md-list-item-inner md-checkbox.md-secondary,
md-list-item .md-list-item-inner md-switch.md-secondary,
md-list-item md-checkbox.md-secondary,
md-list-item md-switch.md-secondary {
    margin-top: 0;
    margin-bottom: 0
}

md-list-item .md-list-item-inner md-checkbox.md-secondary,
md-list-item md-checkbox.md-secondary {
    margin-right: 0
}

md-list-item .md-list-item-inner md-switch.md-secondary,
md-list-item md-switch.md-secondary {
    margin-right: -6px
}

md-list-item .md-list-item-inner button.md-button.md-secondary-container,
md-list-item button.md-button.md-secondary-container {
    background-color: transparent;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 50%;
    margin: 0;
    min-width: 0
}

md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container,
md-list-item button.md-button.md-secondary-container .md-ripple,
md-list-item button.md-button.md-secondary-container .md-ripple-container {
    border-radius: 50%
}

md-list-item .md-list-item-inner button.md-button.md-secondary-container.md-icon-button,
md-list-item button.md-button.md-secondary-container.md-icon-button {
    margin-right: -12px
}

md-list-item .md-list-item-inner .md-secondary,
md-list-item .md-list-item-inner .md-secondary-container,
md-list-item .md-secondary,
md-list-item .md-secondary-container {
    position: absolute;
    top: 50%;
    right: 16px;
    margin: 0 0 0 16px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

md-list-item .md-list-item-inner>.md-button.md-secondary-container>.md-secondary,
md-list-item>.md-button.md-secondary-container>.md-secondary {
    margin-left: 0;
    position: static
}

md-list-item .md-list-item-inner>.md-list-item-inner>p,
md-list-item .md-list-item-inner>p,
md-list-item>.md-list-item-inner>p,
md-list-item>p {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

md-list-item.md-2-line,
md-list-item.md-2-line>.md-no-style,
md-list-item.md-3-line,
md-list-item.md-3-line>.md-no-style {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

md-list-item.md-2-line .md-list-item-text,
md-list-item.md-2-line>.md-no-style .md-list-item-text,
md-list-item.md-3-line .md-list-item-text,
md-list-item.md-3-line>.md-no-style .md-list-item-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto;
    text-overflow: ellipsis
}

md-list-item.md-2-line .md-list-item-text.md-offset,
md-list-item.md-2-line>.md-no-style .md-list-item-text.md-offset,
md-list-item.md-3-line .md-list-item-text.md-offset,
md-list-item.md-3-line>.md-no-style .md-list-item-text.md-offset {
    margin-left: 56px
}

md-list-item.md-2-line .md-list-item-text h3,
md-list-item.md-2-line>.md-no-style .md-list-item-text h3,
md-list-item.md-3-line .md-list-item-text h3,
md-list-item.md-3-line>.md-no-style .md-list-item-text h3 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .010em;
    margin: 0;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

md-list-item.md-2-line .md-list-item-text h4,
md-list-item.md-2-line>.md-no-style .md-list-item-text h4,
md-list-item.md-3-line .md-list-item-text h4,
md-list-item.md-3-line>.md-no-style .md-list-item-text h4 {
    font-size: 14px;
    letter-spacing: .010em;
    margin: 3px 0 1px;
    font-weight: 400;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

md-list-item.md-2-line .md-list-item-text p,
md-list-item.md-2-line>.md-no-style .md-list-item-text p,
md-list-item.md-3-line .md-list-item-text p,
md-list-item.md-3-line>.md-no-style .md-list-item-text p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .010em;
    margin: 0;
    line-height: 1.6em
}

md-list-item.md-2-line,
md-list-item.md-2-line>.md-no-style {
    height: auto;
    min-height: 72px
}

md-list-item.md-2-line.md-long-text,
md-list-item.md-2-line>.md-no-style.md-long-text {
    margin: 1.6em
}

md-list-item.md-2-line .md-avatar-icon,
md-list-item.md-2-line>.md-avatar,
md-list-item.md-2-line>.md-no-style .md-avatar-icon,
md-list-item.md-2-line>.md-no-style>.md-avatar {
    margin-top: 12px
}

md-list-item.md-2-line>.md-no-style>md-icon:first-child,
md-list-item.md-2-line>md-icon:first-child {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

md-list-item.md-2-line .md-list-item-text,
md-list-item.md-2-line>.md-no-style .md-list-item-text {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

md-list-item.md-3-line,
md-list-item.md-3-line>.md-no-style {
    height: auto;
    min-height: 88px
}

md-list-item.md-3-line.md-long-text,
md-list-item.md-3-line>.md-no-style.md-long-text {
    margin: 1.6em
}

md-list-item.md-3-line>.md-avatar,
md-list-item.md-3-line>.md-no-style>.md-avatar,
md-list-item.md-3-line>.md-no-style>md-icon:first-child,
md-list-item.md-3-line>md-icon:first-child {
    margin-top: 16px
}

.md-open-menu-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    opacity: 0;
    border-radius: 2px
}

.md-open-menu-container md-menu-divider {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 100%
}

.md-open-menu-container md-menu-content>* {
    opacity: 0
}

.md-open-menu-container:not(.md-clickable) {
    pointer-events: none
}

.md-open-menu-container.md-active {
    opacity: 1;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition-duration: 200ms
}

.md-open-menu-container.md-active>md-menu-content>* {
    opacity: 1;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-duration: 200ms;
    transition-delay: 100ms
}

.md-open-menu-container.md-leave {
    opacity: 0;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-duration: 250ms
}

md-menu-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 0;
    max-height: 304px;
    overflow-y: auto
}

md-menu-content.md-dense {
    max-height: 208px
}

md-menu-content.md-dense md-menu-item {
    height: 32px;
    min-height: 0
}

md-menu-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 48px;
    height: 48px;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

md-menu-item>* {
    width: 100%;
    margin: auto 0;
    padding-left: 16px;
    padding-right: 16px
}

md-menu-item>a.md-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

md-menu-item>.md-button {
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    text-align: left;
    text-align: start;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-block;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    width: 100%
}

md-menu-item>.md-button md-icon {
    margin: auto 16px auto 0
}

md-menu-item>.md-button p {
    display: inline-block;
    margin: auto
}

md-menu-item>.md-button span {
    margin-top: auto;
    margin-bottom: auto
}

md-menu-item>.md-button .md-ripple-container {
    border-radius: inherit
}

.md-menu {
    padding: 8px 0
}

md-toolbar .md-menu {
    height: auto;
    margin: auto;
    padding: 0
}

@media (max-width:959px) {
    md-menu-content {
        min-width: 112px
    }
    md-menu-content[width="3"] {
        min-width: 168px
    }
    md-menu-content[width="4"] {
        min-width: 224px
    }
    md-menu-content[width="5"] {
        min-width: 280px
    }
    md-menu-content[width="6"] {
        min-width: 336px
    }
    md-menu-content[width="7"] {
        min-width: 392px
    }
}

@media (min-width:960px) {
    md-menu-content {
        min-width: 96px
    }
    md-menu-content[width="3"] {
        min-width: 192px
    }
    md-menu-content[width="4"] {
        min-width: 256px
    }
    md-menu-content[width="5"] {
        min-width: 320px
    }
    md-menu-content[width="6"] {
        min-width: 384px
    }
    md-menu-content[width="7"] {
        min-width: 448px
    }
}

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
    line-height: 1rem;
    height: auto;
    padding: 28px 28px 12px
}

md-menu-bar {
    padding: 0 20px;
    display: block;
    position: relative;
    z-index: 2
}

md-menu-bar .md-menu {
    display: inline-block;
    padding: 0;
    position: relative
}

md-menu-bar button {
    font-size: 14px;
    padding: 0 10px;
    margin: 0;
    border: 0;
    background-color: transparent;
    height: 40px
}

md-menu-bar md-backdrop.md-menu-backdrop {
    z-index: -2
}

md-menu-content.md-menu-bar-menu.md-dense {
    max-height: none;
    padding: 16px 0
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
    position: relative
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon {
    position: absolute;
    padding: 0;
    width: 24px;
    top: 6px;
    left: 24px
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu>.md-button,
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>.md-button {
    padding: 0 32px 0 64px
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
    min-height: 0;
    height: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 8px
}

md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
    margin: 8px 0
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button,
md-menu-content.md-menu-bar-menu.md-dense md-menu-item>.md-button {
    text-align: left;
    text-align: start
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu {
    padding: 0
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button {
    position: relative;
    margin: 0;
    width: 100%;
    text-transform: none;
    font-weight: 400;
    border-radius: 0;
    padding-left: 16px
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button:after {
    display: block;
    content: '\25BC';
    position: absolute;
    top: 0;
    speak: none;
    -webkit-transform: rotate(270deg) scaleY(.45) scaleX(.9);
    transform: rotate(270deg) scaleY(.45) scaleX(.9);
    right: 28px
}

.md-panel-outer-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

._md-panel-hidden {
    display: none
}

._md-panel-fullscreen {
    border-radius: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 0
}

._md-panel-shown .md-panel {
    opacity: 1;
    transition: none
}

.md-panel {
    opacity: 0;
    position: fixed
}

.md-panel._md-panel-shown {
    opacity: 1;
    transition: none
}

.md-panel._md-panel-animate-enter {
    opacity: 1;
    transition: all .3s cubic-bezier(0, 0, .2, 1)
}

.md-panel._md-panel-animate-leave {
    opacity: 1;
    transition: all .3s cubic-bezier(.4, 0, 1, 1)
}

.md-panel._md-panel-animate-fade-out,
.md-panel._md-panel-animate-scale-out {
    opacity: 0
}

.md-panel._md-panel-backdrop {
    height: 100%;
    position: absolute;
    width: 100%
}

.md-panel._md-opaque-enter {
    opacity: .48;
    transition: opacity .3s cubic-bezier(0, 0, .2, 1)
}

.md-panel._md-opaque-leave {
    transition: opacity .3s cubic-bezier(.4, 0, 1, 1)
}

md-progress-circular {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    padding-top: 0!important;
    margin-bottom: 0!important;
    z-index: 2
}

md-progress-circular .md-spinner-wrapper {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%
}

md-progress-circular .md-spinner-wrapper .md-inner {
    width: 100px;
    height: 100px;
    position: relative
}

md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
    position: absolute;
    left: 49px;
    right: 49px;
    top: 0;
    bottom: 0;
    border-top-width: 10px;
    border-top-style: solid;
    box-sizing: border-box
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left,
md-progress-circular .md-spinner-wrapper .md-inner .md-right {
    position: absolute;
    top: 0;
    height: 100px;
    width: 50px;
    overflow: hidden
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle,
md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-width: 10px;
    border-style: solid;
    border-bottom-color: transparent;
    border-radius: 50%
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left {
    left: 0
}

md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
    left: 0;
    border-right-color: transparent
}

md-progress-circular .md-spinner-wrapper .md-inner .md-right {
    right: 0
}

md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    right: 0;
    border-left-color: transparent
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper {
    -webkit-animation: outer-rotate 2.91667s linear infinite;
    animation: outer-rotate 2.91667s linear infinite
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
    -webkit-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
    animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle,
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.3125s;
    animation-duration: 1.3125s;
    -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
    animation-timing-function: cubic-bezier(.35, 0, .25, 1)
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle {
    -webkit-animation-name: left-wobble;
    animation-name: left-wobble
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    -webkit-animation-name: right-wobble;
    animation-name: right-wobble
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper,
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
    -webkit-animation: none;
    animation: none
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle,
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
    -webkit-animation-name: none;
    animation-name: none
}

md-progress-circular .md-spinner-wrapper.ng-hide,
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
    -webkit-animation: none;
    animation: none
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle,
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
    -webkit-animation-name: none;
    animation-name: none
}

@-webkit-keyframes outer-rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(.5);
        transform: rotate(0deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(.5);
        transform: rotate(360deg) scale(.5)
    }
}

@keyframes outer-rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(.5);
        transform: rotate(0deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(.5);
        transform: rotate(360deg) scale(.5)
    }
}

@-webkit-keyframes left-wobble {
    0%,
    100% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@keyframes left-wobble {
    0%,
    100% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes right-wobble {
    0%,
    100% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@keyframes right-wobble {
    0%,
    100% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes sporadic-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes sporadic-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

md-progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    padding-top: 0!important;
    margin-bottom: 0!important
}

md-progress-linear .md-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1)
}

md-progress-linear .md-container .md-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 5px
}

md-progress-linear .md-container .md-dashed:before {
    content: "";
    display: none;
    position: absolute;
    margin-top: 0;
    height: 5px;
    width: 100%;
    background-color: transparent;
    background-size: 10px 10px!important;
    background-position: 0 -23px
}

md-progress-linear .md-container .md-bar1,
md-progress-linear .md-container .md-bar2 {
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear
}

md-progress-linear .md-container.md-mode-query .md-bar1 {
    display: none
}

md-progress-linear .md-container.md-mode-query .md-bar2 {
    transition: all .2s linear;
    -webkit-animation: query .8s infinite cubic-bezier(.39, .575, .565, 1);
    animation: query .8s infinite cubic-bezier(.39, .575, .565, 1)
}

md-progress-linear .md-container.md-mode-determinate .md-bar1 {
    display: none
}

md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
    -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
    animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite
}

md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
    -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
    animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite
}

md-progress-linear .md-container.ng-hide {
    -webkit-animation: none;
    animation: none
}

md-progress-linear .md-container.ng-hide .md-bar1,
md-progress-linear .md-container.ng-hide .md-bar2 {
    -webkit-animation-name: none;
    animation-name: none
}

md-progress-linear .md-container.md-mode-buffer {
    background-color: transparent!important;
    transition: all .2s linear
}

md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
    display: block;
    -webkit-animation: buffer 3s infinite linear;
    animation: buffer 3s infinite linear
}

@-webkit-keyframes query {
    0% {
        opacity: 1;
        -webkit-transform: translateX(35%) scale(.3, 1);
        transform: translateX(35%) scale(.3, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(0, 1);
        transform: translateX(-50%) scale(0, 1)
    }
}

@keyframes query {
    0% {
        opacity: 1;
        -webkit-transform: translateX(35%) scale(.3, 1);
        transform: translateX(35%) scale(.3, 1)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%) scale(0, 1);
        transform: translateX(-50%) scale(0, 1)
    }
}

@-webkit-keyframes buffer {
    0% {
        opacity: 1;
        background-position: 0 -23px
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1;
        background-position: -200px -23px
    }
}

@keyframes buffer {
    0% {
        opacity: 1;
        background-position: 0 -23px
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1;
        background-position: -200px -23px
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
    0% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    36.6% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        -webkit-animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
        animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1)
    }
    69.15% {
        -webkit-transform: scaleX(.83);
        transform: scaleX(.83);
        -webkit-animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098);
        animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098)
    }
    100% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1)
    }
}

@keyframes md-progress-linear-indeterminate-scale-1 {
    0% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    36.6% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        -webkit-animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
        animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1)
    }
    69.15% {
        -webkit-transform: scaleX(.83);
        transform: scaleX(.83);
        -webkit-animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098);
        animation-timing-function: cubic-bezier(.22573, 0, .23365, 1.37098)
    }
    100% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1)
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-1 {
    0% {
        left: -105.16667%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    20% {
        left: -105.16667%;
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582)
    }
    69.15% {
        left: 21.5%;
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635)
    }
    100% {
        left: 95.44444%
    }
}

@keyframes md-progress-linear-indeterminate-1 {
    0% {
        left: -105.16667%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    20% {
        left: -105.16667%;
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582)
    }
    69.15% {
        left: 21.5%;
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635)
    }
    100% {
        left: 95.44444%
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
    0% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        -webkit-animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
        animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397)
    }
    19.15% {
        -webkit-transform: scaleX(.57);
        transform: scaleX(.57);
        -webkit-animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
        animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432)
    }
    44.15% {
        -webkit-transform: scaleX(.91);
        transform: scaleX(.91);
        -webkit-animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
        animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179)
    }
    100% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1)
    }
}

@keyframes md-progress-linear-indeterminate-scale-2 {
    0% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1);
        -webkit-animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
        animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397)
    }
    19.15% {
        -webkit-transform: scaleX(.57);
        transform: scaleX(.57);
        -webkit-animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
        animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432)
    }
    44.15% {
        -webkit-transform: scaleX(.91);
        transform: scaleX(.91);
        -webkit-animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
        animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179)
    }
    100% {
        -webkit-transform: scaleX(.1);
        transform: scaleX(.1)
    }
}

@-webkit-keyframes md-progress-linear-indeterminate-2 {
    0% {
        left: -54.88889%;
        -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40968);
        animation-timing-function: cubic-bezier(.15, 0, .51506, .40968)
    }
    25% {
        left: -17.25%;
        -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372);
        animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372)
    }
    48.35% {
        left: 29.5%;
        -webkit-animation-timing-function: cubic-bezier(.4, .62703, .6, .90203);
        animation-timing-function: cubic-bezier(.4, .62703, .6, .90203)
    }
    100% {
        left: 117.38889%
    }
}

@keyframes md-progress-linear-indeterminate-2 {
    0% {
        left: -54.88889%;
        -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40968);
        animation-timing-function: cubic-bezier(.15, 0, .51506, .40968)
    }
    25% {
        left: -17.25%;
        -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372);
        animation-timing-function: cubic-bezier(.31033, .28406, .8, .73372)
    }
    48.35% {
        left: 29.5%;
        -webkit-animation-timing-function: cubic-bezier(.4, .62703, .6, .90203);
        animation-timing-function: cubic-bezier(.4, .62703, .6, .90203)
    }
    100% {
        left: 117.38889%
    }
}

md-radio-button {
    box-sizing: border-box;
    display: block;
    margin-bottom: 16px;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

md-radio-button[disabled],
md-radio-button[disabled] .md-container {
    cursor: default
}

md-radio-button .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 0;
    right: auto
}

body[dir=rtl] md-radio-button .md-container,
html[dir=rtl] md-radio-button .md-container {
    left: auto;
    right: 0;
    unicode-bidi: embed
}

md-radio-button .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-radio-button .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-radio-button .md-container .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px
}

md-radio-button .md-container:before {
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    width: auto
}

md-radio-button.md-align-top-left>div.md-container {
    top: 12px
}

md-radio-button .md-off {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transition: border-color ease .28s
}

md-radio-button .md-on {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: -webkit-transform ease .28s;
    transition: transform ease .28s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

md-radio-button.md-checked .md-on {
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

md-radio-button .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    margin-right: 0;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    width: auto
}

body[dir=rtl] md-radio-button .md-label,
html[dir=rtl] md-radio-button .md-label {
    margin-left: 0;
    margin-right: 30px;
    unicode-bidi: embed
}

md-radio-button .md-label bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-radio-button .md-label bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-radio-button .circle {
    border-radius: 50%
}

md-radio-group md-radio-button:not(:first-child) {
    margin-top: 16px
}

md-radio-group.layout-row md-radio-button {
    margin: 0 16px 0 0
}

body[dir=rtl] md-radio-group.layout-row md-radio-button,
html[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-left: 16px;
    margin-right: 0;
    unicode-bidi: embed
}

md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-radio-group.layout-row md-radio-button:last-of-type {
    margin-left: 0;
    margin-right: 0
}

md-radio-group:focus {
    outline: 0
}

md-radio-group.md-focused .md-checked .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px
}

.md-inline-form md-radio-group {
    margin: 18px 0 19px
}

.md-inline-form md-radio-group md-radio-button {
    display: inline-block;
    height: 30px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (-ms-high-contrast:active) {
    md-radio-button.md-default-theme .md-on {
        background-color: #fff
    }
}

.md-select-menu-container {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    opacity: 0;
    display: none
}

.md-select-menu-container:not(.md-clickable) {
    pointer-events: none
}

.md-select-menu-container md-progress-circular {
    display: table;
    margin: 24px auto!important
}

.md-select-menu-container.md-active {
    display: block;
    opacity: 1
}

.md-select-menu-container.md-active md-select-menu {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition-duration: 150ms
}

.md-select-menu-container.md-active md-select-menu>* {
    opacity: 1;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-duration: 150ms;
    transition-delay: 100ms
}

.md-select-menu-container.md-leave {
    opacity: 0;
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition-duration: 250ms
}

md-input-container>md-select {
    margin: 0;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

md-select {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 26px
}

md-select[disabled] .md-select-value {
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: no-repeat;
    margin-bottom: -1px
}

md-select:focus {
    outline: 0
}

md-select[disabled]:hover {
    cursor: default
}

md-select:not([disabled]):hover {
    cursor: pointer
}

md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
    border-bottom: 2px solid;
    padding-bottom: 0
}

md-select:not([disabled]):focus .md-select-value {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 0
}

.md-select-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 2px 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    background-color: transparent;
    position: relative;
    box-sizing: content-box;
    min-width: 64px;
    min-height: 26px;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.md-select-value .md-text {
    display: inline
}

.md-select-value:first-child {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0)
}

.md-select-value .md-select-icon {
    display: block;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: end;
    width: 24px;
    margin: 0 4px;
    -webkit-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}

.md-select-value .md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    -webkit-transform: scaleY(.6) scaleX(1);
    transform: scaleY(.6) scaleX(1)
}

.md-select-value.md-select-placeholder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    z-index: 1
}

md-select-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    max-height: 256px;
    min-height: 48px;
    overflow-y: hidden;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1)
}

md-select-menu.md-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

md-select-menu:not(.md-overflow) md-content {
    padding-top: 8px;
    padding-bottom: 8px
}

body[dir=rtl] md-select-menu,
html[dir=rtl] md-select-menu {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    unicode-bidi: embed
}

md-select-menu bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-select-menu bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-select-menu md-content {
    min-width: 136px;
    min-height: 48px;
    max-height: 256px;
    overflow-y: auto
}

md-select-menu>* {
    opacity: 0
}

md-option {
    cursor: pointer;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 0 16px;
    height: 48px
}

md-option[disabled] {
    cursor: default
}

md-option:focus {
    outline: 0
}

md-option .md-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px
}

md-optgroup {
    display: block
}

md-optgroup label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px;
    font-weight: 500
}

md-optgroup md-option {
    padding-left: 32px;
    padding-right: 32px
}

@media screen and (-ms-high-contrast:active) {
    .md-select-backdrop {
        background-color: transparent
    }
    md-select-menu {
        border: 1px solid #fff
    }
}

md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 40px;
    padding-right: 16px
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled,
html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 16px;
    padding-right: 40px;
    unicode-bidi: embed
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container,
html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    left: auto;
    right: 0
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    width: auto
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
    border: none
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 6.67px;
    top: 2.22px;
    display: table;
    width: 6.67px;
    height: 13.33px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''
}

md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
    cursor: default
}

md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
    width: 12px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-left: 10.67px;
    margin-right: auto
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container,
html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-left: auto;
    margin-right: 10.67px;
    unicode-bidi: embed
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-sidenav {
    box-sizing: border-box;
    position: absolute;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 60;
    width: 320px;
    max-width: 320px;
    bottom: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

md-sidenav ul {
    list-style: none
}

md-sidenav.md-closed {
    display: none
}

md-sidenav.md-closed-add,
md-sidenav.md-closed-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: .2s ease-in all
}

md-sidenav.md-closed-add.md-closed-add-active,
md-sidenav.md-closed-remove.md-closed-remove-active {
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-sidenav.md-locked-open,
md-sidenav.md-locked-open-add,
md-sidenav.md-locked-open-remove,
md-sidenav.md-locked-open-remove.md-closed,
md-sidenav.md-locked-open.md-closed,
md-sidenav.md-locked-open.md-closed.md-sidenav-left,
md-sidenav.md-locked-open.md-closed.md-sidenav-right {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-sidenav.md-locked-open-remove-active {
    transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
    width: 0;
    min-width: 0
}

md-sidenav.md-closed.md-locked-open-add {
    width: 0;
    min-width: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-sidenav.md-closed.md-locked-open-add-active {
    transition: width .3s cubic-bezier(.55, 0, .55, .2), min-width .3s cubic-bezier(.55, 0, .55, .2);
    width: 320px;
    min-width: 320px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.md-sidenav-backdrop.md-locked-open {
    display: none
}

.md-sidenav-left,
md-sidenav {
    left: 0;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.md-sidenav-left.md-closed,
md-sidenav.md-closed {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.md-sidenav-right {
    left: 100%;
    top: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.md-sidenav-right.md-closed {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (min-width:600px) {
    md-sidenav {
        max-width: 400px
    }
}

@media screen and (max-width:456px) {
    md-sidenav {
        width: calc(100% - 56px);
        min-width: calc(100% - 56px);
        max-width: calc(100% - 56px)
    }
}

@media screen and (-ms-high-contrast:active) {
    .md-sidenav-left,
    md-sidenav {
        border-right: 1px solid #fff
    }
    .md-sidenav-right {
        border-left: 1px solid #fff
    }
}

@-webkit-keyframes sliderFocusThumb {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes sliderFocusThumb {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

md-slider {
    height: 48px;
    position: relative;
    display: block;
    margin-left: 4px;
    margin-right: 4px;
    padding: 0
}

md-slider *,
md-slider:after {
    box-sizing: border-box
}

md-slider .md-slider-wrapper {
    position: relative
}

md-slider .md-track-container {
    width: 100%;
    position: absolute;
    top: 23px;
    height: 2px
}

md-slider .md-track {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%
}

md-slider .md-track-fill {
    transition: width .05s linear
}

md-slider .md-track-ticks {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%
}

md-slider .md-track-ticks canvas {
    width: 100%
}

md-slider .md-thumb-container {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: left .1s linear
}

md-slider .md-thumb {
    z-index: 1;
    position: absolute;
    left: -19px;
    top: 5px;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: all .1s linear
}

md-slider .md-thumb:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    border-width: 3px;
    border-style: solid
}

md-slider .md-sign {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: -14px;
    top: -20px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-transform: scale(.4) translate3d(0, 70px, 0);
    transform: scale(.4) translate3d(0, 70px, 0);
    transition: all .2s ease-in-out
}

md-slider .md-sign:after {
    position: absolute;
    content: '';
    left: 0;
    border-radius: 16px;
    top: 19px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top-width: 16px;
    border-top-style: solid;
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
    transition: all .2s ease-in-out
}

md-slider .md-sign .md-thumb-text {
    z-index: 1;
    font-size: 12px;
    font-weight: 700
}

md-slider .md-focus-thumb {
    position: absolute;
    left: -24px;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    display: none;
    opacity: 0;
    background-color: silver;
    -webkit-animation: sliderFocusThumb .4s linear;
    animation: sliderFocusThumb .4s linear
}

md-slider .md-focus-ring {
    position: absolute;
    left: -24px;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .2s linear;
    opacity: .26
}

md-slider .md-disabled-thumb {
    position: absolute;
    left: -22px;
    top: 2px;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    -webkit-transform: scale(.35);
    transform: scale(.35);
    border-width: 6px;
    border-style: solid;
    display: none
}

md-slider.md-min .md-thumb:after {
    background-color: #fff
}

md-slider.md-min .md-sign {
    opacity: 0
}

md-slider:focus {
    outline: 0
}

md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
    transition: none
}

md-slider:not([md-discrete]) .md-sign,
md-slider:not([md-discrete]) .md-track-ticks {
    display: none
}

md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb,
md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb {
    display: block
}

md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring,
md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring {
    -webkit-transform: scale(1);
    transform: scale(1)
}

md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb,
md-slider:not([md-discrete]):not([disabled]):focus .md-thumb {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

md-slider[md-discrete] .md-focus-ring,
md-slider[md-discrete] .md-focus-thumb {
    display: none
}

md-slider[md-discrete]:not([disabled]).md-active .md-sign,
md-slider[md-discrete]:not([disabled]).md-active .md-sign:after,
md-slider[md-discrete]:not([disabled]):focus .md-sign,
md-slider[md-discrete]:not([disabled]):focus .md-sign:after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

md-slider[disabled] .md-sign,
md-slider[disabled] .md-track-fill {
    display: none
}

md-slider[disabled] .md-thumb {
    -webkit-transform: scale(.35);
    transform: scale(.35)
}

md-slider[disabled] .md-disabled-thumb {
    display: block
}

@media screen and (-ms-high-contrast:active) {
    md-slider.md-default-theme .md-track {
        border-bottom: 1px solid #fff
    }
}

.md-sticky-clone {
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    position: absolute!important;
    -webkit-transform: translate3d(-9999px, -9999px, 0);
    transform: translate3d(-9999px, -9999px, 0)
}

.md-sticky-clone[sticky-state=active] {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) .md-subheader-inner {
    -webkit-animation: subheaderStickyHoverIn .3s ease-out both;
    animation: subheaderStickyHoverIn .3s ease-out both
}

@-webkit-keyframes subheaderStickyHoverIn {
    0% {
        box-shadow: 0 0 0 0 transparent
    }
    100% {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
    }
}

@keyframes subheaderStickyHoverIn {
    0% {
        box-shadow: 0 0 0 0 transparent
    }
    100% {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
    }
}

@-webkit-keyframes subheaderStickyHoverOut {
    0% {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
    }
    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes subheaderStickyHoverOut {
    0% {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
    }
    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

.md-subheader-wrapper:not(.md-sticky-no-effect) {
    transition: .2s ease-out margin
}

.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
    margin: 0
}

.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
    z-index: 2
}

.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active] {
    margin-top: -2px
}

.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after {
    -webkit-animation: subheaderStickyHoverOut .3s ease-out both;
    animation: subheaderStickyHoverOut .3s ease-out both
}

.md-subheader {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    margin: 0;
    position: relative
}

.md-subheader .md-subheader-inner {
    display: block;
    padding: 16px
}

.md-subheader .md-subheader-content {
    display: block;
    z-index: 1;
    position: relative
}

.md-inline-form md-switch {
    margin-top: 18px;
    margin-bottom: 19px
}

md-switch {
    margin: 16px;
    margin-left: inherit;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
    line-height: 28px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

body[dir=rtl] md-switch,
html[dir=rtl] md-switch {
    margin-left: 16px;
    margin-right: inherit;
    unicode-bidi: embed
}

md-switch bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-switch bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0
}

body[dir=rtl] md-switch:last-of-type,
html[dir=rtl] md-switch:last-of-type {
    margin-left: 0;
    margin-right: inherit;
    unicode-bidi: embed
}

md-switch:last-of-type bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override
}

md-switch:last-of-type bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override
}

md-switch[disabled],
md-switch[disabled] .md-container {
    cursor: default
}

md-switch .md-container {
    cursor: -webkit-grab;
    cursor: grab;
    width: 36px;
    height: 24px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 8px;
    float: left
}

md-switch:not([disabled]) .md-dragging,
md-switch:not([disabled]).md-dragging .md-container {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

md-switch.md-focused:not([disabled]) .md-thumb:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px
}

md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
    background-color: rgba(0, 0, 0, .12)
}

md-switch .md-label {
    border-color: transparent;
    border-width: 0;
    float: left
}

md-switch .md-bar {
    left: 1px;
    width: 34px;
    top: 5px;
    height: 14px;
    border-radius: 8px;
    position: absolute
}

md-switch .md-thumb-container {
    top: 2px;
    left: 0;
    width: 16px;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1
}

md-switch.md-checked .md-thumb-container {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

md-switch .md-thumb {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

md-switch .md-thumb:before {
    background-color: transparent;
    border-radius: 50%;
    content: '';
    position: absolute;
    display: block;
    height: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all .5s;
    width: auto
}

md-switch .md-thumb .md-ripple-container {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb,
md-switch:not(.md-dragging) .md-thumb-container {
    transition: all .08s linear;
    transition-property: -webkit-transform, background-color;
    transition-property: transform, background-color
}

md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
    transition-delay: .05s
}

@media screen and (-ms-high-contrast:active) {
    md-switch.md-default-theme .md-bar {
        background-color: #666
    }
    md-switch.md-default-theme.md-checked .md-bar {
        background-color: #9E9E9E
    }
    md-switch.md-default-theme .md-thumb {
        background-color: #fff
    }
}

md-toast {
    position: absolute;
    z-index: 105;
    box-sizing: border-box;
    cursor: default;
    overflow: hidden;
    padding: 8px;
    opacity: 1;
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-toast .md-toast-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-toast.md-capsule,
md-toast.md-capsule .md-toast-content {
    border-radius: 24px
}

md-toast.ng-leave-active .md-toast-content {
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-toast.md-swipedown .md-toast-content,
md-toast.md-swipeleft .md-toast-content,
md-toast.md-swiperight .md-toast-content,
md-toast.md-swipeup .md-toast-content {
    transition: all .4s cubic-bezier(.25, .8, .25, 1)
}

md-toast.ng-enter {
    opacity: 0
}

md-toast.ng-enter .md-toast-content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

md-toast.ng-enter.md-top .md-toast-content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

md-toast.ng-enter.ng-enter-active {
    opacity: 1
}

md-toast.ng-enter.ng-enter-active .md-toast-content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-toast.ng-leave.ng-leave-active .md-toast-content {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

md-toast .md-action {
    line-height: 19px;
    margin-left: 24px;
    margin-right: 0;
    cursor: pointer;
    text-transform: uppercase;
    float: right
}

md-toast .md-action.md-button {
    min-width: 0
}

@media (max-width:959px) {
    md-toast {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-radius: 0;
        bottom: 0
    }
    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}

@media (min-width:960px) {
    md-toast {
        min-width: 304px
    }
    md-toast.md-bottom {
        bottom: 0
    }
    md-toast.md-left {
        left: 0
    }
    md-toast.md-right {
        right: 0
    }
    md-toast.md-top {
        top: 0
    }
    md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
}

@media (min-width:1920px) {
    md-toast .md-toast-content {
        max-width: 568px
    }
}

@media screen and (-ms-high-contrast:active) {
    md-toast {
        border: 1px solid #fff
    }
}

.md-toast-animating {
    overflow: hidden!important
}

@-webkit-keyframes md-tab-content-hide {
    0%,
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes md-tab-content-hide {
    0%,
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

md-tab-data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0
}

md-tabs {
    display: block;
    margin: 0;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 248px
}

md-tabs[md-align-tabs=bottom] {
    padding-bottom: 48px
}

md-tabs[md-align-tabs=bottom] md-tabs-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    z-index: 2
}

md-tabs[md-align-tabs=bottom] md-tabs-content-wrapper {
    top: 0;
    bottom: 48px
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
    min-height: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: visible
}

md-tabs.md-dynamic-height md-tab-content.md-active {
    position: relative
}

md-tabs[md-border-bottom] md-tabs-wrapper {
    border-width: 0 0 1px;
    border-style: solid
}

md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
    top: 49px
}

md-tabs-wrapper {
    display: block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-tabs-wrapper md-next-button,
md-tabs-wrapper md-prev-button {
    height: 100%;
    width: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1em;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    background: center center no-repeat;
    transition: all .5s cubic-bezier(.35, 0, .25, 1)
}

md-tabs-wrapper md-next-button:focus,
md-tabs-wrapper md-prev-button:focus {
    outline: 0
}

md-tabs-wrapper md-next-button.md-disabled,
md-tabs-wrapper md-prev-button.md-disabled {
    opacity: .25;
    cursor: default
}

md-tabs-wrapper md-next-button.ng-leave,
md-tabs-wrapper md-prev-button.ng-leave {
    transition: none
}

md-tabs-wrapper md-next-button md-icon,
md-tabs-wrapper md-prev-button md-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

md-tabs-wrapper md-prev-button {
    left: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==)
}

md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K)
}

md-tabs-wrapper md-next-button md-icon {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
    transform: translate3d(-50%, -50%, 0) rotate(180deg)
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

md-tabs-canvas {
    position: relative;
    overflow: hidden;
    display: block;
    height: 48px
}

md-tabs-canvas:after {
    content: '';
    display: table;
    clear: both
}

md-tabs-canvas .md-dummy-wrapper {
    position: absolute;
    top: 0;
    left: 0
}

md-tabs-canvas.md-paginated {
    margin: 0 32px
}

md-tabs-canvas.md-center-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

md-tabs-canvas.md-center-tabs .md-tab {
    float: none;
    display: inline-block
}

md-pagination-wrapper {
    height: 48px;
    display: block;
    transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
    transition: transform .5s cubic-bezier(.35, 0, .25, 1);
    position: absolute;
    width: 999999px;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-pagination-wrapper:after {
    content: '';
    display: table;
    clear: both
}

md-pagination-wrapper.md-center-tabs {
    position: relative;
    width: initial;
    margin: 0 auto
}

md-tabs-content-wrapper {
    display: block;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

md-tab-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: -webkit-transform .5s cubic-bezier(.35, 0, .25, 1);
    transition: transform .5s cubic-bezier(.35, 0, .25, 1);
    overflow: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

md-tab-content.md-no-scroll {
    bottom: auto;
    overflow: hidden
}

md-tab-content.md-no-transition,
md-tab-content.ng-leave {
    transition: none
}

md-tab-content.md-left:not(.md-active) {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: 1s md-tab-content-hide;
    animation: 1s md-tab-content-hide;
    opacity: 0
}

md-tab-content.md-left:not(.md-active) * {
    transition: visibility 0s linear;
    transition-delay: .5s;
    visibility: hidden
}

md-tab-content.md-right:not(.md-active) {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation: 1s md-tab-content-hide;
    animation: 1s md-tab-content-hide;
    opacity: 0
}

md-tab-content.md-right:not(.md-active) * {
    transition: visibility 0s linear;
    transition-delay: .5s;
    visibility: hidden
}

md-tab-content>div.ng-leave {
    -webkit-animation: 1s md-tab-content-hide;
    animation: 1s md-tab-content-hide
}

md-ink-bar {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    height: 2px
}

md-ink-bar.md-left {
    transition: left .125s cubic-bezier(.35, 0, .25, 1), right .25s cubic-bezier(.35, 0, .25, 1)
}

md-ink-bar.md-right {
    transition: left .25s cubic-bezier(.35, 0, .25, 1), right .125s cubic-bezier(.35, 0, .25, 1)
}

md-tab {
    position: absolute;
    z-index: -1;
    left: -9999px
}

.md-tab {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    padding: 12px 24px;
    transition: background-color .35s cubic-bezier(.35, 0, .25, 1);
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    text-transform: uppercase;
    float: left;
    font-weight: 500;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.md-tab.md-focused {
    box-shadow: none;
    outline: 0
}

.md-tab.md-active {
    cursor: default
}

.md-tab.md-disabled {
    pointer-events: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    opacity: .5;
    cursor: default
}

.md-tab.ng-leave {
    transition: none
}

md-toolbar+md-tabs {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

md-toolbar {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    font-size: 20px;
    min-height: 64px;
    width: 100%
}

md-toolbar.md-whiteframe-z1-add,
md-toolbar.md-whiteframe-z1-remove {
    transition: box-shadow .5s linear
}

md-toolbar md-toolbar-filler {
    width: 72px
}

md-toolbar *,
md-toolbar:after,
md-toolbar:before {
    box-sizing: border-box
}

md-toolbar.md-tall {
    height: 128px;
    min-height: 128px;
    max-height: 128px
}

md-toolbar.md-medium-tall {
    height: 88px;
    min-height: 88px;
    max-height: 88px
}

md-toolbar.md-medium-tall .md-toolbar-tools {
    height: 48px;
    min-height: 48px;
    max-height: 48px
}

md-toolbar>.md-indent {
    margin-left: 64px
}

md-toolbar~md-content>md-list {
    padding: 0
}

md-toolbar~md-content>md-list md-list-item:last-child md-divider {
    display: none
}

.md-toolbar-tools {
    font-size: 20px;
    letter-spacing: .005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 64px;
    max-height: 64px;
    padding: 0 16px;
    margin: 0
}

.md-toolbar-tools h1,
.md-toolbar-tools h2,
.md-toolbar-tools h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit
}

.md-toolbar-tools a {
    color: inherit;
    text-decoration: none
}

.md-toolbar-tools .fill-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.md-toolbar-tools .md-button {
    margin-top: 0;
    margin-bottom: 0
}

.md-toolbar-tools>.md-button:first-child {
    margin-left: -8px
}

.md-toolbar-tools>.md-button:last-child,
.md-toolbar-tools>md-menu:last-child {
    margin-right: -8px
}

.md-toolbar-tools>md-menu:last-child>.md-button {
    margin-right: 0
}

@media screen and (-ms-high-contrast:active) {
    .md-toolbar-tools {
        border-bottom: 1px solid #fff
    }
}

@media only screen and (min-width:0) and (max-width:959px) and (orientation:portrait) {
    md-toolbar {
        min-height: 56px
    }
    .md-toolbar-tools {
        height: 56px;
        max-height: 56px
    }
}

@media only screen and (min-width:0) and (max-width:959px) and (orientation:landscape) {
    md-toolbar {
        min-height: 48px
    }
    .md-toolbar-tools {
        height: 48px;
        max-height: 48px
    }
}

md-tooltip {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    pointer-events: none;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px
}

@media screen and (min-width:960px) {
    md-tooltip {
        font-size: 10px
    }
}

md-tooltip .md-content {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:960px) {
    md-tooltip .md-content {
        height: 22px;
        line-height: 22px;
        padding-left: 8px;
        padding-right: 8px
    }
}

md-tooltip .md-content.md-show-add {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition-duration: .2s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

md-tooltip .md-content.md-show,
md-tooltip .md-content.md-show-add-active {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

md-tooltip .md-content.md-show-remove {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition-duration: .2s
}

md-tooltip .md-content.md-show-remove.md-show-remove-active {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

md-tooltip.md-hide {
    transition: all .3s cubic-bezier(.55, 0, .55, .2)
}

md-tooltip.md-show {
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    pointer-events: auto
}

.md-virtual-repeat-container {
    box-sizing: border-box;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    width: 1px
}

.md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
    overflow-x: auto;
    overflow-y: hidden
}

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
    bottom: 16px;
    right: auto;
    white-space: nowrap
}

.md-whiteframe-1dp,
.md-whiteframe-z1 {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12)
}

.md-whiteframe-2dp {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12)
}

.md-whiteframe-3dp {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12)
}

.md-whiteframe-4dp,
.md-whiteframe-z2 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.md-whiteframe-5dp {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.md-whiteframe-6dp {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.md-whiteframe-7dp,
.md-whiteframe-z3 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.md-whiteframe-8dp {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.md-whiteframe-9dp {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.md-whiteframe-10dp,
.md-whiteframe-z4 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.md-whiteframe-11dp {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.md-whiteframe-12dp {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.md-whiteframe-13dp,
.md-whiteframe-z5 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.md-whiteframe-14dp {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.md-whiteframe-15dp {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.md-whiteframe-16dp {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.md-whiteframe-17dp {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.md-whiteframe-18dp {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.md-whiteframe-19dp {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.md-whiteframe-20dp {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.md-whiteframe-21dp {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.md-whiteframe-22dp {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.md-whiteframe-23dp {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.md-whiteframe-24dp {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

@media screen and (-ms-high-contrast:active) {
    md-whiteframe {
        border: 1px solid #fff
    }
}

@-moz-document url-prefix() {
    [layout-fill] {
        margin: 0;
        width: 100%;
        min-height: 100%;
        height: 100%
    }
}

[flex-order] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

[flex-order="-20"] {
    -webkit-order: -20;
    -ms-flex-order: -20;
    order: -20
}

[flex-order="-19"] {
    -webkit-order: -19;
    -ms-flex-order: -19;
    order: -19
}

[flex-order="-18"] {
    -webkit-order: -18;
    -ms-flex-order: -18;
    order: -18
}

[flex-order="-17"] {
    -webkit-order: -17;
    -ms-flex-order: -17;
    order: -17
}

[flex-order="-16"] {
    -webkit-order: -16;
    -ms-flex-order: -16;
    order: -16
}

[flex-order="-15"] {
    -webkit-order: -15;
    -ms-flex-order: -15;
    order: -15
}

[flex-order="-14"] {
    -webkit-order: -14;
    -ms-flex-order: -14;
    order: -14
}

[flex-order="-13"] {
    -webkit-order: -13;
    -ms-flex-order: -13;
    order: -13
}

[flex-order="-12"] {
    -webkit-order: -12;
    -ms-flex-order: -12;
    order: -12
}

[flex-order="-11"] {
    -webkit-order: -11;
    -ms-flex-order: -11;
    order: -11
}

[flex-order="-10"] {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10
}

[flex-order="-9"] {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9
}

[flex-order="-8"] {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8
}

[flex-order="-7"] {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7
}

[flex-order="-6"] {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6
}

[flex-order="-5"] {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5
}

[flex-order="-4"] {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4
}

[flex-order="-3"] {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3
}

[flex-order="-2"] {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2
}

[flex-order="-1"] {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

[flex-order="0"] {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

[flex-order="1"] {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

[flex-order="2"] {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

[flex-order="3"] {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

[flex-order="4"] {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

[flex-order="5"] {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

[flex-order="6"] {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

[flex-order="7"] {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

[flex-order="8"] {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

[flex-order="9"] {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

[flex-order="10"] {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

[flex-order="11"] {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

[flex-order="12"] {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

[flex-order="13"] {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

[flex-order="14"] {
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14
}

[flex-order="15"] {
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15
}

[flex-order="16"] {
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16
}

[flex-order="17"] {
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17
}

[flex-order="18"] {
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18
}

[flex-order="19"] {
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19
}

[flex-order="20"] {
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

[flex-offset="0"] {
    margin-left: 0
}

[flex-offset="5"] {
    margin-left: 5%
}

[flex-offset="10"] {
    margin-left: 10%
}

[flex-offset="15"] {
    margin-left: 15%
}

[flex-offset="20"] {
    margin-left: 20%
}

[flex-offset="25"] {
    margin-left: 25%
}

[flex-offset="30"] {
    margin-left: 30%
}

[flex-offset="35"] {
    margin-left: 35%
}

[flex-offset="40"] {
    margin-left: 40%
}

[flex-offset="45"] {
    margin-left: 45%
}

[flex-offset="50"] {
    margin-left: 50%
}

[flex-offset="55"] {
    margin-left: 55%
}

[flex-offset="60"] {
    margin-left: 60%
}

[flex-offset="65"] {
    margin-left: 65%
}

[flex-offset="70"] {
    margin-left: 70%
}

[flex-offset="75"] {
    margin-left: 75%
}

[flex-offset="80"] {
    margin-left: 80%
}

[flex-offset="85"] {
    margin-left: 85%
}

[flex-offset="90"] {
    margin-left: 90%
}

[flex-offset="95"] {
    margin-left: 95%
}

[flex-offset="33"] {
    margin-left: calc(100% / 3)
}

[flex-offset="66"] {
    margin-left: calc(200% / 3)
}

[layout-align] {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

[layout-align=start],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

[layout-align=center],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

[layout-align=end],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[layout-align="space-around end"],
[layout-align="space-around stretch"],
[layout-align=space-around],
[layout-align="space-around center"],
[layout-align="space-around start"] {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

[layout-align=space-between],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[layout-align="space-between start"],
[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-around start"] {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

[layout-align="space-between center"],
[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-around center"] {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%
}

[layout-align="space-between center"]>*,
[layout-align="start center"]>*,
[layout-align="center center"]>*,
[layout-align="end center"]>*,
[layout-align="space-around center"]>* {
    max-width: 100%;
    box-sizing: border-box
}

[layout-align="space-around end"],
[layout-align="space-between end"],
[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"] {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

[layout-align="space-around stretch"],
[layout-align="space-between stretch"],
[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"] {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

[flex] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box
}

@media screen\0 {
    [flex] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

[flex-grow] {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box
}

[flex-initial] {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box
}

[flex-auto] {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box
}

[flex-none] {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box
}

[flex="0"],
[layout=row]>[flex="0"] {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="0"] {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box
}

[flex="5"],
[layout=row]>[flex="5"] {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="5"] {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box
}

[flex="10"],
[layout=row]>[flex="10"] {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="10"] {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box
}

[flex="15"],
[layout=row]>[flex="15"] {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="15"] {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box
}

[flex="20"],
[layout=row]>[flex="20"] {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="20"] {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box
}

[flex="25"],
[layout=row]>[flex="25"] {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="25"] {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box
}

[flex="30"],
[layout=row]>[flex="30"] {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="30"] {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box
}

[flex="35"],
[layout=row]>[flex="35"] {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="35"] {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box
}

[flex="40"],
[layout=row]>[flex="40"] {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="40"] {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box
}

[flex="45"],
[layout=row]>[flex="45"] {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="45"] {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box
}

[flex="50"],
[layout=row]>[flex="50"] {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="50"] {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box
}

[flex="55"],
[layout=row]>[flex="55"] {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="55"] {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box
}

[flex="60"],
[layout=row]>[flex="60"] {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="60"] {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box
}

[flex="65"],
[layout=row]>[flex="65"] {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="65"] {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box
}

[flex="70"],
[layout=row]>[flex="70"] {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="70"] {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box
}

[flex="75"],
[layout=row]>[flex="75"] {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="75"] {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box
}

[flex="80"],
[layout=row]>[flex="80"] {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="80"] {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box
}

[flex="85"],
[layout=row]>[flex="85"] {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="85"] {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box
}

[flex="90"],
[layout=row]>[flex="90"] {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="90"] {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box
}

[flex="95"],
[layout=row]>[flex="95"] {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="95"] {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box
}

[flex="100"],
[layout=row]>[flex="100"],
[layout=column]>[flex="100"] {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=row]>[flex="33"] {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=row]>[flex="66"] {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box
}

[layout=column]>[flex="33"] {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box
}

[layout=column]>[flex="66"] {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box
}

[layout=row],
[layout=column],
[layout] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[layout=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

[layout=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

[layout-padding]>[flex-lt-md],
[layout-padding]>[flex-sm] {
    padding: 4px
}

[layout-padding],
[layout-padding]>[flex-gt-sm],
[layout-padding]>[flex-lt-lg],
[layout-padding]>[flex-md],
[layout-padding]>[flex] {
    padding: 8px
}

[layout-padding]>[flex-gt-md],
[layout-padding]>[flex-lg] {
    padding: 16px
}

[layout-margin]>[flex-lt-md],
[layout-margin]>[flex-sm] {
    margin: 4px
}

[layout-margin],
[layout-margin]>[flex-gt-sm],
[layout-margin]>[flex-lt-lg],
[layout-margin]>[flex-md],
[layout-margin]>[flex] {
    margin: 8px
}

[layout-margin]>[flex-gt-md],
[layout-margin]>[flex-lg] {
    margin: 16px
}

[layout-wrap] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[layout-nowrap] {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

[layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%
}

@media (max-width:599px) {
    [hide-xs]:not([show-xs]):not([show]),
    [hide]:not([show-xs]):not([show]) {
        display: none
    }
    [flex-order-xs="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-xs="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-xs="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-xs="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-xs="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-xs="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-xs="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-xs="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-xs="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-xs="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-xs="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-xs="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-xs="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-xs="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-xs="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-xs="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-xs="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-xs="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-xs="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-xs="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-xs="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-xs="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-xs="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-xs="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-xs="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-xs="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-xs="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-xs="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-xs="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-xs="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-xs="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-xs="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-xs="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-xs="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-xs="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-xs="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-xs="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-xs="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-xs="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-xs="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-xs="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-xs="0"] {
        margin-left: 0
    }
    [flex-offset-xs="5"] {
        margin-left: 5%
    }
    [flex-offset-xs="10"] {
        margin-left: 10%
    }
    [flex-offset-xs="15"] {
        margin-left: 15%
    }
    [flex-offset-xs="20"] {
        margin-left: 20%
    }
    [flex-offset-xs="25"] {
        margin-left: 25%
    }
    [flex-offset-xs="30"] {
        margin-left: 30%
    }
    [flex-offset-xs="35"] {
        margin-left: 35%
    }
    [flex-offset-xs="40"] {
        margin-left: 40%
    }
    [flex-offset-xs="45"] {
        margin-left: 45%
    }
    [flex-offset-xs="50"] {
        margin-left: 50%
    }
    [flex-offset-xs="55"] {
        margin-left: 55%
    }
    [flex-offset-xs="60"] {
        margin-left: 60%
    }
    [flex-offset-xs="65"] {
        margin-left: 65%
    }
    [flex-offset-xs="70"] {
        margin-left: 70%
    }
    [flex-offset-xs="75"] {
        margin-left: 75%
    }
    [flex-offset-xs="80"] {
        margin-left: 80%
    }
    [flex-offset-xs="85"] {
        margin-left: 85%
    }
    [flex-offset-xs="90"] {
        margin-left: 90%
    }
    [flex-offset-xs="95"] {
        margin-left: 95%
    }
    [flex-offset-xs="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-xs="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-xs] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-xs=start],
    [layout-align-xs="start start"],
    [layout-align-xs="start center"],
    [layout-align-xs="start end"],
    [layout-align-xs="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-xs=center],
    [layout-align-xs="center start"],
    [layout-align-xs="center center"],
    [layout-align-xs="center end"],
    [layout-align-xs="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-xs=end],
    [layout-align-xs="end center"],
    [layout-align-xs="end start"],
    [layout-align-xs="end end"],
    [layout-align-xs="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-xs="space-around end"],
    [layout-align-xs="space-around stretch"],
    [layout-align-xs=space-around],
    [layout-align-xs="space-around center"],
    [layout-align-xs="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-xs=space-between],
    [layout-align-xs="space-between center"],
    [layout-align-xs="space-between start"],
    [layout-align-xs="space-between end"],
    [layout-align-xs="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-xs="space-between start"],
    [layout-align-xs="start start"],
    [layout-align-xs="center start"],
    [layout-align-xs="end start"],
    [layout-align-xs="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-xs="space-between center"],
    [layout-align-xs="start center"],
    [layout-align-xs="center center"],
    [layout-align-xs="end center"],
    [layout-align-xs="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-xs="space-between center"]>*,
    [layout-align-xs="start center"]>*,
    [layout-align-xs="center center"]>*,
    [layout-align-xs="end center"]>*,
    [layout-align-xs="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-xs="space-around end"],
    [layout-align-xs="space-between end"],
    [layout-align-xs="start end"],
    [layout-align-xs="center end"],
    [layout-align-xs="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-xs="space-around stretch"],
    [layout-align-xs="space-between stretch"],
    [layout-align-xs="start stretch"],
    [layout-align-xs="center stretch"],
    [layout-align-xs="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-xs] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (max-width:599px) {
    [flex-xs] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (max-width:599px) {
    [flex-xs-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-xs-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-xs-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-xs-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-xs="0"],
    [layout-xs=row]>[flex-xs="0"],
    [layout=row]>[flex-xs="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="0"],
    [layout=column]>[flex-xs="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-xs="5"],
    [layout-xs=row]>[flex-xs="5"],
    [layout=row]>[flex-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="5"],
    [layout=column]>[flex-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-xs="10"],
    [layout-xs=row]>[flex-xs="10"],
    [layout=row]>[flex-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="10"],
    [layout=column]>[flex-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-xs="15"],
    [layout-xs=row]>[flex-xs="15"],
    [layout=row]>[flex-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="15"],
    [layout=column]>[flex-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-xs="20"],
    [layout-xs=row]>[flex-xs="20"],
    [layout=row]>[flex-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="20"],
    [layout=column]>[flex-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-xs="25"],
    [layout-xs=row]>[flex-xs="25"],
    [layout=row]>[flex-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="25"],
    [layout=column]>[flex-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-xs="30"],
    [layout-xs=row]>[flex-xs="30"],
    [layout=row]>[flex-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="30"],
    [layout=column]>[flex-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-xs="35"],
    [layout-xs=row]>[flex-xs="35"],
    [layout=row]>[flex-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="35"],
    [layout=column]>[flex-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-xs="40"],
    [layout-xs=row]>[flex-xs="40"],
    [layout=row]>[flex-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="40"],
    [layout=column]>[flex-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-xs="45"],
    [layout-xs=row]>[flex-xs="45"],
    [layout=row]>[flex-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="45"],
    [layout=column]>[flex-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-xs="50"],
    [layout-xs=row]>[flex-xs="50"],
    [layout=row]>[flex-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="50"],
    [layout=column]>[flex-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-xs="55"],
    [layout-xs=row]>[flex-xs="55"],
    [layout=row]>[flex-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="55"],
    [layout=column]>[flex-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-xs="60"],
    [layout-xs=row]>[flex-xs="60"],
    [layout=row]>[flex-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="60"],
    [layout=column]>[flex-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-xs="65"],
    [layout-xs=row]>[flex-xs="65"],
    [layout=row]>[flex-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="65"],
    [layout=column]>[flex-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-xs="70"],
    [layout-xs=row]>[flex-xs="70"],
    [layout=row]>[flex-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="70"],
    [layout=column]>[flex-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-xs="75"],
    [layout-xs=row]>[flex-xs="75"],
    [layout=row]>[flex-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="75"],
    [layout=column]>[flex-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-xs="80"],
    [layout-xs=row]>[flex-xs="80"],
    [layout=row]>[flex-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="80"],
    [layout=column]>[flex-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-xs="85"],
    [layout-xs=row]>[flex-xs="85"],
    [layout=row]>[flex-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="85"],
    [layout=column]>[flex-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-xs="90"],
    [layout-xs=row]>[flex-xs="90"],
    [layout=row]>[flex-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="90"],
    [layout=column]>[flex-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-xs="95"],
    [layout-xs=row]>[flex-xs="95"],
    [layout=row]>[flex-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="95"],
    [layout=column]>[flex-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-xs="100"],
    [layout-xs=row]>[flex-xs="100"],
    [layout-xs=column]>[flex-xs="100"],
    [layout=row]>[flex-xs="100"],
    [layout=column]>[flex-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=row]>[flex-xs="33"],
    [layout=row]>[flex-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=row]>[flex-xs="66"],
    [layout=row]>[flex-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="33"],
    [layout=column]>[flex-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-xs=column]>[flex-xs="66"],
    [layout=column]>[flex-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-xs=row],
    [layout-xs=column],
    [layout-xs] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-xs=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-xs=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:600px) {
    [flex-order-gt-xs="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-gt-xs="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-gt-xs="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-gt-xs="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-gt-xs="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-gt-xs="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-gt-xs="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-gt-xs="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-gt-xs="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-gt-xs="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-gt-xs="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-gt-xs="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-gt-xs="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-gt-xs="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-gt-xs="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-gt-xs="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-gt-xs="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-gt-xs="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-gt-xs="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-gt-xs="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-gt-xs="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-gt-xs="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-gt-xs="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-gt-xs="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-gt-xs="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-gt-xs="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-gt-xs="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-gt-xs="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-gt-xs="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-gt-xs="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-gt-xs="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-gt-xs="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-gt-xs="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-gt-xs="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-gt-xs="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-gt-xs="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-gt-xs="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-gt-xs="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-gt-xs="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-gt-xs="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-gt-xs="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-gt-xs="0"] {
        margin-left: 0
    }
    [flex-offset-gt-xs="5"] {
        margin-left: 5%
    }
    [flex-offset-gt-xs="10"] {
        margin-left: 10%
    }
    [flex-offset-gt-xs="15"] {
        margin-left: 15%
    }
    [flex-offset-gt-xs="20"] {
        margin-left: 20%
    }
    [flex-offset-gt-xs="25"] {
        margin-left: 25%
    }
    [flex-offset-gt-xs="30"] {
        margin-left: 30%
    }
    [flex-offset-gt-xs="35"] {
        margin-left: 35%
    }
    [flex-offset-gt-xs="40"] {
        margin-left: 40%
    }
    [flex-offset-gt-xs="45"] {
        margin-left: 45%
    }
    [flex-offset-gt-xs="50"] {
        margin-left: 50%
    }
    [flex-offset-gt-xs="55"] {
        margin-left: 55%
    }
    [flex-offset-gt-xs="60"] {
        margin-left: 60%
    }
    [flex-offset-gt-xs="65"] {
        margin-left: 65%
    }
    [flex-offset-gt-xs="70"] {
        margin-left: 70%
    }
    [flex-offset-gt-xs="75"] {
        margin-left: 75%
    }
    [flex-offset-gt-xs="80"] {
        margin-left: 80%
    }
    [flex-offset-gt-xs="85"] {
        margin-left: 85%
    }
    [flex-offset-gt-xs="90"] {
        margin-left: 90%
    }
    [flex-offset-gt-xs="95"] {
        margin-left: 95%
    }
    [flex-offset-gt-xs="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-gt-xs="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-gt-xs] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-gt-xs=start],
    [layout-align-gt-xs="start start"],
    [layout-align-gt-xs="start center"],
    [layout-align-gt-xs="start end"],
    [layout-align-gt-xs="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-gt-xs=center],
    [layout-align-gt-xs="center start"],
    [layout-align-gt-xs="center center"],
    [layout-align-gt-xs="center end"],
    [layout-align-gt-xs="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-gt-xs=end],
    [layout-align-gt-xs="end center"],
    [layout-align-gt-xs="end start"],
    [layout-align-gt-xs="end end"],
    [layout-align-gt-xs="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-gt-xs="space-around end"],
    [layout-align-gt-xs="space-around stretch"],
    [layout-align-gt-xs=space-around],
    [layout-align-gt-xs="space-around center"],
    [layout-align-gt-xs="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-gt-xs=space-between],
    [layout-align-gt-xs="space-between center"],
    [layout-align-gt-xs="space-between start"],
    [layout-align-gt-xs="space-between end"],
    [layout-align-gt-xs="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-gt-xs="space-between start"],
    [layout-align-gt-xs="start start"],
    [layout-align-gt-xs="center start"],
    [layout-align-gt-xs="end start"],
    [layout-align-gt-xs="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-gt-xs="space-between center"],
    [layout-align-gt-xs="start center"],
    [layout-align-gt-xs="center center"],
    [layout-align-gt-xs="end center"],
    [layout-align-gt-xs="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-gt-xs="space-between center"]>*,
    [layout-align-gt-xs="start center"]>*,
    [layout-align-gt-xs="center center"]>*,
    [layout-align-gt-xs="end center"]>*,
    [layout-align-gt-xs="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-gt-xs="space-around end"],
    [layout-align-gt-xs="space-between end"],
    [layout-align-gt-xs="start end"],
    [layout-align-gt-xs="center end"],
    [layout-align-gt-xs="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-gt-xs="space-around stretch"],
    [layout-align-gt-xs="space-between stretch"],
    [layout-align-gt-xs="start stretch"],
    [layout-align-gt-xs="center stretch"],
    [layout-align-gt-xs="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-gt-xs] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:600px) {
    [flex-gt-xs] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:600px) {
    [flex-gt-xs-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-gt-xs-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-gt-xs-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-gt-xs-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-gt-xs="0"],
    [layout-gt-xs=row]>[flex-gt-xs="0"],
    [layout=row]>[flex-gt-xs="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="0"],
    [layout=column]>[flex-gt-xs="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-gt-xs="5"],
    [layout-gt-xs=row]>[flex-gt-xs="5"],
    [layout=row]>[flex-gt-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="5"],
    [layout=column]>[flex-gt-xs="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-gt-xs="10"],
    [layout-gt-xs=row]>[flex-gt-xs="10"],
    [layout=row]>[flex-gt-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="10"],
    [layout=column]>[flex-gt-xs="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-gt-xs="15"],
    [layout-gt-xs=row]>[flex-gt-xs="15"],
    [layout=row]>[flex-gt-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="15"],
    [layout=column]>[flex-gt-xs="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-gt-xs="20"],
    [layout-gt-xs=row]>[flex-gt-xs="20"],
    [layout=row]>[flex-gt-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="20"],
    [layout=column]>[flex-gt-xs="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-gt-xs="25"],
    [layout-gt-xs=row]>[flex-gt-xs="25"],
    [layout=row]>[flex-gt-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="25"],
    [layout=column]>[flex-gt-xs="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-gt-xs="30"],
    [layout-gt-xs=row]>[flex-gt-xs="30"],
    [layout=row]>[flex-gt-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="30"],
    [layout=column]>[flex-gt-xs="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-gt-xs="35"],
    [layout-gt-xs=row]>[flex-gt-xs="35"],
    [layout=row]>[flex-gt-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="35"],
    [layout=column]>[flex-gt-xs="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-gt-xs="40"],
    [layout-gt-xs=row]>[flex-gt-xs="40"],
    [layout=row]>[flex-gt-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="40"],
    [layout=column]>[flex-gt-xs="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-gt-xs="45"],
    [layout-gt-xs=row]>[flex-gt-xs="45"],
    [layout=row]>[flex-gt-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="45"],
    [layout=column]>[flex-gt-xs="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-gt-xs="50"],
    [layout-gt-xs=row]>[flex-gt-xs="50"],
    [layout=row]>[flex-gt-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="50"],
    [layout=column]>[flex-gt-xs="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-gt-xs="55"],
    [layout-gt-xs=row]>[flex-gt-xs="55"],
    [layout=row]>[flex-gt-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="55"],
    [layout=column]>[flex-gt-xs="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-gt-xs="60"],
    [layout-gt-xs=row]>[flex-gt-xs="60"],
    [layout=row]>[flex-gt-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="60"],
    [layout=column]>[flex-gt-xs="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-gt-xs="65"],
    [layout-gt-xs=row]>[flex-gt-xs="65"],
    [layout=row]>[flex-gt-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="65"],
    [layout=column]>[flex-gt-xs="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-gt-xs="70"],
    [layout-gt-xs=row]>[flex-gt-xs="70"],
    [layout=row]>[flex-gt-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="70"],
    [layout=column]>[flex-gt-xs="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-gt-xs="75"],
    [layout-gt-xs=row]>[flex-gt-xs="75"],
    [layout=row]>[flex-gt-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="75"],
    [layout=column]>[flex-gt-xs="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-gt-xs="80"],
    [layout-gt-xs=row]>[flex-gt-xs="80"],
    [layout=row]>[flex-gt-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="80"],
    [layout=column]>[flex-gt-xs="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-gt-xs="85"],
    [layout-gt-xs=row]>[flex-gt-xs="85"],
    [layout=row]>[flex-gt-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="85"],
    [layout=column]>[flex-gt-xs="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-gt-xs="90"],
    [layout-gt-xs=row]>[flex-gt-xs="90"],
    [layout=row]>[flex-gt-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="90"],
    [layout=column]>[flex-gt-xs="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-gt-xs="95"],
    [layout-gt-xs=row]>[flex-gt-xs="95"],
    [layout=row]>[flex-gt-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="95"],
    [layout=column]>[flex-gt-xs="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-gt-xs="100"],
    [layout-gt-xs=row]>[flex-gt-xs="100"],
    [layout-gt-xs=column]>[flex-gt-xs="100"],
    [layout=row]>[flex-gt-xs="100"],
    [layout=column]>[flex-gt-xs="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=row]>[flex-gt-xs="33"],
    [layout=row]>[flex-gt-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=row]>[flex-gt-xs="66"],
    [layout=row]>[flex-gt-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="33"],
    [layout=column]>[flex-gt-xs="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-gt-xs=column]>[flex-gt-xs="66"],
    [layout=column]>[flex-gt-xs="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-gt-xs=row],
    [layout-gt-xs=column],
    [layout-gt-xs] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-gt-xs=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-gt-xs=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:600px) and (max-width:959px) {
    [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]),
    [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]),
    [hide-sm]:not([show-sm]):not([show]) {
        display: none
    }
    [flex-order-sm="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-sm="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-sm="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-sm="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-sm="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-sm="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-sm="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-sm="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-sm="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-sm="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-sm="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-sm="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-sm="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-sm="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-sm="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-sm="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-sm="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-sm="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-sm="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-sm="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-sm="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-sm="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-sm="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-sm="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-sm="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-sm="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-sm="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-sm="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-sm="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-sm="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-sm="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-sm="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-sm="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-sm="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-sm="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-sm="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-sm="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-sm="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-sm="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-sm="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-sm="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-sm="0"] {
        margin-left: 0
    }
    [flex-offset-sm="5"] {
        margin-left: 5%
    }
    [flex-offset-sm="10"] {
        margin-left: 10%
    }
    [flex-offset-sm="15"] {
        margin-left: 15%
    }
    [flex-offset-sm="20"] {
        margin-left: 20%
    }
    [flex-offset-sm="25"] {
        margin-left: 25%
    }
    [flex-offset-sm="30"] {
        margin-left: 30%
    }
    [flex-offset-sm="35"] {
        margin-left: 35%
    }
    [flex-offset-sm="40"] {
        margin-left: 40%
    }
    [flex-offset-sm="45"] {
        margin-left: 45%
    }
    [flex-offset-sm="50"] {
        margin-left: 50%
    }
    [flex-offset-sm="55"] {
        margin-left: 55%
    }
    [flex-offset-sm="60"] {
        margin-left: 60%
    }
    [flex-offset-sm="65"] {
        margin-left: 65%
    }
    [flex-offset-sm="70"] {
        margin-left: 70%
    }
    [flex-offset-sm="75"] {
        margin-left: 75%
    }
    [flex-offset-sm="80"] {
        margin-left: 80%
    }
    [flex-offset-sm="85"] {
        margin-left: 85%
    }
    [flex-offset-sm="90"] {
        margin-left: 90%
    }
    [flex-offset-sm="95"] {
        margin-left: 95%
    }
    [flex-offset-sm="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-sm="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-sm] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-sm=start],
    [layout-align-sm="start start"],
    [layout-align-sm="start center"],
    [layout-align-sm="start end"],
    [layout-align-sm="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-sm=center],
    [layout-align-sm="center start"],
    [layout-align-sm="center center"],
    [layout-align-sm="center end"],
    [layout-align-sm="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-sm=end],
    [layout-align-sm="end center"],
    [layout-align-sm="end start"],
    [layout-align-sm="end end"],
    [layout-align-sm="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-sm="space-around end"],
    [layout-align-sm="space-around stretch"],
    [layout-align-sm=space-around],
    [layout-align-sm="space-around center"],
    [layout-align-sm="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-sm=space-between],
    [layout-align-sm="space-between center"],
    [layout-align-sm="space-between start"],
    [layout-align-sm="space-between end"],
    [layout-align-sm="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-sm="space-between start"],
    [layout-align-sm="start start"],
    [layout-align-sm="center start"],
    [layout-align-sm="end start"],
    [layout-align-sm="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-sm="space-between center"],
    [layout-align-sm="start center"],
    [layout-align-sm="center center"],
    [layout-align-sm="end center"],
    [layout-align-sm="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-sm="space-between center"]>*,
    [layout-align-sm="start center"]>*,
    [layout-align-sm="center center"]>*,
    [layout-align-sm="end center"]>*,
    [layout-align-sm="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-sm="space-around end"],
    [layout-align-sm="space-between end"],
    [layout-align-sm="start end"],
    [layout-align-sm="center end"],
    [layout-align-sm="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-sm="space-around stretch"],
    [layout-align-sm="space-between stretch"],
    [layout-align-sm="start stretch"],
    [layout-align-sm="center stretch"],
    [layout-align-sm="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-sm] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:600px) and (max-width:959px) {
    [flex-sm] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:600px) and (max-width:959px) {
    [flex-sm-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-sm-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-sm-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-sm-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-sm="0"],
    [layout-sm=row]>[flex-sm="0"],
    [layout=row]>[flex-sm="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="0"],
    [layout=column]>[flex-sm="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-sm="5"],
    [layout-sm=row]>[flex-sm="5"],
    [layout=row]>[flex-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="5"],
    [layout=column]>[flex-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-sm="10"],
    [layout-sm=row]>[flex-sm="10"],
    [layout=row]>[flex-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="10"],
    [layout=column]>[flex-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-sm="15"],
    [layout-sm=row]>[flex-sm="15"],
    [layout=row]>[flex-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="15"],
    [layout=column]>[flex-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-sm="20"],
    [layout-sm=row]>[flex-sm="20"],
    [layout=row]>[flex-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="20"],
    [layout=column]>[flex-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-sm="25"],
    [layout-sm=row]>[flex-sm="25"],
    [layout=row]>[flex-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="25"],
    [layout=column]>[flex-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-sm="30"],
    [layout-sm=row]>[flex-sm="30"],
    [layout=row]>[flex-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="30"],
    [layout=column]>[flex-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-sm="35"],
    [layout-sm=row]>[flex-sm="35"],
    [layout=row]>[flex-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="35"],
    [layout=column]>[flex-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-sm="40"],
    [layout-sm=row]>[flex-sm="40"],
    [layout=row]>[flex-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="40"],
    [layout=column]>[flex-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-sm="45"],
    [layout-sm=row]>[flex-sm="45"],
    [layout=row]>[flex-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="45"],
    [layout=column]>[flex-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-sm="50"],
    [layout-sm=row]>[flex-sm="50"],
    [layout=row]>[flex-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="50"],
    [layout=column]>[flex-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-sm="55"],
    [layout-sm=row]>[flex-sm="55"],
    [layout=row]>[flex-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="55"],
    [layout=column]>[flex-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-sm="60"],
    [layout-sm=row]>[flex-sm="60"],
    [layout=row]>[flex-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="60"],
    [layout=column]>[flex-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-sm="65"],
    [layout-sm=row]>[flex-sm="65"],
    [layout=row]>[flex-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="65"],
    [layout=column]>[flex-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-sm="70"],
    [layout-sm=row]>[flex-sm="70"],
    [layout=row]>[flex-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="70"],
    [layout=column]>[flex-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-sm="75"],
    [layout-sm=row]>[flex-sm="75"],
    [layout=row]>[flex-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="75"],
    [layout=column]>[flex-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-sm="80"],
    [layout-sm=row]>[flex-sm="80"],
    [layout=row]>[flex-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="80"],
    [layout=column]>[flex-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-sm="85"],
    [layout-sm=row]>[flex-sm="85"],
    [layout=row]>[flex-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="85"],
    [layout=column]>[flex-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-sm="90"],
    [layout-sm=row]>[flex-sm="90"],
    [layout=row]>[flex-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="90"],
    [layout=column]>[flex-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-sm="95"],
    [layout-sm=row]>[flex-sm="95"],
    [layout=row]>[flex-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="95"],
    [layout=column]>[flex-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-sm="100"],
    [layout-sm=row]>[flex-sm="100"],
    [layout-sm=column]>[flex-sm="100"],
    [layout=row]>[flex-sm="100"],
    [layout=column]>[flex-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=row]>[flex-sm="33"],
    [layout=row]>[flex-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=row]>[flex-sm="66"],
    [layout=row]>[flex-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="33"],
    [layout=column]>[flex-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-sm=column]>[flex-sm="66"],
    [layout=column]>[flex-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-sm=row],
    [layout-sm=column],
    [layout-sm] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-sm=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-sm=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:960px) {
    [flex-order-gt-sm="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-gt-sm="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-gt-sm="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-gt-sm="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-gt-sm="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-gt-sm="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-gt-sm="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-gt-sm="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-gt-sm="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-gt-sm="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-gt-sm="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-gt-sm="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-gt-sm="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-gt-sm="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-gt-sm="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-gt-sm="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-gt-sm="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-gt-sm="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-gt-sm="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-gt-sm="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-gt-sm="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-gt-sm="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-gt-sm="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-gt-sm="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-gt-sm="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-gt-sm="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-gt-sm="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-gt-sm="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-gt-sm="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-gt-sm="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-gt-sm="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-gt-sm="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-gt-sm="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-gt-sm="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-gt-sm="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-gt-sm="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-gt-sm="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-gt-sm="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-gt-sm="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-gt-sm="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-gt-sm="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-gt-sm="0"] {
        margin-left: 0
    }
    [flex-offset-gt-sm="5"] {
        margin-left: 5%
    }
    [flex-offset-gt-sm="10"] {
        margin-left: 10%
    }
    [flex-offset-gt-sm="15"] {
        margin-left: 15%
    }
    [flex-offset-gt-sm="20"] {
        margin-left: 20%
    }
    [flex-offset-gt-sm="25"] {
        margin-left: 25%
    }
    [flex-offset-gt-sm="30"] {
        margin-left: 30%
    }
    [flex-offset-gt-sm="35"] {
        margin-left: 35%
    }
    [flex-offset-gt-sm="40"] {
        margin-left: 40%
    }
    [flex-offset-gt-sm="45"] {
        margin-left: 45%
    }
    [flex-offset-gt-sm="50"] {
        margin-left: 50%
    }
    [flex-offset-gt-sm="55"] {
        margin-left: 55%
    }
    [flex-offset-gt-sm="60"] {
        margin-left: 60%
    }
    [flex-offset-gt-sm="65"] {
        margin-left: 65%
    }
    [flex-offset-gt-sm="70"] {
        margin-left: 70%
    }
    [flex-offset-gt-sm="75"] {
        margin-left: 75%
    }
    [flex-offset-gt-sm="80"] {
        margin-left: 80%
    }
    [flex-offset-gt-sm="85"] {
        margin-left: 85%
    }
    [flex-offset-gt-sm="90"] {
        margin-left: 90%
    }
    [flex-offset-gt-sm="95"] {
        margin-left: 95%
    }
    [flex-offset-gt-sm="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-gt-sm="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-gt-sm] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-gt-sm=start],
    [layout-align-gt-sm="start start"],
    [layout-align-gt-sm="start center"],
    [layout-align-gt-sm="start end"],
    [layout-align-gt-sm="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-gt-sm=center],
    [layout-align-gt-sm="center start"],
    [layout-align-gt-sm="center center"],
    [layout-align-gt-sm="center end"],
    [layout-align-gt-sm="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-gt-sm=end],
    [layout-align-gt-sm="end center"],
    [layout-align-gt-sm="end start"],
    [layout-align-gt-sm="end end"],
    [layout-align-gt-sm="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-gt-sm="space-around end"],
    [layout-align-gt-sm="space-around stretch"],
    [layout-align-gt-sm=space-around],
    [layout-align-gt-sm="space-around center"],
    [layout-align-gt-sm="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-gt-sm=space-between],
    [layout-align-gt-sm="space-between center"],
    [layout-align-gt-sm="space-between start"],
    [layout-align-gt-sm="space-between end"],
    [layout-align-gt-sm="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-gt-sm="space-between start"],
    [layout-align-gt-sm="start start"],
    [layout-align-gt-sm="center start"],
    [layout-align-gt-sm="end start"],
    [layout-align-gt-sm="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-gt-sm="space-between center"],
    [layout-align-gt-sm="start center"],
    [layout-align-gt-sm="center center"],
    [layout-align-gt-sm="end center"],
    [layout-align-gt-sm="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-gt-sm="space-between center"]>*,
    [layout-align-gt-sm="start center"]>*,
    [layout-align-gt-sm="center center"]>*,
    [layout-align-gt-sm="end center"]>*,
    [layout-align-gt-sm="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-gt-sm="space-around end"],
    [layout-align-gt-sm="space-between end"],
    [layout-align-gt-sm="start end"],
    [layout-align-gt-sm="center end"],
    [layout-align-gt-sm="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-gt-sm="space-around stretch"],
    [layout-align-gt-sm="space-between stretch"],
    [layout-align-gt-sm="start stretch"],
    [layout-align-gt-sm="center stretch"],
    [layout-align-gt-sm="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-gt-sm] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:960px) {
    [flex-gt-sm] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:960px) {
    [flex-gt-sm-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-gt-sm-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-gt-sm-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-gt-sm-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-gt-sm="0"],
    [layout-gt-sm=row]>[flex-gt-sm="0"],
    [layout=row]>[flex-gt-sm="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="0"],
    [layout=column]>[flex-gt-sm="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-gt-sm="5"],
    [layout-gt-sm=row]>[flex-gt-sm="5"],
    [layout=row]>[flex-gt-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="5"],
    [layout=column]>[flex-gt-sm="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-gt-sm="10"],
    [layout-gt-sm=row]>[flex-gt-sm="10"],
    [layout=row]>[flex-gt-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="10"],
    [layout=column]>[flex-gt-sm="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-gt-sm="15"],
    [layout-gt-sm=row]>[flex-gt-sm="15"],
    [layout=row]>[flex-gt-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="15"],
    [layout=column]>[flex-gt-sm="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-gt-sm="20"],
    [layout-gt-sm=row]>[flex-gt-sm="20"],
    [layout=row]>[flex-gt-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="20"],
    [layout=column]>[flex-gt-sm="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-gt-sm="25"],
    [layout-gt-sm=row]>[flex-gt-sm="25"],
    [layout=row]>[flex-gt-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="25"],
    [layout=column]>[flex-gt-sm="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-gt-sm="30"],
    [layout-gt-sm=row]>[flex-gt-sm="30"],
    [layout=row]>[flex-gt-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="30"],
    [layout=column]>[flex-gt-sm="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-gt-sm="35"],
    [layout-gt-sm=row]>[flex-gt-sm="35"],
    [layout=row]>[flex-gt-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="35"],
    [layout=column]>[flex-gt-sm="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-gt-sm="40"],
    [layout-gt-sm=row]>[flex-gt-sm="40"],
    [layout=row]>[flex-gt-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="40"],
    [layout=column]>[flex-gt-sm="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-gt-sm="45"],
    [layout-gt-sm=row]>[flex-gt-sm="45"],
    [layout=row]>[flex-gt-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="45"],
    [layout=column]>[flex-gt-sm="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-gt-sm="50"],
    [layout-gt-sm=row]>[flex-gt-sm="50"],
    [layout=row]>[flex-gt-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="50"],
    [layout=column]>[flex-gt-sm="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-gt-sm="55"],
    [layout-gt-sm=row]>[flex-gt-sm="55"],
    [layout=row]>[flex-gt-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="55"],
    [layout=column]>[flex-gt-sm="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-gt-sm="60"],
    [layout-gt-sm=row]>[flex-gt-sm="60"],
    [layout=row]>[flex-gt-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="60"],
    [layout=column]>[flex-gt-sm="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-gt-sm="65"],
    [layout-gt-sm=row]>[flex-gt-sm="65"],
    [layout=row]>[flex-gt-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="65"],
    [layout=column]>[flex-gt-sm="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-gt-sm="70"],
    [layout-gt-sm=row]>[flex-gt-sm="70"],
    [layout=row]>[flex-gt-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="70"],
    [layout=column]>[flex-gt-sm="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-gt-sm="75"],
    [layout-gt-sm=row]>[flex-gt-sm="75"],
    [layout=row]>[flex-gt-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="75"],
    [layout=column]>[flex-gt-sm="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-gt-sm="80"],
    [layout-gt-sm=row]>[flex-gt-sm="80"],
    [layout=row]>[flex-gt-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="80"],
    [layout=column]>[flex-gt-sm="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-gt-sm="85"],
    [layout-gt-sm=row]>[flex-gt-sm="85"],
    [layout=row]>[flex-gt-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="85"],
    [layout=column]>[flex-gt-sm="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-gt-sm="90"],
    [layout-gt-sm=row]>[flex-gt-sm="90"],
    [layout=row]>[flex-gt-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="90"],
    [layout=column]>[flex-gt-sm="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-gt-sm="95"],
    [layout-gt-sm=row]>[flex-gt-sm="95"],
    [layout=row]>[flex-gt-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="95"],
    [layout=column]>[flex-gt-sm="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-gt-sm="100"],
    [layout-gt-sm=row]>[flex-gt-sm="100"],
    [layout-gt-sm=column]>[flex-gt-sm="100"],
    [layout=row]>[flex-gt-sm="100"],
    [layout=column]>[flex-gt-sm="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=row]>[flex-gt-sm="33"],
    [layout=row]>[flex-gt-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=row]>[flex-gt-sm="66"],
    [layout=row]>[flex-gt-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="33"],
    [layout=column]>[flex-gt-sm="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-gt-sm=column]>[flex-gt-sm="66"],
    [layout=column]>[flex-gt-sm="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-gt-sm=row],
    [layout-gt-sm=column],
    [layout-gt-sm] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-gt-sm=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-gt-sm=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:960px) and (max-width:1279px) {
    [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]),
    [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]),
    [hide-md]:not([show-md]):not([show]),
    [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
        display: none
    }
    [flex-order-md="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-md="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-md="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-md="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-md="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-md="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-md="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-md="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-md="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-md="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-md="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-md="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-md="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-md="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-md="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-md="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-md="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-md="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-md="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-md="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-md="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-md="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-md="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-md="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-md="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-md="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-md="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-md="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-md="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-md="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-md="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-md="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-md="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-md="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-md="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-md="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-md="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-md="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-md="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-md="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-md="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-md="0"] {
        margin-left: 0
    }
    [flex-offset-md="5"] {
        margin-left: 5%
    }
    [flex-offset-md="10"] {
        margin-left: 10%
    }
    [flex-offset-md="15"] {
        margin-left: 15%
    }
    [flex-offset-md="20"] {
        margin-left: 20%
    }
    [flex-offset-md="25"] {
        margin-left: 25%
    }
    [flex-offset-md="30"] {
        margin-left: 30%
    }
    [flex-offset-md="35"] {
        margin-left: 35%
    }
    [flex-offset-md="40"] {
        margin-left: 40%
    }
    [flex-offset-md="45"] {
        margin-left: 45%
    }
    [flex-offset-md="50"] {
        margin-left: 50%
    }
    [flex-offset-md="55"] {
        margin-left: 55%
    }
    [flex-offset-md="60"] {
        margin-left: 60%
    }
    [flex-offset-md="65"] {
        margin-left: 65%
    }
    [flex-offset-md="70"] {
        margin-left: 70%
    }
    [flex-offset-md="75"] {
        margin-left: 75%
    }
    [flex-offset-md="80"] {
        margin-left: 80%
    }
    [flex-offset-md="85"] {
        margin-left: 85%
    }
    [flex-offset-md="90"] {
        margin-left: 90%
    }
    [flex-offset-md="95"] {
        margin-left: 95%
    }
    [flex-offset-md="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-md="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-md] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-md=start],
    [layout-align-md="start start"],
    [layout-align-md="start center"],
    [layout-align-md="start end"],
    [layout-align-md="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-md=center],
    [layout-align-md="center start"],
    [layout-align-md="center center"],
    [layout-align-md="center end"],
    [layout-align-md="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-md=end],
    [layout-align-md="end center"],
    [layout-align-md="end start"],
    [layout-align-md="end end"],
    [layout-align-md="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-md="space-around end"],
    [layout-align-md="space-around stretch"],
    [layout-align-md=space-around],
    [layout-align-md="space-around center"],
    [layout-align-md="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-md=space-between],
    [layout-align-md="space-between center"],
    [layout-align-md="space-between start"],
    [layout-align-md="space-between end"],
    [layout-align-md="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-md="space-between start"],
    [layout-align-md="start start"],
    [layout-align-md="center start"],
    [layout-align-md="end start"],
    [layout-align-md="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-md="space-between center"],
    [layout-align-md="start center"],
    [layout-align-md="center center"],
    [layout-align-md="end center"],
    [layout-align-md="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-md="space-between center"]>*,
    [layout-align-md="start center"]>*,
    [layout-align-md="center center"]>*,
    [layout-align-md="end center"]>*,
    [layout-align-md="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-md="space-around end"],
    [layout-align-md="space-between end"],
    [layout-align-md="start end"],
    [layout-align-md="center end"],
    [layout-align-md="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-md="space-around stretch"],
    [layout-align-md="space-between stretch"],
    [layout-align-md="start stretch"],
    [layout-align-md="center stretch"],
    [layout-align-md="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-md] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:960px) and (max-width:1279px) {
    [flex-md] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:960px) and (max-width:1279px) {
    [flex-md-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-md-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-md-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-md-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-md="0"],
    [layout-md=row]>[flex-md="0"],
    [layout=row]>[flex-md="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="0"],
    [layout=column]>[flex-md="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-md="5"],
    [layout-md=row]>[flex-md="5"],
    [layout=row]>[flex-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="5"],
    [layout=column]>[flex-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-md="10"],
    [layout-md=row]>[flex-md="10"],
    [layout=row]>[flex-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="10"],
    [layout=column]>[flex-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-md="15"],
    [layout-md=row]>[flex-md="15"],
    [layout=row]>[flex-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="15"],
    [layout=column]>[flex-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-md="20"],
    [layout-md=row]>[flex-md="20"],
    [layout=row]>[flex-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="20"],
    [layout=column]>[flex-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-md="25"],
    [layout-md=row]>[flex-md="25"],
    [layout=row]>[flex-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="25"],
    [layout=column]>[flex-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-md="30"],
    [layout-md=row]>[flex-md="30"],
    [layout=row]>[flex-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="30"],
    [layout=column]>[flex-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-md="35"],
    [layout-md=row]>[flex-md="35"],
    [layout=row]>[flex-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="35"],
    [layout=column]>[flex-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-md="40"],
    [layout-md=row]>[flex-md="40"],
    [layout=row]>[flex-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="40"],
    [layout=column]>[flex-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-md="45"],
    [layout-md=row]>[flex-md="45"],
    [layout=row]>[flex-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="45"],
    [layout=column]>[flex-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-md="50"],
    [layout-md=row]>[flex-md="50"],
    [layout=row]>[flex-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="50"],
    [layout=column]>[flex-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-md="55"],
    [layout-md=row]>[flex-md="55"],
    [layout=row]>[flex-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="55"],
    [layout=column]>[flex-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-md="60"],
    [layout-md=row]>[flex-md="60"],
    [layout=row]>[flex-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="60"],
    [layout=column]>[flex-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-md="65"],
    [layout-md=row]>[flex-md="65"],
    [layout=row]>[flex-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="65"],
    [layout=column]>[flex-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-md="70"],
    [layout-md=row]>[flex-md="70"],
    [layout=row]>[flex-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="70"],
    [layout=column]>[flex-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-md="75"],
    [layout-md=row]>[flex-md="75"],
    [layout=row]>[flex-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="75"],
    [layout=column]>[flex-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-md="80"],
    [layout-md=row]>[flex-md="80"],
    [layout=row]>[flex-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="80"],
    [layout=column]>[flex-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-md="85"],
    [layout-md=row]>[flex-md="85"],
    [layout=row]>[flex-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="85"],
    [layout=column]>[flex-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-md="90"],
    [layout-md=row]>[flex-md="90"],
    [layout=row]>[flex-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="90"],
    [layout=column]>[flex-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-md="95"],
    [layout-md=row]>[flex-md="95"],
    [layout=row]>[flex-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="95"],
    [layout=column]>[flex-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-md="100"],
    [layout-md=row]>[flex-md="100"],
    [layout-md=column]>[flex-md="100"],
    [layout=row]>[flex-md="100"],
    [layout=column]>[flex-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=row]>[flex-md="33"],
    [layout=row]>[flex-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=row]>[flex-md="66"],
    [layout=row]>[flex-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="33"],
    [layout=column]>[flex-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-md=column]>[flex-md="66"],
    [layout=column]>[flex-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-md=row],
    [layout-md=column],
    [layout-md] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-md=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-md=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1280px) {
    [flex-order-gt-md="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-gt-md="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-gt-md="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-gt-md="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-gt-md="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-gt-md="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-gt-md="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-gt-md="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-gt-md="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-gt-md="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-gt-md="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-gt-md="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-gt-md="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-gt-md="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-gt-md="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-gt-md="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-gt-md="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-gt-md="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-gt-md="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-gt-md="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-gt-md="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-gt-md="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-gt-md="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-gt-md="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-gt-md="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-gt-md="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-gt-md="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-gt-md="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-gt-md="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-gt-md="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-gt-md="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-gt-md="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-gt-md="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-gt-md="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-gt-md="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-gt-md="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-gt-md="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-gt-md="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-gt-md="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-gt-md="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-gt-md="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-gt-md="0"] {
        margin-left: 0
    }
    [flex-offset-gt-md="5"] {
        margin-left: 5%
    }
    [flex-offset-gt-md="10"] {
        margin-left: 10%
    }
    [flex-offset-gt-md="15"] {
        margin-left: 15%
    }
    [flex-offset-gt-md="20"] {
        margin-left: 20%
    }
    [flex-offset-gt-md="25"] {
        margin-left: 25%
    }
    [flex-offset-gt-md="30"] {
        margin-left: 30%
    }
    [flex-offset-gt-md="35"] {
        margin-left: 35%
    }
    [flex-offset-gt-md="40"] {
        margin-left: 40%
    }
    [flex-offset-gt-md="45"] {
        margin-left: 45%
    }
    [flex-offset-gt-md="50"] {
        margin-left: 50%
    }
    [flex-offset-gt-md="55"] {
        margin-left: 55%
    }
    [flex-offset-gt-md="60"] {
        margin-left: 60%
    }
    [flex-offset-gt-md="65"] {
        margin-left: 65%
    }
    [flex-offset-gt-md="70"] {
        margin-left: 70%
    }
    [flex-offset-gt-md="75"] {
        margin-left: 75%
    }
    [flex-offset-gt-md="80"] {
        margin-left: 80%
    }
    [flex-offset-gt-md="85"] {
        margin-left: 85%
    }
    [flex-offset-gt-md="90"] {
        margin-left: 90%
    }
    [flex-offset-gt-md="95"] {
        margin-left: 95%
    }
    [flex-offset-gt-md="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-gt-md="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-gt-md] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-gt-md=start],
    [layout-align-gt-md="start start"],
    [layout-align-gt-md="start center"],
    [layout-align-gt-md="start end"],
    [layout-align-gt-md="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-gt-md=center],
    [layout-align-gt-md="center start"],
    [layout-align-gt-md="center center"],
    [layout-align-gt-md="center end"],
    [layout-align-gt-md="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-gt-md=end],
    [layout-align-gt-md="end center"],
    [layout-align-gt-md="end start"],
    [layout-align-gt-md="end end"],
    [layout-align-gt-md="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-gt-md="space-around end"],
    [layout-align-gt-md="space-around stretch"],
    [layout-align-gt-md=space-around],
    [layout-align-gt-md="space-around center"],
    [layout-align-gt-md="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-gt-md=space-between],
    [layout-align-gt-md="space-between center"],
    [layout-align-gt-md="space-between start"],
    [layout-align-gt-md="space-between end"],
    [layout-align-gt-md="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-gt-md="space-between start"],
    [layout-align-gt-md="start start"],
    [layout-align-gt-md="center start"],
    [layout-align-gt-md="end start"],
    [layout-align-gt-md="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-gt-md="space-between center"],
    [layout-align-gt-md="start center"],
    [layout-align-gt-md="center center"],
    [layout-align-gt-md="end center"],
    [layout-align-gt-md="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-gt-md="space-between center"]>*,
    [layout-align-gt-md="start center"]>*,
    [layout-align-gt-md="center center"]>*,
    [layout-align-gt-md="end center"]>*,
    [layout-align-gt-md="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-gt-md="space-around end"],
    [layout-align-gt-md="space-between end"],
    [layout-align-gt-md="start end"],
    [layout-align-gt-md="center end"],
    [layout-align-gt-md="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-gt-md="space-around stretch"],
    [layout-align-gt-md="space-between stretch"],
    [layout-align-gt-md="start stretch"],
    [layout-align-gt-md="center stretch"],
    [layout-align-gt-md="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-gt-md] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1280px) {
    [flex-gt-md] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1280px) {
    [flex-gt-md-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-gt-md-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-gt-md-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-gt-md-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-gt-md="0"],
    [layout-gt-md=row]>[flex-gt-md="0"],
    [layout=row]>[flex-gt-md="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="0"],
    [layout=column]>[flex-gt-md="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-gt-md="5"],
    [layout-gt-md=row]>[flex-gt-md="5"],
    [layout=row]>[flex-gt-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="5"],
    [layout=column]>[flex-gt-md="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-gt-md="10"],
    [layout-gt-md=row]>[flex-gt-md="10"],
    [layout=row]>[flex-gt-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="10"],
    [layout=column]>[flex-gt-md="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-gt-md="15"],
    [layout-gt-md=row]>[flex-gt-md="15"],
    [layout=row]>[flex-gt-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="15"],
    [layout=column]>[flex-gt-md="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-gt-md="20"],
    [layout-gt-md=row]>[flex-gt-md="20"],
    [layout=row]>[flex-gt-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="20"],
    [layout=column]>[flex-gt-md="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-gt-md="25"],
    [layout-gt-md=row]>[flex-gt-md="25"],
    [layout=row]>[flex-gt-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="25"],
    [layout=column]>[flex-gt-md="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-gt-md="30"],
    [layout-gt-md=row]>[flex-gt-md="30"],
    [layout=row]>[flex-gt-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="30"],
    [layout=column]>[flex-gt-md="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-gt-md="35"],
    [layout-gt-md=row]>[flex-gt-md="35"],
    [layout=row]>[flex-gt-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="35"],
    [layout=column]>[flex-gt-md="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-gt-md="40"],
    [layout-gt-md=row]>[flex-gt-md="40"],
    [layout=row]>[flex-gt-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="40"],
    [layout=column]>[flex-gt-md="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-gt-md="45"],
    [layout-gt-md=row]>[flex-gt-md="45"],
    [layout=row]>[flex-gt-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="45"],
    [layout=column]>[flex-gt-md="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-gt-md="50"],
    [layout-gt-md=row]>[flex-gt-md="50"],
    [layout=row]>[flex-gt-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="50"],
    [layout=column]>[flex-gt-md="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-gt-md="55"],
    [layout-gt-md=row]>[flex-gt-md="55"],
    [layout=row]>[flex-gt-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="55"],
    [layout=column]>[flex-gt-md="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-gt-md="60"],
    [layout-gt-md=row]>[flex-gt-md="60"],
    [layout=row]>[flex-gt-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="60"],
    [layout=column]>[flex-gt-md="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-gt-md="65"],
    [layout-gt-md=row]>[flex-gt-md="65"],
    [layout=row]>[flex-gt-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="65"],
    [layout=column]>[flex-gt-md="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-gt-md="70"],
    [layout-gt-md=row]>[flex-gt-md="70"],
    [layout=row]>[flex-gt-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="70"],
    [layout=column]>[flex-gt-md="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-gt-md="75"],
    [layout-gt-md=row]>[flex-gt-md="75"],
    [layout=row]>[flex-gt-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="75"],
    [layout=column]>[flex-gt-md="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-gt-md="80"],
    [layout-gt-md=row]>[flex-gt-md="80"],
    [layout=row]>[flex-gt-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="80"],
    [layout=column]>[flex-gt-md="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-gt-md="85"],
    [layout-gt-md=row]>[flex-gt-md="85"],
    [layout=row]>[flex-gt-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="85"],
    [layout=column]>[flex-gt-md="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-gt-md="90"],
    [layout-gt-md=row]>[flex-gt-md="90"],
    [layout=row]>[flex-gt-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="90"],
    [layout=column]>[flex-gt-md="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-gt-md="95"],
    [layout-gt-md=row]>[flex-gt-md="95"],
    [layout=row]>[flex-gt-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="95"],
    [layout=column]>[flex-gt-md="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-gt-md="100"],
    [layout-gt-md=row]>[flex-gt-md="100"],
    [layout-gt-md=column]>[flex-gt-md="100"],
    [layout=row]>[flex-gt-md="100"],
    [layout=column]>[flex-gt-md="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=row]>[flex-gt-md="33"],
    [layout=row]>[flex-gt-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=row]>[flex-gt-md="66"],
    [layout=row]>[flex-gt-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="33"],
    [layout=column]>[flex-gt-md="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-gt-md=column]>[flex-gt-md="66"],
    [layout=column]>[flex-gt-md="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-gt-md=row],
    [layout-gt-md=column],
    [layout-gt-md] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-gt-md=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-gt-md=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1280px) and (max-width:1919px) {
    [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
    [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
    [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
    [hide-lg]:not([show-lg]):not([show]),
    [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
        display: none
    }
    [flex-order-lg="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-lg="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-lg="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-lg="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-lg="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-lg="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-lg="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-lg="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-lg="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-lg="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-lg="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-lg="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-lg="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-lg="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-lg="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-lg="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-lg="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-lg="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-lg="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-lg="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-lg="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-lg="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-lg="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-lg="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-lg="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-lg="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-lg="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-lg="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-lg="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-lg="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-lg="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-lg="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-lg="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-lg="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-lg="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-lg="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-lg="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-lg="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-lg="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-lg="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-lg="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-lg="0"] {
        margin-left: 0
    }
    [flex-offset-lg="5"] {
        margin-left: 5%
    }
    [flex-offset-lg="10"] {
        margin-left: 10%
    }
    [flex-offset-lg="15"] {
        margin-left: 15%
    }
    [flex-offset-lg="20"] {
        margin-left: 20%
    }
    [flex-offset-lg="25"] {
        margin-left: 25%
    }
    [flex-offset-lg="30"] {
        margin-left: 30%
    }
    [flex-offset-lg="35"] {
        margin-left: 35%
    }
    [flex-offset-lg="40"] {
        margin-left: 40%
    }
    [flex-offset-lg="45"] {
        margin-left: 45%
    }
    [flex-offset-lg="50"] {
        margin-left: 50%
    }
    [flex-offset-lg="55"] {
        margin-left: 55%
    }
    [flex-offset-lg="60"] {
        margin-left: 60%
    }
    [flex-offset-lg="65"] {
        margin-left: 65%
    }
    [flex-offset-lg="70"] {
        margin-left: 70%
    }
    [flex-offset-lg="75"] {
        margin-left: 75%
    }
    [flex-offset-lg="80"] {
        margin-left: 80%
    }
    [flex-offset-lg="85"] {
        margin-left: 85%
    }
    [flex-offset-lg="90"] {
        margin-left: 90%
    }
    [flex-offset-lg="95"] {
        margin-left: 95%
    }
    [flex-offset-lg="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-lg="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-lg] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-lg=start],
    [layout-align-lg="start start"],
    [layout-align-lg="start center"],
    [layout-align-lg="start end"],
    [layout-align-lg="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-lg=center],
    [layout-align-lg="center start"],
    [layout-align-lg="center center"],
    [layout-align-lg="center end"],
    [layout-align-lg="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-lg=end],
    [layout-align-lg="end center"],
    [layout-align-lg="end start"],
    [layout-align-lg="end end"],
    [layout-align-lg="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-lg="space-around end"],
    [layout-align-lg="space-around stretch"],
    [layout-align-lg=space-around],
    [layout-align-lg="space-around center"],
    [layout-align-lg="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-lg=space-between],
    [layout-align-lg="space-between center"],
    [layout-align-lg="space-between start"],
    [layout-align-lg="space-between end"],
    [layout-align-lg="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-lg="space-between start"],
    [layout-align-lg="start start"],
    [layout-align-lg="center start"],
    [layout-align-lg="end start"],
    [layout-align-lg="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-lg="space-between center"],
    [layout-align-lg="start center"],
    [layout-align-lg="center center"],
    [layout-align-lg="end center"],
    [layout-align-lg="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-lg="space-between center"]>*,
    [layout-align-lg="start center"]>*,
    [layout-align-lg="center center"]>*,
    [layout-align-lg="end center"]>*,
    [layout-align-lg="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-lg="space-around end"],
    [layout-align-lg="space-between end"],
    [layout-align-lg="start end"],
    [layout-align-lg="center end"],
    [layout-align-lg="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-lg="space-around stretch"],
    [layout-align-lg="space-between stretch"],
    [layout-align-lg="start stretch"],
    [layout-align-lg="center stretch"],
    [layout-align-lg="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-lg] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1280px) and (max-width:1919px) {
    [flex-lg] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1280px) and (max-width:1919px) {
    [flex-lg-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-lg-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-lg-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-lg-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-lg="0"],
    [layout-lg=row]>[flex-lg="0"],
    [layout=row]>[flex-lg="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="0"],
    [layout=column]>[flex-lg="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-lg="5"],
    [layout-lg=row]>[flex-lg="5"],
    [layout=row]>[flex-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="5"],
    [layout=column]>[flex-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-lg="10"],
    [layout-lg=row]>[flex-lg="10"],
    [layout=row]>[flex-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="10"],
    [layout=column]>[flex-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-lg="15"],
    [layout-lg=row]>[flex-lg="15"],
    [layout=row]>[flex-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="15"],
    [layout=column]>[flex-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-lg="20"],
    [layout-lg=row]>[flex-lg="20"],
    [layout=row]>[flex-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="20"],
    [layout=column]>[flex-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-lg="25"],
    [layout-lg=row]>[flex-lg="25"],
    [layout=row]>[flex-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="25"],
    [layout=column]>[flex-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-lg="30"],
    [layout-lg=row]>[flex-lg="30"],
    [layout=row]>[flex-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="30"],
    [layout=column]>[flex-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-lg="35"],
    [layout-lg=row]>[flex-lg="35"],
    [layout=row]>[flex-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="35"],
    [layout=column]>[flex-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-lg="40"],
    [layout-lg=row]>[flex-lg="40"],
    [layout=row]>[flex-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="40"],
    [layout=column]>[flex-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-lg="45"],
    [layout-lg=row]>[flex-lg="45"],
    [layout=row]>[flex-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="45"],
    [layout=column]>[flex-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-lg="50"],
    [layout-lg=row]>[flex-lg="50"],
    [layout=row]>[flex-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="50"],
    [layout=column]>[flex-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-lg="55"],
    [layout-lg=row]>[flex-lg="55"],
    [layout=row]>[flex-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="55"],
    [layout=column]>[flex-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-lg="60"],
    [layout-lg=row]>[flex-lg="60"],
    [layout=row]>[flex-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="60"],
    [layout=column]>[flex-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-lg="65"],
    [layout-lg=row]>[flex-lg="65"],
    [layout=row]>[flex-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="65"],
    [layout=column]>[flex-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-lg="70"],
    [layout-lg=row]>[flex-lg="70"],
    [layout=row]>[flex-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="70"],
    [layout=column]>[flex-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-lg="75"],
    [layout-lg=row]>[flex-lg="75"],
    [layout=row]>[flex-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="75"],
    [layout=column]>[flex-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-lg="80"],
    [layout-lg=row]>[flex-lg="80"],
    [layout=row]>[flex-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="80"],
    [layout=column]>[flex-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-lg="85"],
    [layout-lg=row]>[flex-lg="85"],
    [layout=row]>[flex-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="85"],
    [layout=column]>[flex-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-lg="90"],
    [layout-lg=row]>[flex-lg="90"],
    [layout=row]>[flex-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="90"],
    [layout=column]>[flex-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-lg="95"],
    [layout-lg=row]>[flex-lg="95"],
    [layout=row]>[flex-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="95"],
    [layout=column]>[flex-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-lg="100"],
    [layout-lg=row]>[flex-lg="100"],
    [layout-lg=column]>[flex-lg="100"],
    [layout=row]>[flex-lg="100"],
    [layout=column]>[flex-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=row]>[flex-lg="33"],
    [layout=row]>[flex-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=row]>[flex-lg="66"],
    [layout=row]>[flex-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="33"],
    [layout=column]>[flex-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-lg=column]>[flex-lg="66"],
    [layout=column]>[flex-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-lg=row],
    [layout-lg=column],
    [layout-lg] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-lg=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-lg=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1920px) {
    [flex-order-gt-lg="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-gt-lg="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-gt-lg="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-gt-lg="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-gt-lg="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-gt-lg="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-gt-lg="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-gt-lg="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-gt-lg="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-gt-lg="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-gt-lg="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-gt-lg="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-gt-lg="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-gt-lg="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-gt-lg="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-gt-lg="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-gt-lg="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-gt-lg="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-gt-lg="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-gt-lg="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-gt-lg="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-gt-lg="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-gt-lg="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-gt-lg="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-gt-lg="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-gt-lg="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-gt-lg="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-gt-lg="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-gt-lg="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-gt-lg="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-gt-lg="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-gt-lg="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-gt-lg="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-gt-lg="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-gt-lg="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-gt-lg="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-gt-lg="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-gt-lg="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-gt-lg="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-gt-lg="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-gt-lg="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-gt-lg="0"] {
        margin-left: 0
    }
    [flex-offset-gt-lg="5"] {
        margin-left: 5%
    }
    [flex-offset-gt-lg="10"] {
        margin-left: 10%
    }
    [flex-offset-gt-lg="15"] {
        margin-left: 15%
    }
    [flex-offset-gt-lg="20"] {
        margin-left: 20%
    }
    [flex-offset-gt-lg="25"] {
        margin-left: 25%
    }
    [flex-offset-gt-lg="30"] {
        margin-left: 30%
    }
    [flex-offset-gt-lg="35"] {
        margin-left: 35%
    }
    [flex-offset-gt-lg="40"] {
        margin-left: 40%
    }
    [flex-offset-gt-lg="45"] {
        margin-left: 45%
    }
    [flex-offset-gt-lg="50"] {
        margin-left: 50%
    }
    [flex-offset-gt-lg="55"] {
        margin-left: 55%
    }
    [flex-offset-gt-lg="60"] {
        margin-left: 60%
    }
    [flex-offset-gt-lg="65"] {
        margin-left: 65%
    }
    [flex-offset-gt-lg="70"] {
        margin-left: 70%
    }
    [flex-offset-gt-lg="75"] {
        margin-left: 75%
    }
    [flex-offset-gt-lg="80"] {
        margin-left: 80%
    }
    [flex-offset-gt-lg="85"] {
        margin-left: 85%
    }
    [flex-offset-gt-lg="90"] {
        margin-left: 90%
    }
    [flex-offset-gt-lg="95"] {
        margin-left: 95%
    }
    [flex-offset-gt-lg="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-gt-lg="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-gt-lg] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-gt-lg=start],
    [layout-align-gt-lg="start start"],
    [layout-align-gt-lg="start center"],
    [layout-align-gt-lg="start end"],
    [layout-align-gt-lg="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-gt-lg=center],
    [layout-align-gt-lg="center start"],
    [layout-align-gt-lg="center center"],
    [layout-align-gt-lg="center end"],
    [layout-align-gt-lg="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-gt-lg=end],
    [layout-align-gt-lg="end center"],
    [layout-align-gt-lg="end start"],
    [layout-align-gt-lg="end end"],
    [layout-align-gt-lg="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-gt-lg="space-around end"],
    [layout-align-gt-lg="space-around stretch"],
    [layout-align-gt-lg=space-around],
    [layout-align-gt-lg="space-around center"],
    [layout-align-gt-lg="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-gt-lg=space-between],
    [layout-align-gt-lg="space-between center"],
    [layout-align-gt-lg="space-between start"],
    [layout-align-gt-lg="space-between end"],
    [layout-align-gt-lg="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-gt-lg="space-between start"],
    [layout-align-gt-lg="start start"],
    [layout-align-gt-lg="center start"],
    [layout-align-gt-lg="end start"],
    [layout-align-gt-lg="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-gt-lg="space-between center"],
    [layout-align-gt-lg="start center"],
    [layout-align-gt-lg="center center"],
    [layout-align-gt-lg="end center"],
    [layout-align-gt-lg="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-gt-lg="space-between center"]>*,
    [layout-align-gt-lg="start center"]>*,
    [layout-align-gt-lg="center center"]>*,
    [layout-align-gt-lg="end center"]>*,
    [layout-align-gt-lg="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-gt-lg="space-around end"],
    [layout-align-gt-lg="space-between end"],
    [layout-align-gt-lg="start end"],
    [layout-align-gt-lg="center end"],
    [layout-align-gt-lg="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-gt-lg="space-around stretch"],
    [layout-align-gt-lg="space-between stretch"],
    [layout-align-gt-lg="start stretch"],
    [layout-align-gt-lg="center stretch"],
    [layout-align-gt-lg="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-gt-lg] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1920px) {
    [flex-gt-lg] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1920px) {
    [flex-gt-lg-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-gt-lg-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-gt-lg-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-gt-lg-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-gt-lg="0"],
    [layout-gt-lg=row]>[flex-gt-lg="0"],
    [layout=row]>[flex-gt-lg="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="0"],
    [layout=column]>[flex-gt-lg="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-gt-lg="5"],
    [layout-gt-lg=row]>[flex-gt-lg="5"],
    [layout=row]>[flex-gt-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="5"],
    [layout=column]>[flex-gt-lg="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-gt-lg="10"],
    [layout-gt-lg=row]>[flex-gt-lg="10"],
    [layout=row]>[flex-gt-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="10"],
    [layout=column]>[flex-gt-lg="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-gt-lg="15"],
    [layout-gt-lg=row]>[flex-gt-lg="15"],
    [layout=row]>[flex-gt-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="15"],
    [layout=column]>[flex-gt-lg="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-gt-lg="20"],
    [layout-gt-lg=row]>[flex-gt-lg="20"],
    [layout=row]>[flex-gt-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="20"],
    [layout=column]>[flex-gt-lg="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-gt-lg="25"],
    [layout-gt-lg=row]>[flex-gt-lg="25"],
    [layout=row]>[flex-gt-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="25"],
    [layout=column]>[flex-gt-lg="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-gt-lg="30"],
    [layout-gt-lg=row]>[flex-gt-lg="30"],
    [layout=row]>[flex-gt-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="30"],
    [layout=column]>[flex-gt-lg="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-gt-lg="35"],
    [layout-gt-lg=row]>[flex-gt-lg="35"],
    [layout=row]>[flex-gt-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="35"],
    [layout=column]>[flex-gt-lg="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-gt-lg="40"],
    [layout-gt-lg=row]>[flex-gt-lg="40"],
    [layout=row]>[flex-gt-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="40"],
    [layout=column]>[flex-gt-lg="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-gt-lg="45"],
    [layout-gt-lg=row]>[flex-gt-lg="45"],
    [layout=row]>[flex-gt-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="45"],
    [layout=column]>[flex-gt-lg="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-gt-lg="50"],
    [layout-gt-lg=row]>[flex-gt-lg="50"],
    [layout=row]>[flex-gt-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="50"],
    [layout=column]>[flex-gt-lg="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-gt-lg="55"],
    [layout-gt-lg=row]>[flex-gt-lg="55"],
    [layout=row]>[flex-gt-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="55"],
    [layout=column]>[flex-gt-lg="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-gt-lg="60"],
    [layout-gt-lg=row]>[flex-gt-lg="60"],
    [layout=row]>[flex-gt-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="60"],
    [layout=column]>[flex-gt-lg="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-gt-lg="65"],
    [layout-gt-lg=row]>[flex-gt-lg="65"],
    [layout=row]>[flex-gt-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="65"],
    [layout=column]>[flex-gt-lg="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-gt-lg="70"],
    [layout-gt-lg=row]>[flex-gt-lg="70"],
    [layout=row]>[flex-gt-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="70"],
    [layout=column]>[flex-gt-lg="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-gt-lg="75"],
    [layout-gt-lg=row]>[flex-gt-lg="75"],
    [layout=row]>[flex-gt-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="75"],
    [layout=column]>[flex-gt-lg="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-gt-lg="80"],
    [layout-gt-lg=row]>[flex-gt-lg="80"],
    [layout=row]>[flex-gt-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="80"],
    [layout=column]>[flex-gt-lg="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-gt-lg="85"],
    [layout-gt-lg=row]>[flex-gt-lg="85"],
    [layout=row]>[flex-gt-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="85"],
    [layout=column]>[flex-gt-lg="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-gt-lg="90"],
    [layout-gt-lg=row]>[flex-gt-lg="90"],
    [layout=row]>[flex-gt-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="90"],
    [layout=column]>[flex-gt-lg="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-gt-lg="95"],
    [layout-gt-lg=row]>[flex-gt-lg="95"],
    [layout=row]>[flex-gt-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="95"],
    [layout=column]>[flex-gt-lg="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-gt-lg="100"],
    [layout-gt-lg=row]>[flex-gt-lg="100"],
    [layout-gt-lg=column]>[flex-gt-lg="100"],
    [layout=row]>[flex-gt-lg="100"],
    [layout=column]>[flex-gt-lg="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=row]>[flex-gt-lg="33"],
    [layout=row]>[flex-gt-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=row]>[flex-gt-lg="66"],
    [layout=row]>[flex-gt-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="33"],
    [layout=column]>[flex-gt-lg="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-gt-lg=column]>[flex-gt-lg="66"],
    [layout=column]>[flex-gt-lg="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-gt-lg=row],
    [layout-gt-lg=column],
    [layout-gt-lg] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-gt-lg=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-gt-lg=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    [flex-order-xl="-20"] {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    [flex-order-xl="-19"] {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    [flex-order-xl="-18"] {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    [flex-order-xl="-17"] {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    [flex-order-xl="-16"] {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    [flex-order-xl="-15"] {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    [flex-order-xl="-14"] {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    [flex-order-xl="-13"] {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    [flex-order-xl="-12"] {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    [flex-order-xl="-11"] {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    [flex-order-xl="-10"] {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    [flex-order-xl="-9"] {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    [flex-order-xl="-8"] {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    [flex-order-xl="-7"] {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    [flex-order-xl="-6"] {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    [flex-order-xl="-5"] {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    [flex-order-xl="-4"] {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    [flex-order-xl="-3"] {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    [flex-order-xl="-2"] {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    [flex-order-xl="-1"] {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    [flex-order-xl="0"] {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    [flex-order-xl="1"] {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    [flex-order-xl="2"] {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    [flex-order-xl="3"] {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    [flex-order-xl="4"] {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    [flex-order-xl="5"] {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    [flex-order-xl="6"] {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    [flex-order-xl="7"] {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    [flex-order-xl="8"] {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    [flex-order-xl="9"] {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    [flex-order-xl="10"] {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    [flex-order-xl="11"] {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    [flex-order-xl="12"] {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    [flex-order-xl="13"] {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    [flex-order-xl="14"] {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    [flex-order-xl="15"] {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    [flex-order-xl="16"] {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    [flex-order-xl="17"] {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    [flex-order-xl="18"] {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    [flex-order-xl="19"] {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    [flex-order-xl="20"] {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    [flex-offset-xl="0"] {
        margin-left: 0
    }
    [flex-offset-xl="5"] {
        margin-left: 5%
    }
    [flex-offset-xl="10"] {
        margin-left: 10%
    }
    [flex-offset-xl="15"] {
        margin-left: 15%
    }
    [flex-offset-xl="20"] {
        margin-left: 20%
    }
    [flex-offset-xl="25"] {
        margin-left: 25%
    }
    [flex-offset-xl="30"] {
        margin-left: 30%
    }
    [flex-offset-xl="35"] {
        margin-left: 35%
    }
    [flex-offset-xl="40"] {
        margin-left: 40%
    }
    [flex-offset-xl="45"] {
        margin-left: 45%
    }
    [flex-offset-xl="50"] {
        margin-left: 50%
    }
    [flex-offset-xl="55"] {
        margin-left: 55%
    }
    [flex-offset-xl="60"] {
        margin-left: 60%
    }
    [flex-offset-xl="65"] {
        margin-left: 65%
    }
    [flex-offset-xl="70"] {
        margin-left: 70%
    }
    [flex-offset-xl="75"] {
        margin-left: 75%
    }
    [flex-offset-xl="80"] {
        margin-left: 80%
    }
    [flex-offset-xl="85"] {
        margin-left: 85%
    }
    [flex-offset-xl="90"] {
        margin-left: 90%
    }
    [flex-offset-xl="95"] {
        margin-left: 95%
    }
    [flex-offset-xl="33"] {
        margin-left: calc(100% / 3)
    }
    [flex-offset-xl="66"] {
        margin-left: calc(200% / 3)
    }
    [layout-align-xl] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    [layout-align-xl=start],
    [layout-align-xl="start start"],
    [layout-align-xl="start center"],
    [layout-align-xl="start end"],
    [layout-align-xl="start stretch"] {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    [layout-align-xl=center],
    [layout-align-xl="center start"],
    [layout-align-xl="center center"],
    [layout-align-xl="center end"],
    [layout-align-xl="center stretch"] {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    [layout-align-xl=end],
    [layout-align-xl="end center"],
    [layout-align-xl="end start"],
    [layout-align-xl="end end"],
    [layout-align-xl="end stretch"] {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    [layout-align-xl="space-around end"],
    [layout-align-xl="space-around stretch"],
    [layout-align-xl=space-around],
    [layout-align-xl="space-around center"],
    [layout-align-xl="space-around start"] {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    [layout-align-xl=space-between],
    [layout-align-xl="space-between center"],
    [layout-align-xl="space-between start"],
    [layout-align-xl="space-between end"],
    [layout-align-xl="space-between stretch"] {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    [layout-align-xl="space-between start"],
    [layout-align-xl="start start"],
    [layout-align-xl="center start"],
    [layout-align-xl="end start"],
    [layout-align-xl="space-around start"] {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    [layout-align-xl="space-between center"],
    [layout-align-xl="start center"],
    [layout-align-xl="center center"],
    [layout-align-xl="end center"],
    [layout-align-xl="space-around center"] {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    [layout-align-xl="space-between center"]>*,
    [layout-align-xl="start center"]>*,
    [layout-align-xl="center center"]>*,
    [layout-align-xl="end center"]>*,
    [layout-align-xl="space-around center"]>* {
        max-width: 100%;
        box-sizing: border-box
    }
    [layout-align-xl="space-around end"],
    [layout-align-xl="space-between end"],
    [layout-align-xl="start end"],
    [layout-align-xl="center end"],
    [layout-align-xl="end end"] {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    [layout-align-xl="space-around stretch"],
    [layout-align-xl="space-between stretch"],
    [layout-align-xl="start stretch"],
    [layout-align-xl="center stretch"],
    [layout-align-xl="end stretch"] {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    [flex-xl] {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1920px) {
    [flex-xl] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1920px) {
    [flex-xl-grow] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    [flex-xl-initial] {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    [flex-xl-auto] {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    [flex-xl-none] {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    [flex-xl="0"],
    [layout-xl=row]>[flex-xl="0"],
    [layout=row]>[flex-xl="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="0"],
    [layout=column]>[flex-xl="0"] {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box
    }
    [flex-xl="5"],
    [layout-xl=row]>[flex-xl="5"],
    [layout=row]>[flex-xl="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="5"],
    [layout=column]>[flex-xl="5"] {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    [flex-xl="10"],
    [layout-xl=row]>[flex-xl="10"],
    [layout=row]>[flex-xl="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="10"],
    [layout=column]>[flex-xl="10"] {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    [flex-xl="15"],
    [layout-xl=row]>[flex-xl="15"],
    [layout=row]>[flex-xl="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="15"],
    [layout=column]>[flex-xl="15"] {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    [flex-xl="20"],
    [layout-xl=row]>[flex-xl="20"],
    [layout=row]>[flex-xl="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="20"],
    [layout=column]>[flex-xl="20"] {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    [flex-xl="25"],
    [layout-xl=row]>[flex-xl="25"],
    [layout=row]>[flex-xl="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="25"],
    [layout=column]>[flex-xl="25"] {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    [flex-xl="30"],
    [layout-xl=row]>[flex-xl="30"],
    [layout=row]>[flex-xl="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="30"],
    [layout=column]>[flex-xl="30"] {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    [flex-xl="35"],
    [layout-xl=row]>[flex-xl="35"],
    [layout=row]>[flex-xl="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="35"],
    [layout=column]>[flex-xl="35"] {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    [flex-xl="40"],
    [layout-xl=row]>[flex-xl="40"],
    [layout=row]>[flex-xl="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="40"],
    [layout=column]>[flex-xl="40"] {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    [flex-xl="45"],
    [layout-xl=row]>[flex-xl="45"],
    [layout=row]>[flex-xl="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="45"],
    [layout=column]>[flex-xl="45"] {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    [flex-xl="50"],
    [layout-xl=row]>[flex-xl="50"],
    [layout=row]>[flex-xl="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="50"],
    [layout=column]>[flex-xl="50"] {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    [flex-xl="55"],
    [layout-xl=row]>[flex-xl="55"],
    [layout=row]>[flex-xl="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="55"],
    [layout=column]>[flex-xl="55"] {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    [flex-xl="60"],
    [layout-xl=row]>[flex-xl="60"],
    [layout=row]>[flex-xl="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="60"],
    [layout=column]>[flex-xl="60"] {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    [flex-xl="65"],
    [layout-xl=row]>[flex-xl="65"],
    [layout=row]>[flex-xl="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="65"],
    [layout=column]>[flex-xl="65"] {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    [flex-xl="70"],
    [layout-xl=row]>[flex-xl="70"],
    [layout=row]>[flex-xl="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="70"],
    [layout=column]>[flex-xl="70"] {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    [flex-xl="75"],
    [layout-xl=row]>[flex-xl="75"],
    [layout=row]>[flex-xl="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="75"],
    [layout=column]>[flex-xl="75"] {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    [flex-xl="80"],
    [layout-xl=row]>[flex-xl="80"],
    [layout=row]>[flex-xl="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="80"],
    [layout=column]>[flex-xl="80"] {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    [flex-xl="85"],
    [layout-xl=row]>[flex-xl="85"],
    [layout=row]>[flex-xl="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="85"],
    [layout=column]>[flex-xl="85"] {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    [flex-xl="90"],
    [layout-xl=row]>[flex-xl="90"],
    [layout=row]>[flex-xl="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="90"],
    [layout=column]>[flex-xl="90"] {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    [flex-xl="95"],
    [layout-xl=row]>[flex-xl="95"],
    [layout=row]>[flex-xl="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="95"],
    [layout=column]>[flex-xl="95"] {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    [flex-xl="100"],
    [layout-xl=row]>[flex-xl="100"],
    [layout-xl=column]>[flex-xl="100"],
    [layout=row]>[flex-xl="100"],
    [layout=column]>[flex-xl="100"] {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=row]>[flex-xl="33"],
    [layout=row]>[flex-xl="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=row]>[flex-xl="66"],
    [layout=row]>[flex-xl="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="33"],
    [layout=column]>[flex-xl="33"] {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    [layout-xl=column]>[flex-xl="66"],
    [layout=column]>[flex-xl="66"] {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    [layout-xl=row],
    [layout-xl=column],
    [layout-xl] {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    [layout-xl=column] {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    [layout-xl=row] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
    [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
    [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
    [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
    [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]),
    [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
        display: none
    }
}

@-moz-document url-prefix() {
    .layout-fill {
        margin: 0;
        width: 100%;
        min-height: 100%;
        height: 100%
    }
}

.flex-order {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.flex-order--20 {
    -webkit-order: -20;
    -ms-flex-order: -20;
    order: -20
}

.flex-order--19 {
    -webkit-order: -19;
    -ms-flex-order: -19;
    order: -19
}

.flex-order--18 {
    -webkit-order: -18;
    -ms-flex-order: -18;
    order: -18
}

.flex-order--17 {
    -webkit-order: -17;
    -ms-flex-order: -17;
    order: -17
}

.flex-order--16 {
    -webkit-order: -16;
    -ms-flex-order: -16;
    order: -16
}

.flex-order--15 {
    -webkit-order: -15;
    -ms-flex-order: -15;
    order: -15
}

.flex-order--14 {
    -webkit-order: -14;
    -ms-flex-order: -14;
    order: -14
}

.flex-order--13 {
    -webkit-order: -13;
    -ms-flex-order: -13;
    order: -13
}

.flex-order--12 {
    -webkit-order: -12;
    -ms-flex-order: -12;
    order: -12
}

.flex-order--11 {
    -webkit-order: -11;
    -ms-flex-order: -11;
    order: -11
}

.flex-order--10 {
    -webkit-order: -10;
    -ms-flex-order: -10;
    order: -10
}

.flex-order--9 {
    -webkit-order: -9;
    -ms-flex-order: -9;
    order: -9
}

.flex-order--8 {
    -webkit-order: -8;
    -ms-flex-order: -8;
    order: -8
}

.flex-order--7 {
    -webkit-order: -7;
    -ms-flex-order: -7;
    order: -7
}

.flex-order--6 {
    -webkit-order: -6;
    -ms-flex-order: -6;
    order: -6
}

.flex-order--5 {
    -webkit-order: -5;
    -ms-flex-order: -5;
    order: -5
}

.flex-order--4 {
    -webkit-order: -4;
    -ms-flex-order: -4;
    order: -4
}

.flex-order--3 {
    -webkit-order: -3;
    -ms-flex-order: -3;
    order: -3
}

.flex-order--2 {
    -webkit-order: -2;
    -ms-flex-order: -2;
    order: -2
}

.flex-order--1 {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.flex-order-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.flex-order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.flex-order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.flex-order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.flex-order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.flex-order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.flex-order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.flex-order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.flex-order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.flex-order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.flex-order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.flex-order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.flex-order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.flex-order-13 {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.flex-order-14 {
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14
}

.flex-order-15 {
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15
}

.flex-order-16 {
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16
}

.flex-order-17 {
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17
}

.flex-order-18 {
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18
}

.flex-order-19 {
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19
}

.flex-order-20 {
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20
}

.flex-offset-0,
.offset-0 {
    margin-left: 0
}

.flex-offset-5,
.offset-5 {
    margin-left: 5%
}

.flex-offset-10,
.offset-10 {
    margin-left: 10%
}

.flex-offset-15,
.offset-15 {
    margin-left: 15%
}

.flex-offset-20,
.offset-20 {
    margin-left: 20%
}

.flex-offset-25,
.offset-25 {
    margin-left: 25%
}

.flex-offset-30,
.offset-30 {
    margin-left: 30%
}

.flex-offset-35,
.offset-35 {
    margin-left: 35%
}

.flex-offset-40,
.offset-40 {
    margin-left: 40%
}

.flex-offset-45,
.offset-45 {
    margin-left: 45%
}

.flex-offset-50,
.offset-50 {
    margin-left: 50%
}

.flex-offset-55,
.offset-55 {
    margin-left: 55%
}

.flex-offset-60,
.offset-60 {
    margin-left: 60%
}

.flex-offset-65,
.offset-65 {
    margin-left: 65%
}

.flex-offset-70,
.offset-70 {
    margin-left: 70%
}

.flex-offset-75,
.offset-75 {
    margin-left: 75%
}

.flex-offset-80,
.offset-80 {
    margin-left: 80%
}

.flex-offset-85,
.offset-85 {
    margin-left: 85%
}

.flex-offset-90,
.offset-90 {
    margin-left: 90%
}

.flex-offset-95,
.offset-95 {
    margin-left: 95%
}

.flex-offset-33,
.offset-33 {
    margin-left: calc(100% / 3)
}

.flex-offset-66,
.offset-66 {
    margin-left: calc(200% / 3)
}

.layout-align {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.layout-align-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-start,
.layout-align-start-stretch {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.layout-align-center,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-start,
.layout-align-center-stretch {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.layout-align-end,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-start,
.layout-align-end-stretch {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-end,
.layout-align-space-around-start,
.layout-align-space-around-stretch {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-end,
.layout-align-space-between-start,
.layout-align-space-between-stretch {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-around-start,
.layout-align-space-between-start,
.layout-align-start-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-around-center,
.layout-align-space-between-center,
.layout-align-start-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    max-width: 100%
}

.layout-align-center-center>*,
.layout-align-end-center>*,
.layout-align-space-around-center>*,
.layout-align-space-between-center>*,
.layout-align-start-center>* {
    max-width: 100%;
    box-sizing: border-box
}

.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-around-end,
.layout-align-space-between-end,
.layout-align-start-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-around-stretch,
.layout-align-space-between-stretch,
.layout-align-start-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flex {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box
}

@media screen\0 {
    .flex {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

.flex-grow {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box
}

.flex-initial {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box
}

.flex-auto {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box
}

.flex-none {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box
}

.flex-noshrink {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box
}

.flex-nogrow {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box
}

.flex-0 {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box
}

.layout-row>.flex-0 {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0
}

.layout-column>.flex-0 {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
    min-height: 0
}

.flex-5,
.layout-row>.flex-5 {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-5 {
    -webkit-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box
}

.flex-10,
.layout-row>.flex-10 {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-10 {
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box
}

.flex-15,
.layout-row>.flex-15 {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-15 {
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box
}

.flex-20,
.layout-row>.flex-20 {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-20 {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box
}

.flex-25,
.layout-row>.flex-25 {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-25 {
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box
}

.flex-30,
.layout-row>.flex-30 {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-30 {
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box
}

.flex-35,
.layout-row>.flex-35 {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-35 {
    -webkit-flex: 1 1 35%;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box
}

.flex-40,
.layout-row>.flex-40 {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-40 {
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box
}

.flex-45,
.layout-row>.flex-45 {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-45 {
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box
}

.flex-50,
.layout-row>.flex-50 {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-50 {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box
}

.flex-55,
.layout-row>.flex-55 {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-55 {
    -webkit-flex: 1 1 55%;
    -ms-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box
}

.flex-60,
.layout-row>.flex-60 {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-60 {
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box
}

.flex-65,
.layout-row>.flex-65 {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-65 {
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box
}

.flex-70,
.layout-row>.flex-70 {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-70 {
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box
}

.flex-75,
.layout-row>.flex-75 {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-75 {
    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box
}

.flex-80,
.layout-row>.flex-80 {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-80 {
    -webkit-flex: 1 1 80%;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box
}

.flex-85,
.layout-row>.flex-85 {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-85 {
    -webkit-flex: 1 1 85%;
    -ms-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box
}

.flex-90,
.layout-row>.flex-90 {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-90 {
    -webkit-flex: 1 1 90%;
    -ms-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box
}

.flex-95,
.layout-row>.flex-95 {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-column>.flex-95 {
    -webkit-flex: 1 1 95%;
    -ms-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box
}

.flex-100,
.layout-column>.flex-100,
.layout-row>.flex-100 {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-row>.flex-33 {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-row>.flex-66 {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box
}

.layout-row>.flex {
    min-width: 0
}

.layout-column>.flex-33 {
    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box
}

.layout-column>.flex-66 {
    -webkit-flex: 1 1 66.66%;
    -ms-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box
}

.layout-column>.flex {
    min-height: 0
}

.layout,
.layout-column,
.layout-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.layout-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.layout-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.layout-padding-sm>*,
.layout-padding>.flex-sm {
    padding: 4px
}

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-gt-sm>*,
.layout-padding-md,
.layout-padding-md>*,
.layout-padding>*,
.layout-padding>.flex,
.layout-padding>.flex-gt-sm,
.layout-padding>.flex-md {
    padding: 8px
}

.layout-padding-gt-lg>*,
.layout-padding-gt-md>*,
.layout-padding-lg>*,
.layout-padding>.flex-gt-lg,
.layout-padding>.flex-gt-md,
.layout-padding>.flex-lg {
    padding: 16px
}

.layout-margin-sm>*,
.layout-margin>.flex-sm {
    margin: 4px
}

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-gt-sm>*,
.layout-margin-md,
.layout-margin-md>*,
.layout-margin>*,
.layout-margin>.flex,
.layout-margin>.flex-gt-sm,
.layout-margin>.flex-md {
    margin: 8px
}

.layout-margin-gt-lg>*,
.layout-margin-gt-md>*,
.layout-margin-lg>*,
.layout-margin>.flex-gt-lg,
.layout-margin>.flex-gt-md,
.layout-margin>.flex-lg {
    margin: 16px
}

.layout-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layout-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%
}

@media (max-width:599px) {
    .hide-xs:not(.show-xs):not(.show),
    .hide:not(.show-xs):not(.show) {
        display: none
    }
    .flex-order-xs--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-xs--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-xs--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-xs--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-xs--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-xs--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-xs--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-xs--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-xs--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-xs--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-xs--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-xs--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-xs--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-xs--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-xs--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-xs--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-xs--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-xs--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-xs--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-xs--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-xs-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-xs-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-xs-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-xs-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-xs-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-xs-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-xs-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-xs-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-xs-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-xs-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-xs-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-xs-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-xs-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-xs-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-xs-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-xs-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-xs-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-xs-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-xs-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-xs-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-xs-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-xs-0,
    .offset-xs-0 {
        margin-left: 0
    }
    .flex-offset-xs-5,
    .offset-xs-5 {
        margin-left: 5%
    }
    .flex-offset-xs-10,
    .offset-xs-10 {
        margin-left: 10%
    }
    .flex-offset-xs-15,
    .offset-xs-15 {
        margin-left: 15%
    }
    .flex-offset-xs-20,
    .offset-xs-20 {
        margin-left: 20%
    }
    .flex-offset-xs-25,
    .offset-xs-25 {
        margin-left: 25%
    }
    .flex-offset-xs-30,
    .offset-xs-30 {
        margin-left: 30%
    }
    .flex-offset-xs-35,
    .offset-xs-35 {
        margin-left: 35%
    }
    .flex-offset-xs-40,
    .offset-xs-40 {
        margin-left: 40%
    }
    .flex-offset-xs-45,
    .offset-xs-45 {
        margin-left: 45%
    }
    .flex-offset-xs-50,
    .offset-xs-50 {
        margin-left: 50%
    }
    .flex-offset-xs-55,
    .offset-xs-55 {
        margin-left: 55%
    }
    .flex-offset-xs-60,
    .offset-xs-60 {
        margin-left: 60%
    }
    .flex-offset-xs-65,
    .offset-xs-65 {
        margin-left: 65%
    }
    .flex-offset-xs-70,
    .offset-xs-70 {
        margin-left: 70%
    }
    .flex-offset-xs-75,
    .offset-xs-75 {
        margin-left: 75%
    }
    .flex-offset-xs-80,
    .offset-xs-80 {
        margin-left: 80%
    }
    .flex-offset-xs-85,
    .offset-xs-85 {
        margin-left: 85%
    }
    .flex-offset-xs-90,
    .offset-xs-90 {
        margin-left: 90%
    }
    .flex-offset-xs-95,
    .offset-xs-95 {
        margin-left: 95%
    }
    .flex-offset-xs-33,
    .offset-xs-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-xs-66,
    .offset-xs-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-xs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-xs-start,
    .layout-align-xs-start-center,
    .layout-align-xs-start-end,
    .layout-align-xs-start-start,
    .layout-align-xs-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-xs-center,
    .layout-align-xs-center-center,
    .layout-align-xs-center-end,
    .layout-align-xs-center-start,
    .layout-align-xs-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-xs-end,
    .layout-align-xs-end-center,
    .layout-align-xs-end-end,
    .layout-align-xs-end-start,
    .layout-align-xs-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-xs-space-around,
    .layout-align-xs-space-around-center,
    .layout-align-xs-space-around-end,
    .layout-align-xs-space-around-start,
    .layout-align-xs-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-xs-space-between,
    .layout-align-xs-space-between-center,
    .layout-align-xs-space-between-end,
    .layout-align-xs-space-between-start,
    .layout-align-xs-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-xs-center-start,
    .layout-align-xs-end-start,
    .layout-align-xs-space-around-start,
    .layout-align-xs-space-between-start,
    .layout-align-xs-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-xs-center-center,
    .layout-align-xs-end-center,
    .layout-align-xs-space-around-center,
    .layout-align-xs-space-between-center,
    .layout-align-xs-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-xs-center-center>*,
    .layout-align-xs-end-center>*,
    .layout-align-xs-space-around-center>*,
    .layout-align-xs-space-between-center>*,
    .layout-align-xs-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-xs-center-end,
    .layout-align-xs-end-end,
    .layout-align-xs-space-around-end,
    .layout-align-xs-space-between-end,
    .layout-align-xs-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-xs-center-stretch,
    .layout-align-xs-end-stretch,
    .layout-align-xs-space-around-stretch,
    .layout-align-xs-space-between-stretch,
    .layout-align-xs-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-xs {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (max-width:599px) {
    .flex-xs {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (max-width:599px) {
    .flex-xs-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-xs-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-xs-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-xs-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-xs-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-xs-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-xs-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-xs-0,
    .layout-xs-row>.flex-xs-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-xs-0,
    .layout-xs-column>.flex-xs-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-xs-5,
    .layout-row>.flex-xs-5,
    .layout-xs-row>.flex-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-5,
    .layout-xs-column>.flex-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-xs-10,
    .layout-row>.flex-xs-10,
    .layout-xs-row>.flex-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-10,
    .layout-xs-column>.flex-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-xs-15,
    .layout-row>.flex-xs-15,
    .layout-xs-row>.flex-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-15,
    .layout-xs-column>.flex-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-xs-20,
    .layout-row>.flex-xs-20,
    .layout-xs-row>.flex-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-20,
    .layout-xs-column>.flex-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-xs-25,
    .layout-row>.flex-xs-25,
    .layout-xs-row>.flex-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-25,
    .layout-xs-column>.flex-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-xs-30,
    .layout-row>.flex-xs-30,
    .layout-xs-row>.flex-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-30,
    .layout-xs-column>.flex-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-xs-35,
    .layout-row>.flex-xs-35,
    .layout-xs-row>.flex-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-35,
    .layout-xs-column>.flex-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-xs-40,
    .layout-row>.flex-xs-40,
    .layout-xs-row>.flex-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-40,
    .layout-xs-column>.flex-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-xs-45,
    .layout-row>.flex-xs-45,
    .layout-xs-row>.flex-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-45,
    .layout-xs-column>.flex-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-xs-50,
    .layout-row>.flex-xs-50,
    .layout-xs-row>.flex-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-50,
    .layout-xs-column>.flex-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-xs-55,
    .layout-row>.flex-xs-55,
    .layout-xs-row>.flex-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-55,
    .layout-xs-column>.flex-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-xs-60,
    .layout-row>.flex-xs-60,
    .layout-xs-row>.flex-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-60,
    .layout-xs-column>.flex-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-xs-65,
    .layout-row>.flex-xs-65,
    .layout-xs-row>.flex-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-65,
    .layout-xs-column>.flex-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-xs-70,
    .layout-row>.flex-xs-70,
    .layout-xs-row>.flex-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-70,
    .layout-xs-column>.flex-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-xs-75,
    .layout-row>.flex-xs-75,
    .layout-xs-row>.flex-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-75,
    .layout-xs-column>.flex-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-xs-80,
    .layout-row>.flex-xs-80,
    .layout-xs-row>.flex-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-80,
    .layout-xs-column>.flex-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-xs-85,
    .layout-row>.flex-xs-85,
    .layout-xs-row>.flex-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-85,
    .layout-xs-column>.flex-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-xs-90,
    .layout-row>.flex-xs-90,
    .layout-xs-row>.flex-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-90,
    .layout-xs-column>.flex-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-xs-95,
    .layout-row>.flex-xs-95,
    .layout-xs-row>.flex-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-95,
    .layout-xs-column>.flex-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-xs-100,
    .layout-column>.flex-xs-100,
    .layout-row>.flex-xs-100,
    .layout-xs-column>.flex-xs-100,
    .layout-xs-row>.flex-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-xs-33,
    .layout-xs-row>.flex-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-xs-66,
    .layout-xs-row>.flex-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex,
    .layout-xs-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-xs-33,
    .layout-xs-column>.flex-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-xs-66,
    .layout-xs-column>.flex-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-xs-column>.flex {
        min-height: 0
    }
    .layout-xs,
    .layout-xs-column,
    .layout-xs-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-xs-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-xs-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:600px) {
    .flex-order-gt-xs--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-gt-xs--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-gt-xs--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-gt-xs--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-gt-xs--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-gt-xs--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-gt-xs--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-gt-xs--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-gt-xs--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-gt-xs--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-gt-xs--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-gt-xs--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-gt-xs--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-gt-xs--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-gt-xs--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-gt-xs--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-gt-xs--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-gt-xs--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-gt-xs--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-gt-xs--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-gt-xs-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-gt-xs-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-gt-xs-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-gt-xs-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-gt-xs-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-gt-xs-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-gt-xs-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-gt-xs-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-gt-xs-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-gt-xs-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-gt-xs-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-gt-xs-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-gt-xs-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-gt-xs-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-gt-xs-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-gt-xs-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-gt-xs-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-gt-xs-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-gt-xs-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-gt-xs-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-gt-xs-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-gt-xs-0,
    .offset-gt-xs-0 {
        margin-left: 0
    }
    .flex-offset-gt-xs-5,
    .offset-gt-xs-5 {
        margin-left: 5%
    }
    .flex-offset-gt-xs-10,
    .offset-gt-xs-10 {
        margin-left: 10%
    }
    .flex-offset-gt-xs-15,
    .offset-gt-xs-15 {
        margin-left: 15%
    }
    .flex-offset-gt-xs-20,
    .offset-gt-xs-20 {
        margin-left: 20%
    }
    .flex-offset-gt-xs-25,
    .offset-gt-xs-25 {
        margin-left: 25%
    }
    .flex-offset-gt-xs-30,
    .offset-gt-xs-30 {
        margin-left: 30%
    }
    .flex-offset-gt-xs-35,
    .offset-gt-xs-35 {
        margin-left: 35%
    }
    .flex-offset-gt-xs-40,
    .offset-gt-xs-40 {
        margin-left: 40%
    }
    .flex-offset-gt-xs-45,
    .offset-gt-xs-45 {
        margin-left: 45%
    }
    .flex-offset-gt-xs-50,
    .offset-gt-xs-50 {
        margin-left: 50%
    }
    .flex-offset-gt-xs-55,
    .offset-gt-xs-55 {
        margin-left: 55%
    }
    .flex-offset-gt-xs-60,
    .offset-gt-xs-60 {
        margin-left: 60%
    }
    .flex-offset-gt-xs-65,
    .offset-gt-xs-65 {
        margin-left: 65%
    }
    .flex-offset-gt-xs-70,
    .offset-gt-xs-70 {
        margin-left: 70%
    }
    .flex-offset-gt-xs-75,
    .offset-gt-xs-75 {
        margin-left: 75%
    }
    .flex-offset-gt-xs-80,
    .offset-gt-xs-80 {
        margin-left: 80%
    }
    .flex-offset-gt-xs-85,
    .offset-gt-xs-85 {
        margin-left: 85%
    }
    .flex-offset-gt-xs-90,
    .offset-gt-xs-90 {
        margin-left: 90%
    }
    .flex-offset-gt-xs-95,
    .offset-gt-xs-95 {
        margin-left: 95%
    }
    .flex-offset-gt-xs-33,
    .offset-gt-xs-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-gt-xs-66,
    .offset-gt-xs-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-gt-xs {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-gt-xs-start,
    .layout-align-gt-xs-start-center,
    .layout-align-gt-xs-start-end,
    .layout-align-gt-xs-start-start,
    .layout-align-gt-xs-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-gt-xs-center,
    .layout-align-gt-xs-center-center,
    .layout-align-gt-xs-center-end,
    .layout-align-gt-xs-center-start,
    .layout-align-gt-xs-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-gt-xs-end,
    .layout-align-gt-xs-end-center,
    .layout-align-gt-xs-end-end,
    .layout-align-gt-xs-end-start,
    .layout-align-gt-xs-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-gt-xs-space-around,
    .layout-align-gt-xs-space-around-center,
    .layout-align-gt-xs-space-around-end,
    .layout-align-gt-xs-space-around-start,
    .layout-align-gt-xs-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-gt-xs-space-between,
    .layout-align-gt-xs-space-between-center,
    .layout-align-gt-xs-space-between-end,
    .layout-align-gt-xs-space-between-start,
    .layout-align-gt-xs-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-gt-xs-center-start,
    .layout-align-gt-xs-end-start,
    .layout-align-gt-xs-space-around-start,
    .layout-align-gt-xs-space-between-start,
    .layout-align-gt-xs-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-gt-xs-center-center,
    .layout-align-gt-xs-end-center,
    .layout-align-gt-xs-space-around-center,
    .layout-align-gt-xs-space-between-center,
    .layout-align-gt-xs-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-gt-xs-center-center>*,
    .layout-align-gt-xs-end-center>*,
    .layout-align-gt-xs-space-around-center>*,
    .layout-align-gt-xs-space-between-center>*,
    .layout-align-gt-xs-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-gt-xs-center-end,
    .layout-align-gt-xs-end-end,
    .layout-align-gt-xs-space-around-end,
    .layout-align-gt-xs-space-between-end,
    .layout-align-gt-xs-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-gt-xs-center-stretch,
    .layout-align-gt-xs-end-stretch,
    .layout-align-gt-xs-space-around-stretch,
    .layout-align-gt-xs-space-between-stretch,
    .layout-align-gt-xs-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-gt-xs {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:600px) {
    .flex-gt-xs {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:600px) {
    .flex-gt-xs-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-gt-xs-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-xs-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-gt-xs-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-gt-xs-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-gt-xs-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-xs-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-xs-row>.flex-gt-xs-0,
    .layout-row>.flex-gt-xs-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-gt-xs-0,
    .layout-gt-xs-column>.flex-gt-xs-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-gt-xs-5,
    .layout-gt-xs-row>.flex-gt-xs-5,
    .layout-row>.flex-gt-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-5,
    .layout-gt-xs-column>.flex-gt-xs-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-gt-xs-10,
    .layout-gt-xs-row>.flex-gt-xs-10,
    .layout-row>.flex-gt-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-10,
    .layout-gt-xs-column>.flex-gt-xs-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-gt-xs-15,
    .layout-gt-xs-row>.flex-gt-xs-15,
    .layout-row>.flex-gt-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-15,
    .layout-gt-xs-column>.flex-gt-xs-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-gt-xs-20,
    .layout-gt-xs-row>.flex-gt-xs-20,
    .layout-row>.flex-gt-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-20,
    .layout-gt-xs-column>.flex-gt-xs-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-gt-xs-25,
    .layout-gt-xs-row>.flex-gt-xs-25,
    .layout-row>.flex-gt-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-25,
    .layout-gt-xs-column>.flex-gt-xs-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-gt-xs-30,
    .layout-gt-xs-row>.flex-gt-xs-30,
    .layout-row>.flex-gt-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-30,
    .layout-gt-xs-column>.flex-gt-xs-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-gt-xs-35,
    .layout-gt-xs-row>.flex-gt-xs-35,
    .layout-row>.flex-gt-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-35,
    .layout-gt-xs-column>.flex-gt-xs-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-gt-xs-40,
    .layout-gt-xs-row>.flex-gt-xs-40,
    .layout-row>.flex-gt-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-40,
    .layout-gt-xs-column>.flex-gt-xs-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-gt-xs-45,
    .layout-gt-xs-row>.flex-gt-xs-45,
    .layout-row>.flex-gt-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-45,
    .layout-gt-xs-column>.flex-gt-xs-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-gt-xs-50,
    .layout-gt-xs-row>.flex-gt-xs-50,
    .layout-row>.flex-gt-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-50,
    .layout-gt-xs-column>.flex-gt-xs-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-gt-xs-55,
    .layout-gt-xs-row>.flex-gt-xs-55,
    .layout-row>.flex-gt-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-55,
    .layout-gt-xs-column>.flex-gt-xs-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-gt-xs-60,
    .layout-gt-xs-row>.flex-gt-xs-60,
    .layout-row>.flex-gt-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-60,
    .layout-gt-xs-column>.flex-gt-xs-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-gt-xs-65,
    .layout-gt-xs-row>.flex-gt-xs-65,
    .layout-row>.flex-gt-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-65,
    .layout-gt-xs-column>.flex-gt-xs-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-gt-xs-70,
    .layout-gt-xs-row>.flex-gt-xs-70,
    .layout-row>.flex-gt-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-70,
    .layout-gt-xs-column>.flex-gt-xs-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-gt-xs-75,
    .layout-gt-xs-row>.flex-gt-xs-75,
    .layout-row>.flex-gt-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-75,
    .layout-gt-xs-column>.flex-gt-xs-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-gt-xs-80,
    .layout-gt-xs-row>.flex-gt-xs-80,
    .layout-row>.flex-gt-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-80,
    .layout-gt-xs-column>.flex-gt-xs-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-gt-xs-85,
    .layout-gt-xs-row>.flex-gt-xs-85,
    .layout-row>.flex-gt-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-85,
    .layout-gt-xs-column>.flex-gt-xs-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-gt-xs-90,
    .layout-gt-xs-row>.flex-gt-xs-90,
    .layout-row>.flex-gt-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-90,
    .layout-gt-xs-column>.flex-gt-xs-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-gt-xs-95,
    .layout-gt-xs-row>.flex-gt-xs-95,
    .layout-row>.flex-gt-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-95,
    .layout-gt-xs-column>.flex-gt-xs-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-gt-xs-100,
    .layout-column>.flex-gt-xs-100,
    .layout-gt-xs-column>.flex-gt-xs-100,
    .layout-gt-xs-row>.flex-gt-xs-100,
    .layout-row>.flex-gt-xs-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-xs-row>.flex-gt-xs-33,
    .layout-row>.flex-gt-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-xs-row>.flex-gt-xs-66,
    .layout-row>.flex-gt-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-xs-row>.flex,
    .layout-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-gt-xs-33,
    .layout-gt-xs-column>.flex-gt-xs-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-xs-66,
    .layout-gt-xs-column>.flex-gt-xs-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-gt-xs-column>.flex {
        min-height: 0
    }
    .layout-gt-xs,
    .layout-gt-xs-column,
    .layout-gt-xs-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-gt-xs-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-gt-xs-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:600px) and (max-width:959px) {
    .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show),
    .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show),
    .hide:not(.show-gt-xs):not(.show-sm):not(.show) {
        display: none
    }
    .flex-order-sm--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-sm--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-sm--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-sm--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-sm--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-sm--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-sm--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-sm--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-sm--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-sm--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-sm--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-sm--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-sm--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-sm--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-sm--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-sm--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-sm--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-sm--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-sm--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-sm--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-sm-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-sm-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-sm-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-sm-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-sm-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-sm-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-sm-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-sm-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-sm-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-sm-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-sm-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-sm-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-sm-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-sm-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-sm-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-sm-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-sm-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-sm-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-sm-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-sm-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-sm-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-sm-0,
    .offset-sm-0 {
        margin-left: 0
    }
    .flex-offset-sm-5,
    .offset-sm-5 {
        margin-left: 5%
    }
    .flex-offset-sm-10,
    .offset-sm-10 {
        margin-left: 10%
    }
    .flex-offset-sm-15,
    .offset-sm-15 {
        margin-left: 15%
    }
    .flex-offset-sm-20,
    .offset-sm-20 {
        margin-left: 20%
    }
    .flex-offset-sm-25,
    .offset-sm-25 {
        margin-left: 25%
    }
    .flex-offset-sm-30,
    .offset-sm-30 {
        margin-left: 30%
    }
    .flex-offset-sm-35,
    .offset-sm-35 {
        margin-left: 35%
    }
    .flex-offset-sm-40,
    .offset-sm-40 {
        margin-left: 40%
    }
    .flex-offset-sm-45,
    .offset-sm-45 {
        margin-left: 45%
    }
    .flex-offset-sm-50,
    .offset-sm-50 {
        margin-left: 50%
    }
    .flex-offset-sm-55,
    .offset-sm-55 {
        margin-left: 55%
    }
    .flex-offset-sm-60,
    .offset-sm-60 {
        margin-left: 60%
    }
    .flex-offset-sm-65,
    .offset-sm-65 {
        margin-left: 65%
    }
    .flex-offset-sm-70,
    .offset-sm-70 {
        margin-left: 70%
    }
    .flex-offset-sm-75,
    .offset-sm-75 {
        margin-left: 75%
    }
    .flex-offset-sm-80,
    .offset-sm-80 {
        margin-left: 80%
    }
    .flex-offset-sm-85,
    .offset-sm-85 {
        margin-left: 85%
    }
    .flex-offset-sm-90,
    .offset-sm-90 {
        margin-left: 90%
    }
    .flex-offset-sm-95,
    .offset-sm-95 {
        margin-left: 95%
    }
    .flex-offset-sm-33,
    .offset-sm-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-sm-66,
    .offset-sm-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-sm {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-sm-start,
    .layout-align-sm-start-center,
    .layout-align-sm-start-end,
    .layout-align-sm-start-start,
    .layout-align-sm-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-sm-center,
    .layout-align-sm-center-center,
    .layout-align-sm-center-end,
    .layout-align-sm-center-start,
    .layout-align-sm-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-sm-end,
    .layout-align-sm-end-center,
    .layout-align-sm-end-end,
    .layout-align-sm-end-start,
    .layout-align-sm-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-sm-space-around,
    .layout-align-sm-space-around-center,
    .layout-align-sm-space-around-end,
    .layout-align-sm-space-around-start,
    .layout-align-sm-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-sm-space-between,
    .layout-align-sm-space-between-center,
    .layout-align-sm-space-between-end,
    .layout-align-sm-space-between-start,
    .layout-align-sm-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-sm-center-start,
    .layout-align-sm-end-start,
    .layout-align-sm-space-around-start,
    .layout-align-sm-space-between-start,
    .layout-align-sm-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-sm-center-center,
    .layout-align-sm-end-center,
    .layout-align-sm-space-around-center,
    .layout-align-sm-space-between-center,
    .layout-align-sm-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-sm-center-center>*,
    .layout-align-sm-end-center>*,
    .layout-align-sm-space-around-center>*,
    .layout-align-sm-space-between-center>*,
    .layout-align-sm-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-sm-center-end,
    .layout-align-sm-end-end,
    .layout-align-sm-space-around-end,
    .layout-align-sm-space-between-end,
    .layout-align-sm-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-sm-center-stretch,
    .layout-align-sm-end-stretch,
    .layout-align-sm-space-around-stretch,
    .layout-align-sm-space-between-stretch,
    .layout-align-sm-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-sm {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:600px) and (max-width:959px) {
    .flex-sm {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:600px) and (max-width:959px) {
    .flex-sm-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-sm-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-sm-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-sm-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-sm-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-sm-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-sm-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-sm-0,
    .layout-sm-row>.flex-sm-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-sm-0,
    .layout-sm-column>.flex-sm-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-sm-5,
    .layout-row>.flex-sm-5,
    .layout-sm-row>.flex-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-5,
    .layout-sm-column>.flex-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-sm-10,
    .layout-row>.flex-sm-10,
    .layout-sm-row>.flex-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-10,
    .layout-sm-column>.flex-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-sm-15,
    .layout-row>.flex-sm-15,
    .layout-sm-row>.flex-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-15,
    .layout-sm-column>.flex-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-sm-20,
    .layout-row>.flex-sm-20,
    .layout-sm-row>.flex-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-20,
    .layout-sm-column>.flex-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-sm-25,
    .layout-row>.flex-sm-25,
    .layout-sm-row>.flex-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-25,
    .layout-sm-column>.flex-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-sm-30,
    .layout-row>.flex-sm-30,
    .layout-sm-row>.flex-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-30,
    .layout-sm-column>.flex-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-sm-35,
    .layout-row>.flex-sm-35,
    .layout-sm-row>.flex-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-35,
    .layout-sm-column>.flex-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-sm-40,
    .layout-row>.flex-sm-40,
    .layout-sm-row>.flex-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-40,
    .layout-sm-column>.flex-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-sm-45,
    .layout-row>.flex-sm-45,
    .layout-sm-row>.flex-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-45,
    .layout-sm-column>.flex-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-sm-50,
    .layout-row>.flex-sm-50,
    .layout-sm-row>.flex-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-50,
    .layout-sm-column>.flex-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-sm-55,
    .layout-row>.flex-sm-55,
    .layout-sm-row>.flex-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-55,
    .layout-sm-column>.flex-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-sm-60,
    .layout-row>.flex-sm-60,
    .layout-sm-row>.flex-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-60,
    .layout-sm-column>.flex-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-sm-65,
    .layout-row>.flex-sm-65,
    .layout-sm-row>.flex-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-65,
    .layout-sm-column>.flex-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-sm-70,
    .layout-row>.flex-sm-70,
    .layout-sm-row>.flex-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-70,
    .layout-sm-column>.flex-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-sm-75,
    .layout-row>.flex-sm-75,
    .layout-sm-row>.flex-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-75,
    .layout-sm-column>.flex-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-sm-80,
    .layout-row>.flex-sm-80,
    .layout-sm-row>.flex-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-80,
    .layout-sm-column>.flex-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-sm-85,
    .layout-row>.flex-sm-85,
    .layout-sm-row>.flex-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-85,
    .layout-sm-column>.flex-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-sm-90,
    .layout-row>.flex-sm-90,
    .layout-sm-row>.flex-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-90,
    .layout-sm-column>.flex-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-sm-95,
    .layout-row>.flex-sm-95,
    .layout-sm-row>.flex-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-95,
    .layout-sm-column>.flex-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-sm-100,
    .layout-column>.flex-sm-100,
    .layout-row>.flex-sm-100,
    .layout-sm-column>.flex-sm-100,
    .layout-sm-row>.flex-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-sm-33,
    .layout-sm-row>.flex-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-sm-66,
    .layout-sm-row>.flex-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex,
    .layout-sm-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-sm-33,
    .layout-sm-column>.flex-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-sm-66,
    .layout-sm-column>.flex-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-sm-column>.flex {
        min-height: 0
    }
    .layout-sm,
    .layout-sm-column,
    .layout-sm-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-sm-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-sm-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:960px) {
    .flex-order-gt-sm--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-gt-sm--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-gt-sm--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-gt-sm--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-gt-sm--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-gt-sm--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-gt-sm--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-gt-sm--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-gt-sm--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-gt-sm--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-gt-sm--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-gt-sm--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-gt-sm--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-gt-sm--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-gt-sm--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-gt-sm--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-gt-sm--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-gt-sm--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-gt-sm--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-gt-sm--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-gt-sm-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-gt-sm-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-gt-sm-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-gt-sm-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-gt-sm-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-gt-sm-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-gt-sm-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-gt-sm-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-gt-sm-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-gt-sm-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-gt-sm-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-gt-sm-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-gt-sm-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-gt-sm-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-gt-sm-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-gt-sm-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-gt-sm-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-gt-sm-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-gt-sm-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-gt-sm-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-gt-sm-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-gt-sm-0,
    .offset-gt-sm-0 {
        margin-left: 0
    }
    .flex-offset-gt-sm-5,
    .offset-gt-sm-5 {
        margin-left: 5%
    }
    .flex-offset-gt-sm-10,
    .offset-gt-sm-10 {
        margin-left: 10%
    }
    .flex-offset-gt-sm-15,
    .offset-gt-sm-15 {
        margin-left: 15%
    }
    .flex-offset-gt-sm-20,
    .offset-gt-sm-20 {
        margin-left: 20%
    }
    .flex-offset-gt-sm-25,
    .offset-gt-sm-25 {
        margin-left: 25%
    }
    .flex-offset-gt-sm-30,
    .offset-gt-sm-30 {
        margin-left: 30%
    }
    .flex-offset-gt-sm-35,
    .offset-gt-sm-35 {
        margin-left: 35%
    }
    .flex-offset-gt-sm-40,
    .offset-gt-sm-40 {
        margin-left: 40%
    }
    .flex-offset-gt-sm-45,
    .offset-gt-sm-45 {
        margin-left: 45%
    }
    .flex-offset-gt-sm-50,
    .offset-gt-sm-50 {
        margin-left: 50%
    }
    .flex-offset-gt-sm-55,
    .offset-gt-sm-55 {
        margin-left: 55%
    }
    .flex-offset-gt-sm-60,
    .offset-gt-sm-60 {
        margin-left: 60%
    }
    .flex-offset-gt-sm-65,
    .offset-gt-sm-65 {
        margin-left: 65%
    }
    .flex-offset-gt-sm-70,
    .offset-gt-sm-70 {
        margin-left: 70%
    }
    .flex-offset-gt-sm-75,
    .offset-gt-sm-75 {
        margin-left: 75%
    }
    .flex-offset-gt-sm-80,
    .offset-gt-sm-80 {
        margin-left: 80%
    }
    .flex-offset-gt-sm-85,
    .offset-gt-sm-85 {
        margin-left: 85%
    }
    .flex-offset-gt-sm-90,
    .offset-gt-sm-90 {
        margin-left: 90%
    }
    .flex-offset-gt-sm-95,
    .offset-gt-sm-95 {
        margin-left: 95%
    }
    .flex-offset-gt-sm-33,
    .offset-gt-sm-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-gt-sm-66,
    .offset-gt-sm-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-gt-sm {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-gt-sm-start,
    .layout-align-gt-sm-start-center,
    .layout-align-gt-sm-start-end,
    .layout-align-gt-sm-start-start,
    .layout-align-gt-sm-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-gt-sm-center,
    .layout-align-gt-sm-center-center,
    .layout-align-gt-sm-center-end,
    .layout-align-gt-sm-center-start,
    .layout-align-gt-sm-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-gt-sm-end,
    .layout-align-gt-sm-end-center,
    .layout-align-gt-sm-end-end,
    .layout-align-gt-sm-end-start,
    .layout-align-gt-sm-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-gt-sm-space-around,
    .layout-align-gt-sm-space-around-center,
    .layout-align-gt-sm-space-around-end,
    .layout-align-gt-sm-space-around-start,
    .layout-align-gt-sm-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-gt-sm-space-between,
    .layout-align-gt-sm-space-between-center,
    .layout-align-gt-sm-space-between-end,
    .layout-align-gt-sm-space-between-start,
    .layout-align-gt-sm-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-gt-sm-center-start,
    .layout-align-gt-sm-end-start,
    .layout-align-gt-sm-space-around-start,
    .layout-align-gt-sm-space-between-start,
    .layout-align-gt-sm-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-gt-sm-center-center,
    .layout-align-gt-sm-end-center,
    .layout-align-gt-sm-space-around-center,
    .layout-align-gt-sm-space-between-center,
    .layout-align-gt-sm-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-gt-sm-center-center>*,
    .layout-align-gt-sm-end-center>*,
    .layout-align-gt-sm-space-around-center>*,
    .layout-align-gt-sm-space-between-center>*,
    .layout-align-gt-sm-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-gt-sm-center-end,
    .layout-align-gt-sm-end-end,
    .layout-align-gt-sm-space-around-end,
    .layout-align-gt-sm-space-between-end,
    .layout-align-gt-sm-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-gt-sm-center-stretch,
    .layout-align-gt-sm-end-stretch,
    .layout-align-gt-sm-space-around-stretch,
    .layout-align-gt-sm-space-between-stretch,
    .layout-align-gt-sm-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-gt-sm {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:960px) {
    .flex-gt-sm {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:960px) {
    .flex-gt-sm-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-gt-sm-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-sm-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-gt-sm-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-gt-sm-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-gt-sm-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-sm-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-sm-row>.flex-gt-sm-0,
    .layout-row>.flex-gt-sm-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-gt-sm-0,
    .layout-gt-sm-column>.flex-gt-sm-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-gt-sm-5,
    .layout-gt-sm-row>.flex-gt-sm-5,
    .layout-row>.flex-gt-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-5,
    .layout-gt-sm-column>.flex-gt-sm-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-gt-sm-10,
    .layout-gt-sm-row>.flex-gt-sm-10,
    .layout-row>.flex-gt-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-10,
    .layout-gt-sm-column>.flex-gt-sm-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-gt-sm-15,
    .layout-gt-sm-row>.flex-gt-sm-15,
    .layout-row>.flex-gt-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-15,
    .layout-gt-sm-column>.flex-gt-sm-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-gt-sm-20,
    .layout-gt-sm-row>.flex-gt-sm-20,
    .layout-row>.flex-gt-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-20,
    .layout-gt-sm-column>.flex-gt-sm-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-gt-sm-25,
    .layout-gt-sm-row>.flex-gt-sm-25,
    .layout-row>.flex-gt-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-25,
    .layout-gt-sm-column>.flex-gt-sm-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-gt-sm-30,
    .layout-gt-sm-row>.flex-gt-sm-30,
    .layout-row>.flex-gt-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-30,
    .layout-gt-sm-column>.flex-gt-sm-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-gt-sm-35,
    .layout-gt-sm-row>.flex-gt-sm-35,
    .layout-row>.flex-gt-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-35,
    .layout-gt-sm-column>.flex-gt-sm-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-gt-sm-40,
    .layout-gt-sm-row>.flex-gt-sm-40,
    .layout-row>.flex-gt-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-40,
    .layout-gt-sm-column>.flex-gt-sm-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-gt-sm-45,
    .layout-gt-sm-row>.flex-gt-sm-45,
    .layout-row>.flex-gt-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-45,
    .layout-gt-sm-column>.flex-gt-sm-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-gt-sm-50,
    .layout-gt-sm-row>.flex-gt-sm-50,
    .layout-row>.flex-gt-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-50,
    .layout-gt-sm-column>.flex-gt-sm-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-gt-sm-55,
    .layout-gt-sm-row>.flex-gt-sm-55,
    .layout-row>.flex-gt-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-55,
    .layout-gt-sm-column>.flex-gt-sm-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-gt-sm-60,
    .layout-gt-sm-row>.flex-gt-sm-60,
    .layout-row>.flex-gt-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-60,
    .layout-gt-sm-column>.flex-gt-sm-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-gt-sm-65,
    .layout-gt-sm-row>.flex-gt-sm-65,
    .layout-row>.flex-gt-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-65,
    .layout-gt-sm-column>.flex-gt-sm-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-gt-sm-70,
    .layout-gt-sm-row>.flex-gt-sm-70,
    .layout-row>.flex-gt-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-70,
    .layout-gt-sm-column>.flex-gt-sm-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-gt-sm-75,
    .layout-gt-sm-row>.flex-gt-sm-75,
    .layout-row>.flex-gt-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-75,
    .layout-gt-sm-column>.flex-gt-sm-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-gt-sm-80,
    .layout-gt-sm-row>.flex-gt-sm-80,
    .layout-row>.flex-gt-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-80,
    .layout-gt-sm-column>.flex-gt-sm-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-gt-sm-85,
    .layout-gt-sm-row>.flex-gt-sm-85,
    .layout-row>.flex-gt-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-85,
    .layout-gt-sm-column>.flex-gt-sm-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-gt-sm-90,
    .layout-gt-sm-row>.flex-gt-sm-90,
    .layout-row>.flex-gt-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-90,
    .layout-gt-sm-column>.flex-gt-sm-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-gt-sm-95,
    .layout-gt-sm-row>.flex-gt-sm-95,
    .layout-row>.flex-gt-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-95,
    .layout-gt-sm-column>.flex-gt-sm-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-gt-sm-100,
    .layout-column>.flex-gt-sm-100,
    .layout-gt-sm-column>.flex-gt-sm-100,
    .layout-gt-sm-row>.flex-gt-sm-100,
    .layout-row>.flex-gt-sm-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-sm-row>.flex-gt-sm-33,
    .layout-row>.flex-gt-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-sm-row>.flex-gt-sm-66,
    .layout-row>.flex-gt-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-sm-row>.flex,
    .layout-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-gt-sm-33,
    .layout-gt-sm-column>.flex-gt-sm-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-sm-66,
    .layout-gt-sm-column>.flex-gt-sm-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-gt-sm-column>.flex {
        min-height: 0
    }
    .layout-gt-sm,
    .layout-gt-sm-column,
    .layout-gt-sm-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-gt-sm-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-gt-sm-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:960px) and (max-width:1279px) {
    .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show),
    .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show),
    .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show),
    .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
        display: none
    }
    .flex-order-md--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-md--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-md--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-md--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-md--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-md--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-md--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-md--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-md--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-md--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-md--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-md--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-md--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-md--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-md--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-md--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-md--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-md--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-md--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-md--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-md-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-md-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-md-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-md-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-md-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-md-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-md-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-md-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-md-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-md-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-md-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-md-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-md-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-md-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-md-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-md-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-md-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-md-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-md-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-md-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-md-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-md-0,
    .offset-md-0 {
        margin-left: 0
    }
    .flex-offset-md-5,
    .offset-md-5 {
        margin-left: 5%
    }
    .flex-offset-md-10,
    .offset-md-10 {
        margin-left: 10%
    }
    .flex-offset-md-15,
    .offset-md-15 {
        margin-left: 15%
    }
    .flex-offset-md-20,
    .offset-md-20 {
        margin-left: 20%
    }
    .flex-offset-md-25,
    .offset-md-25 {
        margin-left: 25%
    }
    .flex-offset-md-30,
    .offset-md-30 {
        margin-left: 30%
    }
    .flex-offset-md-35,
    .offset-md-35 {
        margin-left: 35%
    }
    .flex-offset-md-40,
    .offset-md-40 {
        margin-left: 40%
    }
    .flex-offset-md-45,
    .offset-md-45 {
        margin-left: 45%
    }
    .flex-offset-md-50,
    .offset-md-50 {
        margin-left: 50%
    }
    .flex-offset-md-55,
    .offset-md-55 {
        margin-left: 55%
    }
    .flex-offset-md-60,
    .offset-md-60 {
        margin-left: 60%
    }
    .flex-offset-md-65,
    .offset-md-65 {
        margin-left: 65%
    }
    .flex-offset-md-70,
    .offset-md-70 {
        margin-left: 70%
    }
    .flex-offset-md-75,
    .offset-md-75 {
        margin-left: 75%
    }
    .flex-offset-md-80,
    .offset-md-80 {
        margin-left: 80%
    }
    .flex-offset-md-85,
    .offset-md-85 {
        margin-left: 85%
    }
    .flex-offset-md-90,
    .offset-md-90 {
        margin-left: 90%
    }
    .flex-offset-md-95,
    .offset-md-95 {
        margin-left: 95%
    }
    .flex-offset-md-33,
    .offset-md-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-md-66,
    .offset-md-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-md {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-md-start,
    .layout-align-md-start-center,
    .layout-align-md-start-end,
    .layout-align-md-start-start,
    .layout-align-md-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-md-center,
    .layout-align-md-center-center,
    .layout-align-md-center-end,
    .layout-align-md-center-start,
    .layout-align-md-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-md-end,
    .layout-align-md-end-center,
    .layout-align-md-end-end,
    .layout-align-md-end-start,
    .layout-align-md-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-md-space-around,
    .layout-align-md-space-around-center,
    .layout-align-md-space-around-end,
    .layout-align-md-space-around-start,
    .layout-align-md-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-md-space-between,
    .layout-align-md-space-between-center,
    .layout-align-md-space-between-end,
    .layout-align-md-space-between-start,
    .layout-align-md-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-md-center-start,
    .layout-align-md-end-start,
    .layout-align-md-space-around-start,
    .layout-align-md-space-between-start,
    .layout-align-md-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-md-center-center,
    .layout-align-md-end-center,
    .layout-align-md-space-around-center,
    .layout-align-md-space-between-center,
    .layout-align-md-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-md-center-center>*,
    .layout-align-md-end-center>*,
    .layout-align-md-space-around-center>*,
    .layout-align-md-space-between-center>*,
    .layout-align-md-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-md-center-end,
    .layout-align-md-end-end,
    .layout-align-md-space-around-end,
    .layout-align-md-space-between-end,
    .layout-align-md-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-md-center-stretch,
    .layout-align-md-end-stretch,
    .layout-align-md-space-around-stretch,
    .layout-align-md-space-between-stretch,
    .layout-align-md-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-md {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:960px) and (max-width:1279px) {
    .flex-md {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:960px) and (max-width:1279px) {
    .flex-md-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-md-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-md-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-md-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-md-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-md-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-md-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-md-row>.flex-md-0,
    .layout-row>.flex-md-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-md-0,
    .layout-md-column>.flex-md-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-md-5,
    .layout-md-row>.flex-md-5,
    .layout-row>.flex-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-5,
    .layout-md-column>.flex-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-md-10,
    .layout-md-row>.flex-md-10,
    .layout-row>.flex-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-10,
    .layout-md-column>.flex-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-md-15,
    .layout-md-row>.flex-md-15,
    .layout-row>.flex-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-15,
    .layout-md-column>.flex-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-md-20,
    .layout-md-row>.flex-md-20,
    .layout-row>.flex-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-20,
    .layout-md-column>.flex-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-md-25,
    .layout-md-row>.flex-md-25,
    .layout-row>.flex-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-25,
    .layout-md-column>.flex-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-md-30,
    .layout-md-row>.flex-md-30,
    .layout-row>.flex-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-30,
    .layout-md-column>.flex-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-md-35,
    .layout-md-row>.flex-md-35,
    .layout-row>.flex-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-35,
    .layout-md-column>.flex-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-md-40,
    .layout-md-row>.flex-md-40,
    .layout-row>.flex-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-40,
    .layout-md-column>.flex-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-md-45,
    .layout-md-row>.flex-md-45,
    .layout-row>.flex-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-45,
    .layout-md-column>.flex-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-md-50,
    .layout-md-row>.flex-md-50,
    .layout-row>.flex-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-50,
    .layout-md-column>.flex-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-md-55,
    .layout-md-row>.flex-md-55,
    .layout-row>.flex-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-55,
    .layout-md-column>.flex-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-md-60,
    .layout-md-row>.flex-md-60,
    .layout-row>.flex-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-60,
    .layout-md-column>.flex-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-md-65,
    .layout-md-row>.flex-md-65,
    .layout-row>.flex-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-65,
    .layout-md-column>.flex-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-md-70,
    .layout-md-row>.flex-md-70,
    .layout-row>.flex-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-70,
    .layout-md-column>.flex-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-md-75,
    .layout-md-row>.flex-md-75,
    .layout-row>.flex-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-75,
    .layout-md-column>.flex-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-md-80,
    .layout-md-row>.flex-md-80,
    .layout-row>.flex-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-80,
    .layout-md-column>.flex-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-md-85,
    .layout-md-row>.flex-md-85,
    .layout-row>.flex-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-85,
    .layout-md-column>.flex-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-md-90,
    .layout-md-row>.flex-md-90,
    .layout-row>.flex-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-90,
    .layout-md-column>.flex-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-md-95,
    .layout-md-row>.flex-md-95,
    .layout-row>.flex-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-95,
    .layout-md-column>.flex-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-md-100,
    .layout-column>.flex-md-100,
    .layout-md-column>.flex-md-100,
    .layout-md-row>.flex-md-100,
    .layout-row>.flex-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-md-row>.flex-md-33,
    .layout-row>.flex-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-md-row>.flex-md-66,
    .layout-row>.flex-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-md-row>.flex,
    .layout-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-md-33,
    .layout-md-column>.flex-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-md-66,
    .layout-md-column>.flex-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-md-column>.flex {
        min-height: 0
    }
    .layout-md,
    .layout-md-column,
    .layout-md-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-md-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-md-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1280px) {
    .flex-order-gt-md--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-gt-md--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-gt-md--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-gt-md--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-gt-md--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-gt-md--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-gt-md--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-gt-md--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-gt-md--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-gt-md--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-gt-md--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-gt-md--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-gt-md--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-gt-md--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-gt-md--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-gt-md--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-gt-md--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-gt-md--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-gt-md--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-gt-md--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-gt-md-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-gt-md-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-gt-md-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-gt-md-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-gt-md-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-gt-md-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-gt-md-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-gt-md-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-gt-md-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-gt-md-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-gt-md-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-gt-md-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-gt-md-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-gt-md-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-gt-md-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-gt-md-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-gt-md-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-gt-md-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-gt-md-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-gt-md-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-gt-md-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-gt-md-0,
    .offset-gt-md-0 {
        margin-left: 0
    }
    .flex-offset-gt-md-5,
    .offset-gt-md-5 {
        margin-left: 5%
    }
    .flex-offset-gt-md-10,
    .offset-gt-md-10 {
        margin-left: 10%
    }
    .flex-offset-gt-md-15,
    .offset-gt-md-15 {
        margin-left: 15%
    }
    .flex-offset-gt-md-20,
    .offset-gt-md-20 {
        margin-left: 20%
    }
    .flex-offset-gt-md-25,
    .offset-gt-md-25 {
        margin-left: 25%
    }
    .flex-offset-gt-md-30,
    .offset-gt-md-30 {
        margin-left: 30%
    }
    .flex-offset-gt-md-35,
    .offset-gt-md-35 {
        margin-left: 35%
    }
    .flex-offset-gt-md-40,
    .offset-gt-md-40 {
        margin-left: 40%
    }
    .flex-offset-gt-md-45,
    .offset-gt-md-45 {
        margin-left: 45%
    }
    .flex-offset-gt-md-50,
    .offset-gt-md-50 {
        margin-left: 50%
    }
    .flex-offset-gt-md-55,
    .offset-gt-md-55 {
        margin-left: 55%
    }
    .flex-offset-gt-md-60,
    .offset-gt-md-60 {
        margin-left: 60%
    }
    .flex-offset-gt-md-65,
    .offset-gt-md-65 {
        margin-left: 65%
    }
    .flex-offset-gt-md-70,
    .offset-gt-md-70 {
        margin-left: 70%
    }
    .flex-offset-gt-md-75,
    .offset-gt-md-75 {
        margin-left: 75%
    }
    .flex-offset-gt-md-80,
    .offset-gt-md-80 {
        margin-left: 80%
    }
    .flex-offset-gt-md-85,
    .offset-gt-md-85 {
        margin-left: 85%
    }
    .flex-offset-gt-md-90,
    .offset-gt-md-90 {
        margin-left: 90%
    }
    .flex-offset-gt-md-95,
    .offset-gt-md-95 {
        margin-left: 95%
    }
    .flex-offset-gt-md-33,
    .offset-gt-md-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-gt-md-66,
    .offset-gt-md-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-gt-md {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-gt-md-start,
    .layout-align-gt-md-start-center,
    .layout-align-gt-md-start-end,
    .layout-align-gt-md-start-start,
    .layout-align-gt-md-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-gt-md-center,
    .layout-align-gt-md-center-center,
    .layout-align-gt-md-center-end,
    .layout-align-gt-md-center-start,
    .layout-align-gt-md-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-gt-md-end,
    .layout-align-gt-md-end-center,
    .layout-align-gt-md-end-end,
    .layout-align-gt-md-end-start,
    .layout-align-gt-md-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-gt-md-space-around,
    .layout-align-gt-md-space-around-center,
    .layout-align-gt-md-space-around-end,
    .layout-align-gt-md-space-around-start,
    .layout-align-gt-md-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-gt-md-space-between,
    .layout-align-gt-md-space-between-center,
    .layout-align-gt-md-space-between-end,
    .layout-align-gt-md-space-between-start,
    .layout-align-gt-md-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-gt-md-center-start,
    .layout-align-gt-md-end-start,
    .layout-align-gt-md-space-around-start,
    .layout-align-gt-md-space-between-start,
    .layout-align-gt-md-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-gt-md-center-center,
    .layout-align-gt-md-end-center,
    .layout-align-gt-md-space-around-center,
    .layout-align-gt-md-space-between-center,
    .layout-align-gt-md-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-gt-md-center-center>*,
    .layout-align-gt-md-end-center>*,
    .layout-align-gt-md-space-around-center>*,
    .layout-align-gt-md-space-between-center>*,
    .layout-align-gt-md-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-gt-md-center-end,
    .layout-align-gt-md-end-end,
    .layout-align-gt-md-space-around-end,
    .layout-align-gt-md-space-between-end,
    .layout-align-gt-md-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-gt-md-center-stretch,
    .layout-align-gt-md-end-stretch,
    .layout-align-gt-md-space-around-stretch,
    .layout-align-gt-md-space-between-stretch,
    .layout-align-gt-md-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-gt-md {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1280px) {
    .flex-gt-md {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1280px) {
    .flex-gt-md-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-gt-md-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-md-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-gt-md-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-gt-md-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-gt-md-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-md-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-md-row>.flex-gt-md-0,
    .layout-row>.flex-gt-md-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-gt-md-0,
    .layout-gt-md-column>.flex-gt-md-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-gt-md-5,
    .layout-gt-md-row>.flex-gt-md-5,
    .layout-row>.flex-gt-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-5,
    .layout-gt-md-column>.flex-gt-md-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-gt-md-10,
    .layout-gt-md-row>.flex-gt-md-10,
    .layout-row>.flex-gt-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-10,
    .layout-gt-md-column>.flex-gt-md-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-gt-md-15,
    .layout-gt-md-row>.flex-gt-md-15,
    .layout-row>.flex-gt-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-15,
    .layout-gt-md-column>.flex-gt-md-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-gt-md-20,
    .layout-gt-md-row>.flex-gt-md-20,
    .layout-row>.flex-gt-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-20,
    .layout-gt-md-column>.flex-gt-md-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-gt-md-25,
    .layout-gt-md-row>.flex-gt-md-25,
    .layout-row>.flex-gt-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-25,
    .layout-gt-md-column>.flex-gt-md-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-gt-md-30,
    .layout-gt-md-row>.flex-gt-md-30,
    .layout-row>.flex-gt-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-30,
    .layout-gt-md-column>.flex-gt-md-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-gt-md-35,
    .layout-gt-md-row>.flex-gt-md-35,
    .layout-row>.flex-gt-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-35,
    .layout-gt-md-column>.flex-gt-md-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-gt-md-40,
    .layout-gt-md-row>.flex-gt-md-40,
    .layout-row>.flex-gt-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-40,
    .layout-gt-md-column>.flex-gt-md-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-gt-md-45,
    .layout-gt-md-row>.flex-gt-md-45,
    .layout-row>.flex-gt-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-45,
    .layout-gt-md-column>.flex-gt-md-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-gt-md-50,
    .layout-gt-md-row>.flex-gt-md-50,
    .layout-row>.flex-gt-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-50,
    .layout-gt-md-column>.flex-gt-md-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-gt-md-55,
    .layout-gt-md-row>.flex-gt-md-55,
    .layout-row>.flex-gt-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-55,
    .layout-gt-md-column>.flex-gt-md-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-gt-md-60,
    .layout-gt-md-row>.flex-gt-md-60,
    .layout-row>.flex-gt-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-60,
    .layout-gt-md-column>.flex-gt-md-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-gt-md-65,
    .layout-gt-md-row>.flex-gt-md-65,
    .layout-row>.flex-gt-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-65,
    .layout-gt-md-column>.flex-gt-md-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-gt-md-70,
    .layout-gt-md-row>.flex-gt-md-70,
    .layout-row>.flex-gt-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-70,
    .layout-gt-md-column>.flex-gt-md-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-gt-md-75,
    .layout-gt-md-row>.flex-gt-md-75,
    .layout-row>.flex-gt-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-75,
    .layout-gt-md-column>.flex-gt-md-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-gt-md-80,
    .layout-gt-md-row>.flex-gt-md-80,
    .layout-row>.flex-gt-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-80,
    .layout-gt-md-column>.flex-gt-md-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-gt-md-85,
    .layout-gt-md-row>.flex-gt-md-85,
    .layout-row>.flex-gt-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-85,
    .layout-gt-md-column>.flex-gt-md-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-gt-md-90,
    .layout-gt-md-row>.flex-gt-md-90,
    .layout-row>.flex-gt-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-90,
    .layout-gt-md-column>.flex-gt-md-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-gt-md-95,
    .layout-gt-md-row>.flex-gt-md-95,
    .layout-row>.flex-gt-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-95,
    .layout-gt-md-column>.flex-gt-md-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-gt-md-100,
    .layout-column>.flex-gt-md-100,
    .layout-gt-md-column>.flex-gt-md-100,
    .layout-gt-md-row>.flex-gt-md-100,
    .layout-row>.flex-gt-md-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-md-row>.flex-gt-md-33,
    .layout-row>.flex-gt-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-md-row>.flex-gt-md-66,
    .layout-row>.flex-gt-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-md-row>.flex,
    .layout-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-gt-md-33,
    .layout-gt-md-column>.flex-gt-md-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-md-66,
    .layout-gt-md-column>.flex-gt-md-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-gt-md-column>.flex {
        min-height: 0
    }
    .layout-gt-md,
    .layout-gt-md-column,
    .layout-gt-md-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-gt-md-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-gt-md-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1280px) and (max-width:1919px) {
    .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show),
    .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show),
    .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show),
    .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show),
    .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
        display: none
    }
    .flex-order-lg--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-lg--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-lg--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-lg--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-lg--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-lg--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-lg--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-lg--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-lg--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-lg--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-lg--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-lg--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-lg--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-lg--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-lg--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-lg--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-lg--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-lg--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-lg--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-lg--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-lg-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-lg-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-lg-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-lg-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-lg-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-lg-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-lg-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-lg-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-lg-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-lg-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-lg-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-lg-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-lg-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-lg-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-lg-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-lg-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-lg-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-lg-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-lg-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-lg-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-lg-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-lg-0,
    .offset-lg-0 {
        margin-left: 0
    }
    .flex-offset-lg-5,
    .offset-lg-5 {
        margin-left: 5%
    }
    .flex-offset-lg-10,
    .offset-lg-10 {
        margin-left: 10%
    }
    .flex-offset-lg-15,
    .offset-lg-15 {
        margin-left: 15%
    }
    .flex-offset-lg-20,
    .offset-lg-20 {
        margin-left: 20%
    }
    .flex-offset-lg-25,
    .offset-lg-25 {
        margin-left: 25%
    }
    .flex-offset-lg-30,
    .offset-lg-30 {
        margin-left: 30%
    }
    .flex-offset-lg-35,
    .offset-lg-35 {
        margin-left: 35%
    }
    .flex-offset-lg-40,
    .offset-lg-40 {
        margin-left: 40%
    }
    .flex-offset-lg-45,
    .offset-lg-45 {
        margin-left: 45%
    }
    .flex-offset-lg-50,
    .offset-lg-50 {
        margin-left: 50%
    }
    .flex-offset-lg-55,
    .offset-lg-55 {
        margin-left: 55%
    }
    .flex-offset-lg-60,
    .offset-lg-60 {
        margin-left: 60%
    }
    .flex-offset-lg-65,
    .offset-lg-65 {
        margin-left: 65%
    }
    .flex-offset-lg-70,
    .offset-lg-70 {
        margin-left: 70%
    }
    .flex-offset-lg-75,
    .offset-lg-75 {
        margin-left: 75%
    }
    .flex-offset-lg-80,
    .offset-lg-80 {
        margin-left: 80%
    }
    .flex-offset-lg-85,
    .offset-lg-85 {
        margin-left: 85%
    }
    .flex-offset-lg-90,
    .offset-lg-90 {
        margin-left: 90%
    }
    .flex-offset-lg-95,
    .offset-lg-95 {
        margin-left: 95%
    }
    .flex-offset-lg-33,
    .offset-lg-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-lg-66,
    .offset-lg-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-lg {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-lg-start,
    .layout-align-lg-start-center,
    .layout-align-lg-start-end,
    .layout-align-lg-start-start,
    .layout-align-lg-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-lg-center,
    .layout-align-lg-center-center,
    .layout-align-lg-center-end,
    .layout-align-lg-center-start,
    .layout-align-lg-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-lg-end,
    .layout-align-lg-end-center,
    .layout-align-lg-end-end,
    .layout-align-lg-end-start,
    .layout-align-lg-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-lg-space-around,
    .layout-align-lg-space-around-center,
    .layout-align-lg-space-around-end,
    .layout-align-lg-space-around-start,
    .layout-align-lg-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-lg-space-between,
    .layout-align-lg-space-between-center,
    .layout-align-lg-space-between-end,
    .layout-align-lg-space-between-start,
    .layout-align-lg-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-lg-center-start,
    .layout-align-lg-end-start,
    .layout-align-lg-space-around-start,
    .layout-align-lg-space-between-start,
    .layout-align-lg-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-lg-center-center,
    .layout-align-lg-end-center,
    .layout-align-lg-space-around-center,
    .layout-align-lg-space-between-center,
    .layout-align-lg-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-lg-center-center>*,
    .layout-align-lg-end-center>*,
    .layout-align-lg-space-around-center>*,
    .layout-align-lg-space-between-center>*,
    .layout-align-lg-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-lg-center-end,
    .layout-align-lg-end-end,
    .layout-align-lg-space-around-end,
    .layout-align-lg-space-between-end,
    .layout-align-lg-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-lg-center-stretch,
    .layout-align-lg-end-stretch,
    .layout-align-lg-space-around-stretch,
    .layout-align-lg-space-between-stretch,
    .layout-align-lg-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-lg {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1280px) and (max-width:1919px) {
    .flex-lg {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1280px) and (max-width:1919px) {
    .flex-lg-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-lg-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-lg-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-lg-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-lg-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-lg-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-lg-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-lg-row>.flex-lg-0,
    .layout-row>.flex-lg-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-lg-0,
    .layout-lg-column>.flex-lg-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-lg-5,
    .layout-lg-row>.flex-lg-5,
    .layout-row>.flex-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-5,
    .layout-lg-column>.flex-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-lg-10,
    .layout-lg-row>.flex-lg-10,
    .layout-row>.flex-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-10,
    .layout-lg-column>.flex-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-lg-15,
    .layout-lg-row>.flex-lg-15,
    .layout-row>.flex-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-15,
    .layout-lg-column>.flex-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-lg-20,
    .layout-lg-row>.flex-lg-20,
    .layout-row>.flex-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-20,
    .layout-lg-column>.flex-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-lg-25,
    .layout-lg-row>.flex-lg-25,
    .layout-row>.flex-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-25,
    .layout-lg-column>.flex-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-lg-30,
    .layout-lg-row>.flex-lg-30,
    .layout-row>.flex-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-30,
    .layout-lg-column>.flex-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-lg-35,
    .layout-lg-row>.flex-lg-35,
    .layout-row>.flex-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-35,
    .layout-lg-column>.flex-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-lg-40,
    .layout-lg-row>.flex-lg-40,
    .layout-row>.flex-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-40,
    .layout-lg-column>.flex-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-lg-45,
    .layout-lg-row>.flex-lg-45,
    .layout-row>.flex-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-45,
    .layout-lg-column>.flex-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-lg-50,
    .layout-lg-row>.flex-lg-50,
    .layout-row>.flex-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-50,
    .layout-lg-column>.flex-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-lg-55,
    .layout-lg-row>.flex-lg-55,
    .layout-row>.flex-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-55,
    .layout-lg-column>.flex-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-lg-60,
    .layout-lg-row>.flex-lg-60,
    .layout-row>.flex-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-60,
    .layout-lg-column>.flex-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-lg-65,
    .layout-lg-row>.flex-lg-65,
    .layout-row>.flex-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-65,
    .layout-lg-column>.flex-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-lg-70,
    .layout-lg-row>.flex-lg-70,
    .layout-row>.flex-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-70,
    .layout-lg-column>.flex-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-lg-75,
    .layout-lg-row>.flex-lg-75,
    .layout-row>.flex-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-75,
    .layout-lg-column>.flex-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-lg-80,
    .layout-lg-row>.flex-lg-80,
    .layout-row>.flex-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-80,
    .layout-lg-column>.flex-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-lg-85,
    .layout-lg-row>.flex-lg-85,
    .layout-row>.flex-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-85,
    .layout-lg-column>.flex-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-lg-90,
    .layout-lg-row>.flex-lg-90,
    .layout-row>.flex-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-90,
    .layout-lg-column>.flex-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-lg-95,
    .layout-lg-row>.flex-lg-95,
    .layout-row>.flex-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-95,
    .layout-lg-column>.flex-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-lg-100,
    .layout-column>.flex-lg-100,
    .layout-lg-column>.flex-lg-100,
    .layout-lg-row>.flex-lg-100,
    .layout-row>.flex-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-lg-row>.flex-lg-33,
    .layout-row>.flex-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-lg-row>.flex-lg-66,
    .layout-row>.flex-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-lg-row>.flex,
    .layout-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-lg-33,
    .layout-lg-column>.flex-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-lg-66,
    .layout-lg-column>.flex-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-lg-column>.flex {
        min-height: 0
    }
    .layout-lg,
    .layout-lg-column,
    .layout-lg-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-lg-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-lg-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1920px) {
    .flex-order-gt-lg--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-gt-lg--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-gt-lg--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-gt-lg--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-gt-lg--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-gt-lg--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-gt-lg--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-gt-lg--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-gt-lg--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-gt-lg--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-gt-lg--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-gt-lg--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-gt-lg--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-gt-lg--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-gt-lg--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-gt-lg--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-gt-lg--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-gt-lg--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-gt-lg--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-gt-lg--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-gt-lg-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-gt-lg-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-gt-lg-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-gt-lg-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-gt-lg-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-gt-lg-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-gt-lg-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-gt-lg-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-gt-lg-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-gt-lg-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-gt-lg-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-gt-lg-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-gt-lg-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-gt-lg-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-gt-lg-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-gt-lg-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-gt-lg-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-gt-lg-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-gt-lg-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-gt-lg-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-gt-lg-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-gt-lg-0,
    .offset-gt-lg-0 {
        margin-left: 0
    }
    .flex-offset-gt-lg-5,
    .offset-gt-lg-5 {
        margin-left: 5%
    }
    .flex-offset-gt-lg-10,
    .offset-gt-lg-10 {
        margin-left: 10%
    }
    .flex-offset-gt-lg-15,
    .offset-gt-lg-15 {
        margin-left: 15%
    }
    .flex-offset-gt-lg-20,
    .offset-gt-lg-20 {
        margin-left: 20%
    }
    .flex-offset-gt-lg-25,
    .offset-gt-lg-25 {
        margin-left: 25%
    }
    .flex-offset-gt-lg-30,
    .offset-gt-lg-30 {
        margin-left: 30%
    }
    .flex-offset-gt-lg-35,
    .offset-gt-lg-35 {
        margin-left: 35%
    }
    .flex-offset-gt-lg-40,
    .offset-gt-lg-40 {
        margin-left: 40%
    }
    .flex-offset-gt-lg-45,
    .offset-gt-lg-45 {
        margin-left: 45%
    }
    .flex-offset-gt-lg-50,
    .offset-gt-lg-50 {
        margin-left: 50%
    }
    .flex-offset-gt-lg-55,
    .offset-gt-lg-55 {
        margin-left: 55%
    }
    .flex-offset-gt-lg-60,
    .offset-gt-lg-60 {
        margin-left: 60%
    }
    .flex-offset-gt-lg-65,
    .offset-gt-lg-65 {
        margin-left: 65%
    }
    .flex-offset-gt-lg-70,
    .offset-gt-lg-70 {
        margin-left: 70%
    }
    .flex-offset-gt-lg-75,
    .offset-gt-lg-75 {
        margin-left: 75%
    }
    .flex-offset-gt-lg-80,
    .offset-gt-lg-80 {
        margin-left: 80%
    }
    .flex-offset-gt-lg-85,
    .offset-gt-lg-85 {
        margin-left: 85%
    }
    .flex-offset-gt-lg-90,
    .offset-gt-lg-90 {
        margin-left: 90%
    }
    .flex-offset-gt-lg-95,
    .offset-gt-lg-95 {
        margin-left: 95%
    }
    .flex-offset-gt-lg-33,
    .offset-gt-lg-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-gt-lg-66,
    .offset-gt-lg-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-gt-lg {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-gt-lg-start,
    .layout-align-gt-lg-start-center,
    .layout-align-gt-lg-start-end,
    .layout-align-gt-lg-start-start,
    .layout-align-gt-lg-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-gt-lg-center,
    .layout-align-gt-lg-center-center,
    .layout-align-gt-lg-center-end,
    .layout-align-gt-lg-center-start,
    .layout-align-gt-lg-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-gt-lg-end,
    .layout-align-gt-lg-end-center,
    .layout-align-gt-lg-end-end,
    .layout-align-gt-lg-end-start,
    .layout-align-gt-lg-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-gt-lg-space-around,
    .layout-align-gt-lg-space-around-center,
    .layout-align-gt-lg-space-around-end,
    .layout-align-gt-lg-space-around-start,
    .layout-align-gt-lg-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-gt-lg-space-between,
    .layout-align-gt-lg-space-between-center,
    .layout-align-gt-lg-space-between-end,
    .layout-align-gt-lg-space-between-start,
    .layout-align-gt-lg-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-gt-lg-center-start,
    .layout-align-gt-lg-end-start,
    .layout-align-gt-lg-space-around-start,
    .layout-align-gt-lg-space-between-start,
    .layout-align-gt-lg-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-gt-lg-center-center,
    .layout-align-gt-lg-end-center,
    .layout-align-gt-lg-space-around-center,
    .layout-align-gt-lg-space-between-center,
    .layout-align-gt-lg-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-gt-lg-center-center>*,
    .layout-align-gt-lg-end-center>*,
    .layout-align-gt-lg-space-around-center>*,
    .layout-align-gt-lg-space-between-center>*,
    .layout-align-gt-lg-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-gt-lg-center-end,
    .layout-align-gt-lg-end-end,
    .layout-align-gt-lg-space-around-end,
    .layout-align-gt-lg-space-between-end,
    .layout-align-gt-lg-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-gt-lg-center-stretch,
    .layout-align-gt-lg-end-stretch,
    .layout-align-gt-lg-space-around-stretch,
    .layout-align-gt-lg-space-between-stretch,
    .layout-align-gt-lg-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-gt-lg {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1920px) {
    .flex-gt-lg {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1920px) {
    .flex-gt-lg-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-gt-lg-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-lg-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-gt-lg-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-gt-lg-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-gt-lg-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-gt-lg-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-lg-row>.flex-gt-lg-0,
    .layout-row>.flex-gt-lg-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-gt-lg-0,
    .layout-gt-lg-column>.flex-gt-lg-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-gt-lg-5,
    .layout-gt-lg-row>.flex-gt-lg-5,
    .layout-row>.flex-gt-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-5,
    .layout-gt-lg-column>.flex-gt-lg-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-gt-lg-10,
    .layout-gt-lg-row>.flex-gt-lg-10,
    .layout-row>.flex-gt-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-10,
    .layout-gt-lg-column>.flex-gt-lg-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-gt-lg-15,
    .layout-gt-lg-row>.flex-gt-lg-15,
    .layout-row>.flex-gt-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-15,
    .layout-gt-lg-column>.flex-gt-lg-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-gt-lg-20,
    .layout-gt-lg-row>.flex-gt-lg-20,
    .layout-row>.flex-gt-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-20,
    .layout-gt-lg-column>.flex-gt-lg-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-gt-lg-25,
    .layout-gt-lg-row>.flex-gt-lg-25,
    .layout-row>.flex-gt-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-25,
    .layout-gt-lg-column>.flex-gt-lg-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-gt-lg-30,
    .layout-gt-lg-row>.flex-gt-lg-30,
    .layout-row>.flex-gt-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-30,
    .layout-gt-lg-column>.flex-gt-lg-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-gt-lg-35,
    .layout-gt-lg-row>.flex-gt-lg-35,
    .layout-row>.flex-gt-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-35,
    .layout-gt-lg-column>.flex-gt-lg-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-gt-lg-40,
    .layout-gt-lg-row>.flex-gt-lg-40,
    .layout-row>.flex-gt-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-40,
    .layout-gt-lg-column>.flex-gt-lg-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-gt-lg-45,
    .layout-gt-lg-row>.flex-gt-lg-45,
    .layout-row>.flex-gt-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-45,
    .layout-gt-lg-column>.flex-gt-lg-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-gt-lg-50,
    .layout-gt-lg-row>.flex-gt-lg-50,
    .layout-row>.flex-gt-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-50,
    .layout-gt-lg-column>.flex-gt-lg-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-gt-lg-55,
    .layout-gt-lg-row>.flex-gt-lg-55,
    .layout-row>.flex-gt-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-55,
    .layout-gt-lg-column>.flex-gt-lg-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-gt-lg-60,
    .layout-gt-lg-row>.flex-gt-lg-60,
    .layout-row>.flex-gt-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-60,
    .layout-gt-lg-column>.flex-gt-lg-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-gt-lg-65,
    .layout-gt-lg-row>.flex-gt-lg-65,
    .layout-row>.flex-gt-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-65,
    .layout-gt-lg-column>.flex-gt-lg-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-gt-lg-70,
    .layout-gt-lg-row>.flex-gt-lg-70,
    .layout-row>.flex-gt-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-70,
    .layout-gt-lg-column>.flex-gt-lg-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-gt-lg-75,
    .layout-gt-lg-row>.flex-gt-lg-75,
    .layout-row>.flex-gt-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-75,
    .layout-gt-lg-column>.flex-gt-lg-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-gt-lg-80,
    .layout-gt-lg-row>.flex-gt-lg-80,
    .layout-row>.flex-gt-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-80,
    .layout-gt-lg-column>.flex-gt-lg-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-gt-lg-85,
    .layout-gt-lg-row>.flex-gt-lg-85,
    .layout-row>.flex-gt-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-85,
    .layout-gt-lg-column>.flex-gt-lg-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-gt-lg-90,
    .layout-gt-lg-row>.flex-gt-lg-90,
    .layout-row>.flex-gt-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-90,
    .layout-gt-lg-column>.flex-gt-lg-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-gt-lg-95,
    .layout-gt-lg-row>.flex-gt-lg-95,
    .layout-row>.flex-gt-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-95,
    .layout-gt-lg-column>.flex-gt-lg-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-gt-lg-100,
    .layout-column>.flex-gt-lg-100,
    .layout-gt-lg-column>.flex-gt-lg-100,
    .layout-gt-lg-row>.flex-gt-lg-100,
    .layout-row>.flex-gt-lg-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-lg-row>.flex-gt-lg-33,
    .layout-row>.flex-gt-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-lg-row>.flex-gt-lg-66,
    .layout-row>.flex-gt-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-gt-lg-row>.flex,
    .layout-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-gt-lg-33,
    .layout-gt-lg-column>.flex-gt-lg-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-gt-lg-66,
    .layout-gt-lg-column>.flex-gt-lg-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-gt-lg-column>.flex {
        min-height: 0
    }
    .layout-gt-lg,
    .layout-gt-lg-column,
    .layout-gt-lg-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-gt-lg-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-gt-lg-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .flex-order-xl--20 {
        -webkit-order: -20;
        -ms-flex-order: -20;
        order: -20
    }
    .flex-order-xl--19 {
        -webkit-order: -19;
        -ms-flex-order: -19;
        order: -19
    }
    .flex-order-xl--18 {
        -webkit-order: -18;
        -ms-flex-order: -18;
        order: -18
    }
    .flex-order-xl--17 {
        -webkit-order: -17;
        -ms-flex-order: -17;
        order: -17
    }
    .flex-order-xl--16 {
        -webkit-order: -16;
        -ms-flex-order: -16;
        order: -16
    }
    .flex-order-xl--15 {
        -webkit-order: -15;
        -ms-flex-order: -15;
        order: -15
    }
    .flex-order-xl--14 {
        -webkit-order: -14;
        -ms-flex-order: -14;
        order: -14
    }
    .flex-order-xl--13 {
        -webkit-order: -13;
        -ms-flex-order: -13;
        order: -13
    }
    .flex-order-xl--12 {
        -webkit-order: -12;
        -ms-flex-order: -12;
        order: -12
    }
    .flex-order-xl--11 {
        -webkit-order: -11;
        -ms-flex-order: -11;
        order: -11
    }
    .flex-order-xl--10 {
        -webkit-order: -10;
        -ms-flex-order: -10;
        order: -10
    }
    .flex-order-xl--9 {
        -webkit-order: -9;
        -ms-flex-order: -9;
        order: -9
    }
    .flex-order-xl--8 {
        -webkit-order: -8;
        -ms-flex-order: -8;
        order: -8
    }
    .flex-order-xl--7 {
        -webkit-order: -7;
        -ms-flex-order: -7;
        order: -7
    }
    .flex-order-xl--6 {
        -webkit-order: -6;
        -ms-flex-order: -6;
        order: -6
    }
    .flex-order-xl--5 {
        -webkit-order: -5;
        -ms-flex-order: -5;
        order: -5
    }
    .flex-order-xl--4 {
        -webkit-order: -4;
        -ms-flex-order: -4;
        order: -4
    }
    .flex-order-xl--3 {
        -webkit-order: -3;
        -ms-flex-order: -3;
        order: -3
    }
    .flex-order-xl--2 {
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }
    .flex-order-xl--1 {
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-order-xl-0 {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-order-xl-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-order-xl-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .flex-order-xl-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .flex-order-xl-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .flex-order-xl-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .flex-order-xl-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .flex-order-xl-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .flex-order-xl-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .flex-order-xl-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .flex-order-xl-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .flex-order-xl-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .flex-order-xl-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .flex-order-xl-13 {
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .flex-order-xl-14 {
        -webkit-order: 14;
        -ms-flex-order: 14;
        order: 14
    }
    .flex-order-xl-15 {
        -webkit-order: 15;
        -ms-flex-order: 15;
        order: 15
    }
    .flex-order-xl-16 {
        -webkit-order: 16;
        -ms-flex-order: 16;
        order: 16
    }
    .flex-order-xl-17 {
        -webkit-order: 17;
        -ms-flex-order: 17;
        order: 17
    }
    .flex-order-xl-18 {
        -webkit-order: 18;
        -ms-flex-order: 18;
        order: 18
    }
    .flex-order-xl-19 {
        -webkit-order: 19;
        -ms-flex-order: 19;
        order: 19
    }
    .flex-order-xl-20 {
        -webkit-order: 20;
        -ms-flex-order: 20;
        order: 20
    }
    .flex-offset-xl-0,
    .offset-xl-0 {
        margin-left: 0
    }
    .flex-offset-xl-5,
    .offset-xl-5 {
        margin-left: 5%
    }
    .flex-offset-xl-10,
    .offset-xl-10 {
        margin-left: 10%
    }
    .flex-offset-xl-15,
    .offset-xl-15 {
        margin-left: 15%
    }
    .flex-offset-xl-20,
    .offset-xl-20 {
        margin-left: 20%
    }
    .flex-offset-xl-25,
    .offset-xl-25 {
        margin-left: 25%
    }
    .flex-offset-xl-30,
    .offset-xl-30 {
        margin-left: 30%
    }
    .flex-offset-xl-35,
    .offset-xl-35 {
        margin-left: 35%
    }
    .flex-offset-xl-40,
    .offset-xl-40 {
        margin-left: 40%
    }
    .flex-offset-xl-45,
    .offset-xl-45 {
        margin-left: 45%
    }
    .flex-offset-xl-50,
    .offset-xl-50 {
        margin-left: 50%
    }
    .flex-offset-xl-55,
    .offset-xl-55 {
        margin-left: 55%
    }
    .flex-offset-xl-60,
    .offset-xl-60 {
        margin-left: 60%
    }
    .flex-offset-xl-65,
    .offset-xl-65 {
        margin-left: 65%
    }
    .flex-offset-xl-70,
    .offset-xl-70 {
        margin-left: 70%
    }
    .flex-offset-xl-75,
    .offset-xl-75 {
        margin-left: 75%
    }
    .flex-offset-xl-80,
    .offset-xl-80 {
        margin-left: 80%
    }
    .flex-offset-xl-85,
    .offset-xl-85 {
        margin-left: 85%
    }
    .flex-offset-xl-90,
    .offset-xl-90 {
        margin-left: 90%
    }
    .flex-offset-xl-95,
    .offset-xl-95 {
        margin-left: 95%
    }
    .flex-offset-xl-33,
    .offset-xl-33 {
        margin-left: calc(100% / 3)
    }
    .flex-offset-xl-66,
    .offset-xl-66 {
        margin-left: calc(200% / 3)
    }
    .layout-align-xl {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .layout-align-xl-start,
    .layout-align-xl-start-center,
    .layout-align-xl-start-end,
    .layout-align-xl-start-start,
    .layout-align-xl-start-stretch {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .layout-align-xl-center,
    .layout-align-xl-center-center,
    .layout-align-xl-center-end,
    .layout-align-xl-center-start,
    .layout-align-xl-center-stretch {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-align-xl-end,
    .layout-align-xl-end-center,
    .layout-align-xl-end-end,
    .layout-align-xl-end-start,
    .layout-align-xl-end-stretch {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .layout-align-xl-space-around,
    .layout-align-xl-space-around-center,
    .layout-align-xl-space-around-end,
    .layout-align-xl-space-around-start,
    .layout-align-xl-space-around-stretch {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .layout-align-xl-space-between,
    .layout-align-xl-space-between-center,
    .layout-align-xl-space-between-end,
    .layout-align-xl-space-between-start,
    .layout-align-xl-space-between-stretch {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .layout-align-xl-center-start,
    .layout-align-xl-end-start,
    .layout-align-xl-space-around-start,
    .layout-align-xl-space-between-start,
    .layout-align-xl-start-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
    .layout-align-xl-center-center,
    .layout-align-xl-end-center,
    .layout-align-xl-space-around-center,
    .layout-align-xl-space-between-center,
    .layout-align-xl-start-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        max-width: 100%
    }
    .layout-align-xl-center-center>*,
    .layout-align-xl-end-center>*,
    .layout-align-xl-space-around-center>*,
    .layout-align-xl-space-between-center>*,
    .layout-align-xl-start-center>* {
        max-width: 100%;
        box-sizing: border-box
    }
    .layout-align-xl-center-end,
    .layout-align-xl-end-end,
    .layout-align-xl-space-around-end,
    .layout-align-xl-space-between-end,
    .layout-align-xl-start-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }
    .layout-align-xl-center-stretch,
    .layout-align-xl-end-stretch,
    .layout-align-xl-space-around-stretch,
    .layout-align-xl-space-between-stretch,
    .layout-align-xl-start-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }
    .flex-xl {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-sizing: border-box
    }
}

@media screen\0 and (min-width:1920px) {
    .flex-xl {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }
}

@media (min-width:1920px) {
    .flex-xl-grow {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        box-sizing: border-box
    }
    .flex-xl-initial {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-xl-auto {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        box-sizing: border-box
    }
    .flex-xl-none {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        box-sizing: border-box
    }
    .flex-xl-noshrink {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        box-sizing: border-box
    }
    .flex-xl-nogrow {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box
    }
    .flex-xl-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-xl-0,
    .layout-xl-row>.flex-xl-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 0;
        max-height: 100%;
        box-sizing: border-box;
        min-width: 0
    }
    .layout-column>.flex-xl-0,
    .layout-xl-column>.flex-xl-0 {
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
        max-width: 100%;
        max-height: 0;
        box-sizing: border-box;
        min-height: 0
    }
    .flex-xl-5,
    .layout-row>.flex-xl-5,
    .layout-xl-row>.flex-xl-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 5%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-5,
    .layout-xl-column>.flex-xl-5 {
        -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
        flex: 1 1 5%;
        max-width: 100%;
        max-height: 5%;
        box-sizing: border-box
    }
    .flex-xl-10,
    .layout-row>.flex-xl-10,
    .layout-xl-row>.flex-xl-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 10%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-10,
    .layout-xl-column>.flex-xl-10 {
        -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
        flex: 1 1 10%;
        max-width: 100%;
        max-height: 10%;
        box-sizing: border-box
    }
    .flex-xl-15,
    .layout-row>.flex-xl-15,
    .layout-xl-row>.flex-xl-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 15%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-15,
    .layout-xl-column>.flex-xl-15 {
        -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
        flex: 1 1 15%;
        max-width: 100%;
        max-height: 15%;
        box-sizing: border-box
    }
    .flex-xl-20,
    .layout-row>.flex-xl-20,
    .layout-xl-row>.flex-xl-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 20%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-20,
    .layout-xl-column>.flex-xl-20 {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        max-width: 100%;
        max-height: 20%;
        box-sizing: border-box
    }
    .flex-xl-25,
    .layout-row>.flex-xl-25,
    .layout-xl-row>.flex-xl-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 25%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-25,
    .layout-xl-column>.flex-xl-25 {
        -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%;
        max-width: 100%;
        max-height: 25%;
        box-sizing: border-box
    }
    .flex-xl-30,
    .layout-row>.flex-xl-30,
    .layout-xl-row>.flex-xl-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 30%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-30,
    .layout-xl-column>.flex-xl-30 {
        -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
        max-width: 100%;
        max-height: 30%;
        box-sizing: border-box
    }
    .flex-xl-35,
    .layout-row>.flex-xl-35,
    .layout-xl-row>.flex-xl-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 35%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-35,
    .layout-xl-column>.flex-xl-35 {
        -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
        flex: 1 1 35%;
        max-width: 100%;
        max-height: 35%;
        box-sizing: border-box
    }
    .flex-xl-40,
    .layout-row>.flex-xl-40,
    .layout-xl-row>.flex-xl-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 40%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-40,
    .layout-xl-column>.flex-xl-40 {
        -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        max-width: 100%;
        max-height: 40%;
        box-sizing: border-box
    }
    .flex-xl-45,
    .layout-row>.flex-xl-45,
    .layout-xl-row>.flex-xl-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 45%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-45,
    .layout-xl-column>.flex-xl-45 {
        -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
        max-height: 45%;
        box-sizing: border-box
    }
    .flex-xl-50,
    .layout-row>.flex-xl-50,
    .layout-xl-row>.flex-xl-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-50,
    .layout-xl-column>.flex-xl-50 {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 100%;
        max-height: 50%;
        box-sizing: border-box
    }
    .flex-xl-55,
    .layout-row>.flex-xl-55,
    .layout-xl-row>.flex-xl-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 55%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-55,
    .layout-xl-column>.flex-xl-55 {
        -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
        flex: 1 1 55%;
        max-width: 100%;
        max-height: 55%;
        box-sizing: border-box
    }
    .flex-xl-60,
    .layout-row>.flex-xl-60,
    .layout-xl-row>.flex-xl-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 60%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-60,
    .layout-xl-column>.flex-xl-60 {
        -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        max-width: 100%;
        max-height: 60%;
        box-sizing: border-box
    }
    .flex-xl-65,
    .layout-row>.flex-xl-65,
    .layout-xl-row>.flex-xl-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 65%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-65,
    .layout-xl-column>.flex-xl-65 {
        -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
        flex: 1 1 65%;
        max-width: 100%;
        max-height: 65%;
        box-sizing: border-box
    }
    .flex-xl-70,
    .layout-row>.flex-xl-70,
    .layout-xl-row>.flex-xl-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 70%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-70,
    .layout-xl-column>.flex-xl-70 {
        -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
        flex: 1 1 70%;
        max-width: 100%;
        max-height: 70%;
        box-sizing: border-box
    }
    .flex-xl-75,
    .layout-row>.flex-xl-75,
    .layout-xl-row>.flex-xl-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 75%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-75,
    .layout-xl-column>.flex-xl-75 {
        -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        max-width: 100%;
        max-height: 75%;
        box-sizing: border-box
    }
    .flex-xl-80,
    .layout-row>.flex-xl-80,
    .layout-xl-row>.flex-xl-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 80%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-80,
    .layout-xl-column>.flex-xl-80 {
        -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
        flex: 1 1 80%;
        max-width: 100%;
        max-height: 80%;
        box-sizing: border-box
    }
    .flex-xl-85,
    .layout-row>.flex-xl-85,
    .layout-xl-row>.flex-xl-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 85%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-85,
    .layout-xl-column>.flex-xl-85 {
        -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
        flex: 1 1 85%;
        max-width: 100%;
        max-height: 85%;
        box-sizing: border-box
    }
    .flex-xl-90,
    .layout-row>.flex-xl-90,
    .layout-xl-row>.flex-xl-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 90%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-90,
    .layout-xl-column>.flex-xl-90 {
        -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
        flex: 1 1 90%;
        max-width: 100%;
        max-height: 90%;
        box-sizing: border-box
    }
    .flex-xl-95,
    .layout-row>.flex-xl-95,
    .layout-xl-row>.flex-xl-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 95%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-95,
    .layout-xl-column>.flex-xl-95 {
        -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
        flex: 1 1 95%;
        max-width: 100%;
        max-height: 95%;
        box-sizing: border-box
    }
    .flex-xl-100,
    .layout-column>.flex-xl-100,
    .layout-row>.flex-xl-100,
    .layout-xl-column>.flex-xl-100,
    .layout-xl-row>.flex-xl-100 {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-xl-33,
    .layout-xl-row>.flex-xl-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 33.33%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex-xl-66,
    .layout-xl-row>.flex-xl-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 66.66%;
        max-height: 100%;
        box-sizing: border-box
    }
    .layout-row>.flex,
    .layout-xl-row>.flex {
        min-width: 0
    }
    .layout-column>.flex-xl-33,
    .layout-xl-column>.flex-xl-33 {
        -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
        max-width: 100%;
        max-height: 33.33%;
        box-sizing: border-box
    }
    .layout-column>.flex-xl-66,
    .layout-xl-column>.flex-xl-66 {
        -webkit-flex: 1 1 66.66%;
        -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
        max-width: 100%;
        max-height: 66.66%;
        box-sizing: border-box
    }
    .layout-column>.flex,
    .layout-xl-column>.flex {
        min-height: 0
    }
    .layout-xl,
    .layout-xl-column,
    .layout-xl-row {
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .layout-xl-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .layout-xl-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),
    .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),
    .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),
    .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),
    .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show),
    .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
        display: none
    }
}

@media print {
    .hide-print:not(.show-print):not(.show) {
        display: none!important
    }
}


/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100% !important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .navbar {
        display: none
    }
    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }
    .label {
        border: 1px solid #000
    }
    .table {
        border-collapse: collapse !important
    }
    .table td,
    .table th {
        background-color: #fff !important
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    box-sizing: border-box
}

*:before,
*:after {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #3D4051;
    background-color: #E6E6E6;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #00535e;
    text-decoration: none
}

a:hover,
a:focus {
    color: #004a43;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 2px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 36px
}

h2,
.h2 {
    font-size: 30px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #FFFAED;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase,
.initialism {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #00535e
}

a.text-primary:hover,
a.text-primary:focus {
    color: #00635a
}

.text-success {
    color: #687F42
}

a.text-success:hover,
a.text-success:focus {
    color: #4d5d31
}

.text-info {
    color: #3B799A
}

a.text-info:hover,
a.text-info:focus {
    color: #2d5c75
}

.text-warning {
    color: #9A7E26
}

a.text-warning:hover,
a.text-warning:focus {
    color: #715d1c
}

.text-danger {
    color: #A1513C
}

a.text-danger:hover,
a.text-danger:focus {
    color: #7c3e2e
}

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #00535e
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #00635a
}

.bg-success {
    background-color: #F0FBE3
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #d8f5b6
}

.bg-info {
    background-color: #E6F5FD
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #b7e2f9
}

.bg-warning {
    background-color: #FFFAED
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #ffecba
}

.bg-danger {
    background-color: #FBE9E6
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #f4c2ba
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt,
dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 15px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #f3f3f3
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
    background-color: #F0FBE3
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #e4f8cd
}

.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
    background-color: #E6F5FD
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #ceecfb
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
    background-color: #FFFAED
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #fff3d4
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
    background-color: #FBE9E6
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #f7d6d0
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }
    .table-responsive>.table {
        margin-bottom: 0
    }
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 9px;
    font-size: 14px;
    line-height: 1.42857;
    color: #3D4051
}

.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 18.31px;
    line-height: 1.42857;
    color: #354052;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dfe3e9;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 38px
    }
    input[type="date"].input-sm,
    .input-group-sm>input[type="date"].form-control,
    .input-group-sm>input[type="date"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="date"].btn,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm>input[type="time"].form-control,
    .input-group-sm>input[type="time"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="time"].btn,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm>input[type="datetime-local"].form-control,
    .input-group-sm>input[type="datetime-local"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm>input[type="month"].form-control,
    .input-group-sm>input[type="month"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="month"].btn,
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    .input-group-lg>input[type="date"].form-control,
    .input-group-lg>input[type="date"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="date"].btn,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg>input[type="time"].form-control,
    .input-group-lg>input[type="time"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="time"].btn,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg>input[type="datetime-local"].form-control,
    .input-group-lg>input[type="datetime-local"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg>input[type="month"].form-control,
    .input-group-lg>input[type="month"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="month"].btn,
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn,
select[multiple].input-sm,
.input-group-sm>select[multiple].form-control,
.input-group-sm>select[multiple].input-group-addon,
.input-group-sm>.input-group-btn>select[multiple].btn {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px
}

select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn,
select[multiple].input-lg,
.input-group-lg>select[multiple].form-control,
.input-group-lg>select[multiple].input-group-addon,
.input-group-lg>.input-group-btn>select[multiple].btn {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 47.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #687F42
}

.has-success .form-control {
    border-color: #687F42;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #4d5d31;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #9cb572
}

.has-success .input-group-addon {
    color: #687F42;
    border-color: #687F42;
    background-color: #F0FBE3
}

.has-success .form-control-feedback {
    color: #687F42
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #9A7E26
}

.has-warning .form-control {
    border-color: #9A7E26;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #715d1c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d4b552
}

.has-warning .input-group-addon {
    color: #9A7E26;
    border-color: #9A7E26;
    background-color: #FFFAED
}

.has-warning .form-control-feedback {
    color: #9A7E26
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #A1513C
}

.has-error .form-control {
    border-color: #A1513C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #7c3e2e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cc8977
}

.has-error .input-group-addon {
    color: #A1513C;
    border-color: #A1513C;
    background-color: #FBE9E6
}

.has-error .form-control-feedback {
    color: #A1513C
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #767b98
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 9px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 29px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 9px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #3D4051;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #3D4051;
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-default:focus,
.btn-default.focus {
    color: #3D4051;
    background-color: #e1e1e1;
    border-color: #bababa
}

.btn-default:hover {
    color: #3D4051;
    background-color: #e1e1e1;
    border-color: #dbdbdb
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    color: #3D4051;
    background-color: #e1e1e1;
    border-color: #dbdbdb
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    color: #3D4051;
    background-color: #cfcfcf;
    border-color: #bababa
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fafafa;
    border-color: #fafafa
}

.btn-default .badge {
    color: #fafafa;
    background-color: #3D4051
}

.btn-primary {
    color: #fff;
    background-color: #00535e;
    border-color: #00535e
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #00635a;
    border-color: #001714
}

.btn-primary:hover {
    color: #fff;
    background-color: #00635a;
    border-color: #005951
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00635a;
    border-color: #005951
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #003f39;
    border-color: #001714
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #00535e;
    border-color: #00535e
}

.btn-primary .badge {
    color: #00535e;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #8BC34A;
    border-color: #8BC34A
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #71a436;
    border-color: #496a23
}

.btn-success:hover {
    color: #fff;
    background-color: #71a436;
    border-color: #6c9c34
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #71a436;
    border-color: #6c9c34
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #5f892d;
    border-color: #496a23
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
    background-color: #8BC34A;
    border-color: #8BC34A
}

.btn-success .badge {
    color: #8BC34A;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #00BCD4;
    border-color: #00BCD4
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #008fa1;
    border-color: #004b55
}

.btn-info:hover {
    color: #fff;
    background-color: #008fa1;
    border-color: #008697
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #008fa1;
    border-color: #008697
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #006f7d;
    border-color: #004b55
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
    background-color: #00BCD4;
    border-color: #00BCD4
}

.btn-info .badge {
    color: #00BCD4;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #FFCA28;
    border-color: #FFCA28
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #f4b800;
    border-color: #a87e00
}

.btn-warning:hover {
    color: #fff;
    background-color: #f4b800;
    border-color: #eab000
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #f4b800;
    border-color: #eab000
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d09d00;
    border-color: #a87e00
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #FFCA28;
    border-color: #FFCA28
}

.btn-warning .badge {
    color: #FFCA28;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #F44336;
    border-color: #F44336
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #ea1c0d;
    border-color: #a21309
}

.btn-danger:hover {
    color: #fff;
    background-color: #ea1c0d;
    border-color: #e11b0c
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ea1c0d;
    border-color: #e11b0c
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #c8180b;
    border-color: #a21309
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #F44336;
    border-color: #F44336
}

.btn-danger .badge {
    color: #F44336;
    background-color: #fff
}

.btn-link {
    color: #00535e;
    font-weight: normal;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #004a43;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    /*    -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease*/
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #00535e
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #00535e
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:before,
.btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle,
.btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret,
.btn-group-lg>.btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg>.btn .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #3D4051;
    text-align: center;
    background-color: #eee;
    border: 1px solid #CBD5DD;
    border-radius: 2px
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 2px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 2px
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before,
.nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    border-color: #00535e
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 2px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #00535e
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 2px
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #f3f3f3
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 97px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar:before,
.navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 2px
    }
}

.navbar-header:before,
.navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before,
.navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }
    .navbar-collapse.in {
        overflow-y: visible
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }
    .navbar-nav>li {
        float: left
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 6px;
    margin-bottom: 6px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .navbar-form .form-control-static {
        display: inline-block
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }
    .navbar-form .input-group>.form-control {
        width: 100%
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 6px;
    margin-bottom: 6px
}

.navbar-btn.btn-sm,
.btn-group-sm>.navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs,
.btn-group-xs>.navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }
    .navbar-right {
        float: right !important;
        margin-right: -15px
    }
    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #777
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #777
}

.navbar-inverse .navbar-nav>li>a {
    color: #777
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #090909
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #777
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #777
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #F2F7F7;
    border-radius: 2px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #e2edeb
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 2px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #3D4051;
    background-color: #fff;
    border: 1px solid #dce0e0;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #3D4051;
    background-color: #fff;
    border-color: #aaa
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #00535e;
    border-color: #00535e;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #F2F7F7;
    border-color: #F2F7F7;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager:before,
.pager:after {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,
.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #dce0e0;
    border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
    text-decoration: none;
    background-color: #fff
}

.pager .next>a,
.pager .next>span {
    float: right
}

.pager .previous>a,
.pager .previous>span {
    float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #00535e
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #00635a
}

.label-success {
    background-color: #8BC34A
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #71a436
}

.label-info {
    background-color: #00BCD4
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #008fa1
}

.label-warning {
    background-color: #FFCA28
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #f4b800
}

.label-danger {
    background-color: #F44336
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ea1c0d
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #00535e;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1,
.jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }
    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #3D4051
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #00535e
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #F0FBE3;
    border-color: #ebf8cd;
    color: #687F42
}

.alert-success hr {
    border-top-color: #e2f5b6
}

.alert-success .alert-link {
    color: #4d5d31
}

.alert-info {
    background-color: #E6F5FD;
    border-color: #c5f1fa;
    color: #3B799A
}

.alert-info hr {
    border-top-color: #adebf8
}

.alert-info .alert-link {
    color: #2d5c75
}

.alert-warning {
    background-color: #FFFAED;
    border-color: #ffecd4;
    color: #9A7E26
}

.alert-warning hr {
    border-top-color: #ffe0ba
}

.alert-warning .alert-link {
    color: #715d1c
}

.alert-danger {
    background-color: #FBE9E6;
    border-color: #f7d0d1;
    color: #A1513C
}

.alert-danger hr {
    border-top-color: #f4babb
}

.alert-danger .alert-link {
    color: #7c3e2e
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #00535e;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #8BC34A
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #00BCD4
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #FFCA28
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #F44336
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #eff2f7
}

.list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

a.list-group-item,
button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #00535e;
    border-color: #eff2f7
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #63fff0
}

.list-group-item-success {
    color: #687F42;
    background-color: #F0FBE3
}

a.list-group-item-success,
button.list-group-item-success {
    color: #687F42
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
    color: #687F42;
    background-color: #e4f8cd
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #687F42;
    border-color: #687F42
}

.list-group-item-info {
    color: #3B799A;
    background-color: #E6F5FD
}

a.list-group-item-info,
button.list-group-item-info {
    color: #3B799A
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
    color: #3B799A;
    background-color: #ceecfb
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #3B799A;
    border-color: #3B799A
}

.list-group-item-warning {
    color: #9A7E26;
    background-color: #FFFAED
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #9A7E26
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
    color: #9A7E26;
    background-color: #fff3d4
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #9A7E26;
    border-color: #9A7E26
}

.list-group-item-danger {
    color: #A1513C;
    background-color: #FBE9E6
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #A1513C
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
    color: #A1513C;
    background-color: #f7d6d0
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #A1513C;
    border-color: #A1513C
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-body:before,
.panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #fafafa;
    border-top: 1px solid #e2edeb;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 1px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 1px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #ddd
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #e2edeb
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #e2edeb
}

.panel-default {
    border-color: #e2edeb
}

.panel-default>.panel-heading {
    color: #3D4051;
    background-color: #F2F7F7;
    border-color: #e2edeb
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #e2edeb
}

.panel-default>.panel-heading .badge {
    color: #F2F7F7;
    background-color: #3D4051
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #e2edeb
}

.panel-primary {
    border-color: #00535e
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00535e;
    border-color: #00535e
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #00535e
}

.panel-primary>.panel-heading .badge {
    color: #00535e;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #00535e
}

.panel-success {
    border-color: #ebf8cd
}

.panel-success>.panel-heading {
    color: #687F42;
    background-color: #F0FBE3;
    border-color: #ebf8cd
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebf8cd
}

.panel-success>.panel-heading .badge {
    color: #F0FBE3;
    background-color: #687F42
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebf8cd
}

.panel-info {
    border-color: #c5f1fa
}

.panel-info>.panel-heading {
    color: #3B799A;
    background-color: #E6F5FD;
    border-color: #c5f1fa
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #c5f1fa
}

.panel-info>.panel-heading .badge {
    color: #E6F5FD;
    background-color: #3B799A
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #c5f1fa
}

.panel-warning {
    border-color: #ffecd4
}

.panel-warning>.panel-heading {
    color: #9A7E26;
    background-color: #FFFAED;
    border-color: #ffecd4
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ffecd4
}

.panel-warning>.panel-heading .badge {
    color: #FFFAED;
    background-color: #9A7E26
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ffecd4
}

.panel-danger {
    border-color: #f7d0d1
}

.panel-danger>.panel-heading {
    color: #A1513C;
    background-color: #FBE9E6;
    border-color: #f7d0d1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f7d0d1
}

.panel-danger>.panel-heading .badge {
    color: #FBE9E6;
    background-color: #A1513C
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f7d0d1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 2px
}

.well-sm {
    padding: 9px;
    border-radius: 2px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px; display: inline-block; vertical-align: middle;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", "RobotoCondensed-Regular", sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #262B33;
    background-clip: padding-box;
    border: 1px solid #262B33;
    border: 1px solid #262B33;
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #262B33;
    border-bottom: 1px solid #1b1f24;
    border-radius: 1px 1px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover>.arrow {
    border-width: 11px
}

.popover>.arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top>.arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #262B33;
    border-top-color: #262B33;
    bottom: -11px
}

.popover.top>.arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #262B33
}

.popover.right>.arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #262B33;
    border-right-color: #262B33
}

.popover.right>.arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #262B33
}

.popover.bottom>.arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #262B33;
    border-bottom-color: #262B33;
    top: -11px
}

.popover.bottom>.arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #262B33
}

.popover.left>.arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #262B33;
    border-left-color: #262B33
}

.popover.left>.arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #262B33;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right,
    .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.z-depth-1,
.btn.btn-raised,
.btn-group.btn-raised,
.btn.btn-floating,
.btn-group.btn-floating {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.z-depth-1-half,
.btn.btn-raised:hover,
.btn-group.btn-raised:hover,
.btn.btn-floating:hover,
.btn-group.btn-floating:hover,
.pricing-table.featured,
.pricing-table:hover {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
}

.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)
}

body {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

body p,
html p {
    line-height: 1.42857
}

::-moz-selection {
    background: #00535e;
    color: #fff
}

::selection {
    background: #00535e;
    color: #fff
}

::-moz-selection {
    background: #00535e;
    color: #fff
}

:focus {
    outline: none
}

a {
    text-decoration: none
}

a:active,
a:focus {
    text-decoration: none;
    outline: none
}

span.block {
    display: block
}

.no-margin {
    margin: 0
}

.no-margin-bottom {
    margin-bottom: 0
}

.no-border {
    border: 0
}

.no-border-radius {
    border-radius: 0
}

.no-padding {
    padding: 0
}

.no-shadow {
    box-shadow: 0
}

.full-width {
    width: 100%
}

.ui-section {
    margin-bottom: 60px; margin-left:0px; margin-right: 0px;
}

.section-header {
    font-weight: normal;
    font-size: 26px;
    color: #354052;
    margin: 0px;
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    padding: 5px 35px 20px;
}

a.bg-primary {
    background-color: #00535e;
    color: #fff
}

a.bg-primary:hover {
    background-color: #00535e;
    color: #fff
}

a.bg-success {
    background-color: #8BC34A;
    color: #fff
}

a.bg-success:hover {
    background-color: #8BC34A;
    color: #fff
}

a.bg-info {
    background-color: #00BCD4;
    color: #fff
}

a.bg-info:hover {
    background-color: #00BCD4;
    color: #fff
}

a.bg-warning {
    background-color: #FFCA28;
    color: #fff
}

a.bg-warning:hover {
    background-color: #FFCA28;
    color: #fff
}

a.bg-danger {
    background-color: #F44336;
    color: #fff
}

a.bg-danger:hover {
    background-color: #F44336;
    color: #fff
}

.bg-white {
    background-color: #fff;
    color: #3D4051
}

.bg-white a {
    color: #3D4051
}

.bg-white a:hover {
    color: #3D4051
}

.bg-body {
    background-color: #f3f3f3;
    color: #3D4051
}

.bg-body a {
    color: #3D4051
}

.bg-body a:hover {
    color: #3D4051
}

.bg-dark {
    background-color: #262B33;
    color: #fff
}

.bg-dark a {
    color: #fff
}

.bg-dark a:hover {
    color: #fff
}

.bg-dark-light {
    background-color: #3D4051;
    color: #fff
}

.bg-dark-light a {
    color: #fff
}

.bg-dark-light a:hover {
    color: #fff
}

.bg-black {
    background-color: #000;
    color: #fff
}

.bg-black a {
    color: #fff
}

.bg-black a:hover {
    color: #fff
}

.bg-primary {
    background-color: #00535e;
    color: #fff
}

.bg-primary a {
    color: #fff
}

.bg-primary a:hover {
    color: #fff
}

.bg-primary-light {
    background-color: #5C6BC0;
    color: #fff
}

.bg-primary-light a {
    color: #fff
}

.bg-primary-light a:hover {
    color: #fff
}

.bg-success {
    background-color: #8BC34A;
    color: #fff
}

.bg-success a {
    color: #fff
}

.bg-success a:hover {
    color: #fff
}

.bg-info {
    background-color: #00BCD4;
    color: #fff
}

.bg-info a {
    color: #fff
}

.bg-info a:hover {
    color: #fff
}

.bg-info-alt {
    background-color: #7E57C2;
    color: #fff
}

.bg-info-alt a {
    color: #fff
}

.bg-info-alt a:hover {
    color: #fff
}

.bg-warning {
    background-color: #FFCA28;
    color: #fff
}

.bg-warning a {
    color: #fff
}

.bg-warning a:hover {
    color: #fff
}

.bg-danger {
    background-color: #F44336;
    color: #fff
}

.bg-danger a {
    color: #fff
}

.bg-danger a:hover {
    color: #fff
}

.bg-dark {
    background-color: #262B33;
    color: #fff
}

.bg-dark a {
    color: #fff
}

.bg-dark a:hover {
    color: #fff
}

.bg-bright {
    background-color: #fafafa;
    color: #3D4051
}

.bg-bright a {
    color: #3D4051
}

.bg-bright a:hover {
    color: #3D4051
}

.bg-white {
    background-color: #fff;
    color: #3D4051
}

.bg-white a {
    color: #3D4051
}

.bg-white a:hover {
    color: #3D4051
}

.bg-facebook {
    background-color: #335397;
    color: #fff
}

.bg-facebook a {
    color: #fff
}

.bg-facebook a:hover {
    color: #fff
}

.bg-twitter {
    background-color: #00c7f7;
    color: #fff
}

.bg-twitter a {
    color: #fff
}

.bg-twitter a:hover {
    color: #fff
}

.bg-google-plus {
    background-color: #df4a32;
    color: #fff
}

.bg-google-plus a {
    color: #fff
}

.bg-google-plus a:hover {
    color: #fff
}

.page-container {
    max-width: 1170px;
    margin: auto
}

.blockquote-colored {
    border-left: 5px solid #00535e
}

.blockquote-colored.pull-right {
    border-right: 5px solid #00535e;
    border-left: 0
}

.gradient-text {
    font-size: 150px;
    font-weight: 300;
    color: #00535e;
    background: -webkit-linear-gradient(92deg, #fb83fa, #00aced);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-small {
    font-size: 12px
}

.text-normal {
    font-size: 14px
}

.text-huge {
    font-size: 72px
}

.text-large {
    font-size: 50px
}

.size-h1 {
    font-size: 36px
}

.size-h2 {
    font-size: 30px
}

.size-h3 {
    font-size: 24px
}

.size-h4 {
    font-size: 18px
}

.text-thin {
    font-weight: 300
}

.text-ultralight {
    font-weight: 100
}

.color-primary,
a.color-primary { color: #fff; background: #006dae; padding: 20px 0 18px; font-size: 18.31px; min-width: 100%; border-radius: 4px; text-transform: none;   }

.color-primary:hover,
a.color-primary:hover {
    color: #006dae;
}

.color-success,
a.color-success {
    color: #006dae
}

.color-success:hover,
a.color-success:hover {
    color: #006dae
}

.color-info,
a.color-info {
    color: #006dae
}

.color-info:hover,
a.color-info:hover {
    color: #D44A23
}

.color-info-alt,
a.color-info-alt {
    color: #7E57C2
}

.color-info-alt:hover,
a.color-info-alt:hover {
    color: #7E57C2
}

.color-warning,
a.color-warning {
    color: #FFCA28
}

.color-warning:hover,
a.color-warning:hover {
    color: #FFCA28
}

.color-danger,
a.color-danger {
    color: #F44336
}

.color-danger:hover,
a.color-danger:hover {
    color: #F44336
}

.color-dark,
a.color-dark {
    color: #262B33
}

.color-dark:hover,
a.color-dark:hover {
    color: #262B33
}

.color-reverse,
a.color-dark {
    color: #fff
}

.color-reverse:hover,
a.color-dark:hover {
    color: #fff
}

.color-gray-darker,
a.color-gray-darker {
    color: #222
}

.color-gray-darker:hover,
a.color-gray-darker:hover {
    color: #222
}

.color-gray-dark,
a.color-gray-dark {
    color: #333
}

.color-gray-dark:hover,
a.color-gray-dark:hover {
    color: #333
}

.color-gray,
a.color-gray {
    color: #555
}

.color-gray:hover,
a.color-gray:hover {
    color: #555
}

.color-gray-light,
a.color-gray-light {
    color: #777
}

.color-gray-light:hover,
a.color-gray-light:hover {
    color: #777
}

.color-gray-lighter,
a.color-gray-lighter {
    color: #eee
}

.color-gray-lighter:hover,
a.color-gray-lighter:hover {
    color: #eee
}

.dropcap,
.dropcap-square,
.dropcap-circle {
    display: block;
    float: left;
    font-weight: normal;
    line-height: 36px;
    margin-right: 6px;
    text-shadow: none
}

.dropcap {
    font-size: 3.1em
}

.dropcap-square,
.dropcap-circle {
    background-color: #eee;
    color: #3D4051;
    width: 36px;
    text-align: center
}

.dropcap-square {
    border-radius: 2px;
    font-size: 2.3em
}

.dropcap-circle {
    border-radius: 50%;
    font-size: 1.78em
}

.dropcap.colored {
    color: #00535e
}

.dropcap-square.colored,
.dropcap-circle.colored {
    background-color: #00535e;
    color: #fff
}

.ui-highlight {
    background-color: #262B33;
    color: #fff;
    border-radius: 2px;
    padding: 2px 5px
}

.ui-highlight.colored {
    background-color: #00535e
}

.pull-in {
    margin: 0 -15px
}

.divider {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px
}

.divider.divider-dashed {
    border: 1px dashed #e2edeb
}

.divider.divider-dotted {
    border: 1px dotted #e2edeb
}

.divider-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.divider-md {
    margin-top: 20px;
    margin-bottom: 20px
}

.divider-lg {
    margin-top: 30px;
    margin-bottom: 30px
}

.divider-xl {
    margin-top: 50px;
    margin-bottom: 50px
}

.space {
    display: inline;
    padding: 6px
}

.space-md {
    padding: 15px
}

.space-lg {
    padding: 25px
}

.hr-colored {
    border-color: #00535e
}

.table-dynamic .table-filters {
    margin: 10px 0;
    padding: 8px
}

.table-dynamic .filter-result-info {
    padding: 7px
}

.table-dynamic .table-bordered {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.table-dynamic .table-bordered thead th {
    position: relative;
    padding: 0
}

.table-dynamic .table-bordered thead th>.th {
    position: relative;
    padding: 8px 20px 8px 8px
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up,
.table-dynamic .table-bordered thead th .glyphicon-chevron-down {
    position: absolute;
    color: #999
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up:hover,
.table-dynamic .table-bordered thead th .glyphicon-chevron-down:hover {
    color: #00535e;
    cursor: pointer
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up.active,
.table-dynamic .table-bordered thead th .glyphicon-chevron-down.active {
    color: #00535e
}

.table-dynamic .table-bordered thead th .fa-angle-up,
.table-dynamic .table-bordered thead th .fa-angle-down {
    position: absolute;
    color: #999;
    font-size: 16px;
    font-weight: bold
}

.table-dynamic .table-bordered thead th .fa-angle-up:hover,
.table-dynamic .table-bordered thead th .fa-angle-down:hover {
    color: #00535e;
    cursor: pointer
}

.table-dynamic .table-bordered thead th .fa-angle-up.active,
.table-dynamic .table-bordered thead th .fa-angle-down.active {
    color: #00535e
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-up,
.table-dynamic .table-bordered thead th .fa-angle-up {
    top: 4px;
    right: 5px
}

.table-dynamic .table-bordered thead th .fa-angle-down {
    top: 18px;
    right: 5px
}

.table-dynamic .table-bordered thead th .glyphicon-chevron-down {
    top: 18px;
    right: 6px
}

.table-dynamic .table-footer {
    margin: 10px 0;
    padding: 8px
}

.table-dynamic .page-num-info span {
    padding: 6px
}

.table-dynamic .pagination-container ul {
    margin: 0
}

.table-dynamic .pagination-container ul li:hover {
    cursor: pointer
}

@media only screen and (max-width: 800px) {
    .table-flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }
    .table-flip-scroll * html .cf {
        zoom: 1
    }
    .table-flip-scroll *:first-child+html .cf {
        zoom: 1
    }
    .table-flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
    }
    .table-flip-scroll th,
    .table-flip-scroll td {
        margin: 0;
        vertical-align: top
    }
    .table-flip-scroll th {
        text-align: left
    }
    .table-flip-scroll table {
        display: block;
        position: relative;
        width: 100%
    }
    .table-flip-scroll thead {
        display: block;
        float: left
    }
    .table-flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }
    .table-flip-scroll thead tr {
        display: block
    }
    .table-flip-scroll .table>thead>tr>th:first-child {
        border-top: 1px solid #ddd
    }
    .table-flip-scroll th {
        display: block;
        text-align: right
    }
    .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top
    }
    .table-flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }
    .table-flip-scroll th {
        border-bottom: 0;
        border-left: 0
    }
    .table-flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    .table-flip-scroll tbody tr {
        border-left: 1px solid #babcbf
    }
    .table-flip-scroll th:last-child,
    .table-flip-scroll td:last-child {
        border-bottom: 1px solid #babcbf
    }
}

.ui-radio {
    position: relative;
    margin: 0 20px 10px 20px;
    font-size: 14px;
    line-height: 20px;
    height: 20px
}

.ui-radio input[type="radio"]+span:hover {
    cursor: pointer
}

.ui-radio input[type="radio"]+span:hover:before {
    border-color: #00535e
}

.ui-radio input[type="radio"]:disabled+span:hover {
    cursor: not-allowed
}

.ui-radio input[type="radio"]:disabled+span:hover:before {
    border-color: #ccc
}

.ui-radio input[type="radio"] {
    display: none
}

.ui-radio input[type="radio"]+span {
    padding-left: 10px;
    font-weight: normal
}

.ui-radio input[type="radio"]+span:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: -20px;
    top: 0;
    background: white;
    border-radius: 50%;
    border: 2px solid #ccc;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-radio input[type="radio"]+span:after {
    visibility: hidden;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: -15px;
    background-color: #00535e;
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-radio input[type="radio"]:disabled+span:before {
    opacity: .65;
    border: 2px solid #ccc;
    cursor: no-drop
}

.ui-radio input[type="radio"]:checked+span:before {
    border-color: #00535e
}

.ui-radio input[type="radio"]:checked+span:after {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-radio input[type="radio"]:disabled:checked+span:before {
    border-color: #ccc
}

.ui-radio input[type="radio"]:disabled:checked+span:after {
    opacity: .65;
    cursor: no-drop;
    background-color: #ccc
}

.ui-checkbox {
    position: relative;
    margin: 0 20px 10px 20px;
    line-height: 20px;
    height: 20px
}

.ui-checkbox input[type="checkbox"]+span:hover {
    cursor: pointer
}

.ui-checkbox input[type="checkbox"]+span:hover:before {
    border-color: #00535e
}

.ui-checkbox input[type="checkbox"]:disabled+span:hover {
    cursor: not-allowed
}

.ui-checkbox input[type="checkbox"]:disabled+span:hover:before {
    border-color: #ccc
}

.ui-checkbox input[type="checkbox"] {
    display: none
}

.ui-checkbox input[type="checkbox"]+span {
    font-weight: normal
}

.ui-checkbox input[type="checkbox"]+span:before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -20px;
    background-color: transparent;
    border-radius: 2px;
    border: 2px solid #ccc;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-checkbox input[type="checkbox"]:disabled+span:before {
    opacity: .65;
    border: 2px solid #ccc;
    cursor: no-drop
}

.ui-checkbox input[type="checkbox"]:checked+span:before {
    border-color: #00535e
}

.ui-checkbox input[type="checkbox"]+span:after {
    visibility: hidden;
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: -15px;
    background-color: #00535e;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-checkbox input[type="checkbox"]:checked+span:after {
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-checkbox input[type="checkbox"]:disabled:checked+span:before {
    opacity: .65;
    border: 2px solid #ccc
}

.ui-checkbox input[type="checkbox"]:disabled:checked+span:after {
    opacity: .65;
    cursor: no-drop;
    background-color: #ccc
}

body>input.ta-hidden-input {
    display: none
}

.ui-editor .btn-group {
    margin-bottom: 5px
}

.ui-editor .ta-toolbar {
    margin: 0 0 10px
}

.ui-editor.ta-root.focussed>.ta-scroll-window.form-control {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.ui-editor .ta-editor.ta-html,
.ui-editor .ta-scroll-window.form-control {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%
}

.ui-editor .ta-scroll-window.form-control {
    position: relative;
    padding: 0
}

.ui-editor .ta-scroll-window>.ta-bind {
    height: auto;
    min-height: 300px;
    padding: 6px 12px
}

.ui-editor .ta-editor:focus {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.ui-editor .ta-resizer-handle-overlay {
    z-index: 100;
    position: absolute;
    display: none
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-info {
    position: absolute;
    bottom: 16px;
    right: 16px;
    border: 1px solid black;
    background-color: #FFF;
    padding: 0 4px;
    opacity: 0.7
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-background {
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    top: 5px;
    border: 1px solid black;
    background-color: rgba(0, 0, 0, 0.2)
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-corner {
    width: 10px;
    height: 10px;
    position: absolute
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-corner-tl {
    top: 0;
    left: 0;
    border-left: 1px solid black;
    border-top: 1px solid black
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-corner-tr {
    top: 0;
    right: 0;
    border-right: 1px solid black;
    border-top: 1px solid black
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-corner-bl {
    bottom: 0;
    left: 0;
    border-left: 1px solid black;
    border-bottom: 1px solid black
}

.ui-editor .ta-resizer-handle-overlay>.ta-resizer-handle-corner-br {
    bottom: 0;
    right: 0;
    border: 1px solid black;
    cursor: se-resize;
    background-color: white
}

.ui-editor .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.ui-editor .popover.top {
    margin-top: -10px
}

.ui-editor .popover.bottom {
    margin-top: 10px
}

.ui-editor .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.ui-editor .popover-content {
    padding: 9px 14px
}

.ui-editor .popover>.arrow,
.ui-editor .popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.ui-editor .popover>.arrow {
    border-width: 11px
}

.ui-editor .popover>.arrow:after {
    content: "";
    border-width: 10px
}

.ui-editor .popover.top>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0
}

.ui-editor .popover.top>.arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0
}

.ui-editor .popover.bottom>.arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25)
}

.ui-editor .popover.bottom>.arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff
}

.ui-wizard-form .steps .done>a {
    box-shadow: none
}

md-input-container label {
    margin: 0; font-size: 18.31px; color: #7f8fa4 !important;
}

.form-control {
    border-width: 1px;
    box-shadow: none
}

.form-control:focus {
    border-color: #00535e;
    box-shadow: none
}

.form-group .col-sm-10 {
    position: relative
}

.form-group .col-sm-10 .icon {
    position: absolute;
    right: 25px;
    top: 10px
}

.input-round {
    border-radius: 25px
}

input.input-primary {
    border-color: #00535e
}

input.input-primary:focus {
    border-color: #00535e
}

input.input-info {
    border-color: #00BCD4
}

input.input-info:focus {
    border-color: #00BCD4
}

input.input-success {
    border-color: #8BC34A
}

input.input-success:focus {
    border-color: #8BC34A
}

input.input-warning {
    border-color: #FFCA28
}

input.input-warning:focus {
    border-color: #FFCA28
}

input.input-danger {
    border-color: #F44336
}

input.input-danger:focus {
    border-color: #F44336
}

.ui-select {
    position: relative;
    display: inline-block;
    margin: 0 0 2px 1.2%;
    width: auto;
    height: auto;
    border: 1px solid #CBD5DD;
    border-radius: 2px
}

.ui-select>select {
    z-index: 99;
    display: block;
    position: relative;
    padding: 10px 15px 10px 10px;
    min-width: 200px;
    width: 120%;
    border: none;
    outline: none;
    background: transparent;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none
}

.ui-select select::-ms-expand {
    display: none
}

.ui-select:after {
    z-index: 0;
    content: "";
    position: absolute;
    right: 8%;
    top: 50%;
    color: #CBD5DD;
    width: 0;
    margin-top: -3px;
    height: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    pointer-events: none
}

@-moz-document url-prefix() {
    .ui-select {
        overflow: hidden
    }
    .ui-select select {
        width: 120%;
        width: calc(100% + em)
    }
}

.ui-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.form-validation .ng-valid.ng-dirty {
    border-color: #dfe3e9
}

.form-validation .ng-invalid.ng-dirty {
    border-color: #dfe3e9;
}

.form-validation md-input-container>md-icon {
    font-size: 20px;
    line-height: 30px;
    color: #3D4051
}

.form-validation md-input-container:not(.md-input-invalid).md-input-has-value>md-icon {
    color: #8BC34A
}

.form-validation md-input-container.md-input-invalid>md-icon {
    color: #F44336
}

.btn-info-alt {
    color: #fff;
    background-color: #7E57C2;
    border-color: #7E57C2
}

.btn-info-alt:focus,
.btn-info-alt.focus {
    color: #fff;
    background-color: #643da9;
    border-color: #432971
}

.btn-info-alt:hover {
    color: #fff;
    background-color: #643da9;
    border-color: #603ba1
}

.btn-info-alt:active,
.btn-info-alt.active,
.open>.btn-info-alt.dropdown-toggle {
    color: #fff;
    background-color: #643da9;
    border-color: #603ba1
}

.btn-info-alt:active:hover,
.btn-info-alt:active:focus,
.btn-info-alt:active.focus,
.btn-info-alt.active:hover,
.btn-info-alt.active:focus,
.btn-info-alt.active.focus,
.open>.btn-info-alt.dropdown-toggle:hover,
.open>.btn-info-alt.dropdown-toggle:focus,
.open>.btn-info-alt.dropdown-toggle.focus {
    color: #fff;
    background-color: #55348f;
    border-color: #432971
}

.btn-info-alt:active,
.btn-info-alt.active,
.open>.btn-info-alt.dropdown-toggle {
    background-image: none
}

.btn-info-alt.disabled:hover,
.btn-info-alt.disabled:focus,
.btn-info-alt.disabled.focus,
.btn-info-alt[disabled]:hover,
.btn-info-alt[disabled]:focus,
.btn-info-alt[disabled].focus,
fieldset[disabled] .btn-info-alt:hover,
fieldset[disabled] .btn-info-alt:focus,
fieldset[disabled] .btn-info-alt.focus {
    background-color: #7E57C2;
    border-color: #7E57C2
}

.btn-info-alt .badge {
    color: #7E57C2;
    background-color: #fff
}

.btn-dark {
    color: #fff;
    background-color: #262B33;
    border-color: #262B33
}

.btn-dark:focus,
.btn-dark.focus {
    color: #fff;
    background-color: #101216;
    border-color: #000
}

.btn-dark:hover {
    color: #fff;
    background-color: #101216;
    border-color: #0c0d10
}

.btn-dark:active,
.btn-dark.active,
.open>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #101216;
    border-color: #0c0d10
}

.btn-dark:active:hover,
.btn-dark:active:focus,
.btn-dark:active.focus,
.btn-dark.active:hover,
.btn-dark.active:focus,
.btn-dark.active.focus,
.open>.btn-dark.dropdown-toggle:hover,
.open>.btn-dark.dropdown-toggle:focus,
.open>.btn-dark.dropdown-toggle.focus {
    color: #fff;
    background-color: #010101;
    border-color: #000
}

.btn-dark:active,
.btn-dark.active,
.open>.btn-dark.dropdown-toggle {
    background-image: none
}

.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark.focus {
    background-color: #262B33;
    border-color: #262B33
}

.btn-dark .badge {
    color: #262B33;
    background-color: #fff
}

.btn-line-default {
    color: #3D4051;
    background-color: transparent;
    border-color: #fafafa
}

.btn-line-default:hover,
.btn-line-default:focus,
.btn-line-default:active,
.btn-line-default.active {
    color: #3D4051;
    background-color: #fafafa
}

.open .btn-line-default.dropdown-toggle {
    color: #3D4051;
    background-color: #fafafa
}

.btn-line-primary {
    color: #3D4051;
    background-color: transparent;
    border-color: #00535e
}

.btn-line-primary:hover,
.btn-line-primary:focus,
.btn-line-primary:active,
.btn-line-primary.active {
    color: #fff;
    background-color: #00535e
}

.open .btn-line-primary.dropdown-toggle {
    color: #fff;
    background-color: #00535e
}

.btn-line-success {
    color: #3D4051;
    background-color: transparent;
    border-color: #8BC34A
}

.btn-line-success:hover,
.btn-line-success:focus,
.btn-line-success:active,
.btn-line-success.active {
    color: #fff;
    background-color: #8BC34A
}

.open .btn-line-success.dropdown-toggle {
    color: #fff;
    background-color: #8BC34A
}

.btn-line-info {
    color: #3D4051;
    background-color: transparent;
    border-color: #00BCD4
}

.btn-line-info:hover,
.btn-line-info:focus,
.btn-line-info:active,
.btn-line-info.active {
    color: #fff;
    background-color: #00BCD4
}

.open .btn-line-info.dropdown-toggle {
    color: #fff;
    background-color: #00BCD4
}

.btn-line-warning {
    color: #3D4051;
    background-color: transparent;
    border-color: #FFCA28
}

.btn-line-warning:hover,
.btn-line-warning:focus,
.btn-line-warning:active,
.btn-line-warning.active {
    color: #fff;
    background-color: #FFCA28
}

.open .btn-line-warning.dropdown-toggle {
    color: #fff;
    background-color: #FFCA28
}

.btn-line-danger {
    color: #3D4051;
    background-color: transparent;
    border-color: #F44336
}

.btn-line-danger:hover,
.btn-line-danger:focus,
.btn-line-danger:active,
.btn-line-danger.active {
    color: #fff;
    background-color: #F44336
}

.open .btn-line-danger.dropdown-toggle {
    color: #fff;
    background-color: #F44336
}

.btn-line-dark {
    color: #3D4051;
    background-color: transparent;
    border-color: #262B33
}

.btn-line-dark:hover,
.btn-line-dark:focus,
.btn-line-dark:active,
.btn-line-dark.active {
    color: #fff;
    background-color: #262B33
}

.open .btn-line-dark.dropdown-toggle {
    color: #fff;
    background-color: #262B33
}

.btn-w-xs {
    min-width: 80px
}

.btn-w-sm {
    min-width: 100px
}

.btn-w-md {
    min-width: 135px
}

.btn-w-lg {
    min-width: 160px
}

.btn-round {
    border-radius: 2em
}

.btn-gap {
    margin: 5px
}

.btn-gap-h {
    margin: 0 5px
}

.btn-gap-v {
    margin: 0 0 5px
}

.btn.btn-raised,
.btn-group.btn-raised {
    text-transform: uppercase;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out
}

.btn.btn-raised:hover,
.btn.btn-raised:focus,
.btn.btn-raised:active,
.btn-group.btn-raised:hover,
.btn-group.btn-raised:focus,
.btn-group.btn-raised:active {
    outline: none
}

.btn.btn-raised:disabled,
.btn.btn-raised.disabled,
.btn-group.btn-raised:disabled,
.btn-group.btn-raised.disabled {
    box-shadow: none
}

.btn.btn-floating,
.btn-group.btn-floating {
    -webkit-transition: 0.25s;
    transition: 0.25s
}

.btn.btn-floating:hover,
.btn.btn-floating:focus,
.btn.btn-floating:active,
.btn-group.btn-floating:hover,
.btn-group.btn-floating:focus,
.btn-group.btn-floating:active {
    outline: none
}

.btn.btn-floating:disabled,
.btn.btn-floating.disabled,
.btn-group.btn-floating:disabled,
.btn-group.btn-floating.disabled {
    box-shadow: none
}

.btn.btn-raised.btn-primary:hover,
.btn.btn-raised.btn-primary:focus,
.btn.btn-raised.btn-primary.focus,
.btn.btn-raised.btn-primary:active,
.btn.btn-raised.btn-primary.active,
.open>.btn.btn-raised.btn-primary.dropdown-toggle,
.btn.btn-floating.btn-primary:hover,
.btn.btn-floating.btn-primary:focus,
.btn.btn-floating.btn-primary.focus,
.btn.btn-floating.btn-primary:active,
.btn.btn-floating.btn-primary.active,
.open>.btn.btn-floating.btn-primary.dropdown-toggle,
.btn-group.btn-raised.btn-primary:hover,
.btn-group.btn-raised.btn-primary:focus,
.btn-group.btn-raised.btn-primary.focus,
.btn-group.btn-raised.btn-primary:active,
.btn-group.btn-raised.btn-primary.active,
.open>.btn-group.btn-raised.btn-primary.dropdown-toggle,
.btn-group.btn-floating.btn-primary:hover,
.btn-group.btn-floating.btn-primary:focus,
.btn-group.btn-floating.btn-primary.focus,
.btn-group.btn-floating.btn-primary:active,
.btn-group.btn-floating.btn-primary.active,
.open>.btn-group.btn-floating.btn-primary.dropdown-toggle {
    background-color: #007d71;
    border-color: #007d71
}

.btn.btn-raised.btn-info:hover,
.btn.btn-raised.btn-info:focus,
.btn.btn-raised.btn-info.focus,
.btn.btn-raised.btn-info:active,
.btn.btn-raised.btn-info.active,
.open>.btn.btn-raised.btn-info.dropdown-toggle,
.btn.btn-floating.btn-info:hover,
.btn.btn-floating.btn-info:focus,
.btn.btn-floating.btn-info.focus,
.btn.btn-floating.btn-info:active,
.btn.btn-floating.btn-info.active,
.open>.btn.btn-floating.btn-info.dropdown-toggle,
.btn-group.btn-raised.btn-info:hover,
.btn-group.btn-raised.btn-info:focus,
.btn-group.btn-raised.btn-info.focus,
.btn-group.btn-raised.btn-info:active,
.btn-group.btn-raised.btn-info.active,
.open>.btn-group.btn-raised.btn-info.dropdown-toggle,
.btn-group.btn-floating.btn-info:hover,
.btn-group.btn-floating.btn-info:focus,
.btn-group.btn-floating.btn-info.focus,
.btn-group.btn-floating.btn-info:active,
.btn-group.btn-floating.btn-info.active,
.open>.btn-group.btn-floating.btn-info.dropdown-toggle {
    background-color: #00a5bb;
    border-color: #00a5bb
}

.btn.btn-raised.btn-warning:hover,
.btn.btn-raised.btn-warning:focus,
.btn.btn-raised.btn-warning.focus,
.btn.btn-raised.btn-warning:active,
.btn.btn-raised.btn-warning.active,
.open>.btn.btn-raised.btn-warning.dropdown-toggle,
.btn.btn-floating.btn-warning:hover,
.btn.btn-floating.btn-warning:focus,
.btn.btn-floating.btn-warning.focus,
.btn.btn-floating.btn-warning:active,
.btn.btn-floating.btn-warning.active,
.open>.btn.btn-floating.btn-warning.dropdown-toggle,
.btn-group.btn-raised.btn-warning:hover,
.btn-group.btn-raised.btn-warning:focus,
.btn-group.btn-raised.btn-warning.focus,
.btn-group.btn-raised.btn-warning:active,
.btn-group.btn-raised.btn-warning.active,
.open>.btn-group.btn-raised.btn-warning.dropdown-toggle,
.btn-group.btn-floating.btn-warning:hover,
.btn-group.btn-floating.btn-warning:focus,
.btn-group.btn-floating.btn-warning.focus,
.btn-group.btn-floating.btn-warning:active,
.btn-group.btn-floating.btn-warning.active,
.open>.btn-group.btn-floating.btn-warning.dropdown-toggle {
    background-color: #ffc40f;
    border-color: #ffc40f
}

.btn.btn-raised.btn-danger:hover,
.btn.btn-raised.btn-danger:focus,
.btn.btn-raised.btn-danger.focus,
.btn.btn-raised.btn-danger:active,
.btn.btn-raised.btn-danger.active,
.open>.btn.btn-raised.btn-danger.dropdown-toggle,
.btn.btn-floating.btn-danger:hover,
.btn.btn-floating.btn-danger:focus,
.btn.btn-floating.btn-danger.focus,
.btn.btn-floating.btn-danger:active,
.btn.btn-floating.btn-danger.active,
.open>.btn.btn-floating.btn-danger.dropdown-toggle,
.btn-group.btn-raised.btn-danger:hover,
.btn-group.btn-raised.btn-danger:focus,
.btn-group.btn-raised.btn-danger.focus,
.btn-group.btn-raised.btn-danger:active,
.btn-group.btn-raised.btn-danger.active,
.open>.btn-group.btn-raised.btn-danger.dropdown-toggle,
.btn-group.btn-floating.btn-danger:hover,
.btn-group.btn-floating.btn-danger:focus,
.btn-group.btn-floating.btn-danger.focus,
.btn-group.btn-floating.btn-danger:active,
.btn-group.btn-floating.btn-danger.active,
.open>.btn-group.btn-floating.btn-danger.dropdown-toggle {
    background-color: #f32c1e;
    border-color: #f32c1e
}

.btn.btn-raised.btn-default:hover,
.btn.btn-raised.btn-default:focus,
.btn.btn-raised.btn-default.focus,
.btn.btn-raised.btn-default:active,
.btn.btn-raised.btn-default.active,
.open>.btn.btn-raised.btn-default.dropdown-toggle,
.btn.btn-floating.btn-default:hover,
.btn.btn-floating.btn-default:focus,
.btn.btn-floating.btn-default.focus,
.btn.btn-floating.btn-default:active,
.btn.btn-floating.btn-default.active,
.open>.btn.btn-floating.btn-default.dropdown-toggle,
.btn-group.btn-raised.btn-default:hover,
.btn-group.btn-raised.btn-default:focus,
.btn-group.btn-raised.btn-default.focus,
.btn-group.btn-raised.btn-default:active,
.btn-group.btn-raised.btn-default.active,
.open>.btn-group.btn-raised.btn-default.dropdown-toggle,
.btn-group.btn-floating.btn-default:hover,
.btn-group.btn-floating.btn-default:focus,
.btn-group.btn-floating.btn-default.focus,
.btn-group.btn-floating.btn-default:active,
.btn-group.btn-floating.btn-default.active,
.open>.btn-group.btn-floating.btn-default.dropdown-toggle {
    background-color: #ededed;
    border-color: #ededed
}

.btn-flat {
    background: none;
    color: #3D4051;
    border: 1px solid transparent;
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: 0.25s ease-out;
    transition: 0.25s ease-out
}

.btn-flat:hover,
.btn-flat:focus,
.btn-flat:active {
    background-color: #fafafa;
    outline: none;
    box-shadow: none;
    border-color: #fafafa
}

.btn-flat.btn-primary {
    color: #00535e
}

.btn-flat.btn-info {
    color: #00BCD4
}

.btn-flat.btn-warning {
    color: #FFCA28
}

.btn-flat.btn-danger {
    color: #F44336
}

.btn-icon {
    padding: 0;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    height: 35px;
    width: 35px;
    line-height: 35px
}

.btn-icon i {
    line-height: 35px
}

.btn-icon.btn-icon-lined {
    line-height: 31px
}

.btn-icon.btn-icon-lined i {
    line-height: 31px
}

.btn-icon.btn-icon-lined.btn-icon-thin {
    line-height: 33px
}

.btn-icon.btn-icon-lined.btn-icon-thin i {
    line-height: 33px
}

.btn-icon-lined {
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #3D4051;
    color: #3D4051;
    height: 35px;
    width: 35px;
    line-height: 35px
}

.btn-icon-lined i {
    line-height: 35px
}

.btn-icon-lined.btn-icon-lined {
    line-height: 31px
}

.btn-icon-lined.btn-icon-lined i {
    line-height: 31px
}

.btn-icon-lined.btn-icon-lined.btn-icon-thin {
    line-height: 33px
}

.btn-icon-lined.btn-icon-lined.btn-icon-thin i {
    line-height: 33px
}

.btn-icon-lined.btn-icon-thin {
    border-width: 1px
}

.btn-icon-lined:hover {
    background-color: #fff;
    color: #fff
}

.btn-icon-lined.btn-default-light {
    color: #bbb;
    border: 2px solid #bbb
}

.btn-icon-lined.btn-default-light:hover {
    color: #bbb;
    border: 2px solid #bbb
}

.btn-icon-lined.btn-default {
    color: #777;
    border-color: #777
}

.btn-icon-lined.btn-default:hover {
    color: #777;
    border-color: #777
}

.btn-icon-lined.btn-primary {
    color: #00535e;
    border-color: #00535e
}

.btn-icon-lined.btn-success {
    color: #8BC34A;
    border-color: #8BC34A
}

.btn-icon-lined.btn-info {
    color: #00BCD4;
    border-color: #00BCD4
}

.btn-icon-lined.btn-warning {
    color: #FFCA28;
    border-color: #FFCA28
}

.btn-icon-lined.btn-danger {
    color: #F44336;
    border-color: #F44336
}

.btn-icon-round {
    border-radius: 50%
}

.btn-icon-sm {
    height: 30px;
    width: 30px;
    line-height: 30px
}

.btn-icon-sm i {
    line-height: 30px
}

.btn-icon-sm.btn-icon-lined {
    line-height: 26px
}

.btn-icon-sm.btn-icon-lined i {
    line-height: 26px
}

.btn-icon-sm.btn-icon-lined.btn-icon-thin {
    line-height: 28px
}

.btn-icon-sm.btn-icon-lined.btn-icon-thin i {
    line-height: 28px
}

.btn-icon-md {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 18px
}

.btn-icon-md i {
    line-height: 45px
}

.btn-icon-md.btn-icon-lined {
    line-height: 41px
}

.btn-icon-md.btn-icon-lined i {
    line-height: 41px
}

.btn-icon-md.btn-icon-lined.btn-icon-thin {
    line-height: 43px
}

.btn-icon-md.btn-icon-lined.btn-icon-thin i {
    line-height: 43px
}

.btn-icon-lg {
    height: 65px;
    width: 65px;
    line-height: 65px;
    font-size: 28px
}

.btn-icon-lg i {
    line-height: 65px
}

.btn-icon-lg.btn-icon-lined {
    line-height: 61px
}

.btn-icon-lg.btn-icon-lined i {
    line-height: 61px
}

.btn-icon-lg.btn-icon-lined.btn-icon-thin {
    line-height: 63px
}

.btn-icon-lg.btn-icon-lined.btn-icon-thin i {
    line-height: 63px
}

.btn-icon-lg-alt {
    height: 70px;
    width: 70px;
    line-height: 70px
}

.btn-icon-lg-alt i {
    line-height: 70px
}

.btn-icon-lg-alt.btn-icon-lined {
    line-height: 66px
}

.btn-icon-lg-alt.btn-icon-lined i {
    line-height: 66px
}

.btn-icon-lg-alt.btn-icon-lined.btn-icon-thin {
    line-height: 68px
}

.btn-icon-lg-alt.btn-icon-lined.btn-icon-thin i {
    line-height: 68px
}

.btn-icon-xl {
    height: 80px;
    width: 80px;
    line-height: 80px
}

.btn-icon-xl i {
    line-height: 80px
}

.btn-icon-xl.btn-icon-lined {
    line-height: 76px
}

.btn-icon-xl.btn-icon-lined i {
    line-height: 76px
}

.btn-icon-xl.btn-icon-lined.btn-icon-thin {
    line-height: 78px
}

.btn-icon-xl.btn-icon-lined.btn-icon-thin i {
    line-height: 78px
}

.btn-twitter {
    color: #fff;
    background-color: #00c7f7;
    border-color: #00c7f7
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
    color: #fff;
    text-decoration: none;
    background-color: #00a6ce;
    border-color: #0096ba
}

.btn-facebook {
    color: #fff;
    background-color: #335397;
    border-color: #335397
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
    color: #fff;
    text-decoration: none;
    background-color: #294279;
    border-color: #243a69
}

.btn-gplus,
.btn-google-plus {
    color: #fff;
    background-color: #dd4a38;
    border-color: #dd4a38
}

.btn-gplus:hover,
.btn-gplus:focus,
.btn-gplus:active,
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active {
    color: #fff;
    text-decoration: none;
    background-color: #ca3522;
    border-color: #b8301f
}

.btn-instagram {
    color: #fff;
    background-color: #82685A;
    border-color: #82685A
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active {
    color: #fff;
    text-decoration: none;
    background-color: #6a5549;
    border-color: #5e4b41
}

.btn-vimeo {
    color: #fff;
    background-color: #63879C;
    border-color: #63879C
}

.btn-vimeo:hover,
.btn-vimeo:focus,
.btn-vimeo:active {
    color: #fff;
    text-decoration: none;
    background-color: #537183;
    border-color: #4b6777
}

.btn-flickr {
    color: #fff;
    background-color: #0061DB;
    border-color: #0061DB
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active {
    color: #fff;
    text-decoration: none;
    background-color: #004fb2;
    border-color: #00469e
}

.btn-github {
    color: #fff;
    background-color: #3B3B3B;
    border-color: #3B3B3B
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active {
    color: #fff;
    text-decoration: none;
    background-color: #272727;
    border-color: #1c1c1c
}

.btn-pinterest {
    color: #fff;
    background-color: #D73532;
    border-color: #D73532
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active {
    color: #fff;
    text-decoration: none;
    background-color: #bc2725;
    border-color: #ab2421
}

.btn-tumblr {
    color: #fff;
    background-color: #586980;
    border-color: #586980
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active {
    color: #fff;
    text-decoration: none;
    background-color: #475568;
    border-color: #3f4b5c
}

.btn-linkedin {
    color: #fff;
    background-color: #018FAF;
    border-color: #018FAF
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active {
    color: #fff;
    text-decoration: none;
    background-color: #016e86;
    border-color: #015d72
}

.btn-dribbble {
    color: #fff;
    background-color: #EA73A0;
    border-color: #EA73A0
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active {
    color: #fff;
    text-decoration: none;
    background-color: #e55088;
    border-color: #e23e7c
}

.btn-stumbleupon {
    color: #fff;
    background-color: #EA4B24;
    border-color: #EA4B24
}

.btn-stumbleupon:hover,
.btn-stumbleupon:focus,
.btn-stumbleupon:active {
    color: #fff;
    text-decoration: none;
    background-color: #d13914;
    border-color: #bf3412
}

.btn-lastfm {
    color: #fff;
    background-color: #B80638;
    border-color: #B80638
}

.btn-lastfm:hover,
.btn-lastfm:focus,
.btn-lastfm:active {
    color: #fff;
    text-decoration: none;
    background-color: #90052c;
    border-color: #7d0426
}

.btn-evernote {
    color: #fff;
    background-color: #3BAB27;
    border-color: #3BAB27
}

.btn-evernote:hover,
.btn-evernote:focus,
.btn-evernote:active {
    color: #fff;
    text-decoration: none;
    background-color: #308a1f;
    border-color: #2a791c
}

.btn-skype {
    color: #fff;
    background-color: #00B0F6;
    border-color: #00B0F6
}

.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active {
    color: #fff;
    text-decoration: none;
    background-color: #0093cd;
    border-color: #0084b9
}

.btn-soundcloud {
    color: #fff;
    background-color: #06f;
    border-color: #06f
}

.btn-soundcloud:hover,
.btn-soundcloud:focus,
.btn-soundcloud:active {
    color: #fff;
    text-decoration: none;
    background-color: #0056d6;
    border-color: #004ec2
}

.btn-behance {
    color: #fff;
    background-color: #B80638;
    border-color: #B80638
}

.btn-behance:hover,
.btn-behance:focus,
.btn-behance:active {
    color: #fff;
    text-decoration: none;
    background-color: #90052c;
    border-color: #7d0426
}

.btn-rss {
    color: #fff;
    background-color: #F79638;
    border-color: #F79638
}

.btn-rss:hover,
.btn-rss:focus,
.btn-rss:active {
    color: #fff;
    text-decoration: none;
    background-color: #f58111;
    border-color: #e87709
}

.btn-youtube {
    color: #fff;
    background-color: #CC181E;
    border-color: #CC181E
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active {
    color: #fff;
    text-decoration: none;
    background-color: #a71419;
    border-color: #951216
}

.ui-wave {
    position: relative;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-wave.ui-wave-overflowed {
    overflow: visible
}

.ui-wave .ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ui-wave.btn-flat .ink,
.ui-wave.btn-default .ink {
    background: rgba(0, 0, 0, 0.2)
}

.wave-animate {
    -webkit-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.nav-container .ui-wave .ink {
    background: rgba(0, 0, 0, 0.2)
}

.nav-collapsed-min .nav-container .ui-wave {
    overflow: visible
}

.nav-horizontal.nav-container .ui-wave {
    overflow: visible
}

.header-container.bg-white .ui-wave .ink {
    background: rgba(0, 0, 0, 0.2)
}

.content-container.ng-leave {
    z-index: 9999
}

.content-container.ng-enter {
    z-index: 8888
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.animate-spin {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

@-webkit-keyframes fade-up-enter {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-up-enter {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-up-leave {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fade-up-leave {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

.animate-fade-up.ng-enter {
    -webkit-animation: 0.35s fade-up-enter;
    animation: 0.35s fade-up-enter
}

@-webkit-keyframes animate-flip-y-enter {
    0% {
        -webkit-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        transform: perspective(3000px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes animate-flip-y-enter {
    0% {
        -webkit-transform: perspective(3000px) rotateY(90deg);
        transform: perspective(3000px) rotateY(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        transform: perspective(3000px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes animate-flip-y-leave {
    0% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        transform: perspective(3000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        opacity: 0
    }
}

@keyframes animate-flip-y-leave {
    0% {
        -webkit-transform: perspective(3000px) rotateY(0deg);
        transform: perspective(3000px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(3000px) rotateY(-90deg);
        transform: perspective(3000px) rotateY(-90deg);
        opacity: 0
    }
}

.animate-flip-y.ng-enter {
    -webkit-animation: 0.35s animate-flip-y-enter ease-in-out;
    animation: 0.35s animate-flip-y-enter ease-in-out
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

.animate-vertical-slide.ng-hide-add {
    -webkit-animation: .35s slideOutUp ease-in-out;
    animation: .35s slideOutUp ease-in-out
}

.animate-vertical-slide.ng-hide-remove {
    -webkit-animation: .35s .35s slideInDown ease-in-out;
    animation: .35s .35s slideInDown ease-in-out
}

@keyframes slideOutUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ainmate-scale-up.ng-enter {
    -webkit-animation: 0.35s slideOutUp ease-in-out;
    animation: 0.35s slideOutUp ease-in-out
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.ainmate-slide-in-right.ng-enter {
    -webkit-animation: 0.35s slideInRight ease-in-out;
    animation: 0.35s slideInRight ease-in-out
}

.animated {
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes scaleInLeft {
    0% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleInLeft {
    0% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.scaleInLeft {
    -webkit-animation-name: scaleInLeft;
    animation-name: scaleInLeft
}

@-webkit-keyframes scaleInRight {
    0% {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleInRight {
    0% {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.scaleInRight {
    -webkit-animation-name: scaleInRight;
    animation-name: scaleInRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.dropdown-menu {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.dropdown-menu.pull-right {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.dropdown-menu-scaleIn {
    display: block;
    opacity: 0;
    -webkit-transition: all .35s;
    transition: all .35s;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.open>.dropdown-menu-scaleIn {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.badge-primary {
    background-color: #00535e
}

.badge-success {
    background-color: #8BC34A
}

.badge-info {
    background-color: #00BCD4
}

.badge-warning {
    background-color: #FFCA28
}

.badge-danger {
    background-color: #F44336
}

.breadcrumb a {
    color: #3D4051
}

.breadcrumb a:hover {
    text-decoration: none
}

.breadcrumb-alt {
    overflow: hidden;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.breadcrumb-alt>li {
    float: left;
    margin: 0 25px 0 0
}

.breadcrumb-alt>li>a {
    position: relative;
    float: left;
    background-color: #eee;
    color: #3D4051;
    font-size: 12px;
    padding: 10px
}

.breadcrumb-alt>li>a:before {
    position: absolute;
    top: 50%;
    left: -1em;
    margin-top: -1.6em;
    border-color: #eee #eee #eee transparent;
    border-style: solid;
    border-width: 1.5em 0 1.7em 1em;
    content: ""
}

.breadcrumb-alt>li>a:after {
    position: absolute;
    top: 50%;
    right: -1em;
    margin-top: -1.5em;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #eee;
    border-top: 1.5em solid transparent;
    content: ""
}

.breadcrumb-alt>li>a:hover,
.breadcrumb-alt>li>a.active {
    text-decoration: none;
    background-color: #00535e;
    color: #fff
}

.breadcrumb-alt>li>a:hover:before,
.breadcrumb-alt>li>a.active:before {
    border-color: #00535e #00535e #00535e transparent
}

.breadcrumb-alt>li>a:hover:after,
.breadcrumb-alt>li>a.active:after {
    border-left: 1em solid #00535e
}

.callout {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee
}

.callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.callout p:last-child {
    margin-bottom: 0
}

.callout-success {
    background-color: #f3faf3;
    border-color: #8BC34A
}

.callout-success h4 {
    color: #8BC34A
}

.callout-info {
    background-color: #f4f8fa;
    border-color: #00BCD4
}

.callout-info h4 {
    color: #00BCD4
}

.callout-warning {
    background-color: #fcf8f2;
    border-color: #FFCA28
}

.callout-warning h4 {
    color: #FFCA28
}

.callout-danger {
    background-color: #fdf7f7;
    border-color: #F44336
}

.callout-danger h4 {
    color: #F44336
}

.dropdown-menu.dropdown-dark {
    background-color: #262B33
}

.dropdown-menu.dropdown-dark.with-arrow:after {
    border-bottom: 7px solid #262B33
}

.dropdown-menu.dropdown-dark>li>a {
    color: #777
}

.dropdown-menu.with-arrow {
    margin-top: 0
}

.dropdown-menu.with-arrow:before {
    content: " ";
    position: absolute;
    left: 12px;
    top: -16px;
    border: 8px solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, 0.15)
}

.dropdown-menu.with-arrow:after {
    content: " ";
    position: absolute;
    left: 13px;
    top: -14px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fff
}

.dropdown-menu.with-arrow.pull-right {
    margin-top: 0
}

.dropdown-menu.with-arrow.pull-right:before {
    left: auto;
    right: 12px
}

.dropdown-menu.with-arrow.pull-right:after {
    left: auto;
    right: 13px
}

.dropdown-menu.with-arrow.panel {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.dropdown-menu.with-arrow.panel-default:before {
    border-bottom: 8px solid #e2edeb
}

.dropdown-menu.with-arrow.panel-default:after {
    border-bottom: 7px solid #F2F7F7
}

.dropdown-menu.with-arrow.panel-dark:before {
    border-bottom: 8px solid #262B33
}

.dropdown-menu.with-arrow.panel-dark:after {
    border-bottom: 7px solid #262B33
}

.dropdown-menu.with-arrow.panel-primary:before {
    border-bottom: 8px solid #00535e
}

.dropdown-menu.with-arrow.panel-primary:after {
    border-bottom: 7px solid #00535e
}

.dropdown-menu.with-arrow.panel-success:before {
    border-bottom: 8px solid #ebf8cd
}

.dropdown-menu.with-arrow.panel-success:after {
    border-bottom: 7px solid #F0FBE3
}

.dropdown-menu.with-arrow.panel-info:before {
    border-bottom: 8px solid #c5f1fa
}

.dropdown-menu.with-arrow.panel-info:after {
    border-bottom: 7px solid #E6F5FD
}

.dropdown-menu.with-arrow.panel-warning:before {
    border-bottom: 8px solid #ffecd4
}

.dropdown-menu.with-arrow.panel-warning:after {
    border-bottom: 7px solid #FFFAED
}

.dropdown-menu.with-arrow.panel-danger:before {
    border-bottom: 8px solid #f7d0d1
}

.dropdown-menu.with-arrow.panel-danger:after {
    border-bottom: 7px solid #FBE9E6
}

.ih-item {
    position: relative;
    border-radius: 2px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out
}

.ih-item a {
    color: #333
}

.ih-item a:hover {
    text-decoration: none
}

.ih-item img {
    border-radius: 2px;
    width: 100%;
    height: 100%
}

.ih-item.ih-material {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.ih-item.ih-material .info-mask {
    content: '';
    position: absolute;
    top: -25%;
    left: 0;
    right: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1)
}

.ih-item.ih-material .info-content {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.ih-item.ih-material .info-content:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -0.5em
}

.ih-item.ih-material .info-content .info-inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center
}

.ih-item.ih-material .info-content .info-inner h3 {
    margin: 0 0 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px
}

.ih-item.ih-material .info-content .info-inner p {
    font-style: italic;
    font-size: 12px;
    color: #eee
}

.ih-item.ih-material .bg-white+.info-content .info-inner h3,
.ih-item.ih-material .bg-warning+.info-content .info-inner h3 {
    color: #3D4051
}

.ih-item.ih-material .bg-white+.info-content .info-inner p,
.ih-item.ih-material .bg-warning+.info-content .info-inner p {
    color: #999
}

.ih-item.ih-material a:hover .info-content {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ih-item.ih-material a:hover .info-mask {
    opacity: .8;
    -webkit-transform: scale(1.21);
    transform: scale(1.21)
}

img.img30_30 {
    width: 30px;
    height: 30px
}

img.img40_40 {
    width: 40px;
    height: 40px
}

img.img64_64 {
    width: 64px;
    height: 64px
}

img.img80_80 {
    width: 80px;
    height: 80px
}

.label {
    padding: .5em .8em
}

.label-info-alt {
    background: #7E57C2
}

.list-group-item {
    padding: 15px;
    border: 1px solid #f3f3f3
}

.list-info li {
    padding: 10px;
    border-bottom: 1px solid #eee
}

.list-info li:last-child {
    border-bottom: none
}

.list-info li .icon {
    margin-right: 10px;
    color: #00535e
}

.list-info li label {
    width: 100px
}

.media-list.media-divider-full .media {
    border-bottom: 1px solid #e2edeb
}

.media-list.media-divider-inset .media-body {
    border-bottom: 1px solid #e2edeb
}

.nav-boxed {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 2px
}

.nav-boxed.nav-justified>li>a {
    margin: 0
}

.nav-boxed a {
    color: #3D4051
}

.nav-boxed>li>a {
    display: block;
    padding: 10px 5px;
    border-left: 0;
    border-top: 1px solid #f3f3f3
}

@media (min-width: 768px) {
    .nav-boxed>li>a {
        border-top: 0;
        border-left: 1px solid #f3f3f3
    }
}

.nav-boxed>li>a>i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 2px;
    font-size: 30px
}

.nav-boxed>li:first-child>a {
    border-left: none;
    border-top: 0
}

@media (min-width: 768px) {
    .nav-boxed>li:first-child>a {
        border-left: 1px solid #f3f3f3
    }
}

.panel {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1)
}

.panel .panel {
    box-shadow: none
}

.panel .panel-heading {
    text-transform: uppercase
}

.panel .panel-title {
    font-size: 14px
}

.panel.panel-labeled {
    position: relative
}

.panel.panel-labeled .panel-body {
    padding: 35px 15px
}

.panel.panel-minimal .panel-heading {
    background: none;
    border: 0
}

.panel .panel-label {
    color: #ccc;
    position: absolute;
    bottom: 5px;
    left: 7px
}

.panel .panel-body.padding-lg {
    padding: 30px 15px
}

.panel .panel-body.padding-xl {
    padding: 60px 15px
}

.panel .panel-body.padding-lg-h {
    padding: 15px 30px
}

.panel-dark {
    border-color: #262B33
}

.panel-dark>.panel-heading {
    color: #fff;
    background-color: #262B33;
    border-color: #262B33
}

.panel-dark>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #262B33
}

.panel-dark>.panel-heading .badge {
    color: #262B33;
    background-color: #fff
}

.panel-dark>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #262B33
}

.panel-box {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    border: none
}

.panel-box .panel-item {
    display: table-cell;
    padding: 30px;
    width: 1%;
    vertical-align: top;
    border-radius: 0
}

.panel-box .panel-left {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.panel-box .panel-right {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.panel-box.info-box i {
    line-height: 70px
}

.panel-box .panel-top,
.panel-box .panel-bottom {
    display: block
}

.panel-box .panel-top {
    padding: 30px 20px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.panel-box .panel-bottom {
    padding: 10px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel-box .panel-bottom p {
    margin: 0
}

.panel-box .list-justified-container {
    padding: 15px 0
}

.panel-box ul.list-justified {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0
}

.panel-box ul.list-justified>li {
    float: none;
    display: table-cell;
    padding: 10px;
    width: 1%;
    border-right: 1px solid #eee
}

.panel-box ul.list-justified>li:last-child {
    border: none
}

.panel-box ul.list-justified>li p {
    margin: 0
}

.panel-box .panel-icon,
.panel-box .panel-img {
    display: block;
    margin: -75px auto 0;
    border-radius: 50%;
    border: 10px solid #fff;
    width: 150px;
    height: 150px;
    line-height: 80px;
    text-align: center;
    font-size: 58px;
    text-shadow: -6px 8px 5px rgba(0, 0, 0, 0.3)
}

.panel-box .panel-icon {
    padding: 28px 35px 35px
}

.panel-box .panel-img {
    padding: 0
}

.panel-box .panel-img img {
    width: 100%;
    max-width: 100%
}

.mini-box {
    min-height: 120px;
    padding: 25px
}

.mini-box .box-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 35px;
    border-radius: 2px
}

.mini-box .box-icon.rounded {
    border-radius: 50%
}

.mini-box .btn-icon,
.mini-box .btn-icon-lined {
    margin: 0 15px 0 0;
    font-size: 32px
}

.mini-box .box-info {
    display: inline-block;
    vertical-align: top
}

.mini-box .box-info p {
    margin: 0
}

.panel-profile {
    border: none
}

.panel-profile .profile {
    margin: 5px 15px 5px 5px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.panel-profile .profile img {
    border-radius: 50%
}

.panel-profile .list-group>li>i {
    margin-right: 10px;
    font-size: 16px;
    color: #777;
    table-layout: fixed
}

.panel-profile .list-justified-container {
    padding: 15px 0
}

.panel-profile ul.list-justified {
    display: table;
    width: 100%;
    list-style: none;
    padding: 0
}

.panel-profile ul.list-justified>li {
    float: none;
    display: table-cell;
    padding: 10px;
    width: 1%;
    border-right: 1px solid #eee
}

.panel-profile ul.list-justified>li:last-child {
    border: none
}

.panel-profile ul.list-justified>li p {
    margin: 0
}

.popover-title {
    padding: 8px 14px 0;
    color: #aaa;
    font-weight: bold;
    border-bottom: none
}

.popover-content {
    color: #fafafa
}

.pricing-table {
    position: relative;
    margin-bottom: 20px;
    background-color: #fcfcfc;
    color: #999;
    border-radius: 2px;
    box-shadow: none;
    text-align: center;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out
}

.pricing-table header {
    text-align: center;
    padding: 12px 8px;
    border-radius: 2px 2px 0 0
}

.pricing-table header h2 {
    margin: 0;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase
}

.pricing-table .pricing-price {
    border-bottom: 1px solid #e7edf6;
    padding: 45px 15px;
    background-color: #A0A2AA;
    font-size: 56px;
    line-height: 1;
    color: #fff;
    font-weight: 300
}

.pricing-table .pricing-price .pricing-sign {
    margin-right: 5px;
    font-size: 24px;
    font-weight: normal
}

.pricing-table .pricing-price .pricing-sub {
    margin-left: 5px;
    font-size: 22px;
    line-height: 1
}

.pricing-table .pricing-lead {
    margin-bottom: 1.5em;
    font-size: 18px;
    text-transform: uppercase
}

.pricing-table .pricing-lead:after {
    margin: 0 auto;
    content: "";
    height: 0px;
    width: 80px;
    padding-top: .6em;
    border-bottom: solid 3px #eff0f3;
    display: block
}

.pricing-table .pricing-plan-details {
    padding: 1em
}

.pricing-table .pricing-plan-details>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 2em
}

.pricing-table>footer {
    padding: 2em;
    text-align: center
}

.pricing-table>footer>a {
    display: block;
    margin: 0 auto;
    padding: 12px;
    font-size: 14px;
    line-height: 1;
    width: 100%;
    max-width: 200px
}

.pricing-table.pricing-table-primary .pricing-price {
    background-color: #00535e
}

.pricing-table.pricing-table-primary:after {
    border-top: 6px solid #00535e;
    border-left: 6px solid #00535e
}

.pricing-table.pricing-table-secondary .pricing-price,
.pricing-table.pricing-table-info .pricing-price {
    background-color: #00BCD4
}

.pricing-table.pricing-table-secondary:after,
.pricing-table.pricing-table-info:after {
    border-top: 6px solid #00BCD4;
    border-left: 6px solid #00BCD4
}

.pricing-table.pricing-table-success .pricing-price {
    background-color: #8BC34A
}

.pricing-table.pricing-table-success:after {
    border-top: 6px solid #8BC34A;
    border-left: 6px solid #8BC34A
}

.pricing-table.pricing-table-warning .pricing-price {
    background-color: #FFCA28
}

.pricing-table.pricing-table-warning:after {
    border-top: 6px solid #FFCA28;
    border-left: 6px solid #FFCA28
}

.pricing-table.pricing-table-danger .pricing-price {
    background-color: #F44336
}

.pricing-table.pricing-table-danger:after {
    border-top: 6px solid #F44336;
    border-left: 6px solid #F44336
}

.ui-ribbon-container {
    position: relative
}

.ui-ribbon-container .ui-ribbon-wrapper {
    position: absolute;
    overflow: hidden;
    width: 85px;
    height: 88px;
    top: -3px;
    right: -3px
}

.ui-ribbon-container .ui-ribbon {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    line-height: 20px;
    background-color: #555;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.ui-ribbon-container .ui-ribbon:before,
.ui-ribbon-container .ui-ribbon:after {
    position: absolute;
    content: " ";
    line-height: 0;
    border-top: 2px solid #555;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    bottom: -2px
}

.ui-ribbon-container .ui-ribbon:before {
    left: 0;
    bottom: -1px
}

.ui-ribbon-container .ui-ribbon:after {
    right: 0
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
    background-color: #00535e
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after {
    border-top: 2px solid #00535e
}

.ui-ribbon-container.ui-ribbon-success .ui-ribbon {
    background-color: #8BC34A
}

.ui-ribbon-container.ui-ribbon-success .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-success .ui-ribbon:after {
    border-top: 2px solid #8BC34A
}

.ui-ribbon-container.ui-ribbon-info .ui-ribbon {
    background-color: #00BCD4
}

.ui-ribbon-container.ui-ribbon-info .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-info .ui-ribbon:after {
    border-top: 2px solid #00BCD4
}

.ui-ribbon-container.ui-ribbon-warning .ui-ribbon {
    background-color: #FFCA28
}

.ui-ribbon-container.ui-ribbon-warning .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-warning .ui-ribbon:after {
    border-top: 2px solid #FFCA28
}

.ui-ribbon-container.ui-ribbon-danger .ui-ribbon {
    background-color: #F44336
}

.ui-ribbon-container.ui-ribbon-danger .ui-ribbon:before,
.ui-ribbon-container.ui-ribbon-danger .ui-ribbon:after {
    border-top: 2px solid #F44336
}

.flags-sprite,
.flags-american,
.flags-china,
.flags-france,
.flags-germany,
.flags-italy,
.flags-japan,
.flags-korea,
.flags-portugal,
.flags-russia,
.flags-spain {
    background-image: url("ui/images/flags.png");
    background-repeat: no-repeat
}

.flags-american {
    background-position: 0 0;
    height: 32px;
    width: 32px
}

.flags-china {
    background-position: 0 -32px;
    height: 32px;
    width: 32px
}

.flags-france {
    background-position: 0 -64px;
    height: 32px;
    width: 32px
}

.flags-germany {
    background-position: 0 -96px;
    height: 32px;
    width: 32px
}

.flags-italy {
    background-position: 0 -128px;
    height: 32px;
    width: 32px
}

.flags-japan {
    background-position: 0 -160px;
    height: 32px;
    width: 32px
}

.flags-korea {
    background-position: 0 -192px;
    height: 32px;
    width: 32px
}

.flags-portugal {
    background-position: 0 -224px;
    height: 32px;
    width: 32px
}

.flags-russia {
    background-position: 0 -256px;
    height: 32px;
    width: 32px
}

.flags-spain {
    background-position: 0 -288px;
    height: 32px;
    width: 32px
}

.ui-timline-container {
    padding: 15px
}

.ui-timline-left .ui-timeline:before {
    left: 0
}

@media (min-width: 768px) {
    .ui-timline-left .ui-timeline .tl-item:before {
        display: none
    }
}

@media (min-width: 768px) {
    .ui-timline-left .ui-timeline .tl-item .tl-caption {
        margin-left: -55px
    }
}

@media (min-width: 768px) {
    .ui-timline-left .ui-timeline .tl-item .tl-body .tl-time {
        left: auto;
        right: 15px;
        color: #777
    }
}

.ui-timeline {
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.ui-timeline:before {
    background-color: #d5d5d5;
    bottom: 0px;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 1px;
    z-index: 0
}

@media (min-width: 768px) {
    .ui-timeline:before {
        left: 50%
    }
}

.ui-timeline .tl-item {
    display: table-row;
    margin-bottom: 5px
}

.ui-timeline .tl-item:before {
    display: none;
    content: ""
}

@media (min-width: 768px) {
    .ui-timeline .tl-item:before {
        display: block;
        width: 50%
    }
}

.ui-timeline .tl-item .tl-caption {
    width: 150px;
    margin-left: -55px
}

@media (min-width: 768px) {
    .ui-timeline .tl-item .tl-caption {
        margin-left: -110px
    }
}

@media (min-width: 768px) {
    .ui-timeline .tl-item.alt {
        text-align: right
    }
    .ui-timeline .tl-item.alt:before {
        display: none
    }
    .ui-timeline .tl-item.alt:after {
        content: "";
        display: block;
        width: 50%
    }
    .ui-timeline .tl-item.alt .tl-body .tl-entry {
        margin: 0 35px 15px 0
    }
    .ui-timeline .tl-item.alt .tl-body .tl-time {
        right: -220px;
        left: auto;
        text-align: left
    }
    .ui-timeline .tl-item.alt .tl-body .tl-icon {
        right: -53px;
        left: auto
    }
    .ui-timeline .tl-item.alt .tl-body .tl-content:after {
        right: -16px;
        left: auto;
        border: 8px solid transparent;
        border-left: 8px solid rgba(255, 255, 255, 0.9);
        border-top: 8px solid rgba(255, 255, 255, 0.9)
    }
}

.ui-timeline .tl-item .tl-body {
    display: table-cell;
    width: 50%;
    vertical-align: top
}

.ui-timeline .tl-item .tl-body .tl-entry {
    position: relative;
    margin: 0 0 15px 36px
}

.ui-timeline .tl-item .tl-body .tl-time {
    z-index: 1;
    position: absolute;
    left: auto;
    right: 15px;
    top: 0;
    width: 150px;
    color: #777;
    line-height: 35px;
    text-align: right
}

@media (min-width: 768px) {
    .ui-timeline .tl-item .tl-body .tl-time {
        left: -220px;
        right: auto;
        color: #3D4051
    }
}

.ui-timeline .tl-item .tl-body .tl-icon {
    position: absolute;
    left: -53px;
    top: 0
}

.ui-timeline .tl-item .tl-body .tl-content {
    position: relative;
    padding: 15px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.9)
}

.ui-timeline .tl-item .tl-body .tl-content:after {
    content: " ";
    line-height: 0;
    position: absolute;
    left: -16px;
    top: 0;
    border: 8px solid transparent;
    border-right: 8px solid rgba(255, 255, 255, 0.9);
    border-top: 8px solid rgba(255, 255, 255, 0.9)
}

.tooltip-inner {
    padding: .85em
}

.mdl-shadow--2dp,
.card-panel,
.card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12)
}

.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

.mdl-shadow--24dp {
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2)
}

.md-button {
    margin: 0;
    line-height: 1.42857
}

.md-button.md-fab {
    font-size: 20px;
    padding: 0
}

.md-button.md-fab.md-fab-square {
    border-radius: 2px
}

.md-button.md-fab.md-fab-xs {
    font-size: 14px;
    padding: 0;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.md-button.md-fab.md-fab-sm {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.md-button.md-fab.md-fab-lg {
    font-size: 28px;
    width: 65px;
    height: 65px;
    line-height: 65px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 2px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px
}

.card-panel {
    padding: 20px;
    margin: 10px 0 20px 0;
    border-radius: 2px
}

.card {
    position: relative;
    overflow: hidden;
    margin: 10px 0 20px 0;
    border-radius: 0;
}

.card .card-title {
    font-size: 24px
}

.card .card-title.activator {
    cursor: pointer
}

.card .card-action>a {
    margin-right: 20px;
    text-transform: uppercase
}

.card .card-image {
    position: relative
}

.card .card-image img {
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.card .card-image .card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25)
}

.card .card-content {
    padding: 20px;
    border-radius: 0;
}

.card .card-content p {
    margin: 0;
    color: inherit
}

.card .card-content .card-title {
    line-height: 48px
}

.card .card-content .card-profile-img {
    position: relative;
    z-index: 1;
    margin-top: -70px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    padding: 5px;
    background-color: #fff
}

.card .card-content .card-profile-img img {
    width: 90px;
    height: 90px;
    border-radius: 50%
}

.card .card-content .card-profile-img.profile-img-sm {
    margin-top: -50px;
    width: 60px;
    height: 60px;
    padding: 2px
}

.card .card-content .card-profile-img.profile-img-sm img {
    width: 56px;
    height: 56px;
    border-radius: 50%
}

.card .card-content .card-button .btn-icon {
    position: relative;
    z-index: 1;
    margin-top: -65px
}

.card .card-action {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px
}

.card .card-action.no-border {
    border: 0; border-bottom: 1px solid #e7e9ed; 
}

.card .card-reveal {
    padding: 20px;
    position: absolute;
    background-color: #FFF;
    width: 100%;
    overflow-y: auto;
    top: 100%;
    height: 100%;
    z-index: 1
}

.card .card-reveal .card-title {
    cursor: pointer;
    display: block
}

.ui-input-group {
    position: relative;
    margin: 18px 0 12px
}

.ui-input-group .form-control:focus {
    border-color: #00535e
}

.ui-input-group>input,
.ui-input-group>textarea {
    padding-left: 0;
    padding-right: 0;
    border: none;
    border-bottom: 1px solid #CBD5DD
}

.ui-input-group>input:focus,
.ui-input-group>textarea:focus {
    outline: none
}

.ui-input-group>input:focus ~ label,
.ui-input-group>input:valid ~ label,
.ui-input-group>textarea:focus ~ label,
.ui-input-group>textarea:valid ~ label {
    top: -20px;
    left: 0;
    font-size: 12px
}

.ui-input-group>input:valid ~ label,
.ui-input-group>textarea:valid ~ label {
    color: #999
}

.ui-input-group>input:focus ~ label,
.ui-input-group>textarea:focus ~ label {
    color: #00535e
}

.ui-input-group>input:focus ~ .input-bar:before,
.ui-input-group>input:focus ~ .input-bar:after,
.ui-input-group>textarea:focus ~ .input-bar:before,
.ui-input-group>textarea:focus ~ .input-bar:after {
    width: 50%
}

.ui-input-group>label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-input-group .input-bar {
    position: relative;
    display: block;
    width: 100%
}

.ui-input-group .input-bar:before,
.ui-input-group .input-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #00535e;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.ui-input-group .input-bar:before {
    left: 50%
}

.ui-input-group .input-bar:after {
    right: 50%
}

.ui-accordion .panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #e2edeb
}

.ui-accordion .panel {
    border: 1px solid #e2edeb
}

.ui-accordion .panel-heading {
    padding: 0;
    background-color: #F2F7F7
}

.ui-accordion .panel-heading .panel-title>a {
    display: block;
    padding: 15px;
    font-size: 14px
}

.ui-accordion .panel-heading .panel-title>a:hover,
.ui-accordion .panel-heading .panel-title>a:active,
.ui-accordion .panel-heading .panel-title>a:focus {
    cursor: pointer;
    text-decoration: none
}

.ui-accordion-success .panel {
    border: 1px solid #8BC34A
}

.ui-accordion-success .panel-heading {
    background-color: #8BC34A;
    color: #fff
}

.ui-accordion-info .panel {
    border: 1px solid #00BCD4
}

.ui-accordion-info .panel-heading {
    background-color: #00BCD4;
    color: #fff
}

.ui-accordion-warning .panel {
    border: 1px solid #FFCA28
}

.ui-accordion-warning .panel-heading {
    background-color: #FFCA28;
    color: #fff
}

.ui-accordion-danger .panel {
    border: 1px solid #F44336
}

.ui-accordion-danger .panel-heading {
    background-color: #F44336;
    color: #fff
}

.ui-accordion-dark .panel {
    border: 1px solid #262B33
}

.ui-accordion-dark .panel-heading {
    background-color: #262B33;
    color: #fff
}

.ui-map {
    display: block;
    height: 400px
}

.pagination-lg>li>a,
.pagination-lg>li span {
    line-height: 26px;
    padding: 10px 18px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 2px
}

.pagination>li>a {
    color: #3D4051;
    border-radius: 2px;
    cursor: pointer
}

.pagination>li>a,
.pagination>li>span {
    padding: 5px 10px;
    margin-left: 10px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 20px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.progress {
    box-shadow: none;
    background-color: #f5f5f5
}

.progressbar-xs {
    height: 12px
}

.progress-rounded {
    border-radius: 50px
}

.progress-bar {
    box-shadow: none
}

.progressbar-xs {
    height: 10px
}

.progressbar-sm {
    height: 15px
}

.progressbar-container {
    margin-bottom: 20px
}

.progressbar-container .progress {
    margin-bottom: 5px
}

.progressbar-container .desc {
    color: #A5AEB1
}

.vprogressbar-container {
    height: 250px;
    margin-top: 25px;
    border-bottom: #EDF0F1 2px solid;
    position: relative
}

.vprogressbar-container.brand-info {
    border-color: #00BCD4
}

.vprogressbar-container.brand-success {
    border-color: #8BC34A
}

.vprogressbar-container .vprogressbar {
    padding-left: 10px
}

.vprogressbar-container .vprogressbar li {
    position: relative;
    height: 248px;
    width: 35px;
    background: #EDF0F1;
    margin-right: 18px;
    float: left;
    list-style: none
}

.vprogressbar-container .vprogressbar-percent {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%
}

.vprogressbar-container .vprogressbar-legend {
    position: absolute;
    top: 0px;
    right: 0px;
    padding-left: 0;
    padding: 5px 10px;
    text-align: left;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.3)
}

.vprogressbar-container .vprogressbar-legend li {
    display: block;
    font-size: 11px;
    margin-bottom: 5px;
    list-style: none
}

.vprogressbar-container .vprogressbar-legend .vpointer {
    height: 10px;
    width: 10px;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.vprogressbar-container .vprogressbar-info {
    color: #ccc
}

.ui-tab .nav-tabs {
    margin-bottom: 15px
}

.ui-tab .nav-tabs.nav-justified>li.active>a {
    border-bottom-color: transparent
}

.ui-tab .nav-tabs>li.active>a {
    background-color: #fff
}

.ui-tab .nav-tabs a {
    color: #3D4051
}

.ui-tab .nav-tabs a:hover {
    cursor: pointer
}

.ui-tab-container .nav-tabs {
    margin-bottom: 0
}

.ui-tab-container .nav-tabs.nav-justified>li:last-child {
    border-right: 0
}

.ui-tab-container .nav-tabs.nav-justified>li:hover>a,
.ui-tab-container .nav-tabs.nav-justified>li:active>a,
.ui-tab-container .nav-tabs.nav-justified>li:focus>a {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ddd
}

.ui-tab-container .nav-tabs.nav-justified>li>a {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ddd
}

.ui-tab-container .nav-tabs>li.active>a {
    color: #00535e
}

.ui-tab-container .nav-tabs>li:hover>a,
.ui-tab-container .nav-tabs>li:active>a,
.ui-tab-container .nav-tabs>li:focus>a {
    border: 0;
    background-color: transparent
}

.ui-tab-container .nav-tabs>li>a {
    margin: 0;
    border: 0;
    padding: 15px 15px;
    font-weight: bold;
    border-radius: 0
}

.ui-tab-container .tab-content {
    padding: 15px 15px
}

.ui-tab-horizontal {
    border: 1px solid #ddd;
    border-radius: 2px
}

.ui-tab-horizontal .nav-tabs {
    background-color: #F2F7F7
}

.ui-tab-horizontal .nav-tabs>li {
    border-right: 1px solid #ddd
}

.ui-tab-horizontal .nav-tabs>li.active:hover>a,
.ui-tab-horizontal .nav-tabs>li.active:active>a,
.ui-tab-horizontal .nav-tabs>li.active:focus>a {
    border: 0;
    background-color: #fff
}

.ui-tab-horizontal .nav-tabs>li.active>a:focus,
.ui-tab-horizontal .nav-tabs>li.active>a:hover,
.ui-tab-horizontal .nav-tabs>li.active>a:active {
    border: 0
}

.ui-tab-vertical {
    position: relative;
    padding: 0 0 0 30%
}

.ui-tab-vertical .nav-tabs {
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    background-color: #F2F7F7;
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px;
    border-color: #ddd;
    border-style: solid
}

.ui-tab-vertical .nav-tabs>li {
    width: 100%;
    float: none;
    border-bottom: 1px solid #ddd;
    margin: 0
}

.ui-tab-vertical .nav-tabs>li:last-child {
    border-bottom: 0
}

.ui-tab-vertical .nav-tabs>li.active:hover>a,
.ui-tab-vertical .nav-tabs>li.active:active>a,
.ui-tab-vertical .nav-tabs>li.active:focus>a {
    border: 0;
    background-color: #fff
}

.ui-tab-vertical .nav-tabs>li.active>a {
    margin-right: -1px
}

.ui-tab-vertical .nav-tabs>li.active>a:focus,
.ui-tab-vertical .nav-tabs>li.active>a:hover,
.ui-tab-vertical .nav-tabs>li.active>a:active {
    border: 0
}

.ui-tab-vertical .nav-tabs>li>a {
    display: block
}

.ui-tab-vertical .tab-content {
    border: 1px solid #ddd;
    border-radius: 0 2px 2px 0
}

.z-depth-1,
.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active,
.header-container,
.header-container .dropdown-menu.with-arrow.panel {
    box-shadow: none;
}

.z-depth-1-half {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.z-depth-2,
.page-signin .card,
.page-signup .card,
.page-forgot .card {
    /*box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)*/ box-shadow:none; 
}

.z-depth-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
}

.z-depth-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)
}

.z-depth-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)
}

@media print {
    .no-print {
        display: none
    }
}

.btn-flat,
.ui-datepicker .btn-group .btn,
.ui-datepicker li>.btn {
    background: none;
    color: #3D4051;
    border: 1px solid transparent;
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: .25s ease-out;
    transition: .25s ease-out
}

.btn-flat:hover,
.ui-datepicker .btn-group .btn:hover,
.ui-datepicker li>.btn:hover,
.btn-flat:focus,
.ui-datepicker .btn-group .btn:focus,
.ui-datepicker li>.btn:focus,
.btn-flat:active,
.ui-datepicker .btn-group .btn:active,
.ui-datepicker li>.btn:active {
    background-color: #fafafa;
    outline: none;
    box-shadow: none;
    border-color: #fafafa
}

.btn-flat.btn-primary,
.ui-datepicker .btn-group .btn-primary.btn,
.ui-datepicker li>.btn-primary.btn {
    color: #00535e
}

.btn-flat.btn-info,
.ui-datepicker .btn-group .btn-info.btn,
.ui-datepicker li>.btn-info.btn {
    color: #00BCD4
}

.btn-flat.btn-warning,
.ui-datepicker .btn-group .btn-warning.btn,
.ui-datepicker li>.btn-warning.btn {
    color: #FFCA28
}

.btn-flat.btn-danger,
.ui-datepicker .btn-group .btn-danger.btn,
.ui-datepicker li>.btn-danger.btn {
    color: #F44336
}

.ui-datepicker .glyphicon,
.ui-timepicker .glyphicon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ui-datepicker .glyphicon.glyphicon-chevron-left:before {
    content: "\f104"
}

.ui-datepicker .glyphicon.glyphicon-chevron-right:before {
    content: "\f105"
}

.ui-timepicker .glyphicon.glyphicon-chevron-up:before {
    content: "\f106"
}

.ui-timepicker .glyphicon-chevron-down:before {
    content: "\f107"
}

.ui-datepicker table {
    margin: 0 5px
}

.ui-datepicker table th,
.ui-datepicker table td {
    padding: 1px
}

.ui-datepicker table th .active span,
.ui-datepicker table td .active span {
    color: #fff
}

.ui-datepicker table:focus {
    outline: none
}

.ui-timepicker td {
    padding: 1px
}

.ui-timepicker a.btn-link {
    color: #3D4051
}

.ui-timepicker .btn:focus {
    outline: 0
}

.ui-typeahead>.dropdown-menu {
    right: 15px
}

.ui-rating:hover {
    cursor: pointer
}

.ui-rating:focus {
    outline: none
}

.ui-rating .glyphicon .fa {
    margin-right: 2px
}

.ui-rating .glyphicon-star,
.ui-rating .fa-star {
    color: #00535e
}

.ui-rating.ui-rating-success .glyphicon-star,
.ui-rating.ui-rating-success .fa-star {
    color: #8BC34A
}

.ui-rating.ui-rating-info .glyphicon-star,
.ui-rating.ui-rating-info .fa-star {
    color: #00BCD4
}

.ui-rating.ui-rating-warning .glyphicon-star,
.ui-rating.ui-rating-warning .fa-star {
    color: #FFCA28
}

.ui-rating.ui-rating-danger .glyphicon-star,
.ui-rating.ui-rating-danger .fa-star {
    color: #F44336
}

md-backdrop.md-dialog-backdrop {
    z-index: 1040
}

.md-dialog-container {
    z-index: 1041
}

md-icon.zmdi {
    font-size: 24px
}

.ui-md-radio-group-inline md-radio-button {
    display: inline-block;
    margin: 0 10px 10px
}

md-radio-button[disabled] .md-on {
    background-color: #ccc
}

md-toast.md-toast-primary>.md-toast-content {
    background-color: #00535e
}

.md-datepicker-calendar-pane .md-datepicker-input-mask {
    width: auto
}

md-toast {
    z-index: 999999 !important;
    position: fixed !important
}

.md-primary md-tabs-wrapper md-prev-button md-icon,
.md-primary md-tabs-wrapper md-next-button md-icon {
    color: #eee
}

.angular-ui-tree {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 20px;
    list-style: none
}

.angular-ui-tree-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    border: 1px dashed #e2edeb;
    background-color: #E6F5FD;
    border-radius: 2px
}

.angular-ui-tree-handle {
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 10px 10px;
    text-decoration: none;
    border: 1px solid #e2edeb;
    background: #fff;
    cursor: move;
    border-radius: 2px
}

.angular-ui-tree-handle:hover .angular-ui-tree-icon-action {
    display: inline
}

.angular-ui-tree-icon:hover {
    cursor: pointer
}

.angular-ui-tree-icon-collapse {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 40px;
    margin: -10px 0 0 -10px;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    font-weight: bold
}

.angular-ui-tree-icon-collapse:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.angular-ui-tree-icon-collapse.uncollapsed:before {
    content: '-'
}

.angular-ui-tree-icon-action {
    margin-left: 7px;
    display: none;
    color: #777;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.angular-ui-tree-icon-action:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    color: #3D4051
}

.angular-ui-tree-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #fff;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.angular-ui-tree-nodes {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 30px
}

.angular-ui-tree-node,
.angular-ui-tree-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px
}

.angular-ui-tree-hidden {
    display: none
}

.angular-ui-tree-drag {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: .8
}

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden
}

.wizard a,
.tabcontrol a {
    outline: 0
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0
}

.wizard ul>li,
.tabcontrol ul>li {
    display: block;
    padding: 0
}

.wizard>.steps .current-info,
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em
}

.wizard>.content>.title,
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard>.steps>ul>li {
    width: 100%
}

@media (min-width: 600px) {
    .wizard>.steps>ul>li {
        width: 25%
    }
}

.wizard.vertical>.steps {
    display: block;
    width: 100%
}

@media (min-width: 600px) {
    .wizard.vertical>.steps {
        display: inline;
        float: left;
        width: 30%
    }
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard.vertical>.content {
    width: 100%
}

@media (min-width: 600px) {
    .wizard.vertical>.content {
        display: inline;
        float: left;
        margin: 0 2.5% 0.5em 2.5%;
        width: 65%
    }
}

.wizard>.steps .number {
    font-size: 1.429em
}

.wizard>.steps>ul>li,
.wizard>.actions>ul>li {
    float: left
}

.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    border-radius: 2px
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default;
    box-shadow: none
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #00535e;
    color: #fff;
    cursor: default
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    background: #00535e;
    color: #fff;
    opacity: .6
}

.wizard>.steps .error a,
.wizard>.steps .error a:hover,
.wizard>.steps .error a:active {
    background: #F44336;
    color: #fff
}

.wizard>.content {
    background-color: #eee;
    display: block;
    margin: 0.5em;
    min-height: 25em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-radius: 2px
}

.wizard>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.wizard>.content>.body ul {
    list-style: disc !important
}

.wizard>.content>.body ul>li {
    display: list-item
}

.wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%
}

.wizard>.content>.body input {
    display: block;
    border: 1px solid #ccc
}

.wizard>.content>.body input[type="checkbox"] {
    display: inline-block
}

.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11
}

.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: 0.5em
}

.wizard>.content>.body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}

.wizard>.actions>ul>li {
    margin: 0 0.5em
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background-color: #00535e;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    min-width: 100px;
    border-radius: 2px;
    text-align: center
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.tabcontrol>.content>.body ul {
    list-style: disc !important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

.ui-angular-wizard .steps {
    border: 1px solid #e1e1e1;
    margin-bottom: 3em;
    padding: 0;
    border-radius: 2px
}

.ui-angular-wizard .steps h2 {
    font-size: 18px;
    line-height: 1;
    padding: 1.2em 1em;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1
}

.ui-angular-wizard .ui-wizard-content {
    background-color: #fafafa;
    padding: 3em 1em
}

.ui-angular-wizard .ui-wizard-actions {
    margin: 0;
    padding: 1.2em 1em;
    text-align: right;
    border-top: 1px solid #e1e1e1
}

.steps-indicator {
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px 0 0 0;
    height: 30px;
    list-style: none
}

.steps-indicator:before {
    background-color: #E6E6E6;
    content: '';
    position: absolute;
    height: 1px
}

.steps-indicator.steps-2:before {
    left: calc(100% / 2 / 2);
    right: calc(100% / 2 / 2)
}

.steps-indicator.steps-3:before {
    left: calc(100% / 3 / 2);
    right: calc(100% / 3 / 2)
}

.steps-indicator.steps-4:before {
    left: calc(100% / 4 / 2);
    right: calc(100% / 4 / 2)
}

.steps-indicator.steps-5:before {
    left: calc(100% / 5 / 2);
    right: calc(100% / 5 / 2)
}

.steps-indicator.steps-6:before {
    left: calc(100% / 6 / 2);
    right: calc(100% / 6 / 2)
}

.steps-indicator.steps-7:before {
    left: calc(100% / 7 / 2);
    right: calc(100% / 7 / 2)
}

.steps-indicator.steps-8:before {
    left: calc(100% / 8 / 2);
    right: calc(100% / 8 / 2)
}

.steps-indicator.steps-9:before {
    left: calc(100% / 9 / 2);
    right: calc(100% / 9 / 2)
}

.steps-indicator.steps-10:before {
    left: calc(100% / 10 / 2);
    right: calc(100% / 10 / 2)
}

.steps-indicator * {
    box-sizing: border-box
}

.steps-indicator li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    line-height: 15px
}

.steps-indicator li a {
    color: gray;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    cursor: pointer
}

.steps-indicator li a:before {
    position: absolute;
    top: -7px;
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #E6E6E6;
    content: '';
    -webkit-transition: 0.25s;
    transition: 0.25s
}

.steps-indicator li a:hover {
    color: #4d4d4d
}

.steps-indicator.steps-2 li {
    width: calc(100% / 2)
}

.steps-indicator.steps-3 li {
    width: calc(100% / 3)
}

.steps-indicator.steps-4 li {
    width: calc(100% / 4)
}

.steps-indicator.steps-5 li {
    width: calc(100% / 5)
}

.steps-indicator.steps-6 li {
    width: calc(100% / 6)
}

.steps-indicator.steps-7 li {
    width: calc(100% / 7)
}

.steps-indicator.steps-8 li {
    width: calc(100% / 8)
}

.steps-indicator.steps-9 li {
    width: calc(100% / 9)
}

.steps-indicator.steps-10 li {
    width: calc(100% / 10)
}

.steps-indicator.steps-11 li {
    width: calc(100% / 11)
}

.steps-indicator li.default {
    pointer-events: none
}

.steps-indicator li.default a:hover {
    color: gray
}

.steps-indicator li.current,
.steps-indicator li.editing {
    pointer-events: none
}

.steps-indicator li.current a:before {
    background-color: gray
}

.steps-indicator li.done a:before {
    background-color: #8BC34A
}

.steps-indicator li.editing a:before {
    background-color: #00535e
}

.page-dashboard h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 30px
}

.page-dashboard .sm-charts {
    margin: 0 auto
}

.page-dashboard .box-stats {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.page-dashboard .box-stats.no-border .box-num {
    border: 0
}

.page-dashboard .box-stats .box-desc {
    font-size: 12px;
    line-height: 26px;
    color: #A5AEB1;
    text-transform: uppercase
}

.page-dashboard .box-stats .box-num {
    font-size: 42px;
    line-height: 80px;
    font-weight: 300
}

@media screen and (min-width: 768px) {
    .page-dashboard .box-stats .box-num {
        border-right: 2px solid #EDF0F1
    }
}

.page-dashboard .metrics {
    margin-bottom: 55px
}

.page-dashboard .metrics .metric {
    display: block;
    margin-bottom: 10px;
    font-size: 26px;
    color: #00535e
}

.page-dashboard .metrics .metric-info {
    text-transform: uppercase;
    font-size: 16px;
    color: #aaa
}

.page-dashboard .progressbar-container {
    margin-bottom: 25px
}

.page-dashboard .panel-box {
    position: relative;
    border-radius: 4px
}

.page-dashboard .panel-box .panel-top,
.page-dashboard .panel-box .panel-bottom {
    height: 100px;
    padding: 30px 15px;
    font-size: 40px;
    line-height: 1
}

.page-dashboard .panel-box .panel-bottom {
    border-top: 1px solid #e39f82
}

.page-dashboard .panel-box .panel-info {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -12px;
    text-align: center
}

.page-dashboard .panel-box .panel-info span {
    height: 24px;
    display: inline-block;
    padding: 4px 10px;
    text-transform: uppercase;
    line-height: 14px;
    background-color: #D44A23;
    border: 1px solid #D44A23;
    font-size: 11px;
    color: #fff;
    border-radius: 1em
}

.page-dashboard .panel-box .bg-light {
    color: #fff;  background: rgba(0,83,94,1);
    background: -moz-linear-gradient(-45deg, rgba(0,83,94,1) 0%, rgba(0,83,94,1) 12%, rgba(14,122,158,1) 53%, rgba(19,137,153,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,83,94,1)), color-stop(12%, rgba(0,83,94,1)), color-stop(53%, rgba(14,122,158,1)), color-stop(100%, rgba(19,137,153,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,83,94,1) 0%, rgba(0,83,94,1) 12%, rgba(14,122,158,1) 53%, rgba(19,137,153,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,83,94,1) 0%, rgba(0,83,94,1) 12%, rgba(14,122,158,1) 53%, rgba(19,137,153,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,83,94,1) 0%, rgba(0,83,94,1) 12%, rgba(14,122,158,1) 53%, rgba(19,137,153,1) 100%);
    background: linear-gradient(135deg, rgba(0,83,94,1) 0%, rgba(0,83,94,1) 12%, rgba(14,122,158,1) 53%, rgba(19,137,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00535e', endColorstr='#138999', GradientType=1 ); }
}

.lt-ie9-bg {
    z-index: 11111;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    color: #999;
    padding: 100px 20px;
    text-align: center;
    font-size: 26px
}

.lt-ie9-bg a {
    color: #f5f5f5;
    border-bottom: 2px solid #fff
}

.lt-ie9-bg a:hover {
    text-decoration: none
}

.non-display {
    display: none
}

.page {
    padding: 0px 0px;
}

.page>.ui-section:last-child {
    margin-bottom: 0
}

.page-form-ele h3 {
    margin: 0
}

.body-err {
    background-color: #262B33;
    background-size: cover
}

.page-err {
    position: relative;
    height: 100%
}

.page-err .err-container {
    padding: 45px 10px 0
}

@media (min-width: 768px) {
    .page-err .err-container {
        padding: 100px 0 0
    }
}

.page-err .err {
    color: #fafafa
}

.page-err .err h1 {
    margin-bottom: 35px;
    color: #fafafa;
    color: rgba(255, 255, 255, 0.8);
    font-size: 150px;
    font-weight: 300;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2)
}

@media (min-width: 768px) {
    .page-err .err h1 {
        font-size: 180px
    }
}

.page-err .err h2 {
    color: #fafafa;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    font-weight: 300;
    font-size: 28px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .page-err .err h2 {
        font-size: 36px
    }
}

.page-err .err-body {
    padding: 20px 10px
}

.page-err .btn-goback {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    background-color: transparent;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.8)
}

.page-err .btn-goback:hover,
.page-err .btn-goback:focus,
.page-err .btn-goback:active,
.page-err .btn-goback.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.open .page-err .btn-goback.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.page-err .footer {
    position: absolute;
    bottom: 20px;
    width: 100%
}

.body-auth {
    background-color: #006dae;
    background-size: cover
}

.btn-minimal {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    background-color: transparent;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.8)
}

.btn-minimal:hover,
.btn-minimal:focus,
.btn-minimal:active,
.btn-minimal.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.open .btn-minimal.dropdown-toggle {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.page-signin .wrapper,
.page-signup .wrapper,
.page-forgot .wrapper {
    padding: 0 10px
}

.page-signin .main-body,
.page-signup .main-body,
.page-forgot .main-body {
    max-width: 480px;
    margin: 10px auto
}

.page-signin .body-inner,
.page-signup .body-inner,
.page-forgot .body-inner {
    position: relative;
    padding: 20px
}

.page-signin .body-inner:before,
.page-signup .body-inner:before,
.page-forgot .body-inner:before {
    z-index: -1;
    content: ' ';
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    background-color:#f8fafc;
    height: 220px
}

.page-signin .additional-info,
.page-signup .additional-info,
.page-forgot .additional-info {
    text-align: right; margin-right: 20px;
    font-size: 18.31px
}

.page-signin .additional-info a,
.page-signup .additional-info a,
.page-forgot .additional-info a {
    color:#7f8ea3
}

.page-signin .additional-info .divider-h,
.page-signup .additional-info .divider-h,
.page-forgot .additional-info .divider-h {
    border-right: 1px solid #fafafa;
    margin: 0 15px
}

.page-signin h1,
.page-signup h1,
.page-forgot h1 {
    font-weight: normal;
    color: #00535e;
    font-size: 38px;
    margin-bottom: 40px
}

.page-signin h1 a,
.page-signup h1 a,
.page-forgot h1 a {
    color: #414f64
}

.page-signin .card .card-content,
.page-signup .card .card-content,
.page-forgot .card .card-content {
    padding: 30px 20px 15px;
}

.page-signin .ui-input-group .form-control,
.page-signup .ui-input-group .form-control,
.page-forgot .ui-input-group .form-control {
    color: #555
}

.page-signin .form-group,
.page-signup .form-group,
.page-forgot .form-group {
    position: relative;
    margin: 0
}

.page-signin .wrapper,
.page-signup .wrapper,
.page-forgot .wrapper {
    margin-top: 50px
}

@media (min-width: 768px) {
    .page-signin .wrapper,
    .page-signup .wrapper,
    .page-forgot .wrapper {
        margin-top: 110px
    }
}

.page-signin .logo,
.page-signup .logo,
.page-forgot .logo {
    font-size: 26px;
    font-weight: normal
}

.page-signin .logo a:hover,
.page-signup .logo a:hover,
.page-forgot .logo a:hover {
    text-decoration: none
}

.page-profile {
    margin: -15px 0 0
}

.page-profile .profile-header {
    position: relative;
    margin: 0 -30px 15px;
    padding: 50px 30px 90px;
    background: url("../images/background/1.jpg") no-repeat center center fixed;
    background-size: cover
}

.page-profile .profile-img {
    display: inline-block;
    margin-right: 20px
}

.page-profile .profile-img img {
    max-width: 120px;
    height: auto;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(0, 0, 0, 0.2)
}

.page-profile .profile-social {
    display: inline-block
}

.page-profile .profile-social>a {
    margin-right: 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.page-profile .profile-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    line-height: 20px;
    padding: 10px 30px;
    color: #fafafa
}

.page-profile .profile-info ul {
    margin: 0
}

.page-profile img.media-object {
    border-radius: 2px
}

.page-invoice .invoice-wrapper {
    padding: 0 0 30px;
    background-color: #fff
}

.invoice-inner {
    padding: 15px 15px 30px;
    background-color: #fff
}

.invoice-inner .invoice-sum li {
    margin-bottom: 5px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 2px
}

.invoice-inner .table.table-bordered {
    border: 0
}

.invoice-inner .table .bg-dark>th {
    border: 0
}

.page-icons .page-header {
    border-bottom: 0
}

.page-icons .icon-material .zmdi {
    display: block;
    height: 80px;
    font-size: 1.5em;
    line-height: 100px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.page-icons .icon-material .col-sm-4 {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.page-icons .icon-material .col-sm-4:hover {
    color: #262B33
}

.page-icons .icon-material .col-sm-4:hover .zmdi {
    font-size: 3em;
    color: #00535e
}

.page-features .panel {
    border: 0
}

.page-features .feature-list-container .panel-body {
    background-color: #405161;
    padding: 30px 50px
}

.page-features .feature-list-container .col-xs-4 {
    margin-bottom: 50px
}

.page-form-ele .list-checkbox-radio li:nth-child(even) {
    margin-bottom: 20px
}

.page-form-ele .list-checkbox-radio li>div {
    float: left;
    margin-right: 10px
}

.demoslider-container {
    max-width: 600px;
    margin: auto
}

.page-grid .grid-structure .row {
    margin-top: 10px
}

.page-grid .grid-structure .row .widget-container {
    margin-top: 5px;
    background: #eee;
    padding: 10px 15px 12px;
    font-size: 12px;
    min-height: 0;
    border-radius: 2px
}

.table.table-demo tr:first-child td {
    border-top: 0
}

.table.table-demo .type-info {
    vertical-align: middle
}

.whiteframedemoBasicUsage md-whiteframe {
    background: #fff;
    margin: 30px;
    height: 100px
}

@media screen and (max-width: 599px) {
    .whiteframedemoBasicUsage md-whiteframe {
        margin: 7px;
        height: 50px;
        background-color: #c8e4fa
    }
    .whiteframedemoBasicUsage md-whiteframe>span {
        font-size: 0.4em
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .whiteframedemoBasicUsage md-whiteframe {
        margin: 20px;
        height: 75px
    }
    .whiteframedemoBasicUsage md-whiteframe>span {
        font-size: 0.6em
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .whiteframedemoBasicUsage md-whiteframe {
        margin: 20px;
        height: 90px;
        background-color: #fcddde
    }
    .whiteframedemoBasicUsage md-whiteframe>span {
        font-size: 0.9em
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-3.col-sm-6.box-main{ width: 13.8%; }
    .whiteframedemoBasicUsage md-whiteframe {
        margin: 25px;
        height: 100px;
        background-color: #F2FCE2
    }
    .whiteframedemoBasicUsage md-whiteframe>span {
        font-size: 1em
    }
}

.radioButtondemoMultiColumn md-divider {
    margin: 0 -15px
}

.radioButtondemoMultiColumn div.radioDemo2 {
    margin-bottom: 20px
}

.radioButtondemoMultiColumn h2 {
    margin-left: 15px
}

.radioButtondemoMultiColumn p {
    width: 400px;
    margin-top: 10px;
    margin-left: 10px;
    padding-top: 10px;
    border-top: 2px solid #ddd
}

.radioButtondemoMultiColumn .md-checked {
    background-color: #ECFAFB;
    border-radius: 2px
}

.radioButtondemoMultiColumn md-button.md-raised,
.radioButtondemoMultiColumn button.md-raised {
    width: 200px
}

.radioButtondemoMultiColumn .row {
    border-bottom: 1px dashed #ddd
}

.radioButtondemoMultiColumn div.row:last-child {
    border-bottom: 0px dashed #ddd
}

.radioButtondemoMultiColumn .summary {
    width: 100%;
    padding-top: 10px;
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: -5px
}

.radioButtondemoMultiColumn .title {
    font-weight: bolder
}

.radioButtondemoMultiColumn .selectedUser .md-checked {
    padding: 8px;
    width: 100px
}

.layout-boxed>.header-container .top-header {
    max-width: 1200px;
    margin: 0 auto
}

.layout-boxed>.main-container {
    max-width: 1200px;
    margin: 0 auto
}

.body-wide.app>.main-container>.nav-container,
.body-wide.app>.main-container>.content-container,
.body-wide .header-container>.top-header .logo,
.body-wide .header-container>.top-header .top-nav {
    -webkit-transition: none;
    transition: none
}

html {
    position: relative;
    min-height: 100%;
    height: 100%;
    background: none
}

.app {
    position: relative;
    min-height: 100%;
    height: 100%
}

.app>.header-container.header-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}

.app>.header-container.header-fixed+.main-container {
    padding-top: 0px
}

@media (min-width: 768px) {
    .app>.header-container.header-fixed+.main-container {
        padding-top: 97px
    }
}

.app>.main-container {
    position: relative;
    min-height: 100%;
    padding-bottom: 0
}

.app>.main-container:before {
    content: " ";
    line-height: 0;
    z-index: -2;
    position: absolute;
    display: block;
    width: 100%;
    max-width: inherit;
    top: 0;
    bottom: 0;
    background-color: #e6e6e6;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2)
}

.app>.main-container>.nav-vertical:before {
    left: 0
}

.app>.main-container>.nav-container {
    display: none;
    z-index: 11;
    position: static;
    float: left;
    width: 220px;
    -webkit-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out
}

@media (min-width: 768px) {
    .app>.main-container>.nav-container {
        display: block; width: 256px;
    }
}

.app>.main-container>.nav-container:before {
    z-index: -1;
    content: " ";
    line-height: 0;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: inherit;
    background-color: inherit;
    border-width: inherit;
    border-style: inherit;
    border-color: inherit
}

.app>.main-container>.nav-container.nav-fixed {
    position: fixed;
    top: 128px;
    bottom: 0;
    float: none
}

@media (min-width: 768px) {
    .app>.main-container>.nav-container.nav-fixed {
        top: 95px;
    }
}

.app>.main-container>.content-container {
    overflow: hidden;
    min-height: 100%;
    margin-left: 0;
    -webkit-transition: margin-left .25s ease-in-out;
    transition: margin-left .25s ease-in-out
}

@media (min-width: 768px) {
    .app>.main-container>.content-container {
        margin-left: 0px
    }
    .app>.main-container>.content-container .page {
        margin-left: 255px
    }
}

#nav-container ul {
    padding-left: 0;
    list-style: none
}

#nav-container>.nav-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.nav-container .md-button {
    text-align: left;
    min-width: 20px;
    text-transform: none;
    border-radius: 0
}

.nav-container .nav {
    margin: 0;
    padding:20px 0 0;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow-scrolling: -blackberry-touch
}

.nav-container .nav .nav-title {
    margin: 36px 20px 10px;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
}

.nav-container .nav .nav-divider {
    margin: 10px 0 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent
}

.nav-container .nav>li>a>i,
.nav-container .nav>li>a>.nav-icon {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nav-container .nav a {
    font-size: 18.31px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nav-container .nav a:hover,
.nav-container .nav a:focus,
.nav-container .nav a:active {
    text-decoration: none
}

.nav-container .nav>li {
    position: relative;
    margin: 0;
    text-align: left;
    font-weight: bold;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nav-container .nav>li.open .icon-has-ul {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav-container .nav>li.li-small {
    font-size: 12px;
    font-weight: normal
}

.nav-container .nav>li.li-small>a {
    padding: 10px 15px
}

.nav-container .nav>li.li-small>a>i {
    font-size: 12px
}

.nav-container .nav>li:first-child>a {
    border-top: 0
}

.nav-container .nav>li>a {
    position: relative;
    white-space: nowrap;
    display: block;
    padding: 0px 20px 0px 20px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nav-container .nav>li>a .badge {
    position: absolute;
    top: 16px;
    right: 8px
}

.nav-container .nav>li>a>.icon-has-ul {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 20px;
    line-height: 19px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.nav-container .nav>li>.icon-has-ul-h {
    display: none
}

.nav-container .nav ul {
    display: none;
}

.nav-container .nav ul a {
    font-size: 13px
}

.nav-container .nav ul li {
    position: relative;
    padding: 0
}

.nav-container .nav ul li:last-child>a {
    border-bottom: 0
}

.nav-container .nav ul li>a {
    position: relative;
    display: block;
    padding: 13px 0 13px 25px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nav-container .nav ul li>a:first-child {
    border-top: none
}

.nav-container .nav ul li>a>i {
    font-size: 4px;
    line-height: 16px;
    margin-right: 16px;
    vertical-align: middle
}

.nav-container .nav ul li>a>.badge {
    position: absolute;
    right: 8px;
    top: 12px
}

.nav-vertical {
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 767px) {
    .on-canvas #header {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 12
    }
    .on-canvas #nav-container {
        display: block;
        position: fixed;
        top: 128px;
        bottom: 0;
        float: none
    }
    .on-canvas .main-container {
        overflow: hidden
    }
    .on-canvas .main-container #content {
        margin-left: 220px;
        margin-right: -220px
    }
}

@media (min-width: 768px) {
    .app>.main-container>.nav-container.nav-horizontal {
        z-index: 9;
        border-width: 0 0 1px;
        border-style: solid;
        border-color: #d5d5d5
    }
    .app>.main-container>.nav-container.nav-horizontal:before {
        border: 0
    }
    .app>.main-container>.nav-container.nav-horizontal .nav-title,
    .app>.main-container>.nav-container.nav-horizontal .nav-divider,
    .app>.main-container>.nav-container.nav-horizontal .li-small {
        display: none !important
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed {
        border-width: 0 1px 1px 0;
        left: 0;
        right: 0;
        bottom: auto
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav {
        text-align: center
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav>li {
        display: inline-block;
        float: none
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav>li.nav-title,
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav>li.nav-divider {
        display: none
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed #nav>li>a {
        padding: 17.5px 28px 12.5px
    }
    .app>.main-container>.nav-container.nav-horizontal.nav-fixed+.content-container {
        margin: 80px 0 0
    }
}

@media (min-width: 768px) {
    .main-container>.nav-container.nav-horizontal {
        float: none;
        width: auto
    }
    .main-container>.nav-container.nav-horizontal+.content-container {
        margin-left: 0
    }
    .nav-horizontal {
        background-color: #eee
    }
    .nav-horizontal .slimScrollDiv {
        overflow: visible !important;
        height: auto !important
    }
    .nav-horizontal .slimScrollDiv .slimScrollBar,
    .nav-horizontal .slimScrollDiv .slimScrollRail {
        display: none !important
    }
    .nav-horizontal .nav {
        overflow: visible !important
    }
    .nav-horizontal .nav>li {
        position: relative;
        float: left
    }
    .nav-horizontal .nav>li:hover>a {
        background-color: #e1e1e1;
        color: #3D4051
    }
    .nav-horizontal .nav>li:hover>i {
        color: #3D4051
    }
    .nav-horizontal .nav>li.active>a {
        background-color: transparent;
        color: #00535e
    }
    .nav-horizontal .nav>li.active>.icon-has-ul-h {
        color: #00535e
    }
    .nav-horizontal .nav>li>a {
        padding: 15px 30px;
        text-align: center;
        font-weight: normal
    }
    .nav-horizontal .nav>li>a>i {
        margin: 0;
        font-size: 26px;
        line-height: 1
    }
    .nav-horizontal .nav>li>a>span {
        margin: 0;
        display: block;
        font-size: 12px
    }
    .nav-horizontal .nav>li>a .badge {
        top: 15px
    }
    .nav-horizontal .nav>li>a>.icon-has-ul {
        display: none
    }
    .nav-horizontal .nav>li>.icon-has-ul-h {
        display: block;
        position: absolute;
        bottom: 16px;
        right: 10px;
        font-size: 10px
    }
    .nav-horizontal .nav>li:hover>ul {
        display: block !important
    }
    .nav-horizontal .nav>li>ul {
        z-index: 9;
        position: absolute;
        left: 0;
        top: 100%;
        min-width: 100%;
        width: auto;
        background-color: #e1e1e1;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }
    .nav-horizontal .nav>li>ul li {
        white-space: nowrap
    }
    .nav-horizontal .nav>li>ul li:hover>a,
    .nav-horizontal .nav>li>ul li.active>a {
        color: #00535e
    }
    .nav-horizontal .nav>li>ul li>a {
        padding: 13px 40px 13px 20px
    }
}

@media (min-width: 768px) {
    .app.nav-collapsed-min .slimScrollDiv {
        overflow: visible !important;
        height: 100% !important
    }
    .app.nav-collapsed-min .slimScrollDiv .slimScrollBar,
    .app.nav-collapsed-min .slimScrollDiv .slimScrollRail {
        display: none !important
    }
    .app.nav-collapsed-min #nav-container {
        width: 60px
    }
    .app.nav-collapsed-min .content-container {
        margin-left: 0px;
    }
    .app.nav-collapsed-min .content-container .page {
        margin-left: 60px;
    }
    .app.nav-collapsed-min #nav-wrapper {
        overflow: visible !important
    }
    .app.nav-collapsed-min #nav {
        overflow: visible !important
    }
    .app.nav-collapsed-min #nav>li.li-small>a>i {
        font-size: 12px
    }
    .app.nav-collapsed-min #nav>li>a {
        padding: 15px 15px 15px 14px;
        text-align: center
    }
    .app.nav-collapsed-min #nav>li>a>i {
        margin: 0;
        font-size: 22px
    }
    .app.nav-collapsed-min #nav>li>a>.sidebar-menu {
        display: block;
    }
    .app.nav-collapsed-min #nav>li .icon-has-ul {
        display: none
    }
    .app.nav-collapsed-min #nav>li>ul {
        z-index: 9;
        position: absolute;
        left: 100%;
        top: 0;
        width: 220px;
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)
    }
    .app.nav-collapsed-min #nav>li:hover>ul,
    .app.nav-collapsed-min #nav>li.open>ul {
        display: block !important
    }
    .app.nav-collapsed-min .nav-title {
        display: none
    }
    .app.nav-collapsed-min .nav-horizontal#nav-container {
        width: auto
    }
    .app.nav-collapsed-min .nav-horizontal+.content-container {
        margin: 0
    }
    .app.nav-collapsed-min .nav-horizontal.nav-fixed+.content-container {
        margin: 50px 0 0
    }
    .app.nav-collapsed-min .nav-horizontal #nav>li>.icon-has-ul-h {
        display: none
    }
    .app.nav-collapsed-min .nav-horizontal #nav>li>ul {
        left: 0;
        top: 100%
    }
}

.nav-container:before {
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    width: 2px;
    z-index: 2
}

.nav-container.bg-white:before {
    box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.3)
}

.nav-container.bg-white .nav a {
    color: #3D4051
}

.nav-container.bg-white .nav .nav-title {
    color: #999
}

.nav-container.bg-white .nav .nav-divider {
    border-color: #eee
}

.nav-container.bg-white .nav>li:hover>a {
    background-color: transparent;
    color: #00535e
}

.nav-container.bg-white .nav>li:hover>a>.icon-has-ul {
    color: #00535e
}

.nav-container.bg-white .nav>li:hover>.icon-has-ul-h {
    color: #00535e
}

.nav-container.bg-white .nav>li.active>a {
    color: #00535e
}

.nav-container.bg-white .nav>li.active>a>.icon-has-ul {
    color: #00535e
}

.nav-container.bg-white .nav>li>a:focus {
    background-color: transparent
}

.nav-container.bg-white .nav ul {
    background-color: #f6f6f6
}

.nav-container.bg-white .nav ul>li:hover>a,
.nav-container.bg-white .nav ul>li.active>a {
    color: #00535e
}

.nav-container.bg-white.nav-vertical .nav>li.open>a {
    background-color: #f6f6f6;
    color: #00535e
}

.nav-container.bg-white.nav-vertical .nav>li.open>.icon-has-ul,
.nav-container.bg-white.nav-vertical .nav>li.open>.icon-has-ul-h {
    color: #00535e
}

.nav-container.bg-dark {
    background-color: #262B33
}

.nav-container.bg-dark:before {
    box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.3)
}

.nav-container.bg-dark .nav a {
    color: #afafaf;
    /*    color: rgba(255, 255, 255, 0.5)*/
}

.nav-container.bg-dark .nav .nav-title {
    color: #666
}

.nav-container.bg-dark .nav .nav-divider {
    border-color: #1b1f24
}

.nav-container.bg-dark .nav>li:hover>a {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark .nav>li:hover>a>.icon-has-ul {
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark .nav>li:hover>.icon-has-ul-h {
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark .nav>li.active>a {
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark .nav>li.active>.icon-has-ul {
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark .nav>li>a:focus {
    background-color: transparent
}

.nav-container.bg-dark .nav ul {
    background-color:transparent
}

.nav-container.bg-dark .nav ul>li:hover>a,
.nav-container.bg-dark .nav ul>li.active>a {
    color: rgba(255, 255, 255, 0.8); background: transparent;
}

.nav-container.bg-dark.nav-vertical .nav>li.open>a {
    background-color:transparent;
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark.nav-vertical .nav>li.open>a>.icon-has-ul {
    color: rgba(255, 255, 255, 0.8)
}

.nav-container.bg-dark.nav-vertical .nav>li.open>.icon-has-ul-h {
    color: rgba(255, 255, 255, 0.8)
}

@media (min-width: 768px) {
    .app.nav-collapsed-min .nav-container.bg-white .nav>li:hover a {
        background-color: #f6f6f6
    }
    .app.nav-collapsed-min .nav-container.bg-dark .nav>li:hover a {
        background-color: #1f242a
    }
}

@media (max-width: 767px) {
    .nav-horizontal .nav>li.open>a {
        color: #00535e
    }
    .nav-horizontal .nav>li.open>i {
        color: #00535e
    }
}

@media (min-width: 768px) {
    .app.nav-collapsed-min .top-header .logo {
        width: 60px
    }
}

.app.nav-collapsed-min .top-header .logo .logo-text {
    display: none
}

.app.nav-collapsed-min .top-header .top-nav {
    padding: 0 0 0 60px
}

.header-container .md-button {
    min-width: 66px
}

.header-container>.top-header a {
    color: #aaa
}

.header-container>.top-header a:hover {
    text-decoration: none
}

.header-container>.top-header .dropdown-menu a {
    color: #3D4051
}

.header-container>.top-header .hidden-mobile {
    display: none
}

@media (min-width: 480px) {
    .header-container>.top-header .hidden-mobile {
        display: inline
    }
}

.header-container>.top-header .logo {
    position: absolute;
    width: 100%;
    height: 95px;
    line-height: 95px;
    text-align: center;
    -webkit-transition: width .25s ease-in-out;
    transition: width .25s ease-in-out
}

@media (min-width: 768px) {
    .header-container>.top-header .logo {
        width: 256px;
        border-right: 1px solid rgba(255, 255, 255, 0.06)
    }
}

.header-container>.top-header .logo .logo-icon {
    font-size: 20px
}

.header-container>.top-header .logo>a {
    font-size: 24px;
    vertical-align: middle;
    white-space: nowrap
}

.header-container>.top-header .menu-button {
    display: block;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 46px;
    padding: 10px 12px;
    border-radius: 4px
}

.header-container>.top-header .menu-button:hover {
    cursor: pointer;
    background-color: #00635a
}

.header-container>.top-header .menu-button .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff
}

.header-container>.top-header .menu-button .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .header-container>.top-header .menu-button {
        display: none
    }
}

.header-container>.top-header .admin-options {
    z-index: 20;
    line-height: 20px
}

.header-container>.top-header .skin-options .panel-body {
    min-width: 330px;
    background-color: #f9f9f9
}

.header-container>.top-header .dropdown-menu.panel {
    padding: 0;
    white-space: nowrap
}

.header-container>.top-header .dropdown-menu.panel .panel-heading,
.header-container>.top-header .dropdown-menu.panel .panel-footer {
    padding: 10px 15px
}

.header-container>.top-header .dropdown-menu.panel .list-group-item {
    padding: 10px 15px
}

.header-container>.top-header .dropdown-menu.panel .list-group-item>a {
    display: block
}

.header-container>.top-header .dropdown-menu.panel .list-group-item>p {
    margin-bottom: 0
}

.header-container>.top-header .dropdown-menu.panel .list-group-item>.divider {
    background-color: transparent
}

.header-container>.top-header .dropdown-menu.panel .media .media-body {
    padding-right: 75px
}

.header-container>.top-header .top-nav {
    width: 100%;
    height: 95px;
    padding: 95px 0 0;
    -webkit-transition: padding .25s ease-in-out;
    transition: padding .25s ease-in-out; background:#edebe6;
}

@media (min-width: 768px) {
    .header-container>.top-header .top-nav {
        padding: 0 0 0 100px
    }
}

.header-container>.top-header .top-nav>ul {
    margin-bottom: 0
}

.header-container>.top-header .top-nav .nav-left,
.header-container>.top-header .top-nav .nav-right {
    font-size: 16px;
    line-height: 20px
}

.header-container>.top-header .top-nav .nav-left>li,
.header-container>.top-header .top-nav .nav-right>li {
    float: left
}

.header-container>.top-header .top-nav .nav-left>li.nav-profile>a,
.header-container>.top-header .top-nav .nav-right>li.nav-profile>a {
    padding: 17px 15px
}

.header-container>.top-header .top-nav .nav-left>li.nav-profile .hidden-xs,
.header-container>.top-header .top-nav .nav-right>li.nav-profile .hidden-xs {
    padding-right: 8px
}

.header-container>.top-header .top-nav .nav-left>li.nav-profile i,
.header-container>.top-header .top-nav .nav-right>li.nav-profile i {
    width: 18px;
    font-size: 18px;
    margin-right: 5px;
    line-height: 20px
}

.header-container>.top-header .top-nav .nav-left>li>.toggle-min,
.header-container>.top-header .top-nav .nav-right>li>.toggle-min {
    display: none
}

@media (min-width: 768px) {
    .header-container>.top-header .top-nav .nav-left>li>.toggle-min,
    .header-container>.top-header .top-nav .nav-right>li>.toggle-min {
        display: block
    }
}

.header-container>.top-header .top-nav .nav-left>li a:hover,
.header-container>.top-header .top-nav .nav-left>li a:focus,
.header-container>.top-header .top-nav .nav-right>li a:hover,
.header-container>.top-header .top-nav .nav-right>li a:focus {
    text-decoration: none
}

.header-container>.top-header .top-nav .nav-left>li>.btn-group>a,
.header-container>.top-header .top-nav .nav-left>li>a,
.header-container>.top-header .top-nav .nav-right>li>.btn-group>a,
.header-container>.top-header .top-nav .nav-right>li>a {
    position: relative;
    display: block;
    height: 64px;
    padding: 22px 16px
}

@media (min-width: 768px) {
    .header-container>.top-header .top-nav .nav-left>li>.btn-group>a,
    .header-container>.top-header .top-nav .nav-left>li>a,
    .header-container>.top-header .top-nav .nav-right>li>.btn-group>a,
    .header-container>.top-header .top-nav .nav-right>li>a {
        padding: 22px 20px
    }
}

.header-container>.top-header .top-nav .nav-left>li>.btn-group>a>i,
.header-container>.top-header .top-nav .nav-left>li>a>i,
.header-container>.top-header .top-nav .nav-right>li>.btn-group>a>i,
.header-container>.top-header .top-nav .nav-right>li>a>i {
    font-size: 18px
}

.header-container>.top-header .top-nav .nav-left>li>.btn-group>a .badge,
.header-container>.top-header .top-nav .nav-left>li>a .badge,
.header-container>.top-header .top-nav .nav-right>li>.btn-group>a .badge,
.header-container>.top-header .top-nav .nav-right>li>a .badge {
    position: absolute;
    top: 6px;
    right: 3px
}

@media (min-width: 768px) {
    .header-container>.top-header .top-nav .nav-left>li>.btn-group>a .badge,
    .header-container>.top-header .top-nav .nav-left>li>a .badge,
    .header-container>.top-header .top-nav .nav-right>li>.btn-group>a .badge,
    .header-container>.top-header .top-nav .nav-right>li>a .badge {
        background-color: transparent;
        color: #aaa
    }
}

.header-container>.top-header .top-nav .nav-left>li ul.dropdown-menu a:hover,
.header-container>.top-header .top-nav .nav-right>li ul.dropdown-menu a:hover {
    background-color: #00535e;
    color: #fff
}

.header-container>.top-header .top-nav .nav-left>li ul.dropdown-menu .glyphicon,
.header-container>.top-header .top-nav .nav-right>li ul.dropdown-menu .glyphicon {
    margin-right: 10px
}

.header-container>.top-header .top-nav .search-box {
    max-width: 180px;
    padding: 12px 0
}

.header-container>.top-header .top-nav .search-box i {
    font-size: 18px;
    line-height: 20px
}

.header-container>.top-header .top-nav .search-box .input-group-addon {
    padding: 6px 0 6px 12px;
    border: none;
    background-color: transparent
}

.header-container>.top-header .top-nav .search-box .form-control {
    border: none;
    background: transparent
}

.header-container>.top-header .top-nav .search-box .input-bar {
    position: absolute;
    display: block;
    width: 90%;
    bottom: 0;
    left: 5%
}

.header-container>.top-header .top-nav .search-box .input-bar:before,
.header-container>.top-header .top-nav .search-box .input-bar:after {
    position: absolute;
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

.header-container>.top-header .top-nav .search-box .input-bar:before {
    left: 50%
}

.header-container>.top-header .top-nav .search-box .input-bar:after {
    right: 50%
}

.header-container>.top-header .top-nav .search-box input:focus ~ .input-bar:before,
.header-container>.top-header .top-nav .search-box input:focus ~ .input-bar:after {
    width: 50%
}

.header-container>.top-header .top-nav .nav-left {
    float: left;
    padding: 0
}

.header-container>.top-header .top-nav .nav-left>li {
    border-right: 1px solid rgba(255, 255, 255, 0.06)
}

.header-container>.top-header .top-nav .nav-right {
    padding: 0
}

.header-container>.top-header .top-nav .nav-right>li>a {
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.06)
}

.header-container>.top-header .top-nav .nav-right>li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.06)
}

.header-container>.top-header .top-nav .nav-right>li:last-child .dropdown-menu.pull-right {
    right: 10px
}

.header-container>.top-header .langs .active-flag .flag {
    margin-top: -5px
}

.header-container>.top-header .langs .list-langs a {
    position: relative;
    padding: 8px 20px 8px 57px
}

.header-container>.top-header .langs .list-langs a .flag {
    position: absolute;
    top: 2px;
    left: 15px
}

.skin-check {
    position: relative;
    display: block
}

.skin-check input[type="radio"] {
    display: none
}

.skin-check input[type="radio"]+span:hover {
    cursor: pointer
}

.skin-check input[type="radio"]+span {
    position: relative
}

.skin-check input[type="radio"]+span>.overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 30px;
    color: #fff
}

.skin-check input[type="radio"]:checked+span>.overlay {
    display: block
}

.skin-item {
    overflow: hidden;
    display: block;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px
}

.skin-item>span {
    display: block;
    float: left;
    width: 50%;
    height: 20px
}

.skin-item .item-header {
    height: 10px
}

.header-container .dropdown {
    color: #3D4051
}

.header-container .dropdown a {
    color: #3D4051
}

.header-container .dropdown a:hover {
    color: #3D4051
}

.header-container.bg-white {
    color: #3D4051
}

.header-container.bg-white .input-group-addon,
.header-container.bg-white a {
    color: #3D4051
}

.header-container.bg-white .input-group-addon:hover,
.header-container.bg-white a:hover {
    color: #3D4051
}

.header-container.bg-white .search-box .input-bar:before,
.header-container.bg-white .search-box .input-bar:after {
    background: #3D4051
}

.header-container.bg-dark {
    color: #fafafa
}

.header-container.bg-dark .input-group-addon,
.header-container.bg-dark a {
    color: #fafafa
}

.header-container.bg-dark .input-group-addon:hover,
.header-container.bg-dark a:hover {
    color: #fafafa
}

.header-container.bg-dark .search-box .form-control {
    color: #fafafa
}

.header-container.bg-dark .search-box .input-bar:before,
.header-container.bg-dark .search-box .input-bar:after {
    background: #fafafa
}

.header-container.bg-primary,
.header-container.bg-success,
.header-container.bg-info,
.header-container.bg-info-alt,
.header-container.bg-warning,
.header-container.bg-danger {
    color: #fafafa
}

.header-container.bg-primary a,
.header-container.bg-success a,
.header-container.bg-info a,
.header-container.bg-info-alt a,
.header-container.bg-warning a,
.header-container.bg-danger a {
    color: #fafafa
}

.header-container.bg-primary a:hover,
.header-container.bg-success a:hover,
.header-container.bg-info a:hover,
.header-container.bg-info-alt a:hover,
.header-container.bg-warning a:hover,
.header-container.bg-danger a:hover {
    color: #fafafa
}

.header-container.bg-primary .dropdown-menu,
.header-container.bg-success .dropdown-menu,
.header-container.bg-info .dropdown-menu,
.header-container.bg-info-alt .dropdown-menu,
.header-container.bg-warning .dropdown-menu,
.header-container.bg-danger .dropdown-menu {
    color: #3D4051
}

.header-container.bg-primary .dropdown-menu a,
.header-container.bg-success .dropdown-menu a,
.header-container.bg-info .dropdown-menu a,
.header-container.bg-info-alt .dropdown-menu a,
.header-container.bg-warning .dropdown-menu a,
.header-container.bg-danger .dropdown-menu a {
    color: #3D4051
}

.header-container.bg-primary .dropdown-menu a:hover,
.header-container.bg-success .dropdown-menu a:hover,
.header-container.bg-info .dropdown-menu a:hover,
.header-container.bg-info-alt .dropdown-menu a:hover,
.header-container.bg-warning .dropdown-menu a:hover,
.header-container.bg-danger .dropdown-menu a:hover {
    color: #3D4051
}

.header-container.bg-primary .input-group-addon,
.header-container.bg-success .input-group-addon,
.header-container.bg-info .input-group-addon,
.header-container.bg-info-alt .input-group-addon,
.header-container.bg-warning .input-group-addon,
.header-container.bg-danger .input-group-addon {
    color: #eee
}

.header-container.bg-primary::-webkit-input-placeholder,
.header-container.bg-success::-webkit-input-placeholder,
.header-container.bg-info::-webkit-input-placeholder,
.header-container.bg-info-alt::-webkit-input-placeholder,
.header-container.bg-warning::-webkit-input-placeholder,
.header-container.bg-danger::-webkit-input-placeholder {
    color: #eaeaea
}

.header-container.bg-primary:-moz-placeholder,
.header-container.bg-success:-moz-placeholder,
.header-container.bg-info:-moz-placeholder,
.header-container.bg-info-alt:-moz-placeholder,
.header-container.bg-warning:-moz-placeholder,
.header-container.bg-danger:-moz-placeholder {
    color: #eaeaea
}

.header-container.bg-primary::-moz-placeholder,
.header-container.bg-success::-moz-placeholder,
.header-container.bg-info::-moz-placeholder,
.header-container.bg-info-alt::-moz-placeholder,
.header-container.bg-warning::-moz-placeholder,
.header-container.bg-danger::-moz-placeholder {
    color: #eaeaea
}

.header-container.bg-primary:-ms-input-placeholder,
.header-container.bg-success:-ms-input-placeholder,
.header-container.bg-info:-ms-input-placeholder,
.header-container.bg-info-alt:-ms-input-placeholder,
.header-container.bg-warning:-ms-input-placeholder,
.header-container.bg-danger:-ms-input-placeholder {
    color: #eaeaea
}

.header-container.bg-primary .top-nav .nav-left>li>a .badge,
.header-container.bg-success .top-nav .nav-left>li>a .badge,
.header-container.bg-info .top-nav .nav-left>li>a .badge,
.header-container.bg-info-alt .top-nav .nav-left>li>a .badge,
.header-container.bg-warning .top-nav .nav-left>li>a .badge,
.header-container.bg-danger .top-nav .nav-left>li>a .badge {
    color: #eaeaea
}

.header-container.bg-primary .search-box .form-control,
.header-container.bg-success .search-box .form-control,
.header-container.bg-info .search-box .form-control,
.header-container.bg-info-alt .search-box .form-control,
.header-container.bg-warning .search-box .form-control,
.header-container.bg-danger .search-box .form-control {
    color: #fafafa
}

.header-container.bg-primary .search-box .input-bar:before,
.header-container.bg-primary .search-box .input-bar:after,
.header-container.bg-success .search-box .input-bar:before,
.header-container.bg-success .search-box .input-bar:after,
.header-container.bg-info .search-box .input-bar:before,
.header-container.bg-info .search-box .input-bar:after,
.header-container.bg-info-alt .search-box .input-bar:before,
.header-container.bg-info-alt .search-box .input-bar:after,
.header-container.bg-warning .search-box .input-bar:before,
.header-container.bg-warning .search-box .input-bar:after,
.header-container.bg-danger .search-box .input-bar:before,
.header-container.bg-danger .search-box .input-bar:after {
    background: #fafafa
}

.header-container>.top-header .logo {
    border: 1px solid rgba(0, 0, 0, 0.1)
}

@media (min-width: 768px) {
    .header-container>.top-header .logo {
        border: 0
    }
}

.header-container>.top-header .logo.bg-white {
    color: #262B33
}

.header-container>.top-header .logo.bg-white a {
    color: #262B33
}

.header-container>.top-header .logo.bg-white a:hover {
    color: #262B33
}

.header-container>.top-header .logo.bg-white+.menu-button .icon-bar {
    background-color: #3D4051
}

.header-container>.top-header .logo.bg-white+.menu-button:hover .icon-bar {
    background-color: #fff
}

.header-container>.top-header .logo.bg-dark,
.header-container>.top-header .logo.bg-primary,
.header-container>.top-header .logo.bg-success,
.header-container>.top-header .logo.bg-info,
.header-container>.top-header .logo.bg-info-alt,
.header-container>.top-header .logo.bg-warning,
.header-container>.top-header .logo.bg-danger {
    color: #fafafa
}

.header-container>.top-header .logo.bg-dark a,
.header-container>.top-header .logo.bg-primary a,
.header-container>.top-header .logo.bg-success a,
.header-container>.top-header .logo.bg-info a,
.header-container>.top-header .logo.bg-info-alt a,
.header-container>.top-header .logo.bg-warning a,
.header-container>.top-header .logo.bg-danger a {
    color: #fafafa
}

.header-container>.top-header .logo.bg-dark a:hover,
.header-container>.top-header .logo.bg-primary a:hover,
.header-container>.top-header .logo.bg-success a:hover,
.header-container>.top-header .logo.bg-info a:hover,
.header-container>.top-header .logo.bg-info-alt a:hover,
.header-container>.top-header .logo.bg-warning a:hover,
.header-container>.top-header .logo.bg-danger a:hover {
    color: #fafafa
}

.preloaderbar {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    margin-bottom: -4px
}

.preloaderbar .bar {
    position: absolute;
    width: 100%;
    height: 0;
    text-indent: -9999px;
    background-color: #23b7e5
}

.preloaderbar .bar:before {
    position: absolute;
    right: 50%;
    left: 50%;
    height: 4px;
    background-color: inherit;
    content: ""
}

.preloaderbar.active {
    -webkit-animation: changebar 2.25s infinite 0.75s;
    animation: changebar 2.25s infinite 0.75s
}

.preloaderbar.active .bar {
    -webkit-animation: changebar 2.25s infinite;
    animation: changebar 2.25s infinite
}

.preloaderbar.active .bar:before {
    -webkit-animation: movingbar 0.75s infinite;
    animation: movingbar 0.75s infinite
}

@-webkit-keyframes movingbar {
    0% {
        right: 50%;
        left: 50%
    }
    99.9% {
        right: 0;
        left: 0
    }
    100% {
        right: 50%;
        left: 50%
    }
}

@keyframes movingbar {
    0% {
        right: 50%;
        left: 50%
    }
    99.9% {
        right: 0;
        left: 0
    }
    100% {
        right: 50%;
        left: 50%
    }
}

@-webkit-keyframes changebar {
    0% {
        background-color: #8BC34A
    }
    33.3% {
        background-color: #8BC34A
    }
    33.33% {
        background-color: #FFCA28
    }
    66.6% {
        background-color: #FFCA28
    }
    66.66% {
        background-color: #F44336
    }
    99.9% {
        background-color: #F44336
    }
}

@keyframes changebar {
    0% {
        background-color: #8BC34A
    }
    33.3% {
        background-color: #8BC34A
    }
    33.33% {
        background-color: #FFCA28
    }
    66.6% {
        background-color: #FFCA28
    }
    66.66% {
        background-color: #F44336
    }
    99.9% {
        background-color: #F44336
    }
}

body {
    background: #efefef
}

.body-auth.app>.main-container:before,
.body-err.app>.main-container:before {
    background: none
}

@media (min-width: 768px) {
    .body-auth .page-signin,
    .body-auth .page-signup,
    .body-auth .page-forgot,
    .body-auth .page-err,
    .body-err .page-signin,
    .body-err .page-signup,
    .body-err .page-forgot,
    .body-err .page-err {
        margin-right: 220px
    }
}

@media (min-width: 768px) {
    .body-auth.nav-collapsed-min .page-signin,
    .body-auth.nav-collapsed-min .page-signup,
    .body-auth.nav-collapsed-min .page-forgot,
    .body-auth.nav-collapsed-min .page-err,
    .body-err.nav-collapsed-min .page-signin,
    .body-err.nav-collapsed-min .page-signup,
    .body-err.nav-collapsed-min .page-forgot,
    .body-err.nav-collapsed-min .page-err {
        margin-right: 60px
    }
}

@media (min-width: 768px) {

    .body-auth .nav-horizontal+.content-container .page-signin,
    .body-auth .nav-horizontal+.content-container .page-signup,
    .body-auth .nav-horizontal+.content-container .page-forgot,
    .body-auth .nav-horizontal+.content-container .page-err,
    .body-err .nav-horizontal+.content-container .page-signin,
    .body-err .nav-horizontal+.content-container .page-signup,
    .body-err .nav-horizontal+.content-container .page-forgot,
    .body-err .nav-horizontal+.content-container .page-err {
        margin-right: 0
    }
}

.body-wide #header,
.body-wide #nav-container {
    display: none
}

.body-wide>.main-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0
}

.body-wide #content {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 0
}

.body-wide.on-canvas .main-container #content {
    margin-left: 0;
    margin-right: 0
}

/* changes css start braj*/
.md-button[disabled] { background-color: #006dae !important; color: #fff !important;  }
.card-action.no-border.text-right .md-button:not([disabled]):hover { background-color: #00535e; color: #fff; }
.logo.bg-primary { background: #fff; }
.nav-wrapper ul#nav { background: #323232; }
span.logo-text img { margin: 0px 0 0; padding: 0px 0 0; float: left; }

.form-main-login [type="checkbox"]:not(:checked),
.form-main-login [type="checkbox"]:checked { position: absolute; left: -9999px; }
.form-main-login [type="checkbox"]:not(:checked) + label,
.form-main-login [type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; }
/* checkbox aspect */
.form-main-login [type="checkbox"]:not(:checked) + label:before,
.form-main-login [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border: 2px solid #c8d0de; background: #fff; border-radius: 50%; }
/* checked mark aspect */
.form-main-login [type="checkbox"]:not(:checked) + label:after,
.form-main-login [type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 5.5px; left: 4px; color: #09ad7e; transition: all .2s; width: 8px; height: 8px; background: #00535e; border-radius: 50%; }
/* checked mark aspect changes */
.form-main-login [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.form-main-login [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
.page-signin .card .card-action { padding: 0px 20px 30px; }

.header-container a.toggle-min.md-button.md-ink-ripple { background: #fff; padding: 13px 18px !important; margin: 19px 0px 5px 30px !important; height: inherit !important; min-width: 57px; border-radius: 4px !important;  }

.header-container>.top-header .top-nav .nav-left>li>a>i{ font-size: 29px; }
ul.nav-right.pull-right.list-unstyled { border-radius: 4px; }
.header-container>.top-header .top-nav .nav-right>li.nav-profile>a { padding: 14px 10px !important; height: inherit !important; min-width: 56px;  }
.app.nav-collapsed-min .top-header .logo .logo-text.menu-responsive { display: block; }
.logo-text.menu-responsive{ display: none; }
.page-dashboard .panel-box .panel-bottom.bg-light { font-size: 28px !important; line-height: 38px; }


li.dropdown.text-normal.nav-profile span.hidden-xs.ng-scope{ padding-right: 0px !important; }
.sidebar-menu{ float: left; text-align: center; font-size: 14px; margin: 0px 0 0 10px; color: #bdbbbc; text-transform: capitalize;}
.sidebar-icon{ float: left; text-align: center; font-size: 17px; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600;  }


/*signin page css start*/

.sign-main .form-group label { font-size: 18.31px; color: #7f8fa4; }
.sign-main .form-control { display: block; width: 100%; height: 50px; padding: 11px 18px; font-size: 18.31px; line-height: 1.42857; color: #354052; background-color: #f8fafc; background-image: none; border: 1px solid #dfe3e9; border-radius: 0; margin-bottom: 2px; }
.sign-main label.remember-text { font-size: 14.1px; color: #212531;  }
.page-signin.sign-main .form-group { margin-bottom: 15px;  }
.form-group .ng-scope { color: rgb(213,0,0); }
.page-signin.sign-main .form-group.form-main-login{ margin-bottom: 0px; padding: 5px 0 0; }
.page-forgot .form-group label { font-size: 18.31px; color: #7f8fa4; }
.page-forgot .form-control { display: block; width: 100%; height: 50px; padding: 11px 18px; font-size: 18.31px; line-height: 1.42857; color: #354052; background-color: #f8fafc; background-image: none; border: 1px solid #dfe3e9; border-radius: 0; margin-bottom: 2px; }
.page-forgot .form-group { margin-bottom: 15px;  }
.sign-main .logo h1{ margin: 0 0 15px ; }
.page-forgot .logo h1{ margin: 0 0 15px ; }
.page-signup .logo h1{ margin: 0 0 15px ; }
.page-signup .form-group label { font-size: 18.31px; color: #7f8fa4; }
.page-signup .form-control { display: block; width: 100%; height: 50px; padding: 11px 18px; font-size: 18.31px; line-height: 1.42857; color: #354052; background-color: #f8fafc; background-image: none; border: 1px solid #dfe3e9; border-radius: 0; margin-bottom: 2px; }
.page-signup .form-group { margin-bottom: 15px;  }
.page-signin.sign-main, .page-forgot, .page-signup{ margin: 0px !important; }
.nav-container.bg-dark .nav>li.active>a .sidebar-icon { color: #D44A23; }
.nav-container.bg-dark .nav>li.active>a .sidebar-menu{ color: #D44A23;}
.nav-container.bg-dark .nav>li:hover>a .sidebar-icon{ background-color: transparent; color: #D44A23; }
.nav-container.bg-dark .nav>li:hover>a .sidebar-menu{ color: #D44A23;}

.nav-container.bg-dark .nav>li:hover>a .fa-angle-down { color: #D44A23; transition: none; }
.nav-container.bg-dark .nav>li:hover>a .fa-angle-down.icon-has-ul { color: #D44A23; transition: none; }
.nav-container .nav>li>a>.icon-has-ul{ transition: none;}
.nav-container.bg-dark .nav ul li.active>a .sidebar-icon { color: #D44A23; }
.nav-container.bg-dark .nav ul li.active>a .sidebar-menu{ color: #D44A23;}
.nav-container.bg-dark .nav ul li:hover>a .sidebar-icon{ background-color: transparent; color: #D44A23; }
.nav-container.bg-dark .nav ul li:hover>a .sidebar-menu{ color: #D44A23;}
.bottom-logo-dashbord { position: fixed; right: 0; bottom: 0; padding: 10px; opacity: 0.2; z-index:-1; }
.menu span.menziesadmin-menu { font-size: 40px; }
ul.nav-right.pull-right.list-unstyled.menu{ background: #edebe6; margin: 12px 19px 0 0; }
ul.nav-right.pull-right.list-unstyled.menu a:hover{ background: #edebe6; }

/*stores page css start*/

input.search-box { width: 100%; float: left; border: none; text-align: center; font-size: 29.63px; background: #dadada; font-family: 'RobotoCondensed-Regular'; padding: 20px 0; top: 0px; position: relative; color: #535250; }
.search-box::-webkit-input-placeholder { color: #afafaf;}
.search-box:-ms-input-placeholder { color: #afafaf; }
.search-box::-moz-placeholder { color: #afafaf; }
.search-box:-moz-placeholder { color: #afafaf; }
span.search-icon { width: 40px; position: absolute; left: 2%; z-index: 999; margin: 0 1%; padding: 0px; top: 30%; font-size: 32px; color: #afafaf;  }
.search-box { width: 95%; float: left; position: relative; }
.main-contain-bg{ width: 100%; float: left; min-height: 776px;}
.add-user-btn-right { float: left; width: 5%; text-align: center; background: #006dae; }

.add-user-btn-right a{ 
    font-size: 39px;line-height: 82px;
    text-align: center; 
    text-decoration: none; 
    border-radius: 20px; 
    color:#fff;
    display: inline-block;
    margin:0px;
    padding:0px;

}

/* side menu css start*/
.navbar.main .icon {
    padding: 0 8px;
    font-size: 34px;
    color: #767573;
    cursor: pointer;
}
.navbar.main {
    /*  position: fixed;*/
    top: 0;
    right: 0;
    padding: 0 4px;
    margin: 0px;      
    /*  height: 56px;*/
    /*line-height: 56px;*/
    z-index: 000;
    float: left;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
}
.navbar.main::after {
    content: "";
    display: table;
    clear: both;
}

.navbar.main * {
    display: inline-block;
}

.navbar.main a {
    text-decoration: none
}

.navbar.main .icon {
    padding: 30px 45px;
    cursor: pointer;
}

.sidebar {
    position: fixed;
    top: 56px;
    bottom: 0;
    width: 300px;
    background-color: #fafafa;
}

#sidebar-main {
    top: 56px;
}

.sidebar.right {
    right: -300px;
    text-align: right;
}

.sidebar.left {
    left: -300px;
}

.sidebar a {
    text-decoration: none; display: block; float: left; 
}

.sidebar .wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    padding-top: 0px;
    overflow-y: auto;

}

.sidebar nav {
    margin-bottom: 24px;
}

.sidebar nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}

.sidebar nav ul li {
    padding: 12px 15px; 
    float: left;
    width: 100%; 
    margin: 0px;
}
.sidebar nav ul li:last-child {
    border-bottom: none;
}
.sidebar nav ul li.title {
    font-weight: bold;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}
.sidebar li a span {
    margin: 0 0px 0 0px; color: #535250; font-size: 19.05px; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif;
    position: relative;
    top: 0px;
}
.sidebar li a span.icon {
    color: #afafaf;
    margin: 0 15px 0 10px;
    font-size: 25px;
    position: relative;
    top: 4px;
}


.menu-top{ position: relative; width: 100%; float: left; }
.administrators-section li:hover .sidebar-icon {
    color: #D44A23 !important;
}
.administrators-section li:hover .sidebar-menu{ color:#D44A23;}


/*sidebar menu css End*/

.store-box-main { width: 100%; float: left; margin: 20px 0 0; }

.store-box-main .panel-title a { width: 100%; float: left; padding: 10px 15px; color: #3D4051; background-color: #fff; border-bottom: 1px solid #f0f3f4}
.store-box-main .panel-heading { padding: 0; }
.store-box-main .ui-section { margin-bottom: 60px; margin-left: 0; margin-right: 0; } 
.store-box-main .panel.panel-labeled {  float: left; margin-left: 15px; width: 24%; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.3); padding: 0px; }
.store-box-main .panel.panel-labeled:first-child{  }
.store-box-main .ui-section .row{ margin-left: 0px; margin-right: 0px; }
.store-box-main .panel.panel-labeled .panel-body { padding: 0 0; }
.store-box-main .panel { box-shadow: none; }
.store-box-main .panel.panel-default { border: none; border-radius: 0px; }
.store-box-main .panel-group { margin-bottom: 0; }
.store-inner-box { width: 100%; float: left; margin: 0px; padding: 0px; }
.store-box-img { width: 52px; float: left; margin-right: 20px; height: 52px; background: #dadada; border-radius: 50%; padding: 3px;  }
.store-title-right { float: left; margin: 7px 0 0; width: 68%; }
.store-title-name { font-size: 21.17px; color: #414f64; text-transform: capitalize; width: 100%; float: left; }
.store-sub-date { font-size: 13.76px; color: #788291; text-transform: capitalize; margin: 3px 0 0; }

.box-main-user-store { float: left; width: 100%; }
.box-store-secend-main { width: 100%; float: left; border-bottom: 1px solid #f0f3f4; margin: 0; padding: 15px 15px; }
.box-inner-store-name { float: left; border-radius: 20px; border:1px solid #dadada; position: relative; margin-right: 10px; display: inline-flex; margin-bottom: 10px; }
.box-inner-store-name:nth-child(even){ margin-right: 0px; }
.left-store-number { float: left; width: 40px; font-size: 18.17px; color: #414f64; padding: 15px 0 8px; text-transform: capitalize; text-align: center; border-right: 1px solid #dadada; }
.right-store-box { float: left; padding: 5px 15px; text-align: left; }
.store-inner-title { width: 100%; float: left; padding: 5px 0px 2px; font-size: 18.17px; color: #414f64; text-transform: capitalize; text-align: left; line-height: 16px;  }
.store-inner-sub-text{ font-size: 13.76px; color: #788291; text-transform: capitalize; margin: 0px 0 0; }

.box-user-main {  width: 100%; float: left; border-bottom: 1px solid #f0f3f4; margin: 0; padding: 15px 15px; }
.box-inner-user-main { float: left; border-radius: 20px; border:1px solid #dadada; position: relative; display: inline-flex; margin-right: 10px; margin-bottom: 10px; }
.box-inner-user-main:first-child{ margin-left: 0px; }
.left-user-img img { width: 32px; border-radius: 50%; }
.right-user-box { float: left; padding: 5px 20px; text-align: left; }
.user-inner-title{ width: 100%; float: left; padding: 0 0px; font-size: 14.17px; color: #414f64; text-transform: capitalize; text-align: center; line-height: 22px;  }
.panel.panel-default.panel-open .menziesadmin-close{ display: block; }
.panel .menziesadmin-close{ display: none; }
.panel.panel-default.panel-open .menziesadmin-arrow{ display: none; }
.panel .menziesadmin-arrow{ display: block; }
.font-icon { position: absolute; right: 20px; top: 20px; font-size: 28px; width: 30px; height: 29px; color: #414f64; }
.font-icon.menziesadmin-close { right: 13px; top: 23px; font-size: 20px; font-weight: normal; }

.remove-main-box { float: left; width: 100%; background: #D4E1E4; padding: 15px 15px; }
.remove-text-left { width: 100%; float: left; color: #4E6371; font-size: 14px; padding:0 10px 0 0; }
button.remove-btn { padding: 6px 19px; color: #fff; background: #006dae; border: none; border-radius: 0; font-size: 16px; margin: 2px 0; cursor: pointer; }
.remove-main-box:hover{ background: #fce8e9; cursor: pointer; }
.remove-main-box:hover .remove-text-left{ color: #921319 }f
.remove-main-box:hover .remove-btn{ background: #921319; color: #fce8e9;  }
.add-btn { float: left; font-size: 15px; padding: 8px 0px 8px 0; margin-top:0px; color:#414f64; width: 100%; text-align: center; min-width: auto; line-height: 15px; min-height: auto;  }
.add-btn-box { margin-right: 0; width: 70px; float: left; background: #dadada; opacity: 0.5; border: 1px solid #A0A7B2;  }
.box-inner-user-main:hover{ border: 1px solid #f78e1e; }
.box-inner-user-main:hover .hover-icon.menziesadmin-close{ display: block !important; position: absolute; right: 0; width: 30px; text-align: center; background: #f78e1e; color: #fff; line-height: 32px; font-size: 11px; 
                                                           border-bottom-right-radius: 15px; border-top-right-radius: 15px; cursor: pointer; }
.hover-icon.menziesadmin-close{ display: none !important; }
.add-btn-box:hover{ border:1px solid #A0A7B2; }
.store-box-img img { width: 48px; height: 48px; border-radius: 50%; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: 0px; }
.modal { text-align: center; padding: 0!important; }
.modal-body.modal-add-popup { padding: 0px 0; background: #fff; float: left; width: 100%; }
.add-popup-modal.modal-header { background: #00535e; position: relative; }
.add-popup-modal .store-title-right { text-align: left; }
.add-popup-modal .store-title-name { font-size: 21.17px; color: #fff; }
.add-popup-modal .store-sub-date { font-size: 13.76px; color: #89afb5; text-transform: capitalize; margin: 8px 0 0px; line-height: 13px; }
.modal-add-popup .search-box { font-size: 19.63px; padding: 10px 0; top: 0;  }
.modal-add-popup .search-icon { left: 0%; margin: 15px 2%; padding: 0px; top: 0; font-size: 21px; }
.modal-add-popup .user-inner-title { padding: 0 0px; font-size: 19.17px; text-align: center; line-height: 44px; }
.modal-add-popup .box-inner-user-main { border-radius: 26px; }
.modal-add-popup .left-user-img img { width: 50px; }
.modal-add-popup .box-inner-user-main:hover .hover-icon.menziesadmin-close { width: 40px; line-height: 50px; border-bottom-right-radius: 25px; border-top-right-radius: 25px; cursor: pointer; }
.add-popup-modal .store-box-img { background: transparent;  padding: 0; font-size: 50px; color: #fff; margin-top: -6px; }
.add-popup-modal .close-btn-modal { position: absolute; right: 20px; background: transparent; border: none; color: #fff; top: 25px; font-size: 22px; }
.add-popup-modal .store-title-right { margin: 0px 0 0; }
.modal-add-popup .right-user-box { padding: 3px 60px 3px 20px; }
.md-button:not([disabled]):hover {
    background-color:transparent;;
}

.modal-add-popup .box-user-main { margin-top: 30px; height: 400px; }
span.k-icon.k-clear-value.k-i-close {
    display: none;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}
.autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2;
}
.autocomplete-custom-template .item-title md-icon {
    height: 18px;
    width: 18px;
}


.k-list>.k-state-focused, .k-state-focused{ -webkit-box-shadow: none; box-shadow: none; }
.k-list-scroller{ height: 285px !important; }
.k-list-container.k-popup.k-state-border-up{ height: 285px !important; }
.k-popup{ -webkit-box-shadow: none; box-shadow: none; }
.k-list span.k-state-default img { width: 38px; padding: 4px; }
.k-list-container.k-popup{ border-radius: 0px; padding: 0px; }
.k-list li{ border-bottom:1px solid #dadada !important;  }
.k-state-hover{background-image:none ; background: #dadada !important; }
.k-autocomplete.k-header.search-box-autocomplete { border-radius: 0; width: 100%; border: none; }
.search-box-autocomplete.k-input{ background: #dadada; padding: 10px 0px; float: left; border: none; text-align: center; font-size: 19px;  font-family: 'RobotoCondensed-Regular'; position: relative; color: #535250; }
.dropdown-header {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

.dropdown-header > span {
    display: inline-block;
    padding: 10px;
}

.dropdown-header > span:first-child {
    width: 50px;
}

.k-list-container > .k-footer {
    padding: 10px;
}

#customers-list .k-item {
    line-height: 1em;
    min-width: 300px;
}

/* Material Theme padding adjustment*/

.k-material #customers-list .k-item,
.k-material #customers-list .k-item.k-state-hover,
.k-materialblack #customers-list .k-item,
.k-materialblack #customers-list .k-item.k-state-hover {
    padding-left: 5px;
    border-left: 0;
}

#customers-list .k-item > span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin: 18px 10px 18px 5px;
}

#customers-list .k-item > span:first-child {
    -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
    box-shadow: inset 0 0 30px rgba(0,0,0,.3);
    margin: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

#customers-list h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

#customers-list p {
    margin: 0;
    padding: 0;
    font-size: .8em;
}


@media only screen and (min-width:1461px) and ( max-width:1820px){
    .store-box-main .panel.panel-labeled { margin-left: 13px; }
}


@media only screen and (min-width:1201px) and ( max-width:1460px){
    .store-box-main .panel.panel-labeled { margin-left: 9px; }
}

.store-box-main .panel-group .panel-heading{
    height:73px;
}
.store-box-main .panel-collapse.collapse.in {
    background: #fff; position: absolute; z-index: 9; width: 100%; margin-bottom: 25px;
}
.k-list span.k-state-default img{
    width: 45px;
    padding: 0;
    height: 45PX;
    border-radius: 50%;
}
.k-state-default h3{
    text-transform: capitalize;
}

/*braj css sidebar start 01-11-2017*/
span.logo-text { width: 100%; float: left; padding: 14px 10px; }
.nav-container .nav ul li.inner-category-menu { padding: 0 0 0 48px; }
li.inner-category-menu a { padding: 0px !important; }
.for-manager-section { float: left; width: 85%; border-top: 1px solid #676364; border-bottom: 1px solid #676364; margin: 0px 19px 0; padding: 15px 0 0; position: relative; z-index: 1; }
.nav-container .nav .for-manager-section .nav-title{ margin: 25px 0px 10px; }
.nav-container .nav .for-manager-section a{ padding: 0px; }
.nav-container .nav .for-manager-section ul{ margin: 0px; padding: 0px; list-style: none; display: block; }
.nav-container .nav .for-manager-section li{ float: left; width: 100%; margin: 0px; padding: 0px;  }
.nav-container.bg-dark .nav>.for-manager-section li:hover>a .sidebar-menu { color: #D44A23; }
.nav-container.bg-dark .nav>.for-manager-section li:hover>a .sidebar-icon { background-color: transparent; color: #D44A23; }
.nav-container.bg-dark .nav>.for-manager-section li:hover>a { background-color: transparent; color: rgba(255, 255, 255, 0.8); }

.administrators-section{ float: left; width: 100%; margin: 0px; padding: 15px 20px 0;  }
.administrators-section ul{ margin: 0px; padding: 0px; display: block; }
.administrators-section li{ margin: 0px; padding: 0px; float: left; width: 100%;  }
.nav-container .nav .administrators-section .nav-title { margin: 25px 0px 10px; }
.nav-container .nav .administrators-section a{ padding: 0px; }
.nav-container.bg-dark .nav>.administrators-section li:hover>a .sidebar-menu { color: #D44A23; }
.nav-container.bg-dark .nav>.administrators-section li:hover>a .sidebar-icon { background-color: transparent; color: #D44A23; }
.nav-container.bg-dark .nav>.administrators-section li:hover>a { background-color: transparent; color: rgba(255, 255, 255, 0.8); }
.nav-container.bg-dark .nav>.administrators-section li.active>a .sidebar-menu { color: #D44A23; }
.nav-container.bg-dark .nav>.administrators-section li.active>a .sidebar-icon { color: #D44A23; }
.nav-container.bg-dark .nav>.for-manager-section li.active>a .sidebar-menu { color: #D44A23; }
.nav-container.bg-dark .nav>.for-manager-section li.active>a .sidebar-icon { color: #D44A23; }
/*braj css sidebar end 01-11-2017*/

/*braj css dashboard start 02-11-2017*/
.section-header-title { font-weight: 600; font-size: 26px; color: #354052; margin: 0 0px 0; position:relative; top: 0; float: left; padding: 0px 0 26px 0;
    width: 100%;}
.store-title-dashboard { float: left; width: 100%; background: transparent;}
.Dashboard-header-right-section { float: right; padding: 16px 0; width: 30%; }
.organisation-left { float: left; margin: 0; padding: 11px 25px 11px 0; width: 25% }
.organisation-txt { width: 100%; float: left; color: #9eaab8; text-transform: capitalize; }
.outback-txt { float: left; width: 100%; color: #d95427; font-size: 16px; text-transform: capitalize; }
.organisation-middle{ float: left; margin: 0; padding: 0px 0px 0px 0; width: 50%; }
.store-title-label { float: left; margin: 0; padding: 23px 20px 23px 0; color: #68768c; font-size: 12px; text-transform: uppercase; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; 
                     font-weight: 600; opacity: 0.5; }
span.login-title { float: left; width: 100%; text-align: left; font-size: 16px; color: #006dae; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; text-transform: capitalize;  }
span.login-txt { float: left; width: 100%; text-align: left; font-size: 14px; color: #b5b5b5; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; text-transform: capitalize; }
.login-arrow { position: absolute; right: 20px; top: 25px; color: #9fa9ba; }
.Dashboard-header-right-section  a.md-button:not([disabled]):hover, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color: transparent; }
ul.nav-right.custom-logout-box-b { padding: 10px 30px 0 0; margin: 0; width:25% }
ul.nav-right.custom-logout-box-b a .md-ripple-container{ display: none; }
.store-select-dropdown { float: left; width: 70%; }
.store-select-dropdown .flex{ margin: 0px; width: 100%; float: left; padding: 11px 0;  }
.store-select-dropdown .md-select-value{ width: 100%; padding: 0px;  }
.store-select-dropdown .ng-valid{ width: 100%; float: left; padding-right: 60px; background: rgba(255,255,255,1);
                                  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%);
                                  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,243,247,1)));
                                  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%);
                                  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%);
                                  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%);
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f3f7', GradientType=0 ); border-radius: 5px; border: 1px solid #ced0da; }
.store-select-dropdown .md-select-value span{ width: 90%; float: left; padding: 9px 0px 3px 15px; color: #354052; opacity: 0.5;  }
.store-select-dropdown .md-select-value span.md-select-icon{ float: left; width: 10%; margin: 0; text-align: center; padding: 6px 0 0 ; display: none; }
.store-select-dropdown md-select:not([disabled]):focus .md-select-value { border-bottom-color: transparent; color: rgba(0,0,0,0.87);}
.md-select-menu-container.md-active md-select-menu { transition:inherit; transition-duration: inherit; }
.store-select-dropdown md-select .md-select-value { border-bottom-color: transparent; }
.md-select-menu-container.md-active { top: 68px !important; width: 13% !important; margin-left: 15px; z-index: 9999; min-width: 0% !important; }
.custom-logout-box-b .dropdown-menu.with-arrow.pull-right { margin-top: -2px; margin-right: 20px; padding: 0px; border-color: #ced0da; }
.custom-logout-box-b .dropdown-menu.with-arrow.pull-right:before{ display: none; }
.custom-logout-box-b .dropdown-menu.with-arrow.pull-right:after{ display: none; }
.custom-logout-box-b .dropdown-menu.with-arrow.pull-right li a{ width: 100%; padding: 4px 20px; color: #333c48; opacity: 0.8;  }
.custom-logout-box-b .dropdown-menu.with-arrow.pull-right li{ width: 100%; float: left; margin: 0px; padding: 0px; }
.custom-logout-box-b .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #fff !important; background-color: #006dae; }
.store-title { background: #fff; }

.date-celender-main { width: 100%; float: left; background: #fff; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30); margin: 0px 0 0; height: 70px; }
.date-title { float: left; font-size: 16px; color: #1d2531; padding: 24px 20px 24px 35px; }
.celender-box { float: left; border: 1px solid #ced0da; border-radius: 5px; padding: 0; margin: 16px 15px 16px 0; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,243,247,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f3f7', GradientType=0 ); }
.celender-box .md-button.md-icon-button { margin: 0 0; height: 30px; min-width: 0; line-height: 24px; padding: 6px 8px; width: 40px; border-radius: 50%; }
.celender-box md-datepicker { background: transparent; padding-right: 15px; margin-right:0px; } 
.celender-box .md-datepicker-input { font-size: 12.44px; background: 0 0; min-width: 90px; color: #333c48; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; }
.md-datepicker-input-container { position: relative; padding-bottom:0px; border: none;  display: inline-block; margin-left: 0px; }
.celender-box .md-datepicker-expand-triangle { margin: 2px 0 0; }
.md-datepicker-calendar-pane { transition: inherit; margin: 37px 0 0 -28px; }
.md-datepicker-input-mask { display: none; }
.celender-box .md-datepicker-open .md-datepicker-triangle-button{ display: block; top: 4px; }
.celender-box .md-datepicker-open .md-datepicker-input { margin-left: 12px; height: 30px; }
.md-calendar-day-header { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,243,247,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f3f7', GradientType=0 ); color: rgba(0,0,0,0.87); }

.md-calendar-date-selection-indicator:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(241,243,247,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,243,247,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f3f7', GradientType=0 ); border: 1px solid #ced0da; }

.contain-graph-main { float: left; width: 100%;  }
.page-inner { padding: 30px 35px; width: 100%; float: left; }
.graph-left-main { width: 36%; float: left; margin-right: 2%;  }
.top-graph { width: 100%; float: left; margin: 0 0 20px; }
.top-graph img { max-width: 100%; }
.current-score-right-main { float: left; width: 100%; max-width:265px; }
.current-score-box { width: 100%; float: left; background: #fff; border-radius: 3px; position: relative; border: 1px solid #e7e9ed; }
.current-score-box:before { content: ""; position: absolute; width: 100%; left:0px; background: #087d8c; height: 4px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.current-score-title { width: 100%; float: left; font-size: 17px; color: #354052; padding: 30px 56px 20px 30px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; }
.current-score { width: 100%; float: left; padding: 5px 56px 0px 30px; margin: 0px; position: relative; }
.current-score .progress-value { width: 100%; float: left; font-size: 45px; color: #333c48; font-family: 'RobotoCondensed-Regular'; font-weight: 400; line-height: 44px; }
.progress-value-current-title { width: 100%; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; float: left; color: #9fa9ba; text-transform: uppercase; padding: 10px 0; }
.current-score .progress { box-shadow: none; background-color: #e2e7ee; width: 100%; float: left;  height: 8px; border-radius: 5px; }
.current-score .progress-bar-info { background-color: #e8c547; border-radius: 5px; }

.highest-score{ width: 100%; float: left; padding: 5px 56px 0px 30px; margin: 0px; position: relative; }
.highest-score .progress-value { width: 100%; float: left; font-size: 45px; color: #333c48; font-family: 'RobotoCondensed-Regular'; font-weight: 400; line-height: 44px; }
.progress-value-current-title { width: 100%; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; float: left; color: #9fa9ba; text-transform: uppercase; padding: 10px 0; }
.highest-score .progress { box-shadow: none; background-color: #e2e7ee; width: 100%; float: left;  height: 8px; border-radius: 5px; }
.highest-score .progress-bar-info { background-color: #087d8c; border-radius: 5px; }
/*.section-header { position: fixed; }*/
.store-title .section-header {
    width: 20%;
}
/*braj css dashboard end 02-11-2017*/

/*braj css region report start 07-11-2017*/
.region-report-main { width: 100%; float: left; margin: 0; padding: 0 0 30px; }
.region-store-score-box { width: 100%; max-width: 220px; float: left; background: #0b7a75; border-radius: 3px; padding: 28px 30px 20px; margin-right: 20px; }
.score-cheange-title { width: 100%; float: left; color: #fff; font-size: 12px; font-weight: 600; opacity: 0.7; text-transform: uppercase; }
.score-cheange-txt { width: 100%;  font-family: 'RobotoCondensed-Regular'; line-height: normal; font-weight: 400; float: left; margin: 0; padding: 5px 0 0; color: #fff; font-size: 36px; }
.score-cheange-txt span{ font-size: 30px; }
.region-store-score-box:last-child{ background: #73ba9b; }
.region-categroy-score-box { position: relative; float: left; width: 100%; margin: 0; padding: 0; background: #fff; max-width: 770px; border: 1px solid #e6eaee; border-radius: 5px; }
.region-categroy-score-box:before{ width: 100%; left:0px; margin: 0px; padding: 0px; position: absolute; top: 0px; content: ""; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #9ca8aa; height: 3px; }
.region-categroy-title { float: left; width: 100%; font-size: 24px; color: #006dae; padding: 22px 30px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; }
.region-categroy-table { float: left; width: 100%; margin: 0; padding: 0; }
.region-categroy-table .table>thead>tr>th{ border-top: 1px solid #e7e9ed !important; border-bottom: 1px solid #e7e9ed; font-size: 14px; color: #7f8fa4; padding: 10px 36px;
                                           width: 50%; }
.region-categroy-table .table>thead>tr>th:last-child{ text-align: right; }
.region-categroy-table .table>tbody>tr>td{ color: #1d2531; font-size: 20px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; width: 65%; padding: 18px 36px; text-align: left;}
.region-categroy-table .table>tbody>tr>td:last-child{ text-align: right; width: 35%; color: #354052; }
.region-categroy-table .table>tbody>tr>td span {  float: left; border-radius: 50%; margin: 7px 30px 7px 0; }
/*.region-categroy-table .table>tbody>tr:nth-child(1)>td span { border-color: #66b92e; }
.region-categroy-table .table>tbody>tr:nth-child(2)>td span { border-color: #ff6f00; }
.region-categroy-table .table>tbody>tr:nth-child(3)>td span { border-color: #dd2c00; }
.region-categroy-table .table>tbody>tr:nth-child(4)>td span { border-color: #afb42b; }
.region-categroy-table .table>tbody>tr:nth-child(5)>td span { border-color: #fbc02d; }
.region-categroy-table .table>tbody>tr:nth-child(6)>td span { border-color: #2b9ff6; }
.region-categroy-table .table>tbody>tr:nth-child(7)>td span { border-color: #b388ff; }*/
.region-categroy-table .table{ margin: 0px; }
/*.region-categroy-table .table .menziesadmin-increase { float: left; font-size: 13px; margin: 8px 0 8px 50px; color: #1bb934; }
.region-categroy-table .table .menziesadmin-decrease { float: left; font-size: 13px; margin: 8px 0 8px 50px; color: #f05352; }*/
.region-categroy-table .table .menziesadmin-increase { float: left; font-size: 13px; margin: 8px 0 8px 35px; color: #1bb934; }
.region-categroy-table .table .menziesadmin-decrease { float: left; font-size: 13px; margin: 8px 0 8px 35px; color: #f05352; }
.region-categroy-table .table>thead>tr>th span { margin: 0 0px 0 20px; position: relative; top: 1.2px; }
/*braj css region report end 07-11-2017*/

/*braj css view survery start 07-11-2017*/
.view-survery-box{ position: relative; float: left; width: 100%; margin: 0; padding: 0; max-width: 770px; border-radius: 5px; }
.view-survery-box:before{ width: 100%; float: left; margin: 0px; padding: 0px; position: absolute; top: 0px; content: ""; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #006dae; height: 3px; }
.view-survery-title{ float: left; width: 50%; font-size: 24px; color: #006dae; padding: 22px 30px; font-family: 'RobotoCondensed-Regular'; font-weight: 400;  }
.view-survery-title span{ position: relative; font-size: 14px; color: #919292; line-height: 11px; margin: 0 0px 0 15px; padding: 0 0 0 12px; top: -3px;  }
.view-survery-title span:before{ position: absolute; content: ""; left: 0; background: #919292; width: 1px; height:65%; top:3px; }
.view-survery-box .table-bordered>thead>tr>th{ border:none !important; }
.view-survery-box .table-dynamic .table-bordered thead th{ font-size: 14px; color: #7f8fa4; padding: 8px 36px; }
.view-survery-box .table>tbody>tr>td:last-child { font-size: 16px; padding: 18px 0px; width: 26%; line-height: 28px; color: #7f8fa4; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; }
.view-survery-box .table-dynamic .table-bordered thead th>.th { padding: 0; }
.view-survery-box .table-dynamic .table-bordered thead th>.th span { margin: 0 0px 0 10px; position: relative; top: 1px; font-size: 11px;}
.view-survery-box .table-bordered>tbody>tr>td{ border:none; }
.view-survery-box .table>tbody>tr>td {color: #1d2531; font-size: 20px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; padding: 18px 36px; }
.view-survery-box .table-striped>tbody>tr:nth-of-type(odd) { background-color: transparent; }
.view-survery-box .table-striped>tbody>tr{ border-bottom: 1px solid #e7e9ed; position: relative; }
.view-survery-box .table-bordered>thead>tr { border-bottom:1px solid #e7e9ed; }
.view-survery-box span.menziesadmin-eye { font-weight: 700; font-size: 20px; padding: 0 10px; }
.view-survery-box .table>tbody>tr>td:nth-child(2) { font-size: 20px; width: 13%; color: #333c48; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; }
.view-survery-box .table-striped>tbody>tr:hover{ background: #fafcfd !important; color: #000; }
.view-survery-box .table-striped>tbody>tr:hover>td{ color: #087d8c; }
.view-survery-box .table-striped>tbody>tr.active{ background: #fafcfd !important; color: #000; border-left: 3px solid #087d8c; }
.view-survery-box  .table-filters.view-search { float: right; padding: 20px 36px 20px 36px; margin: 0; }
.view-survery-box .form-control:focus { border-color: #dfe3e9; box-shadow: none; }
.view-survery-box .form-control{ font-family: 'RobotoCondensed-Regular'; font-weight: 400;}
.md-button .md-ripple-container{ display: none; }
.view-survery-box .pagination li.pagination-first { display: none; }
.view-survery-box .pagination li.pagination-last { display: none; }
.view-survery-box .pagination { display: inline-block; padding-left: 0; margin: 0px 0; border-radius: 2px; width: 100%; text-align: center; position: relative; float: left; }
.view-survery-box .pagination>li { display: inline-block; }
.view-survery-box .pagination li.pagination-prev{ position: absolute; left: 0; }
.view-survery-box .pagination li.pagination-prev a{ margin-left:0px; width: 36px; height: 36px; border-radius: 3px; border: 1px solid #e7e9ed; padding: 7px 0px; font-size: 18px; line-height: 18px; }
.view-survery-box .pagination li.pagination-next{ position: absolute; right: 0;}
.view-survery-box .pagination li.pagination-next a{ margin-left: 0px; width: 36px; height: 36px; border-radius: 3px; border: 1px solid #e7e9ed; padding: 7px 0px; font-size: 18px; line-height: 18px;   }
.view-survery-box .pagination li.pagination-page { display: none; }
.view-survery-box .text-right.pagination-container{ text-align: center; }
.page-cuont-txt { font-size: 14px; color: #354052; background: #fff; display: inline-block; padding: 7.5px 20px; border: 1px solid #e7e9ed; border-radius: 3px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; }
.view-survery-box .table>tbody>tr>td:last-child a{ text-decoration: none; }
.date-celender-main a{ text-decoration: none; color: #d95427; padding: 25px 35px; float: left; }
.date-celender-main span.back-linksurvey{ font-family: 'RobotoCondensed-Regular'; font-weight: 400; font-size: 14px; border-bottom: 1px solid #d95427; }
.date-celender-main span.menziesadmin-right-arrow{ position: relative; top: 2px; padding: 0 12px 0 0; }
.view-survery-box .table-striped > tbody > tr >td:first-child { border-left: 3px solid transparent; }
.view-survery-box .table-striped > tbody > tr:hover td:first-child { border-left: 3px solid #006dae;}
/*braj css view survery end 07-11-2017*/




/*braj css view survery inner start*/

.view-inner-main { width: 100%; float: left; }
.view-box-left{ float: left; width: 75%; }
.fruit--graph-box{ float: left; width: 100%; max-width: 265px; margin-right: 30px; margin-bottom: 30px; background: #fff; border-radius: 3px; border: 1px solid #e6eaee; }
.fruit-vegetables { width: 100%; float: left; text-align: center; padding: 0 0 0px; position: relative; top: -60px; }
.view-graph-title { position: relative;  float: left; width: 100%; text-align: left; font-size: 22px; color: #354052; font-family: 'RobotoCondensed-Regular'; font-weight: 400; padding: 24px 20px 0; min-height: 80px; line-height: 27px; }
.progess-bar-inner-survey { width: 100%; float: left; background: #fafbfc; border-top:1px solid #e6eaee; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; position: relative; 
                            z-index: 1; margin: -60px 0 0; }
.this-score { width: 100%; float: left; padding: 5px 20px 0px 20px; margin: 0px; position: relative; }
.progress-left { float: left; width: 65%; }
.this-score .progress { box-shadow: none; background-color: #e2e7ee; width: 100%; float: left; height: 8px; border-radius: 5px; margin-bottom: 0; }
.this-score .progress-bar-info { background-color: #0b7a75; border-radius: 5px; }
.this-score .progress-value { width: 35%; float: left; font-size: 24px; color: #333c48; font-family: 'RobotoCondensed-Regular'; font-weight: 400; line-height: 44px; text-align: right; padding-right: 6px; 
                              position: relative; top: 13px; }
.last-score { width: 100%; float: left; padding: 5px 20px 0px 20px; margin: 0px; position: relative; }
.last-score .progress { box-shadow: none; background-color: #e2e7ee; width: 100%; float: left; height: 8px; border-radius: 5px; }
.last-score .progress-bar-info { background-color: #0b7a75; border-radius: 5px; }
.last-score .progress-value { width: 35%; float: left; font-size: 24px; color: #333c48; font-family: 'RobotoCondensed-Regular'; font-weight: 400; line-height: 44px; text-align: right; padding-right: 6px; 
                              position: relative; top: 4px; }
.this-score .progress-value-current-title { width: 100%; font-size: 12px;  font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; float: left; color: #414956; text-transform: uppercase; 
                                            padding: 10px 0 5px; }
.last-score .progress-value-current-title { width: 100%; font-size: 12px;  font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; float: left; color: #414956; text-transform: uppercase; 
                                            padding: 0px 0 5px;  }

.veiw-right-sidebar { float: left; width: 20%; }
.date-post-box { background: #0b7a75; width: 100%; float: left; margin: 0; padding: 27px 30px; border-radius: 5px; }
.posted-title { float: left; width: 100%; color: #fff; font-size: 12px; opacity: 0.7; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; }
.post-date-title { float: left; width: 100%; color: #fff; font-size: 25px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; padding: 5px 0 0; }
.overrall-title-score { width: 100%; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; float: left; margin: 0; padding: 15px 0 7px 0; color: #fff; opacity: 0.7; font-size: 12px; }
.overrall-text { font-size: 25px; font-family: 'RobotoCondensed-Regular'; font-weight: 400; color: #fff; float: left; width: 100%; }
.suggestions-box-main { float: left; width: 100%; background: #273142; margin: 30px 0 0; border-radius: 3px; }
.suggestions-title { float: left; width: 100%; margin: 0; padding: 18px 22px 12px 22px; font-size: 17px; color: #fff; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; }
.suggestions-contain-box { float: left; width: 100%; margin: 0; padding: 20px 17px 0;background: #323c4c; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;  }
.stock-breads-title { float: left; width: 100%; color: #fff; font-size: 17px; font-family: "Helvetica Neue", "RobotoCondensed-Light", sans-serif; font-weight: 600; }
.stock-breads-title .menziesadmin-elenental-tip{ color:#69d1c5; font-size: 22px; padding-right: 10px; float: left; }
.stock-breads-txt { float: left; width: 88%; margin: -3px 0 0; }
.suggestions-txt { width: 100%; float: left; color: #ced4dc; padding: 10px 0 24px; border-bottom: 1px solid #444e5c; font-size: 14px; font-family: "Helvetica Neue", "RobotoCondensed-Regular", sans-serif; font-weight: 400;  }
.suggestions-contain-box .box-main { width: 100%; float: left; margin: 0 0 22px; }
.suggestions-contain-box .box-main:last-child{ margin: 0 0 10px;}
.suggestions-contain-box .box-main:last-child .suggestions-txt{ border-bottom: none; }

ul.nav-left.list-unstyled.responsive-side-bar {
    display: none;
}
.ipad-menu-right{ display: none; }

.ipad-responsive-sidebar { display: none; }
/*braj css chart01-12-2017 start */
.highcharts-legend-item.highcharts-series-0 .highcharts-point { fill: #5386e4; stroke-width: 1; stroke: #5386e4;}
.highcharts-legend-item.highcharts-series-1 .highcharts-point { fill: #177a75; stroke-width: 1; stroke: #177a75;}
.highcharts-legend-item.highcharts-series-2 .highcharts-point { fill: #73ba9b; stroke-width: 1; stroke: #73ba9b;}
.highcharts-legend-item.highcharts-series-3 .highcharts-point { fill: #fb9f88; stroke-width: 1; stroke: #fb9f88;}

.highcharts-series-0.highcharts-color-0.highcharts-tracker{}

/*braj css chart01-12-2017 start */



/*braj css view survery inner end*/
@media only screen and (min-width:1851px){
    .view-box-left { width: 77.4%; }
    .stock-breads-txt { width: 85%; }
    .fruit--graph-box { max-width: 275px; }
    .md-select-menu-container.md-active { width: 207px !important; }

}

@media only screen and (min-width:1501px) and (max-width:1850px){
    .veiw-right-sidebar { width: 23%; }
    .stock-breads-txt { width: 85%; }
    .md-select-menu-container.md-active { width: 207px !important; }

}

@media only screen and (min-width:1201px) and (max-width:1600px){
    .search-box { width: 93.7%; }
    .add-user-btn-right { width: 6.3%; }

}
@media only screen and (min-width:1401px) and (max-width:1600px){
   .admin-region-report .Dashboard-header-right-section { width: 44% !important; }

}
@media only screen and (min-width:1201px) and (max-width:1400px){
   .admin-region-report .Dashboard-header-right-section {
    width:50% !important;
}

}
@media only screen and (min-width:1201px) and (max-width:1500px){
    .veiw-right-sidebar { width: 25%; }
    .stock-breads-txt { width: 85%; }
    .post-date-title { font-size: 21px; }
    .stock-breads-txt { width: 83%; }
    .stock-breads-title .menziesadmin-elenental-tip { font-size: 20px; }
    .Dashboard-header-right-section { width: 50%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 0px 0 0; }
    .store-select-dropdown .ng-valid { padding-right: 0; }
    .md-select-menu-container.md-active { width: 17% !important; }


}
@media only screen and (min-width:1401px) and (max-width:1500px){
    .page-region .section-header-title { font-size: 22px; width: 40%; padding: 36px 0 36px 40px;  } 
}
@media only screen and (min-width:1201px) and (max-width:1400px){
    .page-region .section-header-title { font-size: 22px; width: 27%; padding: 25px 0 25px 20px;  } 
}
@media only screen and (min-width:1025px) and (max-width:1200px){
    .store-box-main .panel.panel-labeled {
        width: 31% !important;
    }
    .store-box-img {
        margin-right: 10px !important;
    }
    .store-title-name {
        font-size: 16.17px !important;
        line-height: 24px !important;
    }
    .font-icon {
        right: 5px;
        font-size: 18px;
    }
    .header-title-dash {
        font-size: 20px !important;
        left: 270px !important;
    }
    .Dashboard-header-right-section.admin-dashboard-header {
        width: 80% !important;
    }
    .admin-region-report .Dashboard-header-right-section {
        width:55% !important;
    }

    /*user page css search box css start*/
    .search-box { width: 91%; }
    span.search-icon { font-size: 25px; }
    input.search-box { font-size: 21.63px; }
    .add-user-btn-right { width: 9%; }
    .add-user-btn-right a { line-height: 70px; }

    /*user page css search box css start*/

    .veiw-right-sidebar { width: 25%; }
    .stock-breads-txt { width: 76%; }
    .Dashboard-header-right-section { width: 50%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 0px 0 0; }
    .store-select-dropdown .ng-valid { padding-right: 0; }
    
    .outback-txt { font-size: 14px; }
    .date-celender-main a { padding: 15px 35px; }
    .date-celender-main { height: 50px; }
    .date-post-box { padding: 15px 20px; }
    .suggestions-title { padding: 18px 15px 12px 15px; font-size: 14px; }
    .stock-breads-title { font-size: 13px; }
    .suggestions-txt { font-size: 12px; }
    .suggestions-contain-box { padding: 20px 12px 0; }
    .post-date-title { font-size: 18px; }
    .overrall-title-score { padding: 5px 0 0px 0; }
    .fruit--graph-box { max-width: 240px; margin-right: 16px; }
    .store-select-dropdown .md-select-value span { width: 100%; padding: 9px 8px 3px 8px; font-size: 12px; }
    .md-select-menu-container.md-active { width: 16.9% !important; }
    .celender-box { margin: 6px 15px 6px 0; }
    .date-title { padding: 14px 20px 14px 35px; }

}
@media only screen and (min-width:768px) and (max-width:1023px){
    .header-title-dash {
        font-size: 24px !important;
        left: 0 !important;
        line-height: 60px !important;
        width: 100% !important;
        text-align: center !important;
    }
    /*user page css search box css start*/
    .search-box { width: 92%; }
    span.search-icon { font-size: 25px; }
    input.search-box { font-size: 20.63px; }
    .add-user-btn-right { width: 8%; }
    .add-user-btn-right a { line-height: 70px;}
    .store-title .section-header { width: fit-content; text-align: center; z-index: 11111; margin: 23px auto 0; right: 0; left: 0; font-size: 50px; }

    /*user page css search box css start*/
    .app>.main-container>.nav-container { width: 235px; }
    .nav-container .nav>li>a { padding: 0px 15px 0px 15px; }
    .inner-category-menu { padding: 0 0 0 40px; }
    .sidebar-menu { font-size: 13px !important; margin: 0px 0 0 10px !important; color: #fff !important;  }
    .app>.main-container>.content-container .page { margin-left: 0px; }
    .page-inner { padding: 20px 20px; }
    .fruit-vegetables { padding: 0 10px 22px; }
    .section-header-title { line-height: 20px;}
    .page-surveyinner .section-header-title { padding: 38px 0 38px 0px; }
    .store-title-label { padding: 20px 10px 20px 0; color: #fff; font-size: 14px; width: 100%; max-width: 70px; }
    .organisation-left { padding: 14px 11px 13px 0; width: 100%; text-align: center; }
    .view-graph-title { text-align: center; }
    .view-survery-box .table>tbody>tr>td:last-child { padding: 18px 20px 18px 0px; width: 26%;  }
    .view-survery-box .table>tbody>tr>td { padding: 18px 0px 18px 30px; }
    .view-survery-title { font-size: 20px; padding: 22px 0px 22px 25px; }
    .view-survery-box .table-filters.view-search { float: right; padding: 20px 25px 20px 0px; margin: 0; max-width: 214px; width: 100%; }
    .view-survery-box .table-dynamic .table-bordered thead th { padding: 8px 30px 8px 30px; }
    .view-survery-box .form-control { -webkit-appearance: none; }
    .region-categroy-table .table>tbody>tr>td { padding: 18px 20px 18px 20px; font-size: 18px; }
    .region-categroy-table .table>thead>tr>th {padding: 10px 22px; }
    .region-categroy-table .table>tbody>tr>td span { margin: 7px 12px 7px 0; }
    .region-categroy-table .table>tbody>tr>td:last-child { width: 50%; }
    .view-box-left { width: 100%; text-align: center; }
    .veiw-right-sidebar { width: 100%; }
    .fruit--graph-box { float: none; width: 100%; display: inline-block; text-align: center; margin-right: 12px; }
    .fruit--graph-box:nth-child(even){ margin-right: 12px; }


    ul.nav-left.list-unstyled.responsive-side-bar {  float: left; position: relative; z-index: 3333; height: inherit; margin: 0 0 0 25px; }
    .header-container a.toggle-min.md-button.md-ink-ripple { padding: 0 !important; height: auto !important; margin: 30px 0 24px !important; border-radius: 4px !important; background: transparent; font-size: 30px; }
    .app.nav-collapsed-min .top-header .logo { width: 235px; float: left; }
    .header-container>.top-header .logo>a { float: left; }
    .app>.main-container>.nav-container.nav-fixed { display: none; }
    .app.nav-collapsed-min #nav-container { width: 100%; display: block ; background: rgba(0, 0, 0, 0.2); }


    .nav-wrapper ul#nav { background: #323232; width: 235px !important; }
    span.logo-text.desktop-logo { display: none; }
    .logo-text.menu-responsive{ display: block; }
    .responsive-side-bar li { float: left; height: inherit;  }
    .responsive-side-bar span{ color: #000; }
    span.logo-text { padding: 19px 14px; }
    .app.nav-collapsed-min .nav-title { display: block; }
    .header-container>.top-header .logo { width: 235px; }

    .ipad-responsive-sidebar { display: block; }
    .sidebar.main.left { background: #231f20; }
    .sidebar .sidebar-icon { float: left; text-align: center; font-size: 17px; font-weight: 600; color: #afafaf; }
    .sidebar .nav .nav-title { margin: 25px 0px 10px; font-weight: normal; font-size: 12px; text-transform: uppercase; width: 100%; padding: 0 15px; color: #fff; opacity: 0.3; }
    a.md-button.md-default-theme:not([disabled]):hover, a.md-button:not([disabled]):hover, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover { background-color: transparent; }
    .sidebar nav ul li { padding: 0 0; }
    .sidebar nav ul li a{ padding: 0 15px; width: 100%; }
    .sidebar .inner-category-menu { padding: 0 0 0 40px; }
    .sidebar .for-manager-section li { padding: 0px !important; }
    .sidebar .administrators-section li{ padding: 0px !important; }
    .sidebar .for-manager-section li a{ padding: 0px; width: 100%; }
    .sidebar .administrators-section li a{ padding: 0px; width: 100%;  }
    .navbar.main.ipad-responsive-sidebar { width: auto; z-index: 99; float: left; }
    .navbar.main.ipad-responsive-sidebar .icon { padding: 30px 45px 30px 25px; color: #354052; }
    .sidebar li.active>a .sidebar-menu { color: #D44A23 !important; }
    .sidebar li.active>a .sidebar-icon { color: #D44A23; }
    .desktop-header-menu-none{ display:none !important; }
    .navbar { min-height: 78px !important; }
    .app>.header-container.header-fixed+.main-container { padding-top: 96px; }
    .organisation-middle { position: relative; left: 27%; z-index: 9; width: 51%;  }
    .store-select-dropdown {
    float: left;
    width: 70%;
    max-width: 300px;
}
    ul.nav-right.custom-logout-box-b { padding: 10px 30px 0 0; width: 35%; position: relative; right: 30%; }
    .ipad-menu-right span.menziesadmin-close { position: absolute; top: 25px; right: 25px; color: #fff; font-size: 30px; }
    .mobilenav li:first-child { margin-top: 80px; }
    span.login-title { font-size: 26px; }
    span.login-txt { font-size: 20px; }
    .login-arrow { right: 20px; top: 16px; font-size: 30px; }
    .ipad-menu-right{ display: block; }
    .nav ul { display: none; }
    .for-manager-section ul{ display: block; }
    .md-select-menu-container.md-active {
    top: 161px !important;
    width: 298px !important;
    margin-left: 15px;
    z-index: 9999;
    min-width: 0% !important;
}


}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
    .store-box-main .panel.panel-labeled {
        width: 30.7%;
    }
    .font-icon {
        right: 5px;
        font-size: 20px;
    }
    .store-box-main .panel-title a {
        padding: 10px 10px;
    }
    .store-box-img {
        margin-right: 10px;
    }
    .store-title-name {
        font-size: 16.17px;
        line-height:22px;
    }
    .editicon-btn { bottom: 20px !important; }
    /*user page css search box css start*/
    .search-box { width: 91%; }
    span.search-icon { font-size: 25px; }
    input.search-box { font-size: 20.63px; }
    .add-user-btn-right { width: 9%; }
    .add-user-btn-right a { line-height: 69px; font-size:36px;}
    .Dashboard-header-right-section.admin-dashboard-header {
        width: 70% !important;
    }

    /*user page css search box css start*/

    .veiw-right-sidebar { width: 100%; }
    .stock-breads-txt { width: 85%; }
    .Dashboard-header-right-section { width: 50%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 0px 0 0; }
    .store-select-dropdown .ng-valid { padding-right: 0; }
    .section-header-title { font-size: 18px; padding: 39px 0 39px 20px; }
    .outback-txt { font-size: 14px; }
    .date-celender-main a { padding: 15px 35px; }
    .date-celender-main { height: 50px; }
    .md-select-menu-container.md-active { width: 16.9% !important; }
    .store-select-dropdown .md-select-value span { padding: 9px 0px 3px 8px; font-size: 12px; width: 100%;  }
    .date-title { padding: 14px 20px 14px 35px; }
    .celender-box { margin: 6px 15px 6px 0; }
    .view-box-left { float: left; width: 100%; }
    .fruit--graph-box:nth-child(even){ margin-right: 0px; }
    .fruit--graph-box { max-width: 47.8%; float: left; margin-right: 30px; }
    .region-categroy-table .table>tbody>tr>td { width: 62%; }
    .page-region .section-header-title { font-size: 18px; width: 25%; padding: 30px 0 30px 20px; }
    .view-survery-title { font-size: 24px; padding: 22px 30px; }
    .view-survery-box .table-filters.view-search { padding: 20px 36px 20px 36px; max-width: none; width: auto; }
    .view-survery-box .table-dynamic .table-bordered thead th { padding: 8px 36px 8px 36px; }
    .view-survery-box .table>tbody>tr>td { padding: 18px 36px 18px 36px; }
    .view-survery-box .table>tbody>tr>td:last-child { padding: 18px 20px 18px 20px; width: 26%; }
    .region-categroy-table .table>thead>tr>th { padding: 10px 36px; }
    .region-categroy-table .table>tbody>tr>td { padding: 18px 36px 18px 36px; font-size: 20px; }
    .region-categroy-table .table>tbody>tr>td span { margin: 7px 30px 7px 0; }


}
img{ max-width: 100%;}
.fa-angle-down.icon-has-ul-h { display: none; }
.nav .administrators-section ul{ display: block ; }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
    .store-box-main .panel.panel-labeled {
        width: 30.7%;
    }
    .font-icon {
        right: 5px;
        font-size: 20px;
    }
    .store-box-main .panel-title a {
        padding: 10px 10px;
    }
    .store-box-img {
        margin-right: 10px;
    }
    .store-title-name {
        font-size: 16.17px;
        line-height:22px;
    }
    
    .editicon-btn { bottom: 20px !important; }
     .for-manager-section ul{ display: block !important; }
    /*user page css search box css start*/
    .app-modal-user .modal-dialog { width: 740px !important; }
    .search-box { width: 91%; }
    span.search-icon { font-size: 25px; }
    input.search-box { font-size: 20.63px; }
    .add-user-btn-right { width:9%; }
    .add-user-btn-right a {    margin: 0; line-height: 69px; font-size: 34px; }
    .store-title .section-header { width: fit-content; text-align: center; z-index: 11111; margin: 23px auto 0; right: 0; left: 0; font-size: 50px; }

    /*user page css search box css start*/
    .sidebar .nav>li.open .icon-has-ul {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .sidebar .nav>li>a>.icon-has-ul {
        position: absolute;
        top: 0px;
        right: 0; margin-right: 15px;
        font-size: 20px;
        line-height: 19px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .nav ul {
        display: none;
    }
    .veiw-right-sidebar { width: 100%; }
    .stock-breads-txt { width: 85%; }
    .Dashboard-header-right-section { width: 50%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 0px 0 0; }
    .store-select-dropdown .ng-valid { padding-right: 0; }
    .section-header-title { font-size: 18px; padding: 39px 0 39px 20px; }
    .date-celender-main a { padding: 12px 35px 18px; }
    .date-celender-main { height: 50px; }
    .md-select-menu-container.md-active { width: 272px !important; top: 155px !important;}
    .store-select-dropdown .md-select-value span { padding: 9px 0px 9px 15px; font-size: 14px; width: 100%;  }
    .date-title { padding: 14px 20px 14px 35px; }
    .celender-box { margin: 6px 15px 6px 0; }
    .view-box-left { float: left; width: 100%; }
    .fruit--graph-box:nth-child(even){ margin-right: 0px; }
    .fruit--graph-box { max-width: 235px; width: 100%; margin-right: 20px; margin-bottom: 20px; float: left; }
    .region-categroy-table .table>tbody>tr>td { width: 54%; }
    .page-region .section-header-title { font-size: 16px; width: 20%; padding: 30px 0 30px 0px; }

    .app>.main-container>.nav-container { width: 235px; }
    .nav-container .nav>li>a { padding: 0px 15px 0px 15px; }
    .inner-category-menu { padding: 0 0 0 40px; }
    .sidebar li a .sidebar-menu { font-size: 13px !important; margin: 3px 0 0 10px !important; color: #bdbbbc !important; text-transform: capitalize !important; }
    .app>.main-container>.content-container .page { margin-left:0px; }
    .page-inner { padding: 20px 20px; }
    .fruit-vegetables { padding: 0 10px 22px; }
    .section-header-title { font-size: 16px; padding: 39px 0 39px 0px; width: 28%; left: 0; line-height: 20px; }
    .page-surveyinner .section-header-title { padding: 38px 0 35px 0px; z-index: 9999; width: 28%; left: 40%; }
    .store-title-label { padding: 22px 10px 22px 0; font-size: 15px; color: #fff; }
    .organisation-left { padding: 14px 11px 13px 0; width: 100%; text-align: center; font-size: 20px; }
    .view-graph-title { text-align: center; }
    .view-survery-box .table>tbody>tr>td:last-child { padding: 18px 20px 18px 20px; width: 26%;  }
    .view-survery-box .table>tbody>tr>td { padding: 18px 36px 18px 36px; }
    .view-survery-title { font-size: 20px; padding: 22px 0px 22px 25px; }
    .view-survery-box .table-filters.view-search { float: right; padding: 20px 25px 20px 0px; margin: 0; max-width: 214px; width: 100%; }
    .view-survery-box .table-dynamic .table-bordered thead th { padding: 8px 30px 8px 30px; }
    .view-survery-box .form-control { -webkit-appearance: none; }
    .region-categroy-table .table>tbody>tr>td { padding: 18px 20px 18px 20px; font-size: 18px; }
    .region-categroy-table .table>thead>tr>th {padding: 10px 22px; }
    .region-categroy-table .table>tbody>tr>td span { margin: 7px 12px 7px 0; }
    .region-categroy-table .table>tbody>tr>td:last-child { width: 50%; }

    ul.nav-left.list-unstyled.responsive-side-bar {  float: left; position: relative; z-index: 3333; height: inherit; margin: 0 0 0 25px; }
    .header-container a.toggle-min.md-button.md-ink-ripple { padding: 0 !important; height: auto !important; margin: 30px 0 24px !important; border-radius: 4px !important; background: transparent; font-size: 30px; }
    .app.nav-collapsed-min .top-header .logo { width: 235px; float: left; }
    .header-container>.top-header .logo>a { float: left; }
    .app>.main-container>.nav-container.nav-fixed { display: none; }
    .app.nav-collapsed-min #nav-container { width: 100%; display: block ; background: rgba(0, 0, 0, 0.2); }


    .nav-wrapper ul#nav { background: #231f20; width: 235px !important; }
    span.logo-text.desktop-logo { display: none; }
    .logo-text.menu-responsive{ display: block; }
    .responsive-side-bar li { float: left; height: inherit;  }
    .responsive-side-bar span{ color: #000; }
    span.logo-text { padding: 19px 14px; }
    .app.nav-collapsed-min .nav-title { display: block; }
    .header-container>.top-header .logo { width: 235px; }

    .ipad-responsive-sidebar { display: block; }
    .sidebar.main.left { background: #231f20; }
    .sidebar .sidebar-icon { float: left; text-align: center; font-size: 17px; font-weight: 600; color: #afafaf; }
    .sidebar .nav .nav-title { margin: 25px 0px 10px; font-weight: normal; font-size: 12px; text-transform: uppercase; width: 100%; padding: 0 15px; color: #fff; opacity: 0.3; }
    a.md-button.md-default-theme:not([disabled]):hover, a.md-button:not([disabled]):hover, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover { background-color: transparent; }
    .sidebar nav ul li { padding: 0 0; }
    .sidebar nav ul li a{ padding: 0 15px; }
    .sidebar .inner-category-menu { padding: 0 0 0 40px; }
    .sidebar .for-manager-section li { padding: 0px !important; }
    .sidebar .administrators-section li{ padding: 0px !important; }
    .sidebar .for-manager-section li a{ padding: 0px; width: 100%; }
    .sidebar .administrators-section li a{ padding: 0px; width: 100%;  }
    .navbar.main.ipad-responsive-sidebar { width: auto; z-index: 99; float: left; }
    .navbar.main.ipad-responsive-sidebar .icon { padding: 30px 45px 30px 25px; color: #354052; }
    .sidebar li.active>a .sidebar-menu { color: #D44A23 !important; }
    .sidebar li.active>a .sidebar-icon { color: #D44A23; }
    .desktop-header-menu-none{ display:none !important; }
    .navbar { min-height: 78px !important; }
    .app>.header-container.header-fixed+.main-container { padding-top: 96px; }
    .organisation-middle { position: relative; left: 25%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 30px 0 0; width: 35%; position: relative; right: 30%; }
    .ipad-menu-right span.menziesadmin-close { position: absolute; top: 25px; right: 25px; color: #fff; font-size: 30px; }
    .mobilenav li:first-child { margin-top: 80px; }
    span.login-title { font-size: 26px; }
    span.login-txt { font-size: 20px; }
    .login-arrow { right: 20px; top: 16px; font-size: 30px; }
    .ipad-menu-right{ display: block; }



}
.form-box-main .form-control{ -webkit-appearance: none }
.storemodel .modal-dialog { margin-top: 120px; }

@media only screen and (min-width:481px) and (max-width:767px){
    .header-title-dash {
        font-size: 22px !important;
        left: 0 !important;
        line-height: 60px !important;
        width: 100% !important;
        text-align: center !important;
    }
    .app-store-edit .modal-dialog { width: 500px !important; }
    .app-store-edit .modal-dialog { margin-top: 120px; }
    .add-popup-footer .edit-store-update { margin: 0 17px 0; padding: 7px 10px !important; }
    .app-store-edit .form-box-main .dropzone .dz-message { font-size: 13px !important; width: 50% !important; }
    .app-store-edit .form-box-main .dropzone { min-height: 93px !important; }

    .add-popup-footer .update-btn-edit { margin: 0 17px 0 0 !important; padding: 7px 10px !important; }




    .editicon-btn { font-size: 20px !important; bottom: 20px !important; right: 10px !important; }
    button.remove-btn { padding: 4px 10px !important; font-size: 14px !important; margin: 10px 0 2px !important; }
    .storemodel .form-box-main .dropzone { min-height: 93px !important; }
    .storemodel .modal-dialog { width: 500px !important; }
    .storemodel .modal-dialog { margin-top: 120px; }
    .add-popup-footer .store-save-btn { margin: 0 17px 0; padding: 7px 25px !important; }
    .form-box-storeleft .form-control { width: 100%; height: 34px !important; font-size: 15.31px !important; }
    .storemodel .form-box-main .dropzone .dz-message { font-size: 13px !important; width: 50% !important; }
    /*user page css search box css start*/
    .app-modal-user .modal-dialog { width: 500px !important; }
    .add-popup-footer .btn-save { margin: 0 17px 0; padding: 7px 25px !important; }
    .left-text-massege p{ line-height: 39px !important;  }
    .add-popup-footer .left-text-massege { width: auto !important; }
    .form-boxleft .form-group {  margin: 0 0 20px !important; }
    .form-boxleft .form-control { width: 100%; height: 34px !important; font-size: 15.31px !important; }
    .form-box-main .k-multiselect-wrap .k-input { min-height: 32px !important; line-height: 32px !important; font-size: 15.31px !important; }
    .form-box-main .k-multiselect-wrap { min-height: 32px !important; }
    .form-box-main .form-boxleft .k-multiselect { min-height: 32px !important; }
    .form-box-main .dropzone { min-height: 142px !important; }
    .form-box-main .dropzone .dz-message { font-size: 13px !important; width: 87% !important; }

    .search-box { width: 89%; }
    span.search-icon { font-size: 20px; }
    input.search-box { font-size: 14px; }
    .add-user-btn-right { width: 11%; }
    .add-user-btn-right a { line-height: 59px; font-size: 32px; }
    .store-title .section-header { width: fit-content; text-align: center; z-index: 11111; margin: 25px auto 0; right: 0; left: 0; font-size: 45px; }

    /*user page css search box css start*/
    .veiw-right-sidebar { width: 100%; }
    .stock-breads-txt { width: 85%; }
    .Dashboard-header-right-section { width: 50%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 0px 0 0; }
    .store-select-dropdown .ng-valid { padding-right: 0; height: 40px; }
    .date-celender-main a { padding: 12px 35px 18px; }
    .date-celender-main { height: 50px; }
    .md-select-menu-container.md-active { width: 307px!important; top: 247px !important; }
    .store-select-dropdown .md-select-value span { padding: 9px 0px 9px 15px; font-size: 14px; width: 100%;  }
    .date-title { padding: 14px 20px 14px 35px; }
    .celender-box { margin: 6px 15px 6px 0; }
    .view-box-left { float: left; width: 100%; }
    .fruit--graph-box:nth-child(even){ margin-right: 0px; }
    .fruit--graph-box { max-width: 235px; width: 100%; margin-right: 20px; margin-bottom: 20px; float: left; }
    .region-categroy-table .table>tbody>tr>td { width: 54%; }

    .app>.main-container>.nav-container { width: 235px; }
    .nav-container .nav>li>a { padding: 0px 15px 0px 15px; }
    .inner-category-menu { padding: 0 0 0 40px; }
    .sidebar li a .sidebar-menu { font-size: 13px; margin: 0px 0 0 10px; color: #bdbbbc; text-transform: capitalize; }
    .app>.main-container>.content-container .page { margin-left:0px; }
    .page-inner { padding: 20px 20px; }
    .fruit-vegetables { padding: 0 10px 22px; }
    .page-surveyinner .section-header-title { padding: 38px 0 35px 0px; z-index: 9999; width: 40%; left: 40%; }
    .store-title-label { padding: 22px 10px 22px 0; font-size: 15px; color: #fff; width: 100%; max-width: 70px; }
    .store-select-dropdown {
    float: left;
    width: 100%;
    max-width: 310px;
}
    .organisation-left { padding: 14px 11px 13px 0; width: 100%; text-align: center; font-size: 20px; }
    .view-graph-title { text-align: center; }
    .view-survery-box .table>tbody>tr>td:last-child { padding: 18px 20px 18px 20px; width: auto;  }
    .view-survery-box .table>tbody>tr>td { padding: 18px 25px 18px 25px; }
    .view-survery-title { font-size: 20px; padding: 22px 0px 22px 25px; }
    .view-survery-box .table-filters.view-search { float: right; padding: 20px 25px 20px 0px; margin: 0; max-width: 214px; width: 100%; }
    .view-survery-box .table-dynamic .table-bordered thead th { padding: 8px 30px 8px 30px; }
    .view-survery-box .form-control { -webkit-appearance: none; }
    .region-categroy-table .table>tbody>tr>td { padding: 18px 20px 18px 20px; font-size: 18px; }
    .region-categroy-table .table>thead>tr>th {padding: 10px 22px; }
    .region-categroy-table .table>tbody>tr>td span { margin: 7px 12px 7px 0; }
    .region-categroy-table .table>tbody>tr>td:last-child { width: 50%; }

    ul.nav-left.list-unstyled.responsive-side-bar {  float: left; position: relative; z-index: 3333; height: inherit; margin: 0 0 0 25px; }
    .header-container a.toggle-min.md-button.md-ink-ripple { padding: 0 !important; height: auto !important; margin: 30px 0 24px !important; border-radius: 4px !important; background: transparent; font-size: 30px; }
    .app.nav-collapsed-min .top-header .logo { width: 235px; float: left; }
    .header-container>.top-header .logo>a { float: left; }
    .app>.main-container>.nav-container.nav-fixed { display: none; }
    .app.nav-collapsed-min #nav-container { width: 100%; display: block ; background: rgba(0, 0, 0, 0.2); }


    .nav-wrapper ul#nav { background: #231f20; width: 235px !important; }
    span.logo-text.desktop-logo { display: none; }
    .logo-text.menu-responsive{ display: block; }
    .responsive-side-bar li { float: left; height: inherit;  }
    .responsive-side-bar span{ color: #000; }
    span.logo-text { padding: 19px 14px; }
    .app.nav-collapsed-min .nav-title { display: block; }
    .header-container>.top-header .logo { width: 235px; }

    .ipad-responsive-sidebar { display: block; }
    .sidebar.main.left { background: #231f20; }
    .sidebar .sidebar-icon { float: left; text-align: center; font-size: 17px; font-weight: 600; color: #afafaf; }
    .sidebar .nav .nav-title { margin: 25px 0px 10px; font-weight: normal; font-size: 12px; text-transform: uppercase; width: 100%; padding: 0 15px; color: #fff; opacity: 0.3; }
    a.md-button.md-default-theme:not([disabled]):hover, a.md-button:not([disabled]):hover, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover { background-color: transparent; }
    .sidebar nav ul li { padding: 0 0; }
    .sidebar nav ul li a{ padding: 0 15px; width:100%; }
    .sidebar .inner-category-menu { padding: 0 0 0 40px; }
    .sidebar .for-manager-section li { padding: 0px !important; }
    .sidebar .administrators-section li{ padding: 0px !important; }
    .sidebar .for-manager-section li a{ padding: 0px; width: 100%; }
    .sidebar .administrators-section li a{ padding: 0px; width: 100%;  }
    .navbar.main.ipad-responsive-sidebar { width: auto; z-index: 99; float: left; }
    .navbar.main.ipad-responsive-sidebar .icon { padding: 30px 45px 30px 25px; color: #354052; }
    .sidebar li.active>a .sidebar-menu { color: #D44A23 !important; }
    .sidebar li.active>a .sidebar-icon { color: #D44A23; }
    .desktop-header-menu-none{ display:none !important; }
    .navbar { min-height: 78px !important; }
    .app>.header-container.header-fixed+.main-container { padding-top: 96px; }
    .organisation-middle { position: relative; left: 0%; z-index: 9; max-width: 380px; margin: 0 20%; width: 100%; }
    ul.nav-right.custom-logout-box-b { padding: 10px 30px 0 0; width: 45%; position: relative; right: 24%; }
    .ipad-menu-right span.menziesadmin-close { position: absolute; top: 25px; right: 25px; color: #fff; font-size: 22px; }
    .mobilenav li:first-child { margin-top:0px !important; }
    span.login-title { font-size: 26px; }
    span.login-txt { font-size: 20px; }
    .login-arrow { right: 20px; top: 16px; font-size: 30px; }
    .ipad-menu-right{ display: block; }
    .header-container>.top-header .logo { border: none; }
    .mobilenav { padding-top: 25% !important; }
    li.dropdown.text-normal.nav-profile span.hidden-xs.ng-scope { padding-right: 0px !important; display: block !important; }

}



.top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.mid-animate { opacity: 0; }

.bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-225deg);
}

.top-menu {
    top: 5px;
    width: 38px;
    height: 2px;
    border-radius: 10px;
    background-color: #F9A530;
}

.mid-menu {
    top: 13px;
    width: 38px;
    height: 2px;
    border-radius: 10px;
    background-color: #F9A530;
}

.bottom-menu {
    top: 21px;
    width: 38px;
    height: 2px;
    border-radius: 10px;
    background-color: #F9A530;
}

.menui {
    background: transparent;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 0px;
    position: absolute; right: 30px; font-size: 44px; padding: 15px 0;  

}

.menu-right-ipad {
    z-index: 99;
    position: relative;
    display: block;
    padding: 9px;
    margin: 0px;
    top: 0;
    left: 0; float: right;
}

.mobilenav {
    font-family: inherit;
    top: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    display: none;
    width: 100%; padding-top: 10%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.mobilenav li {
    list-style-type: none;
    text-align: center;
    padding: 10px;
}

.mobilenav li a {
    font-size: 150%;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
}

.mobilenav li:first-child { margin-top: 60px; }
.view-survery-box .panel {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    height: 767px;
}
.graph-left-main.nimble-categrey-box {
    width: 100%;
    float: left;
}
.nimble-categrey-box .top-graph {
    float: left;
    width: 38% !important ; margin-right:32px;
}
.editicon-btn {
    font-size: 23px;
    position: absolute;
    bottom: 15px;
    right: 15px; text-decoration: none; color:#414f64;
}
.editicon-btn:hover{ text-decoration: none; }

/*add user popup css start*/
.form-box-main { float: left; width: 100%; padding: 0px 15px ; }
.form-boxleft {float: left; width: 31.3%; margin-right: 3%; }
.form-boxleft .form-group { float: left; width: 100%; margin: 0 0 25px; text-align: left; }
.form-boxleft:last-child{ margin-right: 0px; }
.addpopup-user-main .panel .panel-body.padding-xl { padding: 60px 0 0; position: relative; }
.addpopup-user-main .panel{ border: none; box-shadow: none; margin-bottom: 0px; }
.add-popup-footer { float: left; width: 100%; border-top: 1px solid#dfe3e9; padding: 15px 0; background: #D4E1E4; }
.add-popup-footer .left-text-massege { width: 70%; background: transparent; border: none; float: left; padding: 0; margin: 0; }
.add-popup-footer .btn-save { 
    width: auto; 
    float: right; 
    color: #00535e !important; 
    background: transparent !important; 
    border:1px solid #00535e; 
    margin: 0 17px 0;
    padding: 10px 35px;
}

.left-text-massege p{ float: left; line-height: 45px; color: #4E6371; padding: 0 0 0 15px; }
.add-popup-footer .btn-save span{ color: #00535e !important; }
.addpopup-user-main .menziesadmin-close{ display: block; }
.adduser-popup-close-btn{ position: absolute; top: 15px; right: 8px; border: none; background: transparent; }
.app-modal-user .modal-dialog { width:900px; }
.form-box-main .dropzone{ min-height:164px; border: 1px dashed #eee }
.form-box-main .form-boxleft .k-multiselect{ min-height: 36px; border:1px solid #dfe3e9; border-radius: 2px; background: #fff; }
.form-box-main .k-multiselect-wrap{ min-height: 36px; }
.form-box-main .k-multiselect-wrap .k-input{ min-height: 36px; line-height: 36px; color:#999; font-size: 18.31px; margin: 0px; padding: 0px 8px; }
.form-box-main .dropzone .dz-message{ font-size: 15px;  }
.add-popup-footer .update-btn-edit{ 
    width: auto; 
    float: right; 
    color: #00535e !important; 
    background: transparent !important; 
    border:1px solid #00535e; 
    margin: 0 17px 0;
    padding: 10px 35px; 
}
.form-box-main .k-i-close:before{ content: "\e90a" !important; font-family: 'menzies-admin' !important; font-size: 10px; } 
.form-box-main .k-multiselect-wrap li { margin: 5px 0 5px 6px; }
.app-modal-user .modal-dialog { margin-top: 120px; }
.app-modal-user .modal-header {
    padding: 0 0 15px;
    border-bottom: 1px solid #e5e5e5; 
    float: left; 
    width: 100%; 
    margin: 0 0 0; 
    top: -39px; 
    position: relative; 
}
.header-titleadd-user {
    float: left;
    font-size: 30px;
}
.form-group .k-multiselect-wrap .k-button.ng-scope {
    color: #00535e;
}
/*add user popup css end*/

/*add store popup css start*/
.form-box-storeleft .form-group{ margin: 0px; }
.form-box-storeright .form-group{ margin: 0px; }
.form-box-storeleft { float: left; width: 48%; }
.form-box-storeright { float: right; width: 48%; }
.form-box-storeleft .form-group { float: left; width: 100%; margin: 0 0 25px; text-align: left; }
.form-box-storeright .form-group { float: left; width: 100%; margin: 0 0 25px; text-align: left; }
.storemodel .modal-header { padding: 0 0 15px; border-bottom: 1px solid #e5e5e5; float: left; width: 100%; margin: 0 0 0; top: -30px; position: relative; }
.storemodel .form-box-main .dropzone { min-height: 101px; border: 1px dashed #eee; }
.storemodel .addpopup-user-main .panel .panel-body.padding-xl { padding: 40px 0 0; position: relative; }
.add-popup-footer .store-save-btn{ width: auto;  float: right;  color: #00535e !important;  background: transparent !important;  border:1px solid #00535e;  margin: 0 17px 0; padding: 10px 35px;}
.add-popup-footer .md-button[disabled],.md-button.md-raised[disabled]{ color: #006dae !important;  }
.app-store-edit .modal-header { padding: 0 0 15px; border-bottom: 1px solid #e5e5e5; float: left; width: 100%; margin: 0 0 0; top: -30px; position: relative; }
.app-store-edit .form-box-main .dropzone { min-height: 101px; border: 1px dashed #eee; text-align:center; }
.app-store-edit .addpopup-user-main .panel .panel-body.padding-xl { padding: 40px 0 0; position: relative; }
.add-popup-footer .edit-store-update{ width: auto;  float: right;  color: #00535e !important;    border:1px solid #00535e;  margin: 0 17px 0; padding: 10px 35px;}
/*.add-popup-footer .md-button.md-primary.md-raised{ background: transparent !important;  }*/
.menziesadmin-add-outline{ font-weight: 700; }
/*add store popup css end*/
/*add group add */
.add-formReport .form-control {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 15px 19px;
}
.add-formReport {
    float: left;
    width: 100%;
    margin: 15px 0 0;
}
.add-formReport .form-group {
    float: left;
    width: 45%;
    margin: 0 3%;
}
.add-formReport .form-control {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 15px 19px;
}
.add-group {
    float: left;
    width: 18%;
}
.add-group button {
    padding: 10px 20px 7px;
}
.region-addform {
    float: left;
    width: 48%;
    background: #fff;
    padding: 0 0 50px;
    margin-right: 3%;
}

@media only screen and (min-width:768px) and (max-width:920px){

    .app-modal-user .modal-dialog { width: 700px !important; }
}
/*admin select box two design css start*/
.Dashboard-header-right-section.admin-dashboard-header { width: 60%; }
.Dashboard-header-right-section.admin-dashboard-header .organisation-middle{ width: 30%; }
.Dashboard-header-right-section.admin-dashboard-header ul.nav-right.custom-logout-box-b {
    padding: 10px 20px 0 0;
    margin: 0;
    width: 15%;
}
/*admin select box two design css end*/
.user-region-report .Dashboard-header-right-section {
    width: auto;
}
.user-region-report .Dashboard-header-right-section .organisation-left{ width: auto; }
.user-region-report .Dashboard-header-right-section ul.nav-right.custom-logout-box-b{ width: auto; }
.admin-region-report .Dashboard-header-right-section{ width:35%; }
.admin-region-report .Dashboard-header-right-section.admin-dashboard-header .organisation-middle{ width: 48%; float: left; }
.admin-region-report .Dashboard-header-right-section.admin-dashboard-header ul.nav-right.custom-logout-box-b{ width: 25%; float: left !important; }
.admin-region-report .md-select-menu-container.md-active { width: 200px; }
.admin-region-report .store-select-dropdown{ width: 200px; }
.app-modal-group .modal-header{ padding: 0 0 12px; }
.app-modal-group .adduser-popup-close-btn {
    position: absolute;
    top: 27px;
    right: 8px;
    border: none;
    background: transparent;
}
.app-modal-group .form-box-main{ padding: 0px; }
.app-modal-group .add-formReport .form-group{ width: 60%; }

.swal2-icon.swal2-error{ border:none;margin: 20px auto 10px; }
.swal2-icon.swal2-error:before{ content: "\e92c"; font-family: 'menzies-admin'!important; font-size: 60px; color:#595959; }
.swal2-icon.swal2-error .x-mark{ display: none;  }
.region-categroy-table .table .menziesadmin-decrease-inicon {
    float: left;
    font-size: 13px;
    margin: 8px 0 8px 35px;
    color: #fbc02d;
}
@media only screen and (min-width: 481px) and (max-width: 600px){

.organisation-middle { position: relative; left: 0%; max-width: 380px; margin: 0 14% !important; width: 100%; }

}
@media only screen and (min-width: 1501px) and (max-width: 1680px){
    .graph-left-main.dashboard-grapleft .top-graph:first-child {
        margin-right: 32px !important;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1500px){
    .graph-left-main.dashboard-grapleft .top-graph:first-child {
        margin-right:38px !important;
    }
    .graph-left-main.dashboard-grapleft {
        width: 100% !important;
    }
    .Dashboard-header-right-section.admin-dashboard-header ul.nav-right.custom-logout-box-b {
        padding: 10px 0px 0 0 !important;
    }
}
@media only screen and (max-width: 1300px){
    .Dashboard-header-right-section.admin-dashboard-header ul.nav-right.custom-logout-box-b {
        padding: 10px 0px 0 0 !important;
    }
    .graph-left-main.dashboard-grapleft .top-graph:first-child {
        margin-right:27px !important;
    }
    .graph-left-main.dashboard-grapleft {
        width: 100% !important; margin-right:0px !important;
    }
}
@media only screen and (max-width: 767px){
    .graph-left-main.dashboard-grapleft .top-graph:first-child {
        margin-right:27px !important;
    }
    .graph-left-main.dashboard-grapleft .top-graph {
    /* width: 100%; */
    float: left;
    margin: 0 0 20px;
    max-width: 100% !important;
}
    .graph-left-main.dashboard-grapleft {
        width: 100% !important; margin-right:0px !important;
    }
}
.for-manager-section.help-section {
    position: absolute;
    bottom: 0;
    border-bottom:none;
}
.sidebar nav ul.nav {
    padding: 20px 0 0;
}
.graph-left-main.dashboard-grapleft{ width:75%;}
.graph-left-main.dashboard-grapleft .top-graph {
    /* width: 100%; */
    float: left;
    margin: 0 0 20px;
    max-width: 48%;
}
.graph-left-main.dashboard-grapleft .top-graph:first-child{ margin-right:40px;}
.select-store {
    height: auto !important;
}
.md-focused{ background:transparent !important;}
.store-box-main {
    height: 700px;
    overflow-y: auto;
}
.body-modal-class{ overflow: hidden;}
.fruit-vegetables .highcharts-container .highcharts-background{ fill: transparent; }
.header-title-dash {
    font-weight: 600;
    font-size: 26px;
    color: #354052;
    margin: 0 0px 0;
    position: relative;
    top: 0;
    float: left;
    padding: 0px 0 0px 0;
    left: 285px;
    text-transform: capitalize;
    line-height: 95px;
}
.region-categroy-table .sidebar-icon {
    font-size: 20px !important;
    margin: 3px 12px 3px 0 !important;
}
.region-categroy-table .sidebar-icon:before{ color: #6f7986 !important;} 
.view-graph-title p {
    padding: 0 0 0 30px;
    position: relative;
}
.view-graph-title .sidebar-icon {
    float: left;
    text-align: center;
    font-size: 20px;
    left: 0;
    top: 4px;
    color: #6f7986 !important;
    position: absolute;
}

.login-header-image{
    max-width: 500px;
}

.login-header-text{
    font-weight: bold;
    color: black;
    margin: 25px 0;
    padding-top: 50px;
}

.md-button.new-btn{
    background: #006DAE;
    padding: 14px 0px;
    border-radius: 0;
    width: 382px;
    height: 54px;
    margin: 42px 0 0;
    font-size: 18.31px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 2px;
}