:focus {
    outline: 0 !important
}

input, select, textarea {
    color: inherit;
    font: inherit
}

.btn-link, a {
    outline: none !important;
    color: #448aff;
    transition: color .2s ease
}

.btn-link.text-muted:focus, .btn-link.text-muted:hover, a.text-muted:focus, a.text-muted:hover {
    color: #898989 !important
}

address {
    margin-bottom: 2rem
}

small {
    font-size: 85%
}

.rounded {
    border-radius: 6px !important
}

.text-muted {
    color: #a2a2a2 !important
}

hr {
    border-top: 1px solid hsla(0, 0%, 63.5%, .36);
    margin-top: 2rem;
    margin-bottom: 2rem
}

code {
    margin-left: 1px;
    margin-right: 1px;
    -webkit-font-smoothing: auto;
    padding: .125em .35em;
    border-radius: 2px;
    font-size: inherit;
    background: rgba(0, 0, 0, .045);
    color: #106cc8
}

pre {
    background-color: hsla(0, 0%, 63.5%, .12);
    border-color: hsla(0, 0%, 63.5%, .26);
    color: inherit
}

.img-thumbnail {
    border-radius: 1px;
    border: 0;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .014)
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid hsla(0, 0%, 63.5%, .06)
}

.breadcrumb {
    font-weight: 400;
    border-radius: 0;
    color: #a2a2a2;
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 63.5%, .16);
    margin-bottom: 2rem
}

.breadcrumb .breadcrumb-item:before {
    color: #ccc
}

.btn {
    outline: none !important;
    border-radius: 2px;
    transition-property: background-color, color, box-shadow;
    transition-duration: .1s, .2s, .2s;
    transition-timing-function: ease-in-out;
    font-weight: 400;
    line-height: 1.25rem;
    font-family: inherit;
    padding: .375rem .75rem;
    font-size: .875rem
}

.btn.active, .btn:active {
    box-shadow: 0 0 0 #000
}

.btn-group-sm > .btn, .btn-sm {
    padding: .3125rem .625rem;
    font-size: .75rem;
    line-height: .25rem;
    border-radius: .2rem;
    line-height: 1.5
}

.btn-lg {
    padding: .625rem 1rem;
    font-size: 1.125rem;
    line-height: 1.3;
    border-radius: .2rem;
    line-height: 1.34
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 2px;
    line-height: 1.5
}

.btn-primary {
    color: #fff;
    background-color: #448aff;
    border-color: #448aff
}

.btn-primary:hover {
    color: #fff;
    background-color: #1e72ff;
    border-color: #116aff
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 2px rgba(68, 138, 255, .5)
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #448aff;
    border-color: #448aff
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #116aff;
    border-color: #0462ff
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(68, 138, 255, .5)
}

.btn-secondary {
    color: #6c7177;
    background-color: #fff;
    border-color: #eceff1
}

.btn-secondary:hover {
    color: #212529;
    background-color: #ececec;
    border-color: #cfd6db
}

.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 2px rgba(236, 239, 241, .5)
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #eceff1
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #6c7177;
    background-color: #e6e6e6;
    border-color: #c7d0d6
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(236, 239, 241, .5)
}

.btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

.btn-success:hover {
    color: #fff;
    background-color: #409444;
    border-color: #3d8b40
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 2px rgba(76, 175, 80, .5)
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #3d8b40;
    border-color: #39833c
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(76, 175, 80, .5)
}

.btn-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

.btn-info:hover {
    color: #fff;
    background-color: #038fce;
    border-color: #0286c2
}

.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 2px rgba(3, 169, 244, .5)
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #0286c2;
    border-color: #027db5
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(3, 169, 244, .5)
}

.btn-warning {
    color: #fff;
    background-color: #ffb300;
    border-color: #ffb300
}

.btn-warning:hover {
    color: #212529;
    background-color: #d99800;
    border-color: #cc8f00
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: 0 0 0 2px rgba(255, 179, 0, .5)
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffb300;
    border-color: #ffb300
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #cc8f00;
    border-color: #bf8600
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(255, 179, 0, .5)
}

.btn-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

.btn-danger:hover {
    color: #fff;
    background-color: #f22112;
    border-color: #ea1c0d
}

.btn-danger.focus, .btn-danger:focus {
    box-shadow: 0 0 0 2px rgba(244, 67, 54, .5)
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ea1c0d;
    border-color: #de1b0c
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(244, 67, 54, .5)
}

.btn-warning:hover {
    color: #fff
}

.btn-outline-secondary {
    color: #6c7177;
    background-color: transparent;
    background-image: none;
    border-color: #ccd4dc
}

.btn-outline-secondary:hover {
    color: #6c7177;
    background-color: #ccd4dc;
    border-color: #ccd4dc
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 2px rgba(108, 113, 119, .5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c7177;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #ccd4dc;
    border-color: #ccd4dc
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(108, 113, 119, .5)
}

.text-primary {
    color: #448aff !important
}

.text-success {
    color: #4caf50 !important
}

.text-info {
    color: #03a9f4 !important
}

.text-warning {
    color: #ffb300 !important
}

.text-danger {
    color: #f44336 !important
}

.pagination > .page-item > .page-link {
    color: inherit;
    background-color: hsla(0, 0%, 94.1%, .06);
    border-color: hsla(0, 0%, 63.5%, .16)
}

.pagination > .active > .page-link, .pagination > .active > .page-link:focus, .pagination > .active > .page-link:hover, .pagination > .page-item > .page-link:focus, .pagination > .page-item > .page-link:hover {
    background-color: #448aff;
    border-color: #448aff;
    color: #fff
}

.pagination > .disabled {
    cursor: not-allowed
}

.pagination > .disabled > .page-link, .pagination > .disabled > .page-link:focus, .pagination > .disabled > .page-link:hover {
    color: #777;
    background-color: hsla(0, 0%, 94.1%, .06);
    border-color: hsla(0, 0%, 63.5%, .16)
}

.tag {
    display: inline;
    padding: 2px 6px 3px;
    font-size: .625rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.tag-primary {
    background-color: #448aff
}

.tag-info {
    background-color: #03a9f4
}

.tag-success {
    background-color: #4caf50
}

.tag-warning {
    background-color: #ffb300
}

.tag-danger {
    background-color: #f44336
}

.alert-primary {
    color: #fff;
    background-color: #448aff;
    border-color: #448aff
}

.alert-primary hr {
    border-top-color: #2b7aff
}

.alert-primary .alert-link {
    color: #e6e6e6
}

.alert-primary .alert-link, .alert-primary a {
    color: hsla(0, 0%, 100%, .58)
}

.alert-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50
}

.alert-success hr {
    border-top-color: #449d48
}

.alert-success .alert-link {
    color: #e6e6e6
}

.alert-success .alert-link, .alert-success a {
    color: hsla(0, 0%, 100%, .58)
}

.alert-info {
    color: #fff;
    background-color: #03a9f4;
    border-color: #03a9f4
}

.alert-info hr {
    border-top-color: #0398db
}

.alert-info .alert-link {
    color: #e6e6e6
}

.alert-info .alert-link, .alert-info a {
    color: hsla(0, 0%, 100%, .58)
}

.alert-warning {
    color: #fff;
    background-color: #ffb300;
    border-color: #ffb300
}

.alert-warning hr {
    border-top-color: #e6a100
}

.alert-warning .alert-link {
    color: #e6e6e6
}

.alert-warning .alert-link, .alert-warning a {
    color: hsla(0, 0%, 100%, .58)
}

.alert-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336
}

.alert-danger hr {
    border-top-color: #f32c1e
}

.alert-danger .alert-link {
    color: #e6e6e6
}

.alert-danger .alert-link, .alert-danger a {
    color: hsla(0, 0%, 100%, .58)
}

.alert-dismissable .close, .alert-dismissible .close {
    color: rgba(0, 0, 0, .75)
}

.list-group .list-group-item {
    color: inherit;
    background-color: transparent;
    border-color: hsla(0, 0%, 63.5%, .12);
    padding: 1rem 1.5rem
}

.list-group .list-group-item.active {
    color: #fff
}

.list-group .list-group-item.disabled, .list-group .list-group-item.disabled:focus, .list-group .list-group-item.disabled:hover {
    background-color: hsla(0, 0%, 63.5%, .12);
    color: inherit
}

.card > .list-group .list-group-item {
    border-top: 0
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: transparent;
    color: #448aff
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #03a9f4;
    border-color: #03a9f4
}

.card {
    border-radius: 3px;
    border: 1px solid hsla(0, 0%, 63.5%, .16);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.card .card-header {
    background: transparent;
    padding: 16px 24px;
    font-weight: 500;
    border-bottom: 1px solid hsla(0, 0%, 63.5%, .16)
}

.card .card-body {
    padding: 1.5rem
}

.card .card-footer {
    background-color: hsla(0, 0%, 63.5%, .1);
    border-color: hsla(0, 0%, 63.5%, .1)
}

.card-accordion .card-header a {
    color: inherit;
    text-decoration: none;
    font-size: 1rem
}

.card-accordion .card-header a:focus, .card-accordion .card-header a:hover {
    color: #448aff
}

.card-accordion .card .card-header {
    padding: 12px 24px
}

.card-accordion .card .card-title a {
    text-decoration: none
}

.card-default .card-header {
    background-color: hsla(0, 0%, 63.5%, .075)
}

.card-inverse .text-muted {
    color: hsla(0, 0%, 100%, .5) !important
}

.well {
    border: 1px solid hsla(0, 0%, 63.5%, .16)
}

.jumbotron, .well {
    background-color: #fff
}

.jumbotron {
    padding: 1.5rem 3rem;
    border: 1px solid hsla(0, 0%, 63.5%, .12)
}

.jumbotron h1 {
    font-size: 3.9375rem
}

.jumbotron p {
    font-weight: 300;
    font-size: 1.3125rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 768px) {
    .jumbotron {
        padding: 1.875rem 3.75rem
    }
}

.nav-tabs {
    padding-bottom: 1px;
    border-bottom: 0
}

.nav-tabs.nav-justified > .nav-item > .nav-link, .nav-tabs > .nav-item > .nav-link {
    padding: 16px 24px;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    color: inherit
}

.nav-tabs.nav-justified > .nav-item > .nav-link:focus, .nav-tabs.nav-justified > .nav-item > .nav-link:hover, .nav-tabs > .nav-item > .nav-link:focus, .nav-tabs > .nav-item > .nav-link:hover {
    border-bottom-color: hsla(0, 0%, 63.5%, .36);
    background-color: transparent;
    color: inherit
}

.nav-tabs.nav-justified.nav-item > .nav-link {
    margin-bottom: 2px;
    border-bottom-color: hsla(0, 0%, 63.5%, .16)
}

.nav-tabs > .nav-item > .nav-link.active, .nav-tabs > .nav-item > .nav-link.active:focus, .nav-tabs > .nav-item > .nav-link.active:hover {
    color: #448aff
}

.nav-tabs.nav-justified > .nav-item > .active, .nav-tabs.nav-justified > .nav-item > .active:focus, .nav-tabs.nav-justified > .nav-item > .active:hover, .nav-tabs > .nav-item > .nav-link.active, .nav-tabs > .nav-item > .nav-link.active:focus, .nav-tabs > .nav-item > .nav-link.active:hover {
    border: 0;
    border-bottom: 2px solid;
    background-color: transparent
}

.tab-content {
    padding: 10px 20px
}

.nav-pills > .nav-item > .nav-link.active, .nav-pills > .nav-item > .nav-link.active:focus, .nav-pills > .nav-item > .nav-link.active:hover {
    background-color: #448aff
}

.nav-pills > .nav-item + .nav-item {
    margin-left: 5px
}

.nav > .nav-item > .nav-link:focus, .nav > .nav-item > .nav-link:hover {
    background-color: hsla(0, 0%, 63.5%, .12)
}

.form-control {
    height: calc(2rem + 2px);
    padding: .375rem .75rem;
    box-shadow: 0 0 0 #000 !important;
    font-size: inherit
}

.form-control.form-control-lg {
    height: calc(2.875rem + 2px);
    padding: .5rem 1rem
}

.form-control:focus {
    border-color: #aaa
}

.form-check-input {
    margin-right: .75rem
}

.custom-control-label {
    line-height: 1.75
}

@media only screen and (max-width: 1199px) {
    input[type=email], input[type=password], input[type=search], input[type=text] {
        -webkit-appearance: none
    }
}

.has-success .success-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #4caf50
}

.has-success .success-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(76, 175, 80, .8);
    border-radius: .2rem
}

.has-success .custom-select.is-success, .has-success .form-control.is-success, .was-validated .has-success .custom-select:success, .was-validated .has-success .form-control:success {
    border-color: #4caf50
}

.has-success .custom-select.is-success:focus, .has-success .form-control.is-success:focus, .was-validated .has-success .custom-select:success:focus, .was-validated .has-success .form-control:success:focus {
    border-color: #4caf50;
    box-shadow: 0 0 0 2px rgba(76, 175, 80, .25)
}

.has-success .custom-select.is-success ~ .success-feedback, .has-success .custom-select.is-success ~ .success-tooltip, .has-success .form-control-file.is-success ~ .success-feedback, .has-success .form-control-file.is-success ~ .success-tooltip, .has-success .form-control.is-success ~ .success-feedback, .has-success .form-control.is-success ~ .success-tooltip, .was-validated .has-success .custom-select:success ~ .success-feedback, .was-validated .has-success .custom-select:success ~ .success-tooltip, .was-validated .has-success .form-control-file:success ~ .success-feedback, .was-validated .has-success .form-control-file:success ~ .success-tooltip, .was-validated .has-success .form-control:success ~ .success-feedback, .was-validated .has-success .form-control:success ~ .success-tooltip {
    display: block
}

.has-success .form-check-input.is-success ~ .form-check-label, .was-validated .has-success .form-check-input:success ~ .form-check-label {
    color: #4caf50
}

.has-success .form-check-input.is-success ~ .success-feedback, .has-success .form-check-input.is-success ~ .success-tooltip, .was-validated .has-success .form-check-input:success ~ .success-feedback, .was-validated .has-success .form-check-input:success ~ .success-tooltip {
    display: block
}

.has-success .custom-control-input.is-success ~ .custom-control-label, .was-validated .has-success .custom-control-input:success ~ .custom-control-label {
    color: #4caf50
}

.has-success .custom-control-input.is-success ~ .custom-control-label:before, .was-validated .has-success .custom-control-input:success ~ .custom-control-label:before {
    background-color: #a3d7a5
}

.has-success .custom-control-input.is-success ~ .success-feedback, .has-success .custom-control-input.is-success ~ .success-tooltip, .was-validated .has-success .custom-control-input:success ~ .success-feedback, .was-validated .has-success .custom-control-input:success ~ .success-tooltip {
    display: block
}

.has-success .custom-control-input.is-success:checked ~ .custom-control-label:before, .was-validated .has-success .custom-control-input:success:checked ~ .custom-control-label:before {
    background-color: #6ec071
}

.has-success .custom-control-input.is-success:focus ~ .custom-control-label:before, .was-validated .has-success .custom-control-input:success:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 1px #f1f2f3, 0 0 0 2px rgba(76, 175, 80, .25)
}

.has-success .custom-file-input.is-success ~ .custom-file-label, .was-validated .has-success .custom-file-input:success ~ .custom-file-label {
    border-color: #4caf50
}

.has-success .custom-file-input.is-success ~ .custom-file-label:before, .was-validated .has-success .custom-file-input:success ~ .custom-file-label:before {
    border-color: inherit
}

.has-success .custom-file-input.is-success ~ .success-feedback, .has-success .custom-file-input.is-success ~ .success-tooltip, .was-validated .has-success .custom-file-input:success ~ .success-feedback, .was-validated .has-success .custom-file-input:success ~ .success-tooltip {
    display: block
}

.has-success .custom-file-input.is-success:focus ~ .custom-file-label, .was-validated .has-success .custom-file-input:success:focus ~ .custom-file-label {
    box-shadow: 0 0 0 2px rgba(76, 175, 80, .25)
}

.has-warning .warning-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ffb300
}

.has-warning .warning-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(255, 179, 0, .8);
    border-radius: .2rem
}

.has-warning .custom-select.is-warning, .has-warning .form-control.is-warning, .was-validated .has-warning .custom-select:warning, .was-validated .has-warning .form-control:warning {
    border-color: #ffb300
}

.has-warning .custom-select.is-warning:focus, .has-warning .form-control.is-warning:focus, .was-validated .has-warning .custom-select:warning:focus, .was-validated .has-warning .form-control:warning:focus {
    border-color: #ffb300;
    box-shadow: 0 0 0 2px rgba(255, 179, 0, .25)
}

.has-warning .custom-select.is-warning ~ .warning-feedback, .has-warning .custom-select.is-warning ~ .warning-tooltip, .has-warning .form-control-file.is-warning ~ .warning-feedback, .has-warning .form-control-file.is-warning ~ .warning-tooltip, .has-warning .form-control.is-warning ~ .warning-feedback, .has-warning .form-control.is-warning ~ .warning-tooltip, .was-validated .has-warning .custom-select:warning ~ .warning-feedback, .was-validated .has-warning .custom-select:warning ~ .warning-tooltip, .was-validated .has-warning .form-control-file:warning ~ .warning-feedback, .was-validated .has-warning .form-control-file:warning ~ .warning-tooltip, .was-validated .has-warning .form-control:warning ~ .warning-feedback, .was-validated .has-warning .form-control:warning ~ .warning-tooltip {
    display: block
}

.has-warning .form-check-input.is-warning ~ .form-check-label, .was-validated .has-warning .form-check-input:warning ~ .form-check-label {
    color: #ffb300
}

.has-warning .form-check-input.is-warning ~ .warning-feedback, .has-warning .form-check-input.is-warning ~ .warning-tooltip, .was-validated .has-warning .form-check-input:warning ~ .warning-feedback, .was-validated .has-warning .form-check-input:warning ~ .warning-tooltip {
    display: block
}

.has-warning .custom-control-input.is-warning ~ .custom-control-label, .was-validated .has-warning .custom-control-input:warning ~ .custom-control-label {
    color: #ffb300
}

.has-warning .custom-control-input.is-warning ~ .custom-control-label:before, .was-validated .has-warning .custom-control-input:warning ~ .custom-control-label:before {
    background-color: #ffd980
}

.has-warning .custom-control-input.is-warning ~ .warning-feedback, .has-warning .custom-control-input.is-warning ~ .warning-tooltip, .was-validated .has-warning .custom-control-input:warning ~ .warning-feedback, .was-validated .has-warning .custom-control-input:warning ~ .warning-tooltip {
    display: block
}

.has-warning .custom-control-input.is-warning:checked ~ .custom-control-label:before, .was-validated .has-warning .custom-control-input:warning:checked ~ .custom-control-label:before {
    background-color: #ffc233
}

.has-warning .custom-control-input.is-warning:focus ~ .custom-control-label:before, .was-validated .has-warning .custom-control-input:warning:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 1px #f1f2f3, 0 0 0 2px rgba(255, 179, 0, .25)
}

.has-warning .custom-file-input.is-warning ~ .custom-file-label, .was-validated .has-warning .custom-file-input:warning ~ .custom-file-label {
    border-color: #ffb300
}

.has-warning .custom-file-input.is-warning ~ .custom-file-label:before, .was-validated .has-warning .custom-file-input:warning ~ .custom-file-label:before {
    border-color: inherit
}

.has-warning .custom-file-input.is-warning ~ .warning-feedback, .has-warning .custom-file-input.is-warning ~ .warning-tooltip, .was-validated .has-warning .custom-file-input:warning ~ .warning-feedback, .was-validated .has-warning .custom-file-input:warning ~ .warning-tooltip {
    display: block
}

.has-warning .custom-file-input.is-warning:focus ~ .custom-file-label, .was-validated .has-warning .custom-file-input:warning:focus ~ .custom-file-label {
    box-shadow: 0 0 0 2px rgba(255, 179, 0, .25)
}

.has-danger .danger-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #f44336
}

.has-danger .danger-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(244, 67, 54, .8);
    border-radius: .2rem
}

.has-danger .custom-select.is-danger, .has-danger .form-control.is-danger, .was-validated .has-danger .custom-select:danger, .was-validated .has-danger .form-control:danger {
    border-color: #f44336
}

.has-danger .custom-select.is-danger:focus, .has-danger .form-control.is-danger:focus, .was-validated .has-danger .custom-select:danger:focus, .was-validated .has-danger .form-control:danger:focus {
    border-color: #f44336;
    box-shadow: 0 0 0 2px rgba(244, 67, 54, .25)
}

.has-danger .custom-select.is-danger ~ .danger-feedback, .has-danger .custom-select.is-danger ~ .danger-tooltip, .has-danger .form-control-file.is-danger ~ .danger-feedback, .has-danger .form-control-file.is-danger ~ .danger-tooltip, .has-danger .form-control.is-danger ~ .danger-feedback, .has-danger .form-control.is-danger ~ .danger-tooltip, .was-validated .has-danger .custom-select:danger ~ .danger-feedback, .was-validated .has-danger .custom-select:danger ~ .danger-tooltip, .was-validated .has-danger .form-control-file:danger ~ .danger-feedback, .was-validated .has-danger .form-control-file:danger ~ .danger-tooltip, .was-validated .has-danger .form-control:danger ~ .danger-feedback, .was-validated .has-danger .form-control:danger ~ .danger-tooltip {
    display: block
}

.has-danger .form-check-input.is-danger ~ .form-check-label, .was-validated .has-danger .form-check-input:danger ~ .form-check-label {
    color: #f44336
}

.has-danger .form-check-input.is-danger ~ .danger-feedback, .has-danger .form-check-input.is-danger ~ .danger-tooltip, .was-validated .has-danger .form-check-input:danger ~ .danger-feedback, .was-validated .has-danger .form-check-input:danger ~ .danger-tooltip {
    display: block
}

.has-danger .custom-control-input.is-danger ~ .custom-control-label, .was-validated .has-danger .custom-control-input:danger ~ .custom-control-label {
    color: #f44336
}

.has-danger .custom-control-input.is-danger ~ .custom-control-label:before, .was-validated .has-danger .custom-control-input:danger ~ .custom-control-label:before {
    background-color: #fbb4af
}

.has-danger .custom-control-input.is-danger ~ .danger-feedback, .has-danger .custom-control-input.is-danger ~ .danger-tooltip, .was-validated .has-danger .custom-control-input:danger ~ .danger-feedback, .was-validated .has-danger .custom-control-input:danger ~ .danger-tooltip {
    display: block
}

.has-danger .custom-control-input.is-danger:checked ~ .custom-control-label:before, .was-validated .has-danger .custom-control-input:danger:checked ~ .custom-control-label:before {
    background-color: #f77066
}

.has-danger .custom-control-input.is-danger:focus ~ .custom-control-label:before, .was-validated .has-danger .custom-control-input:danger:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 1px #f1f2f3, 0 0 0 2px rgba(244, 67, 54, .25)
}

.has-danger .custom-file-input.is-danger ~ .custom-file-label, .was-validated .has-danger .custom-file-input:danger ~ .custom-file-label {
    border-color: #f44336
}

.has-danger .custom-file-input.is-danger ~ .custom-file-label:before, .was-validated .has-danger .custom-file-input:danger ~ .custom-file-label:before {
    border-color: inherit
}

.has-danger .custom-file-input.is-danger ~ .danger-feedback, .has-danger .custom-file-input.is-danger ~ .danger-tooltip, .was-validated .has-danger .custom-file-input:danger ~ .danger-feedback, .was-validated .has-danger .custom-file-input:danger ~ .danger-tooltip {
    display: block
}

.has-danger .custom-file-input.is-danger:focus ~ .custom-file-label, .was-validated .has-danger .custom-file-input:danger:focus ~ .custom-file-label {
    box-shadow: 0 0 0 2px rgba(244, 67, 54, .25)
}

.input-sm, select.input-sm {
    height: 31px
}

legend {
    border-bottom: 1px solid hsla(0, 0%, 63.5%, .25);
    padding-bottom: 1rem
}

fieldset {
    padding-bottom: 20px;
    border-bottom: 1px dashed hsla(0, 0%, 63.5%, .25);
    margin-bottom: 20px
}

fieldset.last-child, fieldset:last-child {
    border-bottom: 0
}

fieldset .form-group {
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    input[type=email], input[type=password], input[type=search], input[type=text] {
        -webkit-appearance: none
    }
}

.table {
    font-weight: 400;
    margin-bottom: 2rem
}

.table > thead > tr > th {
    border-bottom-width: 1px;
    border-color: hsla(0, 0%, 63.5%, .16);
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 12px;
}

.table > tbody > tr > td {
    position: relative;
    vertical-align: middle;
    padding: 14px 18px;
    border-top: 1px solid rgba(0, 0, 0, .045)
}

.table > tbody + tbody {
    border-bottom-width: 1px
}

.table td, .table th {
    border-top: 0
}

.table-hover > tbody > tr:hover, .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: hsla(0, 0%, 63.5%, .06)
}

.table-bordered {
    border-color: hsla(0, 0%, 63.5%, .26)
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 1px
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-color: hsla(0, 0%, 63.5%, .26)
}

.card > .table-bordered, .card > .table-responsive > .table-bordered {
    border: 0
}

.card .table-bordered td:first-child, .card .table-bordered th:first-child {
    border-left: 0
}

.card .table-bordered td:last-child, .card .table-bordered th:last-child {
    border-right: 0
}

.card > .table > tbody:first-child > tr:first-child td, .card > .table > thead:first-child > tr:first-child th {
    border-top: 0
}

.table-active, .table-active > td, .table-active > th {
    background-color: #cfd8dc
}

.table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: #c0ccd1
}

.table-success, .table-success > td, .table-success > th {
    background-color: #4caf50
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: #449d48
}

.table-info, .table-info > td, .table-info > th {
    background-color: #03a9f4
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #0398db
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffb300
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: #e6a100
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f44336
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: #f32c1e
}

tr.active, tr.danger, tr.info, tr.success, tr.warning {
    color: rgba(0, 0, 0, .67)
}

tr.active > td, tr.danger > td, tr.info > td, tr.success > td, tr.warning > td {
    border-top: 0 !important
}

.progress {
    box-shadow: 0 0 0 #000;
    border-radius: 3px;
    border: 1px solid hsla(0, 0%, 94.1%, .1);
    background-color: hsla(0, 0%, 63.5%, .26);
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: inherit
}

.progress .progress-bar {
    height: 100%;
    box-shadow: 0 0 0 #000;
    line-height: 1.4
}

.progress.progress-sm {
    height: 16px
}

.progress.progress-xs {
    height: 8px;
    border-radius: 0;
    border: 0
}

.progress-bar {
    background-color: #448aff
}

.progress-bar-info {
    background-color: #03a9f4
}

.progress-bar-success {
    background-color: #4caf50
}

.progress-bar-warning {
    background-color: #ffb300
}

.progress-bar-danger {
    background-color: #f44336
}

.popover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .014);
    border-color: #eceff1;
    border-radius: 3px;
    color: #6c7177;
    font-size: inherit
}

.popover .popover-title {
    margin: 0;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 500
}

.popover .popover-header {
    margin: 0;
    line-height: 1.2
}

.tooltip {
    font-size: inherit
}

.carousel .carousel-indicators {
    bottom: 0
}

.carousel .carousel-control.left, .carousel .carousel-control.right {
    background-image: none
}

.carousel .carousel-control em {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.dropdown-menu {
    border: 1px solid #eceff1;
    border-radius: 1px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    font-size: inherit
}

.dropdown-menu .dropdown-item {
    padding: 0 14px;
    line-height: 48px;
    display: block;
    color: #263238
}

.dropdown-menu .dropdown-item:hover {
    background: #eceff1
}

.dropdown-menu .dropdown-item > em {
    margin-right: 10px
}

.dropdown-menu .dropdown-divider {
    margin: .5625rem 0
}

.dropdown-header {
    color: #a1a2a3
}

.navbar-default .navbar-nav .show .dropdown-menu > li > a {
    color: #666
}

.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
    color: #222
}

.navbar, .navbar .dropdown-menu {
    filter: none !important
}

.badge {
    width: 20px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    border-radius: 50%;
}

.has-badge {
    position: relative
}

.has-badge .badge {
    position: absolute;
    top: 18%;
    right: 4px
}

.has-badge.dropdown-toggle:after {
    display: none
}

.cardbox {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    color: #4f5256;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 8px
}

@media only screen and (min-width: 480px) {
    .cardbox {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 992px) {
    .cardbox {
        margin-bottom: 24px
    }
}

.cardbox .cardbox-heading {
    padding: 16px;
    margin: 0
}

.cardbox .cardbox-heading > .cardbox-title {
    margin: 0;
    font-size: 18px
}

.cardbox .cardbox-heading > .cardbox-icon {
    float: right;
    color: hsla(0, 0%, 100%, .87);
    font-size: 20px
}

.cardbox .cardbox-heading > small {
    color: hsla(0, 0%, 63.5%, .92);
    letter-spacing: .01em
}

.cardbox .cardbox-body {
    position: relative;
    padding: 16px
}

.cardbox .cardbox-footer {
    padding: 16px;
    border-top: 1px solid hsla(0, 0%, 63.5%, .12)
}

.cardbox .cardbox-item {
    position: relative;
    display: block;
    min-height: 120px
}

.cardbox .cardbox-item > .cardbox-item-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .35);
    margin: 0;
    color: #fff;
    padding: 8px
}

.cardbox .cardbox-item > .cardbox-item-text a {
    color: inherit
}

.cardbox .cardbox-item > .cardbox-item-image {
    display: block;
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.cardbox .cardbox-item.cardbox-media {
    min-height: 280px;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    background-origin: padding-box
}

.cardbox .cardbox-item.cardbox-media .cardbox-media-quote {
    padding: 16px;
    font-size: 35px
}

@media only screen and (min-width: 768px) {
    .cardbox .cardbox-item.cardbox-media .cardbox-media-quote {
        font-size: 45px
    }
}

.cardbox .cardbox-item.cardbox-media .cardbox-media-quote > a {
    color: inherit;
    text-decoration: none
}

.cardbox .cardbox-item.cardbox-media .cardbox-media-quote:before {
    content: "\201C";
    display: block;
    font-size: 2em;
    line-height: 1;
    margin-top: .25em
}

.cardbox.cardbox-transparent {
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0 #000
}

.cardbox .cardbox-offset {
    position: relative;
    padding-bottom: 36px;
    z-index: 10
}

.cardbox .cardbox-offset > .cardbox-offset-item {
    position: absolute;
    top: -24px;
    left: 15px;
    right: 15px
}

.cardbox .cardbox-toolbar {
    position: relative;
    width: 100%;
    min-height: 64px;
    font-size: 18px;
    line-height: 64px;
    padding-left: 22px;
    z-index: 2
}

.cardbox .cardbox-subheader {
    padding: 16px 0 16px 16px;
    line-height: .75em;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    color: rgba(0, 0, 0, .54)
}

.cardbox .cardbox-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-text {
    padding-top: 16px
}

.cardbox .cardbox-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-icon, .cardbox .cardbox-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-img, .cardbox .cardbox-subheader + .mda-list > .mda-list-item:first-child > .mda-list-item-initial {
    margin-top: 10px
}

.cardbox .cardbox-divider {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, .12)
}

.cardbox .cardbox-divider + .cardbox-offset {
    margin-top: -10px
}

.cardbox > .ui-datepicker, .cardbox > .ui-datepicker-responsive > .ui-datepicker {
    width: 100%;
    box-shadow: 0 0 0 #000;
    margin: 0
}

.cardbox .editable-wrap, .cardbox > .ui-datepicker-responsive > .ui-datepicker > table, .cardbox > .ui-datepicker > table {
    width: 100%
}

.cardbox > .list-group > .list-group-item {
    border-left: 0;
    border-right: 0
}

.cardbox > .list-group > .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.cardbox > .list-group > .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0
}

.cardbox > .table, .cardbox > .table-responsive > .table {
    margin-bottom: 0
}

.cardbox > .table-responsive {
    border: 0
}

.cardbox > .btn {
    border-radius: 0;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center
}

.cardbox > .btn:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.cardbox.cardbox-map {
    min-height: 280px
}

.cardbox.cardbox-map .cardbox-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    background-color: transparent
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -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
}

.ng-fadeIn.ng-enter {
    animation: fadeIn .5s
}

.ng-fadeIn.ng-leave {
    animation: fadeOut .5s
}

.ng-fadeInUpShort.ng-enter {
    animation: fadeInUpShort .5s
}

.ng-fadeInUpShort.ng-leave {
    animation: fadeOutDownShort .5s
}

.ng-fadeInDownShort.ng-enter {
    animation: fadeInDownShort .5s
}

.ng-fadeInDownShort.ng-leave {
    animation: fadeOutUpShort .5s
}

.ng-fadeInRightShort.ng-enter {
    animation: fadeInRightShort .5s
}

.ng-fadeInRightShort.ng-leave {
    animation: fadeOutLeftShort .5s
}

.ng-fadeInLeftShort.ng-enter {
    animation: fadeInLeftShort .5s
}

.ng-fadeInLeftShort.ng-leave {
    animation: fadeOutRightShort .5s
}

@-webkit-keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(18px, 0, 0);
        transform: translate3d(18px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(18px, 0, 0);
        -ms-transform: translate3d(18px, 0, 0);
        transform: translate3d(18px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInRightShort {
    -webkit-animation-name: fadeInRightShort;
    animation-name: fadeInRightShort
}

@-webkit-keyframes fadeOutRightShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(18px, 0, 0);
        transform: translate3d(18px, 0, 0)
    }
}

@keyframes fadeOutRightShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(18px, 0, 0);
        transform: translate3d(18px, 0, 0)
    }
}

.fadeOutRightShort {
    -webkit-animation-name: fadeOutRightShort;
    animation-name: fadeOutRightShort
}

@-webkit-keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-18px, 0, 0);
        transform: translate3d(-18px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-18px, 0, 0);
        -ms-transform: translate3d(-18px, 0, 0);
        transform: translate3d(-18px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInLeftShort {
    -webkit-animation-name: fadeInLeftShort;
    animation-name: fadeInLeftShort
}

@-webkit-keyframes fadeOutLeftShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-18px, 0, 0);
        transform: translate3d(-18px, 0, 0)
    }
}

@keyframes fadeOutLeftShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-18px, 0, 0);
        transform: translate3d(-18px, 0, 0)
    }
}

.fadeOutLeftShort {
    -webkit-animation-name: fadeOutLeftShort;
    animation-name: fadeOutLeftShort
}

@-webkit-keyframes fadeOutUpShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes fadeOutUpShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

.fadeOutUpShort {
    -webkit-animation-name: fadeOutUpShort;
    animation-name: fadeOutUpShort
}

@-webkit-keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUpShort {
    -webkit-animation-name: fadeInUpShort;
    animation-name: fadeInUpShort
}

@-webkit-keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownShort {
    -webkit-animation-name: fadeInDownShort;
    animation-name: fadeInDownShort
}

@-webkit-keyframes fadeOutDownShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
}

@keyframes fadeOutDownShort {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
}

.fadeOutDownShort {
    -webkit-animation-name: fadeOutDownShort;
    animation-name: fadeOutDownShort
}

@-webkit-keyframes zoomInShort {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomInShort {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.95, .95, .95);
        -ms-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }
    50% {
        opacity: 1
    }
}

.zoomInShort {
    -webkit-animation-name: zoomInShort;
    animation-name: zoomInShort
}

@-webkit-keyframes zoomBack {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomBack {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.5, .5, .5);
        -ms-transform: scale3d(.5, .5, .5);
        transform: scale3d(.5, .5, .5)
    }
    to {
        opacity: 0
    }
}

.zoomBack {
    -webkit-animation-name: zoomBack;
    animation-name: zoomBack
}

.input-group-btn > .btn {
    border-color: rgba(0, 0, 0, .26)
}

.btn-inverse {
    color: #fff;
    background-color: #37474f;
    border-color: #37474f
}

.btn-inverse:hover {
    color: #fff;
    background-color: #273338;
    border-color: #222c31
}

.btn-inverse.focus, .btn-inverse:focus {
    box-shadow: 0 0 0 2px rgba(55, 71, 79, .5)
}

.btn-inverse.disabled, .btn-inverse:disabled {
    color: #fff;
    background-color: #37474f;
    border-color: #37474f
}

.btn-inverse:not(:disabled):not(.disabled).active, .btn-inverse:not(:disabled):not(.disabled):active, .show > .btn-inverse.dropdown-toggle {
    color: #fff;
    background-color: #222c31;
    border-color: #1d2529
}

.btn-inverse:not(:disabled):not(.disabled).active:focus, .btn-inverse:not(:disabled):not(.disabled):active:focus, .show > .btn-inverse.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(55, 71, 79, .5)
}

.btn-flat {
    border-color: transparent !important;
    border-radius: 2px;
    background-color: transparent;
    text-transform: uppercase
}

.btn-flat.active, .btn-flat:active {
    box-shadow: 0 0 0 #000
}

.btn-flat.btn-primary {
    color: #448aff
}

.btn-flat.btn-primary:active, .btn-flat.btn-primary:focus, .btn-flat.btn-primary:hover {
    color: #fff
}

.btn-flat.btn-primary:focus {
    background-color: #448aff
}

.btn-flat.btn-primary.disabled, .btn-flat.btn-primary[disabled] {
    color: rgba(68, 138, 255, .75) !important
}

.btn-flat.btn-success {
    color: #4caf50
}

.btn-flat.btn-success:active, .btn-flat.btn-success:focus, .btn-flat.btn-success:hover {
    color: #fff
}

.btn-flat.btn-success:focus {
    background-color: #4caf50
}

.btn-flat.btn-success.disabled, .btn-flat.btn-success[disabled] {
    color: rgba(76, 175, 80, .75) !important
}

.btn-flat.btn-danger {
    color: #f44336
}

.btn-flat.btn-danger:active, .btn-flat.btn-danger:focus, .btn-flat.btn-danger:hover {
    color: #fff
}

.btn-flat.btn-danger:focus {
    background-color: #f44336
}

.btn-flat.btn-danger.disabled, .btn-flat.btn-danger[disabled] {
    color: rgba(244, 67, 54, .75) !important
}

.btn-flat.btn-warning {
    color: #ffb300
}

.btn-flat.btn-warning:active, .btn-flat.btn-warning:focus, .btn-flat.btn-warning:hover {
    color: #fff
}

.btn-flat.btn-warning:focus {
    background-color: #ffb300
}

.btn-flat.btn-warning.disabled, .btn-flat.btn-warning[disabled] {
    color: rgba(255, 179, 0, .75) !important
}

.btn-flat.btn-info {
    color: #03a9f4
}

.btn-flat.btn-info:active, .btn-flat.btn-info:focus, .btn-flat.btn-info:hover {
    color: #fff
}

.btn-flat.btn-info:focus {
    background-color: #03a9f4
}

.btn-flat.btn-info.disabled, .btn-flat.btn-info[disabled] {
    color: rgba(3, 169, 244, .75) !important
}

.btn-flat.btn-inverse {
    color: #37474f
}

.btn-flat.btn-inverse:active, .btn-flat.btn-inverse:focus, .btn-flat.btn-inverse:hover {
    color: #fff
}

.btn-flat.btn-inverse:focus {
    background-color: #37474f
}

.btn-flat.btn-inverse.disabled, .btn-flat.btn-inverse[disabled] {
    color: rgba(55, 71, 79, .75) !important
}

.btn-flat.text-white {
    color: #fff !important
}

.btn-flat.disabled, .btn-flat[disabled] {
    background-color: transparent !important
}

.btn-flat.btn-flat-icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit !important
}

.btn-flat.btn-flat-icon > em {
    line-height: 32px
}

.btn-flat.btn-flat-icon:active, .btn-flat.btn-flat-icon:focus, .btn-flat.btn-flat-icon:hover {
    background-color: hsla(0, 0%, 62%, .2) !important
}

.btn-raised {
    border: 0;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .014)
}

.btn-raised.active, .btn-raised:active, .btn-raised:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4) !important
}

.float-right > .btn-flat-icon {
    margin-top: -4px
}

.btn-circle {
    width: 46px;
    height: 46px;
    overflow: hidden;
    border-radius: 50% !important;
    line-height: 46px;
    padding: 0;
    text-align: center
}

.btn-outline {
    background-color: transparent;
    border-color: #fff
}

.btn-outline:focus, .btn-outline:hover {
    background-color: #fff;
    color: #448aff
}

.btn-xl {
    padding: 20px 16px;
    font-size: 18px
}

.btn-square {
    border-radius: 0
}

.btn-oval, .btn-pill-left {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-left: 18px
}

.btn-oval, .btn-pill-right {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-right: 18px
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0
}

.btn-label {
    position: relative;
    background: transparent;
    display: inline-block;
    padding: 6px 16px;
    left: -16px;
    border-radius: 3px 0 0 3px
}

.btn-label.btn-label-right {
    left: auto;
    right: -16px;
    border-radius: 0 3px 3px 0
}

.btn-label:after {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 0;
    width: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.btn-label.btn-label-right {
    text-indent: -2px
}

.btn-label.btn-label-right:after {
    left: 0;
    right: auto
}

.btn-lg .btn-label {
    padding: 10px 20px;
    left: -20px;
    border-radius: 5px 0 0 5px
}

.btn-lg .btn-label.btn-label-right {
    left: auto;
    right: -20px;
    border-radius: 0 5px 5px 0
}

.btn-sm .btn-label {
    padding: 1px 5px;
    left: -5px;
    border-radius: 2px 0 0 2px
}

.btn-sm .btn-label.btn-label-right {
    left: auto;
    right: -5px;
    border-radius: 0 2px 2px 0
}

.btn-fw {
    min-width: 80px
}

.btn-fw.btn-sm {
    min-width: 40px
}

.btn-fw.btn-md {
    min-width: 60px
}

.btn-fw.btn-lg {
    min-width: 140px
}

.pagination-rounded .page-item > .page-link {
    border-radius: 50% !important;
    margin-right: 4px;
    margin-left: 4px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    text-align: center
}

.pagination-rounded .page-item > .page-link > span {
    position: relative;
    top: -1px
}

.pagination-rounded.pagination-lg .page-item > .page-link {
    width: 44px;
    height: 44px;
    line-height: 44px
}

.float-left.btn-group, .float-right.btn-group {
    position: relative;
    z-index: 1
}

.dropdown-lg > .dropdown-menu {
    min-width: 200px
}

.dropdown-list > .dropdown-menu {
    padding: 0;
    min-width: 220px
}

.dropdown-list .list-group {
    margin: 0
}

.dropdown-list .list-group-item {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.dropdown-list .list-group-item:first-child {
    border-top: 0
}

.dropdown-list .list-group-item:last-child {
    border-bottom: 0
}

.dropdown > a {
    position: relative
}

.dropdown > a > .label, .dropdown > a > .tag {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 5px
}

@media only screen and (min-width: 768px) {
    .dropdown > a > .label, .dropdown > a > .tag {
        top: 10px
    }
}

.dropdown-menu-header {
    padding: 10px 15px;
    background-color: #fafafa;
    border-bottom: 1px solid #ddd
}

.row-table {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    margin: 0
}

.row-table > [class*=col-] {
    display: table-cell;
    float: none;
    table-layout: fixed;
    vertical-align: middle
}

.row-flush > [class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.t-grid .t-row {
    width: 100%;
    display: table;
    table-layout: fixed
}

.t-grid .t-cell, .t-grid .t-col {
    display: table-cell
}

.bg-blue-500, .bg-blue-grey-900, .bg-deep-purple-500, .bg-green-50, .bg-green-500, .bg-indigo-500, .bg-pink-500, .bg-purple-400, .bg-purple-500, .bg-red-500 {
    color: #fff !important
}

.bg-blue-800, .bg-blue-900, .bg-blue-grey-600, .bg-blue-grey-700, .bg-blue-grey-800, .bg-blue-grey-900, .bg-brown, .bg-brown-500, .bg-brown-600, .bg-brown-700, .bg-brown-800, .bg-brown-900, .bg-cyan-900, .bg-deep-purple, .bg-deep-purple-500, .bg-deep-purple-600, .bg-deep-purple-700, .bg-deep-purple-800, .bg-deep-purple-900, .bg-deep-purple-a400, .bg-deep-purple-a700, .bg-green-800, .bg-green-900, .bg-grey-600, .bg-grey-700, .bg-grey-800, .bg-grey-900, .bg-indigo, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700, .bg-indigo-800, .bg-indigo-900, .bg-indigo-a700, .bg-light-blue-900, .bg-pink-700, .bg-pink-800, .bg-pink-900, .bg-primary, .bg-purple, .bg-purple-500, .bg-purple-600, .bg-purple-700, .bg-purple-800, .bg-purple-900, .bg-red-800, .bg-red-900, .bg-teal-800, .bg-teal-900 {
    color: hsla(0, 0%, 100%, .97)
}

.bg-blue-800 .text-muted, .bg-blue-900 .text-muted, .bg-blue-grey-600 .text-muted, .bg-blue-grey-700 .text-muted, .bg-blue-grey-800 .text-muted, .bg-blue-grey-900 .text-muted, .bg-brown-500 .text-muted, .bg-brown-600 .text-muted, .bg-brown-700 .text-muted, .bg-brown-800 .text-muted, .bg-brown-900 .text-muted, .bg-brown .text-muted, .bg-cyan-900 .text-muted, .bg-deep-purple-500 .text-muted, .bg-deep-purple-600 .text-muted, .bg-deep-purple-700 .text-muted, .bg-deep-purple-800 .text-muted, .bg-deep-purple-900 .text-muted, .bg-deep-purple-a400 .text-muted, .bg-deep-purple-a700 .text-muted, .bg-deep-purple .text-muted, .bg-green-800 .text-muted, .bg-green-900 .text-muted, .bg-grey-600 .text-muted, .bg-grey-700 .text-muted, .bg-grey-800 .text-muted, .bg-grey-900 .text-muted, .bg-indigo-500 .text-muted, .bg-indigo-600 .text-muted, .bg-indigo-700 .text-muted, .bg-indigo-800 .text-muted, .bg-indigo-900 .text-muted, .bg-indigo-a700 .text-muted, .bg-indigo .text-muted, .bg-light-blue-900 .text-muted, .bg-pink-700 .text-muted, .bg-pink-800 .text-muted, .bg-pink-900 .text-muted, .bg-primary .text-muted, .bg-purple-500 .text-muted, .bg-purple-600 .text-muted, .bg-purple-700 .text-muted, .bg-purple-800 .text-muted, .bg-purple-900 .text-muted, .bg-purple .text-muted, .bg-red-800 .text-muted, .bg-red-900 .text-muted, .bg-teal-800 .text-muted, .bg-teal-900 .text-muted {
    color: hsla(0, 0%, 100%, .57) !important
}

.bg-blue-800 .text-soft, .bg-blue-900 .text-soft, .bg-blue-grey-600 .text-soft, .bg-blue-grey-700 .text-soft, .bg-blue-grey-800 .text-soft, .bg-blue-grey-900 .text-soft, .bg-brown-500 .text-soft, .bg-brown-600 .text-soft, .bg-brown-700 .text-soft, .bg-brown-800 .text-soft, .bg-brown-900 .text-soft, .bg-brown .text-soft, .bg-cyan-900 .text-soft, .bg-deep-purple-500 .text-soft, .bg-deep-purple-600 .text-soft, .bg-deep-purple-700 .text-soft, .bg-deep-purple-800 .text-soft, .bg-deep-purple-900 .text-soft, .bg-deep-purple-a400 .text-soft, .bg-deep-purple-a700 .text-soft, .bg-deep-purple .text-soft, .bg-green-800 .text-soft, .bg-green-900 .text-soft, .bg-grey-600 .text-soft, .bg-grey-700 .text-soft, .bg-grey-800 .text-soft, .bg-grey-900 .text-soft, .bg-indigo-500 .text-soft, .bg-indigo-600 .text-soft, .bg-indigo-700 .text-soft, .bg-indigo-800 .text-soft, .bg-indigo-900 .text-soft, .bg-indigo-a700 .text-soft, .bg-indigo .text-soft, .bg-light-blue-900 .text-soft, .bg-pink-700 .text-soft, .bg-pink-800 .text-soft, .bg-pink-900 .text-soft, .bg-primary .text-soft, .bg-purple-500 .text-soft, .bg-purple-600 .text-soft, .bg-purple-700 .text-soft, .bg-purple-800 .text-soft, .bg-purple-900 .text-soft, .bg-purple .text-soft, .bg-red-800 .text-soft, .bg-red-900 .text-soft, .bg-teal-800 .text-soft, .bg-teal-900 .text-soft {
    color: hsla(0, 0%, 100%, .26)
}

.bg-blue, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-blue-a200, .bg-blue-a400, .bg-blue-a700, .bg-blue-grey, .bg-blue-grey-400, .bg-blue-grey-500, .bg-brown-300, .bg-brown-400, .bg-cyan, .bg-cyan-500, .bg-cyan-600, .bg-cyan-700, .bg-cyan-800, .bg-deep-orange, .bg-deep-orange-500, .bg-deep-orange-600, .bg-deep-orange-700, .bg-deep-orange-800, .bg-deep-orange-900, .bg-deep-orange-a400, .bg-deep-orange-a700, .bg-deep-purple-300, .bg-deep-purple-400, .bg-deep-purple-a200, .bg-green, .bg-green-500, .bg-green-600, .bg-green-700, .bg-indigo-300, .bg-indigo-400, .bg-indigo-a200, .bg-indigo-a400, .bg-light-blue, .bg-light-blue-500, .bg-light-blue-600, .bg-light-blue-700, .bg-light-blue-800, .bg-light-blue-a700, .bg-light-green-800, .bg-light-green-900, .bg-lime-900, .bg-orange-800, .bg-orange-900, .bg-pink, .bg-pink-500, .bg-pink-600, .bg-pink-a200, .bg-pink-a400, .bg-pink-a700, .bg-purple-300, .bg-purple-400, .bg-purple-a200, .bg-purple-a400, .bg-purple-a700, .bg-red, .bg-red-500, .bg-red-600, .bg-red-700, .bg-red-a200, .bg-red-a400, .bg-red-a700, .bg-teal, .bg-teal-500, .bg-teal-600, .bg-teal-700 {
    color: #fff
}

.bg-blue-500 .text-muted, .bg-blue-600 .text-muted, .bg-blue-700 .text-muted, .bg-blue-a200 .text-muted, .bg-blue-a400 .text-muted, .bg-blue-a700 .text-muted, .bg-blue-grey-400 .text-muted, .bg-blue-grey-500 .text-muted, .bg-blue-grey .text-muted, .bg-blue .text-muted, .bg-brown-300 .text-muted, .bg-brown-400 .text-muted, .bg-cyan-500 .text-muted, .bg-cyan-600 .text-muted, .bg-cyan-700 .text-muted, .bg-cyan-800 .text-muted, .bg-cyan .text-muted, .bg-deep-orange-500 .text-muted, .bg-deep-orange-600 .text-muted, .bg-deep-orange-700 .text-muted, .bg-deep-orange-800 .text-muted, .bg-deep-orange-900 .text-muted, .bg-deep-orange-a400 .text-muted, .bg-deep-orange-a700 .text-muted, .bg-deep-orange .text-muted, .bg-deep-purple-300 .text-muted, .bg-deep-purple-400 .text-muted, .bg-deep-purple-a200 .text-muted, .bg-green-500 .text-muted, .bg-green-600 .text-muted, .bg-green-700 .text-muted, .bg-green .text-muted, .bg-indigo-300 .text-muted, .bg-indigo-400 .text-muted, .bg-indigo-a200 .text-muted, .bg-indigo-a400 .text-muted, .bg-light-blue-500 .text-muted, .bg-light-blue-600 .text-muted, .bg-light-blue-700 .text-muted, .bg-light-blue-800 .text-muted, .bg-light-blue-a700 .text-muted, .bg-light-blue .text-muted, .bg-light-green-800 .text-muted, .bg-light-green-900 .text-muted, .bg-lime-900 .text-muted, .bg-orange-800 .text-muted, .bg-orange-900 .text-muted, .bg-pink-500 .text-muted, .bg-pink-600 .text-muted, .bg-pink-a200 .text-muted, .bg-pink-a400 .text-muted, .bg-pink-a700 .text-muted, .bg-pink .text-muted, .bg-purple-300 .text-muted, .bg-purple-400 .text-muted, .bg-purple-a200 .text-muted, .bg-purple-a400 .text-muted, .bg-purple-a700 .text-muted, .bg-red-500 .text-muted, .bg-red-600 .text-muted, .bg-red-700 .text-muted, .bg-red-a200 .text-muted, .bg-red-a400 .text-muted, .bg-red-a700 .text-muted, .bg-red .text-muted, .bg-teal-500 .text-muted, .bg-teal-600 .text-muted, .bg-teal-700 .text-muted, .bg-teal .text-muted {
    color: hsla(0, 0%, 100%, .57) !important
}

.bg-blue-500 .text-soft, .bg-blue-600 .text-soft, .bg-blue-700 .text-soft, .bg-blue-a200 .text-soft, .bg-blue-a400 .text-soft, .bg-blue-a700 .text-soft, .bg-blue-grey-400 .text-soft, .bg-blue-grey-500 .text-soft, .bg-blue-grey .text-soft, .bg-blue .text-soft, .bg-brown-300 .text-soft, .bg-brown-400 .text-soft, .bg-cyan-500 .text-soft, .bg-cyan-600 .text-soft, .bg-cyan-700 .text-soft, .bg-cyan-800 .text-soft, .bg-cyan .text-soft, .bg-deep-orange-500 .text-soft, .bg-deep-orange-600 .text-soft, .bg-deep-orange-700 .text-soft, .bg-deep-orange-800 .text-soft, .bg-deep-orange-900 .text-soft, .bg-deep-orange-a400 .text-soft, .bg-deep-orange-a700 .text-soft, .bg-deep-orange .text-soft, .bg-deep-purple-300 .text-soft, .bg-deep-purple-400 .text-soft, .bg-deep-purple-a200 .text-soft, .bg-green-500 .text-soft, .bg-green-600 .text-soft, .bg-green-700 .text-soft, .bg-green .text-soft, .bg-indigo-300 .text-soft, .bg-indigo-400 .text-soft, .bg-indigo-a200 .text-soft, .bg-indigo-a400 .text-soft, .bg-light-blue-500 .text-soft, .bg-light-blue-600 .text-soft, .bg-light-blue-700 .text-soft, .bg-light-blue-800 .text-soft, .bg-light-blue-a700 .text-soft, .bg-light-blue .text-soft, .bg-light-green-800 .text-soft, .bg-light-green-900 .text-soft, .bg-lime-900 .text-soft, .bg-orange-800 .text-soft, .bg-orange-900 .text-soft, .bg-pink-500 .text-soft, .bg-pink-600 .text-soft, .bg-pink-a200 .text-soft, .bg-pink-a400 .text-soft, .bg-pink-a700 .text-soft, .bg-pink .text-soft, .bg-purple-300 .text-soft, .bg-purple-400 .text-soft, .bg-purple-a200 .text-soft, .bg-purple-a400 .text-soft, .bg-purple-a700 .text-soft, .bg-red-500 .text-soft, .bg-red-600 .text-soft, .bg-red-700 .text-soft, .bg-red-a200 .text-soft, .bg-red-a400 .text-soft, .bg-red-a700 .text-soft, .bg-red .text-soft, .bg-teal-500 .text-soft, .bg-teal-600 .text-soft, .bg-teal-700 .text-soft, .bg-teal .text-soft {
    color: hsla(0, 0%, 100%, .26)
}

.modal-footer, .modal-header {
    border-color: hsla(0, 0%, 63.5%, .12)
}

.modal.modal-bottom .modal-dialog, .modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog, .modal.modal-top .modal-dialog {
    position: absolute;
    margin: 0;
    max-width: none;
    transition-transform: .3s cubic-bezier(.25, .8, .25, 1)
}

.modal.modal-bottom .modal-dialog > .modal-content, .modal.modal-left .modal-dialog > .modal-content, .modal.modal-right .modal-dialog > .modal-content, .modal.modal-top .modal-dialog > .modal-content {
    border-radius: 0;
    border: 0
}

.modal.modal-bottom.fade.show .modal-dialog, .modal.modal-left.fade.show .modal-dialog, .modal.modal-right.fade.show .modal-dialog, .modal.modal-top.fade.show .modal-dialog {
    transform: translate(0)
}

.modal.fade.modal-bottom .modal-dialog, .modal.fade.modal-left .modal-dialog, .modal.fade.modal-right .modal-dialog, .modal.fade.modal-top .modal-dialog {
    transition-transform: .3s cubic-bezier(.25, .8, .25, 1)
}

.modal.modal-right .modal-dialog {
    right: 0;
    bottom: 0;
    top: 0;
    width: 240px
}

.modal.modal-right .modal-dialog > .modal-content {
    min-height: 100%
}

.modal.modal-right.modal-auto-size .modal-dialog {
    width: 80%
}

@media only screen and (min-width: 768px) {
    .modal.modal-right.modal-auto-size .modal-dialog {
        width: 50%
    }
}

.modal.modal-right.fade .modal-dialog {
    transform: translate(100%)
}

.modal.modal-left .modal-dialog {
    left: 0;
    bottom: 0;
    top: 0;
    width: 240px
}

.modal.modal-left .modal-dialog > .modal-content {
    min-height: 100%
}

.modal.modal-left.modal-auto-size .modal-dialog {
    width: 80%
}

@media only screen and (min-width: 768px) {
    .modal.modal-left.modal-auto-size .modal-dialog {
        width: 50%
    }
}

.modal.modal-left.fade .modal-dialog {
    transform: translate(-100%)
}

.modal.modal-top .modal-dialog {
    right: 0;
    left: 0;
    top: 0;
    width: 100%
}

.modal.modal-top .modal-dialog > .modal-content {
    width: 100%
}

.modal.modal-top.fade .modal-dialog {
    transform: translateY(-100%)
}

.modal.modal-bottom .modal-dialog {
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%
}

.modal.modal-bottom .modal-dialog > .modal-content {
    width: 100%
}

.modal.modal-bottom.fade .modal-dialog {
    transform: translateY(100%)
}

.modal-content {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .14), 0 0 2px 2px rgba(0, 0, 0, .098), 0 0 5px 1px rgba(0, 0, 0, .084)
}

.modal-backdrop {
    opacity: 0;
    will-change: opacity
}

.modal-backdrop.show {
    transition: opacity .28s ease-in-out
}

.modal-backdrop-light .modal-backdrop {
    background-color: #fff
}

.modal-backdrop-light .modal-backdrop.show {
    opacity: .9
}

.modal-backdrop-soft .modal-backdrop.show {
    opacity: .3
}

.modal-backdrop {
    position: fixed;
    bottom: 0
}

.loader-primary .ball-beat > div, .loader-primary .ball-grid-beat > div, .loader-primary .ball-grid-pulse > div, .loader-primary .ball-pulse-rise > div, .loader-primary .ball-pulse-sync > div, .loader-primary .ball-pulse > div, .loader-primary .ball-rotate > div, .loader-primary .ball-rotate > div:after, .loader-primary .ball-rotate > div:before, .loader-primary .ball-scale-multiple > div, .loader-primary .ball-scale > div, .loader-primary .ball-spin-fade-loader > div, .loader-primary .ball-triangle-path > div, .loader-primary .ball-zig-zag-deflect > div, .loader-primary .ball-zig-zag > div, .loader-primary .cube-transition > div, .loader-primary .line-scale-party > div, .loader-primary .line-scale-pulse-out-rapid > div, .loader-primary .line-scale-pulse-out > div, .loader-primary .line-scale > div, .loader-primary .line-spin-fade-loader > div, .loader-primary .semi-circle-spin > div, .loader-primary .square-spin > div, .loader-primary .triangle-skew-spin > div {
    background-color: #448aff
}

.loader-primary .ball-clip-rotate-multiple {
    width: 1px
}

.loader-primary .ball-clip-rotate-multiple > div {
    border-color: #448aff transparent
}

.loader-primary .ball-clip-rotate-multiple > div:last-child {
    border-color: transparent #448aff
}

.loader-primary .ball-clip-rotate > div {
    border-color: #448aff #448aff transparent
}

.loader-primary .ball-clip-rotate-pulse > div:first-child {
    background-color: #448aff;
    top: 5px;
    left: -8px
}

.loader-primary .ball-clip-rotate-pulse > div:last-child {
    border-color: #448aff transparent
}

.loader-primary .ball-scale-ripple-multiple > div, .loader-primary .ball-scale-ripple > div, .loader-primary .square-spin > div {
    border-color: #448aff
}

.loader-primary .pacman > div:first-of-type, .loader-primary .pacman > div:nth-child(2) {
    border-top-color: #448aff;
    border-left-color: #448aff;
    border-bottom-color: #448aff
}

.loader-primary .pacman > div:nth-child(3), .loader-primary .pacman > div:nth-child(4), .loader-primary .pacman > div:nth-child(5), .loader-primary .pacman > div:nth-child(6) {
    background-color: #448aff
}

.loader {
    display: inline-block
}

.loader-demo {
    padding: 20px 0;
    height: 120px;
    text-align: center
}

.loader-demo > .loader-inner {
    display: inline-block
}

.theme-1 .layout-container > aside {
    background-color: #fff;
    color: #6c7177
}

.theme-1 .layout-container > aside > .sidebar-header, .theme-1 .layout-container > header {
    background-color: #1976d2;
    color: #fff
}

.theme-2 .layout-container > aside, .theme-2 .layout-container > aside > .sidebar-header {
    background-color: #263238;
    color: #fff
}

.theme-2 .layout-container > header {
    background-color: #1976d2;
    color: #fff
}

.theme-2 .layout-container > main {
    background-color: #eceff1
}

.theme-3 {
    background-color: #2f3c43
}

.theme-3 .layout-container > aside, .theme-3 .layout-container > aside > .sidebar-header {
    background-color: #263238;
    color: #fff
}

.theme-3 .layout-container > header {
    background-color: #37474f;
    color: #fff
}

.theme-3 {
    background-color: #2f3c43;
    color: #f1f1f1
}

.theme-3 .bg-white:not([class*=bg-]), .theme-3 .card-default > .card-header:not([class*=bg-]), .theme-3 .card:not([class*=bg-]), .theme-3 .cardbox:not([class*=bg-]) {
    background-color: #35444c;
    color: inherit
}

.theme-3 .bg-white {
    background-color: #35444c !important;
    color: inherit
}

.theme-3 .breadcrumb, .theme-3 .jumbotron, .theme-3 .modal-content, .theme-3 .well {
    background-color: #35444c;
    color: inherit
}

.theme-3 .btn-secondary {
    color: #fff;
    background-color: #37474f;
    border-color: #2d3940
}

.theme-3 .btn-secondary:hover {
    color: #fff;
    background-color: #273338;
    border-color: #181e22
}

.theme-3 .btn-secondary.focus, .theme-3 .btn-secondary:focus {
    box-shadow: 0 0 0 2px rgba(45, 57, 64, .5)
}

.theme-3 .btn-secondary.disabled, .theme-3 .btn-secondary:disabled {
    color: #fff;
    background-color: #37474f;
    border-color: #2d3940
}

.show > .theme-3 .btn-secondary.dropdown-toggle, .theme-3 .btn-secondary:not(:disabled):not(.disabled).active, .theme-3 .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #222c31;
    border-color: #12181a
}

.show > .theme-3 .btn-secondary.dropdown-toggle:focus, .theme-3 .btn-secondary:not(:disabled):not(.disabled).active:focus, .theme-3 .btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 2px rgba(45, 57, 64, .5)
}

.theme-3 .show > .dropdown-toggle.btn-secondary, .theme-3 .show > .dropdown-toggle.btn-secondary.active, .theme-3 .show > .dropdown-toggle.btn-secondary:active, .theme-3 .show > .dropdown-toggle.btn-secondary:focus, .theme-3 .show > .dropdown-toggle.btn-secondary:hover {
    color: #fff;
    background-color: #37474f;
    border-color: #2d3940
}

.theme-3 .form-control {
    color: inherit;
    background-color: hsla(0, 0%, 94.1%, .1);
    border-color: hsla(0, 0%, 94.1%, .12)
}

.theme-3 .form-control:focus {
    border-color: hsla(0, 0%, 94.1%, .36)
}

.theme-3 .form-control[disabled], .theme-3 .form-control[readonly], .theme-3 fieldset[disabled] .form-control {
    background-color: hsla(0, 0%, 94.1%, .1)
}

.theme-3 select:not([multiple]) option {
    color: #6c7177
}

.theme-3 .input-group-addon, .theme-3 .input-group-button {
    background-color: transparent;
    border: 1px solid hsla(0, 0%, 63.5%, .26);
    color: inherit
}

.theme-3 .nav-tabs > .nav-item > .nav-link.active {
    color: #fff
}

.theme-3 .note-editor .note-editing-area .note-editable {
    background-color: hsla(0, 0%, 94.1%, .1)
}

.theme-3 .photo {
    background-color: #37474f
}

.theme-3 .nav-icon > em, .theme-3 .nav-icon > svg, .theme-3 .sidebar-header-logo > em, .theme-3 .sidebar-header-logo > svg {
    color: #448aff !important;
    fill: #4caf50 !important
}

.theme-4 .layout-container > aside, .theme-4 .layout-container > aside > .sidebar-header {
    background-color: #263238;
    color: #fff
}

.theme-4 .layout-container > header {
    background-color: #4caf50;
    color: #fff
}

.theme-4 .layout-container > main {
    background-color: #eceff1
}

.theme-4 .nav-icon > em, .theme-4 .nav-icon > svg, .theme-4 .sidebar-header-logo > em, .theme-4 .sidebar-header-logo > svg {
    color: #4caf50 !important;
    fill: #a3d7a5 !important
}

.theme-5 .layout-container > aside, .theme-5 .layout-container > aside > .sidebar-header {
    background-color: #263238;
    color: #fff
}

.theme-5 .layout-container > header {
    background-color: #03a9f4;
    color: #fff
}

.theme-5 .layout-container > main {
    background-color: #eceff1
}

.theme-5 .nav-icon > em, .theme-5 .nav-icon > svg, .theme-5 .sidebar-header-logo > em, .theme-5 .sidebar-header-logo > svg {
    color: #03a9f4 !important;
    fill: #79d4fd !important
}

.theme-6 .layout-container > aside, .theme-6 .layout-container > aside > .sidebar-header {
    background-color: #263238;
    color: #fff
}

.theme-6 .layout-container > header {
    background-color: #9575cd;
    color: #fff
}

.theme-6 .layout-container > main {
    background-color: #eceff1
}

.theme-6 .nav-icon > em, .theme-6 .nav-icon > svg, .theme-6 .sidebar-header-logo > em, .theme-6 .sidebar-header-logo > svg {
    color: #9575cd !important;
    fill: #ddd3ef !important
}

.theme-7 .layout-container > aside {
    background-color: #fff;
    color: #6c7177
}

.theme-7 .layout-container > aside > .sidebar-header, .theme-7 .layout-container > header {
    background-color: #455a64;
    color: #fff
}

.theme-7 .layout-container > main {
    background-color: #eceff1
}

.theme-8 .layout-container > aside, .theme-8 .layout-container > aside > .sidebar-header {
    background-color: #263238;
    color: #fff
}

.theme-8 .layout-container > header {
    background-color: #fff;
    color: #6c7177
}

.theme-8 .layout-container > main {
    background-color: #eceff1
}

.theme-8 .nav-icon > em, .theme-8 .nav-icon > svg, .theme-8 .sidebar-header-logo > em, .theme-8 .sidebar-header-logo > svg {
    color: #448aff !important;
    fill: #f1f1f1 !important
}

.theme-9 .layout-container > aside, .theme-9 .layout-container > aside > .sidebar-header, .theme-9 .layout-container > header {
    background-color: #fff;
    color: #6c7177
}

.theme-9 .layout-container > main {
    background-color: #eceff1
}

.theme-9 .nav-icon > em, .theme-9 .nav-icon > svg, .theme-9 .sidebar-header-logo > em, .theme-9 .sidebar-header-logo > svg {
    color: #738c98 !important;
    fill: #90a4ae !important
}

.preview-theme-1 .preview-header {
    background-color: #1976d2
}

.preview-theme-1 .preview-sidebar {
    background-color: #fff
}

.preview-theme-1 .preview-content {
    background-color: #f1f2f3
}

.preview-theme-2 .preview-header {
    background-color: #1976d2
}

.preview-theme-2 .preview-sidebar {
    background-color: #263238
}

.preview-theme-2 .preview-content {
    background-color: #eceff1
}

.preview-theme-3 .preview-header {
    background-color: #37474f
}

.preview-theme-3 .preview-sidebar {
    background-color: #263238
}

.preview-theme-3 .preview-content {
    background-color: #37474f
}

.preview-theme-4 .preview-header {
    background-color: #4caf50
}

.preview-theme-4 .preview-sidebar {
    background-color: #fff
}

.preview-theme-4 .preview-content {
    background-color: #eceff1
}

.preview-theme-5 .preview-header {
    background-color: #03a9f4
}

.preview-theme-5 .preview-sidebar {
    background-color: #fff
}

.preview-theme-5 .preview-content {
    background-color: #eceff1
}

.preview-theme-6 .preview-header {
    background-color: #9575cd
}

.preview-theme-6 .preview-sidebar {
    background-color: #fff
}

.preview-theme-6 .preview-content {
    background-color: #eceff1
}

.preview-theme-7 .preview-header {
    background-color: #455a64
}

.preview-theme-7 .preview-sidebar {
    background-color: #fff
}

.preview-theme-7 .preview-content {
    background-color: #eceff1
}

.preview-theme-8 .preview-header {
    background-color: #fff
}

.preview-theme-8 .preview-sidebar {
    background-color: #263238
}

.preview-theme-8 .preview-content {
    background-color: #eceff1
}

.preview-theme-9 .preview-header, .preview-theme-9 .preview-sidebar {
    background-color: #fff
}

.preview-theme-9 .preview-content {
    background-color: #eceff1
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em;
    color: inherit
}

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
    margin-left: 5px
}

small {
    color: inherit
}

h1 {
    font-size: 56px;
    line-height: 1.35;
    letter-spacing: -.02em
}

h1, h2 {
    font-weight: 400;
    margin-top: 24px;
    margin-bottom: 24px
}

h2 {
    font-size: 45px;
    line-height: 48px
}

h3 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 24px
}

h3, h4 {
    font-weight: 400;
    margin-top: 24px
}

h4 {
    font-size: 24px;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 16px
}

h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

h5, h6 {
    margin-top: 24px;
    margin-bottom: 16px
}

h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .04em
}

.blockquote {
    padding: 1rem 2rem;
    margin: 0 0 2rem;
    font-size: 1.75rem;
    border-left: .5rem solid #eee
}

.blockquote p:last-child {
    margin: 0
}

.blockquote .small, .blockquote footer, .blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

.blockquote .small:before, .blockquote footer:before, .blockquote small:before {
    content: "\2014   \A0"
}

.c-checkbox, .c-radio {
    margin-right: 4px
}

.c-checkbox input, .c-radio input {
    opacity: 0;
    position: absolute;
    margin-left: 0 !important
}

.c-checkbox span, .c-radio span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid hsla(0, 0%, 63.5%, .36);
    margin-right: 5px;
    text-align: center
}

.c-checkbox span:before, .c-radio span:before {
    margin-left: 0
}

.c-checkbox:hover span, .c-radio:hover span {
    border-color: #448aff
}

.c-checkbox-rounded span, .c-radio span {
    border-radius: 500px
}

.c-checkbox span:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    text-align: center !important;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle
}

.c-checkbox input[type=checkbox]:checked + span:before {
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out
}

.c-checkbox input[type=checkbox]:checked + span {
    border-color: #448aff;
    background-color: #448aff
}

.c-checkbox input[type=checkbox]:disabled + span {
    border-color: hsla(0, 0%, 63.5%, .12) !important;
    background-color: hsla(0, 0%, 63.5%, .12) !important;
    cursor: not-allowed
}

.c-radio span:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    border-radius: 500px;
    opacity: 0
}

.c-radio input[type=radio]:checked + span:before {
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out
}

.c-radio input[type=radio]:checked + span {
    border-color: #448aff;
    background-color: hsla(0, 0%, 63.5%, .12)
}

.c-radio input[type=radio]:checked + span:before {
    background-color: #448aff
}

.c-radio input[type=radio]:disabled + span {
    border-color: hsla(0, 0%, 63.5%, .12) !important;
    cursor: not-allowed
}

.c-radio input[type=radio]:disabled + span:before {
    background-color: hsla(0, 0%, 63.5%, .12)
}

.note-area > textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 63.5%, .26) .1em, transparent 0);
    background-image: linear-gradient(hsla(0, 0%, 63.5%, .26) .1em, transparent 0);
    background-size: 100% 20px;
    background-color: transparent !important;
    line-height: 20px;
    margin-top: 5px;
    padding: 0 0 1px;
    border: none !important
}

.note-area.note-area-margin {
    position: relative
}

.note-area.note-area-margin > textarea {
    padding-left: 55px
}

.note-area.note-area-margin:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 45px;
    width: 5px;
    background-color: rgba(255, 179, 0, .5)
}

.switch .form-control {
    padding-top: 7px;
    margin-bottom: 0
}

.switch * {
    cursor: pointer
}

.switch input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.switch {
    margin-right: 8px
}

.switch span {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 15px;
    background-color: #9e9e9e;
    border: 0;
    border-radius: 8px;
    vertical-align: middle;
    transition: all .2s cubic-bezier(.35, 0, .25, 1) .1s
}

.switch span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    top: -2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 0;
    border-radius: 400px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    transition: all .3s cubic-bezier(.35, 0, .25, 1)
}

.switch.switch-primary input:checked + span, .switch.switch-primary input:checked + span:after {
    background-color: #448aff
}

.switch.switch-primary.switch-warn input:checked + span {
    background-color: rgba(68, 138, 255, .5)
}

.switch.switch-info input:checked + span, .switch.switch-info input:checked + span:after {
    background-color: #03a9f4
}

.switch.switch-info.switch-warn input:checked + span {
    background-color: rgba(3, 169, 244, .5)
}

.switch.switch-danger input:checked + span, .switch.switch-danger input:checked + span:after {
    background-color: #f44336
}

.switch.switch-danger.switch-warn input:checked + span {
    background-color: rgba(244, 67, 54, .5)
}

.switch.switch-warning input:checked + span, .switch.switch-warning input:checked + span:after {
    background-color: #ffb300
}

.switch.switch-warning.switch-warn input:checked + span {
    background-color: rgba(255, 179, 0, .5)
}

.switch.switch-success input:checked + span, .switch.switch-success input:checked + span:after {
    background-color: #4caf50
}

.switch.switch-success.switch-warn input:checked + span {
    background-color: rgba(76, 175, 80, .5)
}

.switch.switch-purple input:checked + span, .switch.switch-purple input:checked + span:after {
    background-color: #7e57c2
}

.switch.switch-purple.switch-warn input:checked + span {
    background-color: rgba(126, 87, 194, .5)
}

.switch input:checked + span, .switch input:checked + span:after {
    background-color: #ec407a
}

.switch.switch-warn input:checked + span {
    background-color: rgba(236, 64, 122, .5)
}

.switch input:checked + span:after {
    left: 50%
}

.switch input:disabled + span {
    background-color: hsla(0, 0%, 62%, .5) !important
}

.switch input:disabled + span:after {
    background-color: #fff !important
}

.sidebar-offcanvas .sidebar-container {
    top: 65px;
    transform: translate3d(-100%, 0, 0)
}

.sidebar-offcanvas .sidebar-container .sidebar-header {
    box-shadow: 0 0 0 #000
}

.sidebar-offcanvas .header-container {
    z-index: 30
}

.sidebar-offcanvas .header-container, .sidebar-offcanvas .main-container {
    margin-left: 0
}

.sidebar-offcanvas.offcanvas-visible .sidebar-container {
    transform: translateZ(0)
}

.no-csstransforms3d .sidebar-offcanvas .sidebar-offcanvas .sidebar-container {
    margin-left: -240px
}

.no-csstransforms3d .sidebar-offcanvas .sidebar-offcanvas.offcanvas-visible .sidebar-container {
    margin-left: 0
}

body, html {
    width: 100%;
    background-color: #f1f2f3;
    min-width: 320px;
    direction: ltr
}

body {
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #6c7177;
    font-size: .875rem;
    line-height: 1.5
}

.layout-container {
    position: relative
}

.layout-container, .page-container, .page-container > div {
    width: 100%;
    height: 100%
}

.main-container {
    position: relative;
    height: calc(100% - 65px);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

@media only screen and (min-width: 992px) {
    .main-container {
        margin-left: 240px
    }
}

.main-container > section {
    min-height: calc(100% - 60px)
}

.content-heading {
    padding: 16px;
    box-shadow: 0 1px 0 rgba(20, 20, 20, .075)
}

footer {
    height: 60px;
    border-top: 1px solid hsla(0, 0%, 62.7%, .12);
    padding: 20px;
    z-index: 109
}

.container-full, footer {
    left: 0;
    right: 0;
    bottom: 0
}

.container-full {
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.container-full > .row {
    margin: 0
}

.container-full > .row > [class*=col-]:first-child {
    padding-left: 0
}

.container-full > .row > [class*=col-]:last-child {
    padding-right: 0
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xs {
    padding: 8px;
    width: auto
}

@media only screen and (min-width: 480px) {
    .container-fluid, .container-lg, .container-md, .container-sm, .container-xs {
        padding: 16px
    }
}

@media only screen and (min-width: 992px) {
    .container-fluid, .container-lg, .container-md, .container-sm, .container-xs {
        padding: 24px
    }
}

.container-fluid {
    max-width: none
}

.container-lg {
    max-width: 1200px
}

.container-md {
    max-width: 992px
}

.container-sm {
    max-width: 768px
}

.container-xs {
    max-width: 480px
}

@media only screen and (max-width: 1199px) {
    .container-unwrap {
        padding: 0
    }

    .container-unwrap > .row {
        margin: 0
    }

    .container-unwrap > .row > [class*=col-] {
        padding-left: 0;
        padding-right: 0
    }

    .container-unwrap .cardbox {
        margin-bottom: 0
    }
}

.container-overlap {
    position: relative;
    padding: 32px 16px 64px
}

.container-overlap + .container-fluid, .container-overlap + .container-lg, .container-overlap + .container-md, .container-overlap + .container-sm, .container-overlap + .container-xs {
    padding-top: 0;
    margin-top: -32px
}

.container-overlap + .container-fluid .push-down, .container-overlap + .container-lg .push-down, .container-overlap + .container-md .push-down, .container-overlap + .container-sm .push-down, .container-overlap + .container-xs .push-down {
    display: block;
    height: 48px
}

.container-overlap:before {
    background-color: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.floatbutton {
    position: relative;
    z-index: 1000
}

.floatbutton .mfb-component__button--child, .floatbutton .mfb-component__button--main {
    color: #fff
}

.header-container > nav > ul > li > .menu-link {
    height: 65px;
    padding-top: 25px
}

.menu-link-close, .menu-link-close span {
    display: block;
    position: relative
}

.menu-link-close span, .menu-link-close span:after, .menu-link-close span:before {
    width: 18px;
    height: 0;
    border-bottom: 2px solid;
    will-change: transform;
    transition: transform .4s
}

.menu-link-close span {
    transition: border-color .4s
}

.menu-link-close span:after, .menu-link-close span:before {
    content: " ";
    position: absolute
}

.menu-link-close span:before {
    top: 6px
}

.menu-link-close span:after {
    top: 12px
}

.active .menu-link-close span {
    border-color: transparent
}

.active .menu-link-close span:before {
    -webkit-transform: rotate(45deg) translate(1px);
    -moz-transform: rotate(45deg) translate(1px);
    -ms-transform: rotate(45deg) translate(1px);
    -o-transform: rotate(45deg) translate(1px);
    transform: rotate(45deg) translate(1px)
}

.active .menu-link-close span:after {
    -webkit-transform: rotate(-45deg) translate(4px, -3px);
    -moz-transform: rotate(-45deg) translate(4px, -3px);
    -ms-transform: rotate(-45deg) translate(4px, -3px);
    -o-transform: rotate(-45deg) translate(4px, -3px);
    transform: rotate(-45deg) translate(4px, -3px)
}

.menu-link-slide, .menu-link-slide span {
    display: block;
    position: relative
}

.menu-link-slide span, .menu-link-slide span:after, .menu-link-slide span:before {
    width: 18px;
    height: 0;
    border-bottom: 2px solid;
    transition: all .4s
}

.menu-link-slide span:after, .menu-link-slide span:before {
    content: " ";
    position: absolute
}

.menu-link-slide span:before {
    top: 7px;
    left: 0;
    width: 60%;
    will-change: left
}

.menu-link-slide span:after {
    top: 14px
}

.menu-link-slide em {
    position: absolute;
    top: 4px;
    right: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
    transition: all .4s;
    will-change: right, transform
}

.active .menu-link-slide span:before {
    left: 40%
}

.active .menu-link-slide span em {
    right: 80%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu-link-arrow {
    display: block;
    position: relative
}

.menu-link-arrow span {
    position: relative;
    display: block;
    will-change: transform;
    height: 14px;
    width: 18px;
    transition: transform .4s
}

.menu-link-arrow em, .menu-link-arrow em:after, .menu-link-arrow em:before {
    content: " ";
    position: absolute;
    display: block;
    width: 18px;
    height: 0;
    border-bottom: 2px solid;
    will-change: transform;
    transition: transform .4s
}

.menu-link-arrow em {
    transition: border-color .4s
}

.menu-link-arrow em:before {
    top: -6px
}

.menu-link-arrow em, .menu-link-arrow em:after {
    top: 6px
}

.active .menu-link-arrow span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.active .menu-link-arrow span em:before {
    width: 12px;
    transform: translateX(6px) translateY(1px) rotate(45deg);
    -webkit-transform: translateX(6px) translateY(1px) rotate(45deg)
}

.active .menu-link-arrow span em:after {
    width: 12px;
    transform: translateX(6px) translateY(-1px) rotate(-45deg);
    -webkit-transform: translateX(6px) translateY(-1px) rotate(-45deg)
}

.header-container {
    position: relative;
    background-color: #fff;
    z-index: 1
}

@media only screen and (min-width: 992px) {
    .header-container {
        margin-left: 240px
    }
}

.header-container > nav {
    min-height: 65px;
    line-height: 64px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .14)
}

.header-container > nav:after {
    display: block;
    clear: both;
    content: ""
}

.header-container > nav > .header-title {
    display: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0 16px;
    font-size: 20px;
    line-height: inherit;
    letter-spacing: .02em;
    font-weight: 400
}

@media (min-width: 340px) {
    .header-container > nav > .header-title {
        display: block
    }
}

@media (max-width: 420px) {
    .header-container > nav > .header-title {
        max-width: 140px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.header-container > nav > ul {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.header-container > nav > ul:after {
    display: block;
    clear: both;
    content: ""
}

.header-container > nav > ul > li {
    float: left
}

.header-container > nav > ul > li > a {
    display: block;
    padding: 0 16px;
    text-decoration: none;
    color: inherit
}

.header-container > nav > ul > li > a > em {
    font-size: 24px;
    vertical-align: -24%;
    line-height: 1
}

.header-container > nav > ul > li > a:hover {
    background-color: rgba(0, 0, 0, .025)
}

#offcanvas-toggler {
    display: none
}

.sidebar-offcanvas #offcanvas-toggler {
    display: block
}

.header-form-search {
    position: relative;
    margin: 0;
    overflow: hidden;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

.header-form-search .btn, .header-form-search .form-control {
    margin: 0;
    border: 0;
    background-color: transparent;
    box-shadow: 0 0 0 #000
}

.header-form-search .btn {
    padding-top: 0;
    padding-bottom: 0
}

.header-form-search .form-control:focus + .focus-bottom-line {
    left: 40px;
    right: 40px;
    visibility: visible
}

.header-form-search .focus-bottom-line {
    content: "";
    position: absolute;
    bottom: 0;
    left: 45%;
    right: 45%;
    height: 2px;
    visibility: hidden;
    background-color: hsla(0, 0%, 47.1%, .15);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.ripple {
    position: relative;
    overflow: hidden
}

.ripple > .md-ripple {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    right: 0;
    overflow: hidden;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .06);
    border-radius: 50%;
    transform: scale(.0001);
    opacity: 1;
    width: 0;
    height: 0
}

.ripple > .md-ripple.md-ripple-animate {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    transition: transform .5s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    opacity: 0;
    transform: scale(2)
}

.ripple.btn-circle > .md-ripple.md-ripple-animate, .ripple.btn-flat-icon > .md-ripple.md-ripple-animate, .ripple.btn-oval > .md-ripple.md-ripple-animate, .ripple.btn-pill-left > .md-ripple.md-ripple-animate, .ripple.btn-pill-right > .md-ripple.md-ripple-animate {
    transform: scale(.99)
}

.setting-color {
    padding: 0 5px
}

.setting-color > label {
    display: block;
    position: relative;
    height: 30px;
    margin: 0 10px;
    border-radius: 1px;
    cursor: pointer;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .014)
}

.setting-color > label:first-child {
    margin-left: 0
}

.setting-color > label:last-child {
    margin-right: 0
}

.setting-color > label .t-grid, .setting-color > label .t-row {
    max-width: 60px;
    height: 100%;
    margin: 0
}

.setting-color > label > .color {
    display: block;
    height: 18px
}

.setting-color > label > .split {
    display: block
}

.setting-color > label > .split:after {
    display: block;
    clear: both;
    content: ""
}

.setting-color > label > .split > .color {
    display: block;
    height: 37.5px
}

.setting-color > label > .split > .color:first-child {
    float: left;
    width: 70%
}

.setting-color > label > .split > .color:last-child {
    float: right;
    width: 30%
}

.setting-color > label > .ion-checkmark-round {
    position: absolute;
    display: block;
    right: -5px;
    top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #4caf50;
    background-color: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .014);
    transition: transform .2s ease;
    transform: scale(0)
}

.setting-color > label > input[type=radio] {
    position: absolute;
    visibility: hidden
}

.setting-color > label > input[type=radio]:checked + .ion-checkmark-round {
    opacity: 1 !important;
    transform: scale(1)
}

.sidebar-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    overflow-y: auto;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    background-color: #263238;
    color: hsla(0, 0%, 100%, .75);
    z-index: 20
}

.sidebar-container a.sb-link {
    color: hsla(0, 0%, 100%, .75);
    text-decoration: none
}

.sidebar-header {
    height: 65px;
    padding: 0 16px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .14)
}

.sidebar-header > .sidebar-header-logo {
    display: inline-block;
    height: 100%;
    line-height: 65px;
    text-decoration: none;
    color: inherit;
    font-size: 22px;
    letter-spacing: .023em
}

.sidebar-header > .sidebar-header-logo > img, .sidebar-header > .sidebar-header-logo > svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -5%
}

.sidebar-header > .sidebar-header-logo > img + .sidebar-header-logo-text, .sidebar-header > .sidebar-header-logo > svg + .sidebar-header-logo-text {
    margin-left: 16px
}

.sidebar-header > .sidebar-header-logo > svg {
    fill: #fff
}

.sidebar-header > .sidebar-header-logo-text {
    font-weight: 500;
    font-size: 20px;
    vertical-align: middle
}

.sidebar-header + .sidebar-content {
    height: calc(100% - 65px);
    overflow: auto
}

.sidebar-content {
    border-right: 1px solid rgba(0, 0, 0, .11)
}

.sidebar-toolbar {
    position: relative;
    z-index: -1;
    background-color: inherit;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    padding: 60px 20px
}

.sidebar-toolbar + .sidebar-nav {
    padding-top: 0
}

.sidebar-container {
    transform: translate3d(-100%, 0, 0);
    transition: transform .28s ease-in-out;
    will-change: transform
}

@media only screen and (min-width: 992px) {
    .sidebar-container {
        transform: translateZ(0)
    }
}

.sidebar-layout-obfuscator {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, .3);
    will-change: opacity;
    transition: opacity .28s ease-in-out, visibility .28s ease-in-out
}

@media only screen and (min-width: 992px) {
    .sidebar-layout-obfuscator {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .sidebar-visible {
        overflow: hidden
    }

    .sidebar-visible .sidebar-container {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
        transform: translateZ(0)
    }

    .sidebar-visible .sidebar-layout-obfuscator {
        opacity: 1;
        visibility: visible
    }
}

.no-csstransforms3d .sidebar-container {
    margin-left: -240px
}

@media only screen and (min-width: 992px) {
    .no-csstransforms3d .sidebar-container {
        margin-left: 0
    }
}

@media only screen and (max-width: 1199px) {
    .no-csstransforms3d .sidebar-visible .sidebar-container {
        margin-left: 0
    }
}

.sidebar-nav {
    padding-top: 16px;
    font-weight: 500;
    background-color: inherit
}

.sidebar-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sidebar-nav ul > li > a {
    display: block;
    padding: 0 16px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    letter-spacing: .0125em;
    color: inherit;
    overflow: hidden
}

.sidebar-nav ul > li > a > .nav-icon {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 16px;
    text-align: center;
    font-size: 24px;
    vertical-align: middle
}

.sidebar-nav ul > li > a > .nav-icon > em, .sidebar-nav ul > li > a > .nav-icon > img, .sidebar-nav ul > li > a > .nav-icon > svg {
    position: absolute;
    display: inline-block;
    color: inherit;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1;
    color: #448aff;
    fill: #64b5f6
}

.sidebar-nav ul > li > a > .nav-caret, .sidebar-nav ul > li > a > .nav-label {
    line-height: inherit
}

.sidebar-nav ul > li > a > .nav-label {
    margin-right: 16px;
    margin-top: -2px
}

.sidebar-nav ul > li > a > .nav-caret {
    margin-left: 11px
}

.sidebar-nav ul > li > a > .nav-caret + .nav-label {
    margin-right: 0
}

.sidebar-nav ul > li > a:focus, .sidebar-nav ul > li > a:hover {
    background-color: hsla(0, 0%, 63.5%, .09)
}

.sidebar-nav ul > li > a:focus > .nav-icon em, .sidebar-nav ul > li > a:hover > .nav-icon em {
    color: #448aff
}

.sidebar-nav ul > li.active {
    background-color: hsla(0, 0%, 63.5%, .026)
}

.sidebar-nav ul > li.active > a > .nav-icon em {
    color: #448aff
}

.sidebar-nav ul > li.active > ul li.active a {
    background-color: hsla(0, 0%, 63.5%, .026)
}

.sidebar-nav ul > li ul > li > a {
    padding-left: 72px
}

.sidebar-nav ul > li ul > li ul > li > a {
    padding-left: 88px
}

.sidebar-nav ul > li > ul {
    height: 0;
    overflow: hidden;
    transition: height .55s cubic-bezier(.35, 0, .25, 1)
}

.sidebar-nav ul > li > ul > li > a {
    opacity: 0;
    transition: .5s ease;
    transition-property: opacity, margin-left
}

.sidebar-nav ul > li > a > .nav-caret {
    transition-transform: .2s ease
}

.sidebar-nav ul > li.active > ul {
    height: auto
}

.sidebar-nav ul > li.active > ul > li > a {
    opacity: 1
}

.sidebar-nav ul > li.active > a > .nav-caret {
    transform: rotate(90deg)
}

.mda-form-group {
    position: relative;
    padding: 0 0 24px;
    flex: 1 1 auto
}

.mda-form-control {
    position: relative;
    padding-top: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, .14);
    flex: 1 1 auto
}

.mda-form-control > input, .mda-form-control > select, .mda-form-control > textarea {
    padding: 2px;
    height: 34px;
    background-color: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100% !important
}

.mda-form-control > input.focus ~ label, .mda-form-control > input:focus ~ label, .mda-form-control > select.focus ~ label, .mda-form-control > select:focus ~ label, .mda-form-control > textarea.focus ~ label, .mda-form-control > textarea:focus ~ label {
    top: 0 !important;
    font-size: .85em !important;
    color: #448aff;
    opacity: 1
}

.mda-form-control > input ~ label, .mda-form-control > select ~ label, .mda-form-control > textarea ~ label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: inline-block;
    font-size: .85em;
    opacity: .5;
    font-weight: 500;
    transition: all .2s ease
}

.mda-form-control > input.disabled, .mda-form-control > input[disabled], .mda-form-control > select.disabled, .mda-form-control > select[disabled], .mda-form-control > textarea.disabled, .mda-form-control > textarea[disabled] {
    background-color: transparent;
    opacity: .5;
    cursor: not-allowed
}

.mda-form-control.mda-form-control-dark {
    border-bottom-color: hsla(0, 0%, 100%, .26)
}

.mda-form-control.mda-form-control-dark > input, .mda-form-control.mda-form-control-dark > select, .mda-form-control.mda-form-control-dark > textarea {
    color: #fff
}

.mda-form-control.mda-form-control-dark > input.focus ~ label, .mda-form-control.mda-form-control-dark > input:focus ~ label, .mda-form-control.mda-form-control-dark > select.focus ~ label, .mda-form-control.mda-form-control-dark > select:focus ~ label, .mda-form-control.mda-form-control-dark > textarea.focus ~ label, .mda-form-control.mda-form-control-dark > textarea:focus ~ label {
    color: #fff !important
}

.mda-form-group-lg .mda-form-control > input {
    height: 48px
}

.mda-form-group-lg.float-label .mda-form-control > input ~ label {
    top: 28px;
    font-size: 1.5em
}

.mda-form-control > textarea {
    height: auto
}

.mda-form-control-line {
    position: absolute;
    bottom: -1px;
    left: 50%;
    right: 50%;
    height: 2px;
    transition: all .3s ease
}

.mda-form-control > input:focus ~ .mda-form-control-line, .mda-form-control > select:focus ~ .mda-form-control-line, .mda-form-control > textarea:focus ~ .mda-form-control-line {
    background-color: #448aff;
    left: 0;
    right: 0
}

.mda-form-control.mda-form-control-dark > input:focus ~ .mda-form-control-line, .mda-form-control.mda-form-control-dark > select:focus ~ .mda-form-control-line, .mda-form-control.mda-form-control-dark > textarea:focus ~ .mda-form-control-line {
    background-color: #fff
}

.mda-form-msg {
    position: absolute;
    bottom: 0;
    font-size: .85em;
    line-height: 24px;
    font-weight: 300;
    color: #90a4ae
}

.mda-form-msg.right {
    right: 0
}

.form-validate .mda-form-control .form-control.error ~ .mda-form-control-line {
    background-color: #f44336
}

.form-validate .mda-form-control .form-control.error.focus ~ label, .form-validate .mda-form-control .form-control.error:focus ~ label, .form-validate .mda-form-control .form-control.error ~ .mda-form-msg {
    color: #f44336
}

.form-validate .mda-form-control .form-control.valid:focus ~ .mda-form-control-line, .form-validate .mda-form-control .form-control.valid ~ .mda-form-control-line {
    background-color: #4caf50
}

.form-validate .mda-form-control .form-control.valid.focus ~ label, .form-validate .mda-form-control .form-control.valid:focus.focus ~ label, .form-validate .mda-form-control .form-control.valid:focus:focus ~ label, .form-validate .mda-form-control .form-control.valid:focus ~ label {
    color: #4caf50
}

.form-validate label.error {
    color: #f44336
}

.form-validate label.valid {
    color: #4caf50
}

.float-label .mda-form-control > input ~ label, .float-label .mda-form-control > textarea ~ label {
    top: 15px;
    margin-bottom: 0;
    font-size: 1em;
    pointer-events: none
}

.float-label .mda-form-control > input.error ~ label, .float-label .mda-form-control > input.has-value ~ label, .float-label .mda-form-control > input.valid ~ label, .float-label .mda-form-control > textarea.error ~ label, .float-label .mda-form-control > textarea.has-value ~ label, .float-label .mda-form-control > textarea.valid ~ label {
    top: 0;
    font-size: .85em
}

.mda-input-group {
    position: relative
}

.mda-input-group .mda-form-control > input {
    padding-left: 36px
}

.mda-input-group .mda-form-control > label {
    margin-left: 36px
}

.mda-input-group .form-control {
    float: none
}

.mda-input-group > .mda-input-group-addon {
    position: absolute;
    top: 15px;
    left: 2px
}

.mda-input-group .input-group-btn + .mda-form-group, .mda-input-group .mda-form-group + .input-group-btn {
    display: block;
    padding-left: 16px
}

.mda-checkbox, .mda-radio {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin: 0;
    cursor: pointer
}

.mda-checkbox input, .mda-radio input {
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    cursor: pointer;
    opacity: 0
}

.mda-checkbox input:checked + em:before, .mda-radio input:checked + em:before {
    background-color: inherit;
    border-width: 0
}

.mda-checkbox input:checked + span .active, .mda-radio input:checked + span .active {
    display: inherit
}

.mda-checkbox input[type=checkbox]:checked + em:after, .mda-radio input[type=checkbox]:checked + em:after {
    position: absolute;
    top: 2px;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: " ";
    transform: rotate(45deg)
}

.mda-checkbox input[type=radio]:checked + em:after, .mda-radio input[type=radio]:checked + em:after {
    content: " ";
    position: absolute;
    top: 3px;
    left: 3px;
    display: table;
    width: 12px;
    height: 12px;
    background: inherit;
    border-radius: 50%;
    border: 2px solid #fff
}

.mda-checkbox input[type=radio] + em, .mda-checkbox input[type=radio] + em:before, .mda-radio input[type=radio] + em, .mda-radio input[type=radio] + em:before {
    border-radius: 50%
}

.mda-checkbox input[disabled] + em:before, .mda-radio input[disabled] + em:before, fieldset[disabled] .mda-checkbox input + em:before, fieldset[disabled] .mda-radio input + em:before {
    border-color: rgba(0, 0, 0, .26)
}

.mda-checkbox input[disabled]:checked + em, .mda-radio input[disabled]:checked + em {
    background-color: rgba(0, 0, 0, .26)
}

.mda-radio input[disabled]:checked + em:after {
    background-color: transparent
}

.mda-checkbox input[disabled]:checked + em:before {
    background-color: rgba(0, 0, 0, .26)
}

.mda-checkbox > em, .mda-radio > em {
    position: relative;
    display: inline-block;
    width: 0;
    height: 18px;
    margin-top: -2px;
    margin-right: 28px;
    margin-left: -20px;
    line-height: 1;
    vertical-align: middle
}

.mda-checkbox > em:before, .mda-radio > em:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 100%;
    border: 2px solid hsla(0, 0%, 63.5%, .56);
    border-radius: 2px;
    transition: all .2s
}

.mda-checkbox > em.empty:after, .mda-radio > em.empty:after {
    display: none !important
}

.m0 {
    margin: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.m {
    margin: 16px !important
}

.mh, .ml {
    margin-left: 16px !important
}

.mh, .mr {
    margin-right: 16px !important
}

.mt, .mv {
    margin-top: 16px !important
}

.mb, .mv {
    margin-bottom: 16px !important
}

.m-sm {
    margin: 8px !important
}

.mh-sm, .ml-sm {
    margin-left: 8px !important
}

.mh-sm, .mr-sm {
    margin-right: 8px !important
}

.mt-sm, .mv-sm {
    margin-top: 8px !important
}

.mb-sm, .mv-sm {
    margin-bottom: 8px !important
}

.m-lg {
    margin: 24px !important
}

.mh-lg, .ml-lg {
    margin-left: 24px !important
}

.mh-lg, .mr-lg {
    margin-right: 24px !important
}

.mt-lg, .mv-lg {
    margin-top: 24px !important
}

.mb-lg, .mv-lg {
    margin-bottom: 24px !important
}

.m-xl {
    margin: 32px !important
}

.mh-xl, .ml-xl {
    margin-left: 32px !important
}

.mh-xl, .mr-xl {
    margin-right: 32px !important
}

.mt-xl, .mv-xl {
    margin-top: 32px !important
}

.mb-xl, .mv-xl {
    margin-bottom: 32px !important
}

.p0 {
    padding: 0 !important
}

.ph0, .pl0 {
    padding-left: 0 !important
}

.ph0, .pr0 {
    padding-right: 0 !important
}

.pt0, .pv0 {
    padding-top: 0 !important
}

.pb0, .pv0 {
    padding-bottom: 0 !important
}

.p {
    padding: 16px !important
}

.ph, .pl {
    padding-left: 16px !important
}

.ph, .pr {
    padding-right: 16px !important
}

.pt, .pv {
    padding-top: 16px !important
}

.pb, .pv {
    padding-bottom: 16px !important
}

.p-sm {
    padding: 4px !important
}

.ph-sm, .pl-sm {
    padding-left: 4px !important
}

.ph-sm, .pr-sm {
    padding-right: 4px !important
}

.pt-sm, .pv-sm {
    padding-top: 4px !important
}

.pb-sm, .pv-sm {
    padding-bottom: 4px !important
}

.p-lg {
    padding: 24px !important
}

.ph-lg, .pl-lg {
    padding-left: 24px !important
}

.ph-lg, .pr-lg {
    padding-right: 24px !important
}

.pt-lg, .pv-lg {
    padding-top: 24px !important
}

.pb-lg, .pv-lg {
    padding-bottom: 24px !important
}

.p-xl {
    padding: 32px !important
}

.ph-xl, .pl-xl {
    padding-left: 32px !important
}

.ph-xl, .pr-xl {
    padding-right: 32px !important
}

.pt-xl, .pv-xl {
    padding-top: 32px !important
}

.pb-xl, .pv-xl {
    padding-bottom: 32px !important
}

.fh {
    height: 100% !important
}

@media only screen and (min-width: 768px) {
    .fh-sm {
        height: 100% !important
    }
}

@media only screen and (min-width: 992px) {
    .fh-md {
        height: 100% !important
    }
}

@media only screen and (min-width: 1200px) {
    .fh-lg {
        height: 100% !important
    }
}

.fw {
    width: 100% !important
}

@media only screen and (min-width: 768px) {
    .fw-sm {
        width: 100% !important
    }
}

@media only screen and (min-width: 992px) {
    .fw-md {
        width: 100% !important
    }
}

@media only screen and (min-width: 1200px) {
    .fw-lg {
        width: 100% !important
    }
}

.va-middle {
    vertical-align: middle !important
}

.va-top {
    vertical-align: top !important
}

.va-bottom {
    vertical-align: bottom !important
}

table.va-middle td {
    vertical-align: middle !important
}

table.va-top td {
    vertical-align: top !important
}

table.va-bottom td {
    vertical-align: bottom !important
}

.b0 {
    border-width: 0 !important
}

.bl0 {
    border-left-width: 0 !important
}

.br0 {
    border-right-width: 0 !important
}

.bt0 {
    border-top-width: 0 !important
}

.bb0 {
    border-bottom-width: 0 !important
}

.b, .ba, .br {
    border-right: 1px solid hsla(0, 0%, 63.5%, .32)
}

.b, .ba, .bl {
    border-left: 1px solid hsla(0, 0%, 63.5%, .32)
}

.b, .ba, .bt {
    border-top: 1px solid hsla(0, 0%, 63.5%, .32)
}

.b, .ba, .bb {
    border-bottom: 1px solid hsla(0, 0%, 63.5%, .32)
}

.spr {
    margin-right: .25em
}

.spl {
    margin-left: .25em
}

.text-white {
    color: #fff
}

.text-alpha {
    color: hsla(0, 0%, 100%, .5)
}

.text-alpha-inverse {
    color: rgba(0, 0, 0, .5)
}

.text-gray-darker {
    color: #263238
}

.text-gray-dark {
    color: #455a64
}

.text-gray {
    color: #607d8b
}

.text-gray-light {
    color: #90a4ae
}

.text-gray-lighter {
    color: #eceff1
}

.text-inherit {
    color: inherit !important
}

.text-soft {
    color: hsla(0, 0%, 63.5%, .66)
}

.text-light {
    color: hsla(0, 0%, 100%, .74)
}

.text-sm {
    font-size: .74375rem
}

.text-md {
    font-size: 1.6625rem
}

.text-lg {
    font-size: 2.625rem
}

.lh1 {
    line-height: 1
}

.text-nowrap {
    white-space: nowrap
}

.text-thin {
    font-weight: 100 !important
}

.text-bold {
    font-weight: 700 !important
}

.text-normal {
    font-weight: 400 !important
}

.text-normal p {
    font-weight: 400
}

.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom
}

.inline {
    display: inline-block !important
}

.block-center {
    margin: 0 auto
}

.block {
    display: block !important
}

.bg-white {
    color: inherit !important
}

.bg-primary {
    background-color: #448aff !important;
    color: #fff !important
}

.bg-primary .text-muted {
    color: hsla(0, 0%, 100%, .5) !important
}

.bg-primary small {
    color: inherit
}

.bg-success {
    background-color: #4caf50 !important;
    color: #fff !important
}

.bg-success .text-muted {
    color: hsla(0, 0%, 100%, .5) !important
}

.bg-success small {
    color: inherit
}

.bg-info {
    background-color: #03a9f4 !important;
    color: #fff !important
}

.bg-info .text-muted {
    color: hsla(0, 0%, 100%, .5) !important
}

.bg-info small {
    color: inherit
}

.bg-warning {
    background-color: #ffb300 !important;
    color: #fff !important
}

.bg-warning .text-muted {
    color: hsla(0, 0%, 100%, .5) !important
}

.bg-warning small {
    color: inherit
}

.bg-danger {
    background-color: #f44336 !important;
    color: #fff !important
}

.bg-danger .text-muted {
    color: hsla(0, 0%, 100%, .5) !important
}

.bg-danger small {
    color: inherit
}

.bg-gray-darker {
    background-color: #263238;
    color: #fff !important
}

.bg-gray-dark {
    background-color: #455a64;
    color: #fff !important
}

.bg-gray {
    background-color: #607d8b;
    color: #6c7177 !important
}

.bg-gray-light {
    background-color: #90a4ae;
    color: #6c7177 !important
}

.bg-gray-lighter {
    background-color: #eceff1;
    color: #6c7177 !important
}

.bg-fade, .bg-transparent {
    background-color: transparent !important
}

.bg-fade {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5) 55%, #000);
    background-repeat: no-repeat
}

.bg-cover, .bg-full {
    background-size: cover
}

.bg-full {
    background-repeat: no-repeat;
    background-attachment: fixed
}

.bg-center {
    background-position: 50%;
    background-size: cover
}

.thumb8 {
    width: 8px !important;
    height: 8px !important
}

.thumb16 {
    width: 16px !important;
    height: 16px !important
}

.thumb24 {
    width: 24px !important;
    height: 24px !important
}

.thumb32 {
    width: 32px !important;
    height: 32px !important
}

.thumb40 {
    width: 40px !important;
    height: 40px !important
}

.thumb48 {
    width: 48px !important;
    height: 48px !important
}

.thumb64 {
    width: 64px !important;
    height: 64px !important
}

.thumb80 {
    width: 80px !important;
    height: 80px !important
}

.thumb96 {
    width: 96px !important;
    height: 96px !important
}

.thumb128 {
    width: 128px !important;
    height: 128px !important
}

.initial8 {
    width: 8px !important;
    height: 8px !important;
    line-height: 8px
}

.initial8, .initial16 {
    text-align: center;
    border-radius: 50%
}

.initial16 {
    width: 16px !important;
    height: 16px !important;
    line-height: 16px
}

.initial24 {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px
}

.initial24, .initial32 {
    text-align: center;
    border-radius: 50%
}

.initial32 {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px
}

.initial40 {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px
}

.initial40, .initial48 {
    text-align: center;
    border-radius: 50%
}

.initial48 {
    width: 48px !important;
    height: 48px !important;
    line-height: 48px
}

.initial64 {
    width: 64px !important;
    height: 64px !important;
    line-height: 64px
}

.initial64, .initial80 {
    text-align: center;
    border-radius: 50%
}

.initial80 {
    width: 80px !important;
    height: 80px !important;
    line-height: 80px
}

.initial96 {
    width: 96px !important;
    height: 96px !important;
    line-height: 96px
}

.initial96, .initial128 {
    text-align: center;
    border-radius: 50%
}

.initial128 {
    width: 128px !important;
    height: 128px !important;
    line-height: 128px
}

.table-fixed {
    table-layout: fixed;
    width: 100%
}

.shadow-clear {
    box-shadow: 0 0 0 #000 !important
}

.radius-clear {
    border-radius: 0 !important
}

.input-rounded {
    border-radius: 100px
}

.item-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.item-grabbing {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing
}

.clickable {
    cursor: pointer !important
}

.rel-wrapper {
    position: relative !important
}

.oh {
    overflow: hidden
}

.oa {
    overflow: auto
}

.icon-18 {
    font-size: 18px;
    vertical-align: -18%
}

.icon-24 {
    font-size: 24px;
    vertical-align: -24%
}

.icon-36 {
    font-size: 36px;
    vertical-align: -36%
}

.icon-48 {
    font-size: 48px;
    vertical-align: -48%
}

.icon-2x {
    font-size: 2em
}

.icon-3x {
    font-size: 3em
}

.icon-4x {
    font-size: 4em
}

.icon-5x {
    font-size: 5em
}

.icon-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.icon-fw {
    display: inline-block;
    width: 1.28571429em;
    text-align: center
}

.icon-dark {
    color: rgba(0, 0, 0, .54)
}

.icon-dark.icon-inactive {
    color: rgba(0, 0, 0, .26)
}

.icon-light {
    color: #fff
}

.icon-light.icon-inactive {
    color: hsla(0, 0%, 100%, .3)
}

.wd-xxs {
    width: 60px
}

.wd-xs {
    width: 90px
}

.wd-sm {
    width: 150px
}

.wd-sd {
    width: 200px
}

.wd-md {
    width: 240px
}

.wd-lg {
    width: 280px
}

.wd-xl {
    width: 320px
}

.wd-xxl {
    width: 360px
}

.wd-wide {
    width: 100%
}

.wd-auto {
    width: auto
}

.wd-zero {
    width: 0
}

.link-unstyled {
    text-decoration: none !important;
    outline: none !important
}

textarea.no-resize {
    resize: none;
    max-width: 100%;
    min-width: 100%
}

.shadow-z0 {
    box-shadow: 0 0 0 #000
}

.shadow-z1 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .014)
}

.shadow-z2 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .014)
}

.shadow-z3 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .14), 0 6px 10px 0 rgba(0, 0, 0, .098), 0 1px 18px 0 rgba(0, 0, 0, .014)
}

.shadow-z4 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .14), 0 8px 10px 1px rgba(0, 0, 0, .098), 0 3px 14px 2px rgba(0, 0, 0, .014)
}

.shadow-z5 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .14), 0 16px 24px 2px rgba(0, 0, 0, .098), 0 6px 30px 5px rgba(0, 0, 0, .014)
}

.image-list > a {
    margin-left: -8px
}

.image-list > a:first-child {
    margin-left: 0
}

.image-list > a:last-of-type {
    margin-right: 8px
}

.list-group-unstyle > .list-group-item {
    border-left: 0;
    border-right: 0
}

.list-group-unstyle > .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.list-group-unstyle > .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.icons-list {
    margin: 40px auto;
    padding-left: 0;
    width: 100%;
    font-size: 1px
}

.icons-list, .icons-list > li {
    list-style: none;
    text-align: center
}

.icons-list > li {
    position: relative;
    z-index: 0;
    display: inline-block;
    padding: 22px;
    width: 84px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 32px;
    cursor: pointer
}

.icons-list > li:hover {
    background-color: hsla(0, 0%, 100%, .9);
    color: #03a9f4;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .014);
    transition: all .2s ease
}

.bg-pic1 {
    background-image: url(src/images/pic1.jpg)
}

.bg-pic2 {
    background-image: url(src/images/pic2.jpg)
}

.bg-pic3 {
    background-image: url(src/images/pic3.jpg)
}

.bg-pic4 {
    background-image: url(src/images/pic4.jpg)
}

.bg-pic5 {
    background-image: url(src/images/pic5.jpg)
}

.bg-pic6 {
    background-image: url(src/images/pic6.jpg)
}

.reader-block p {
    margin: 16px auto;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

.reader-block p > img {
    max-width: 100%;
    margin: 32px auto
}

.box-placeholder {
    margin-bottom: 15px;
    padding: 20px;
    border: 1px dashed hsla(0, 0%, 63.5%, .26);
    background: transparent;
    color: inherit
}

.box-placeholder > :last-child {
    margin-bottom: 0
}

.box-placeholder.box-placeholder-lg {
    padding-top: 80px;
    padding-bottom: 80px
}

.color-red-50 {
    color: #ffebee
}

.bg-red-50 {
    background-color: #ffebee
}

.border-red-50 {
    border-color: #ffebee
}

.fill-red-50 {
    fill: #ffebee
}

.stroke-red-50 {
    stroke: #ffebee
}

.color-red-100 {
    color: #ffcdd2
}

.bg-red-100 {
    background-color: #ffcdd2
}

.border-red-100 {
    border-color: #ffcdd2
}

.fill-red-100 {
    fill: #ffcdd2
}

.stroke-red-100 {
    stroke: #ffcdd2
}

.color-red-200 {
    color: #ef9a9a
}

.bg-red-200 {
    background-color: #ef9a9a
}

.border-red-200 {
    border-color: #ef9a9a
}

.fill-red-200 {
    fill: #ef9a9a
}

.stroke-red-200 {
    stroke: #ef9a9a
}

.color-red-300 {
    color: #e57373
}

.bg-red-300 {
    background-color: #e57373
}

.border-red-300 {
    border-color: #e57373
}

.fill-red-300 {
    fill: #e57373
}

.stroke-red-300 {
    stroke: #e57373
}

.color-red-400 {
    color: #ef5350
}

.bg-red-400 {
    background-color: #ef5350
}

.border-red-400 {
    border-color: #ef5350
}

.fill-red-400 {
    fill: #ef5350
}

.stroke-red-400 {
    stroke: #ef5350
}

.color-red-500 {
    color: #f44336
}

.bg-red-500 {
    background-color: #f44336
}

.border-red-500 {
    border-color: #f44336
}

.fill-red-500 {
    fill: #f44336
}

.stroke-red-500 {
    stroke: #f44336
}

.color-red-600 {
    color: #e53935
}

.bg-red-600 {
    background-color: #e53935
}

.border-red-600 {
    border-color: #e53935
}

.fill-red-600 {
    fill: #e53935
}

.stroke-red-600 {
    stroke: #e53935
}

.color-red-700 {
    color: #d32f2f
}

.bg-red-700 {
    background-color: #d32f2f
}

.border-red-700 {
    border-color: #d32f2f
}

.fill-red-700 {
    fill: #d32f2f
}

.stroke-red-700 {
    stroke: #d32f2f
}

.color-red-800 {
    color: #c62828
}

.bg-red-800 {
    background-color: #c62828
}

.border-red-800 {
    border-color: #c62828
}

.fill-red-800 {
    fill: #c62828
}

.stroke-red-800 {
    stroke: #c62828
}

.color-red-900 {
    color: #b71c1c
}

.bg-red-900 {
    background-color: #b71c1c
}

.border-red-900 {
    border-color: #b71c1c
}

.fill-red-900 {
    fill: #b71c1c
}

.stroke-red-900 {
    stroke: #b71c1c
}

.color-red-a100 {
    color: #ff8a80
}

.bg-red-a100 {
    background-color: #ff8a80
}

.border-red-a100 {
    border-color: #ff8a80
}

.fill-red-a100 {
    fill: #ff8a80
}

.stroke-red-a100 {
    stroke: #ff8a80
}

.color-red-a200 {
    color: #ff5252
}

.bg-red-a200 {
    background-color: #ff5252
}

.border-red-a200 {
    border-color: #ff5252
}

.fill-red-a200 {
    fill: #ff5252
}

.stroke-red-a200 {
    stroke: #ff5252
}

.color-red-a400 {
    color: #ff1744
}

.bg-red-a400 {
    background-color: #ff1744
}

.border-red-a400 {
    border-color: #ff1744
}

.fill-red-a400 {
    fill: #ff1744
}

.stroke-red-a400 {
    stroke: #ff1744
}

.color-red-a700 {
    color: #d50000
}

.bg-red-a700 {
    background-color: #d50000
}

.border-red-a700 {
    border-color: #d50000
}

.fill-red-a700 {
    fill: #d50000
}

.stroke-red-a700 {
    stroke: #d50000
}

.color-pink-50 {
    color: #fce4ec
}

.bg-pink-50 {
    background-color: #fce4ec
}

.border-pink-50 {
    border-color: #fce4ec
}

.fill-pink-50 {
    fill: #fce4ec
}

.stroke-pink-50 {
    stroke: #fce4ec
}

.color-pink-100 {
    color: #f8bbd0
}

.bg-pink-100 {
    background-color: #f8bbd0
}

.border-pink-100 {
    border-color: #f8bbd0
}

.fill-pink-100 {
    fill: #f8bbd0
}

.stroke-pink-100 {
    stroke: #f8bbd0
}

.color-pink-200 {
    color: #f48fb1
}

.bg-pink-200 {
    background-color: #f48fb1
}

.border-pink-200 {
    border-color: #f48fb1
}

.fill-pink-200 {
    fill: #f48fb1
}

.stroke-pink-200 {
    stroke: #f48fb1
}

.color-pink-300 {
    color: #f06292
}

.bg-pink-300 {
    background-color: #f06292
}

.border-pink-300 {
    border-color: #f06292
}

.fill-pink-300 {
    fill: #f06292
}

.stroke-pink-300 {
    stroke: #f06292
}

.color-pink-400 {
    color: #ec407a
}

.bg-pink-400 {
    background-color: #ec407a
}

.border-pink-400 {
    border-color: #ec407a
}

.fill-pink-400 {
    fill: #ec407a
}

.stroke-pink-400 {
    stroke: #ec407a
}

.color-pink-500 {
    color: #e91e63
}

.bg-pink-500 {
    background-color: #e91e63
}

.border-pink-500 {
    border-color: #e91e63
}

.fill-pink-500 {
    fill: #e91e63
}

.stroke-pink-500 {
    stroke: #e91e63
}

.color-pink-600 {
    color: #d81b60
}

.bg-pink-600 {
    background-color: #d81b60
}

.border-pink-600 {
    border-color: #d81b60
}

.fill-pink-600 {
    fill: #d81b60
}

.stroke-pink-600 {
    stroke: #d81b60
}

.color-pink-700 {
    color: #c2185b
}

.bg-pink-700 {
    background-color: #c2185b
}

.border-pink-700 {
    border-color: #c2185b
}

.fill-pink-700 {
    fill: #c2185b
}

.stroke-pink-700 {
    stroke: #c2185b
}

.color-pink-800 {
    color: #ad1457
}

.bg-pink-800 {
    background-color: #ad1457
}

.border-pink-800 {
    border-color: #ad1457
}

.fill-pink-800 {
    fill: #ad1457
}

.stroke-pink-800 {
    stroke: #ad1457
}

.color-pink-900 {
    color: #880e4f
}

.bg-pink-900 {
    background-color: #880e4f
}

.border-pink-900 {
    border-color: #880e4f
}

.fill-pink-900 {
    fill: #880e4f
}

.stroke-pink-900 {
    stroke: #880e4f
}

.color-pink-a100 {
    color: #ff80ab
}

.bg-pink-a100 {
    background-color: #ff80ab
}

.border-pink-a100 {
    border-color: #ff80ab
}

.fill-pink-a100 {
    fill: #ff80ab
}

.stroke-pink-a100 {
    stroke: #ff80ab
}

.color-pink-a200 {
    color: #ff4081
}

.bg-pink-a200 {
    background-color: #ff4081
}

.border-pink-a200 {
    border-color: #ff4081
}

.fill-pink-a200 {
    fill: #ff4081
}

.stroke-pink-a200 {
    stroke: #ff4081
}

.color-pink-a400 {
    color: #f50057
}

.bg-pink-a400 {
    background-color: #f50057
}

.border-pink-a400 {
    border-color: #f50057
}

.fill-pink-a400 {
    fill: #f50057
}

.stroke-pink-a400 {
    stroke: #f50057
}

.color-pink-a700 {
    color: #c51162
}

.bg-pink-a700 {
    background-color: #c51162
}

.border-pink-a700 {
    border-color: #c51162
}

.fill-pink-a700 {
    fill: #c51162
}

.stroke-pink-a700 {
    stroke: #c51162
}

.color-purple-50 {
    color: #f3e5f5
}

.bg-purple-50 {
    background-color: #f3e5f5
}

.border-purple-50 {
    border-color: #f3e5f5
}

.fill-purple-50 {
    fill: #f3e5f5
}

.stroke-purple-50 {
    stroke: #f3e5f5
}

.color-purple-100 {
    color: #e1bee7
}

.bg-purple-100 {
    background-color: #e1bee7
}

.border-purple-100 {
    border-color: #e1bee7
}

.fill-purple-100 {
    fill: #e1bee7
}

.stroke-purple-100 {
    stroke: #e1bee7
}

.color-purple-200 {
    color: #ce93d8
}

.bg-purple-200 {
    background-color: #ce93d8
}

.border-purple-200 {
    border-color: #ce93d8
}

.fill-purple-200 {
    fill: #ce93d8
}

.stroke-purple-200 {
    stroke: #ce93d8
}

.color-purple-300 {
    color: #ba68c8
}

.bg-purple-300 {
    background-color: #ba68c8
}

.border-purple-300 {
    border-color: #ba68c8
}

.fill-purple-300 {
    fill: #ba68c8
}

.stroke-purple-300 {
    stroke: #ba68c8
}

.color-purple-400 {
    color: #ab47bc
}

.bg-purple-400 {
    background-color: #ab47bc
}

.border-purple-400 {
    border-color: #ab47bc
}

.fill-purple-400 {
    fill: #ab47bc
}

.stroke-purple-400 {
    stroke: #ab47bc
}

.color-purple-500 {
    color: #9c27b0
}

.bg-purple-500 {
    background-color: #9c27b0
}

.border-purple-500 {
    border-color: #9c27b0
}

.fill-purple-500 {
    fill: #9c27b0
}

.stroke-purple-500 {
    stroke: #9c27b0
}

.color-purple-600 {
    color: #8e24aa
}

.bg-purple-600 {
    background-color: #8e24aa
}

.border-purple-600 {
    border-color: #8e24aa
}

.fill-purple-600 {
    fill: #8e24aa
}

.stroke-purple-600 {
    stroke: #8e24aa
}

.color-purple-700 {
    color: #7b1fa2
}

.bg-purple-700 {
    background-color: #7b1fa2
}

.border-purple-700 {
    border-color: #7b1fa2
}

.fill-purple-700 {
    fill: #7b1fa2
}

.stroke-purple-700 {
    stroke: #7b1fa2
}

.color-purple-800 {
    color: #6a1b9a
}

.bg-purple-800 {
    background-color: #6a1b9a
}

.border-purple-800 {
    border-color: #6a1b9a
}

.fill-purple-800 {
    fill: #6a1b9a
}

.stroke-purple-800 {
    stroke: #6a1b9a
}

.color-purple-900 {
    color: #4a148c
}

.bg-purple-900 {
    background-color: #4a148c
}

.border-purple-900 {
    border-color: #4a148c
}

.fill-purple-900 {
    fill: #4a148c
}

.stroke-purple-900 {
    stroke: #4a148c
}

.color-purple-a100 {
    color: #ea80fc
}

.bg-purple-a100 {
    background-color: #ea80fc
}

.border-purple-a100 {
    border-color: #ea80fc
}

.fill-purple-a100 {
    fill: #ea80fc
}

.stroke-purple-a100 {
    stroke: #ea80fc
}

.color-purple-a200 {
    color: #e040fb
}

.bg-purple-a200 {
    background-color: #e040fb
}

.border-purple-a200 {
    border-color: #e040fb
}

.fill-purple-a200 {
    fill: #e040fb
}

.stroke-purple-a200 {
    stroke: #e040fb
}

.color-purple-a400 {
    color: #d500f9
}

.bg-purple-a400 {
    background-color: #d500f9
}

.border-purple-a400 {
    border-color: #d500f9
}

.fill-purple-a400 {
    fill: #d500f9
}

.stroke-purple-a400 {
    stroke: #d500f9
}

.color-purple-a700 {
    color: #a0f
}

.bg-purple-a700 {
    background-color: #a0f
}

.border-purple-a700 {
    border-color: #a0f
}

.fill-purple-a700 {
    fill: #a0f
}

.stroke-purple-a700 {
    stroke: #a0f
}

.color-deep-purple-50 {
    color: #ede7f6
}

.bg-deep-purple-50 {
    background-color: #ede7f6
}

.border-deep-purple-50 {
    border-color: #ede7f6
}

.fill-deep-purple-50 {
    fill: #ede7f6
}

.stroke-deep-purple-50 {
    stroke: #ede7f6
}

.color-deep-purple-100 {
    color: #d1c4e9
}

.bg-deep-purple-100 {
    background-color: #d1c4e9
}

.border-deep-purple-100 {
    border-color: #d1c4e9
}

.fill-deep-purple-100 {
    fill: #d1c4e9
}

.stroke-deep-purple-100 {
    stroke: #d1c4e9
}

.color-deep-purple-200 {
    color: #b39ddb
}

.bg-deep-purple-200 {
    background-color: #b39ddb
}

.border-deep-purple-200 {
    border-color: #b39ddb
}

.fill-deep-purple-200 {
    fill: #b39ddb
}

.stroke-deep-purple-200 {
    stroke: #b39ddb
}

.color-deep-purple-300 {
    color: #9575cd
}

.bg-deep-purple-300 {
    background-color: #9575cd
}

.border-deep-purple-300 {
    border-color: #9575cd
}

.fill-deep-purple-300 {
    fill: #9575cd
}

.stroke-deep-purple-300 {
    stroke: #9575cd
}

.color-deep-purple-400 {
    color: #7e57c2
}

.bg-deep-purple-400 {
    background-color: #7e57c2
}

.border-deep-purple-400 {
    border-color: #7e57c2
}

.fill-deep-purple-400 {
    fill: #7e57c2
}

.stroke-deep-purple-400 {
    stroke: #7e57c2
}

.color-deep-purple-500 {
    color: #673ab7
}

.bg-deep-purple-500 {
    background-color: #673ab7
}

.border-deep-purple-500 {
    border-color: #673ab7
}

.fill-deep-purple-500 {
    fill: #673ab7
}

.stroke-deep-purple-500 {
    stroke: #673ab7
}

.color-deep-purple-600 {
    color: #5e35b1
}

.bg-deep-purple-600 {
    background-color: #5e35b1
}

.border-deep-purple-600 {
    border-color: #5e35b1
}

.fill-deep-purple-600 {
    fill: #5e35b1
}

.stroke-deep-purple-600 {
    stroke: #5e35b1
}

.color-deep-purple-700 {
    color: #512da8
}

.bg-deep-purple-700 {
    background-color: #512da8
}

.border-deep-purple-700 {
    border-color: #512da8
}

.fill-deep-purple-700 {
    fill: #512da8
}

.stroke-deep-purple-700 {
    stroke: #512da8
}

.color-deep-purple-800 {
    color: #4527a0
}

.bg-deep-purple-800 {
    background-color: #4527a0
}

.border-deep-purple-800 {
    border-color: #4527a0
}

.fill-deep-purple-800 {
    fill: #4527a0
}

.stroke-deep-purple-800 {
    stroke: #4527a0
}

.color-deep-purple-900 {
    color: #311b92
}

.bg-deep-purple-900 {
    background-color: #311b92
}

.border-deep-purple-900 {
    border-color: #311b92
}

.fill-deep-purple-900 {
    fill: #311b92
}

.stroke-deep-purple-900 {
    stroke: #311b92
}

.color-deep-purple-a100 {
    color: #b388ff
}

.bg-deep-purple-a100 {
    background-color: #b388ff
}

.border-deep-purple-a100 {
    border-color: #b388ff
}

.fill-deep-purple-a100 {
    fill: #b388ff
}

.stroke-deep-purple-a100 {
    stroke: #b388ff
}

.color-deep-purple-a200 {
    color: #7c4dff
}

.bg-deep-purple-a200 {
    background-color: #7c4dff
}

.border-deep-purple-a200 {
    border-color: #7c4dff
}

.fill-deep-purple-a200 {
    fill: #7c4dff
}

.stroke-deep-purple-a200 {
    stroke: #7c4dff
}

.color-deep-purple-a400 {
    color: #651fff
}

.bg-deep-purple-a400 {
    background-color: #651fff
}

.border-deep-purple-a400 {
    border-color: #651fff
}

.fill-deep-purple-a400 {
    fill: #651fff
}

.stroke-deep-purple-a400 {
    stroke: #651fff
}

.color-deep-purple-a700 {
    color: #6200ea
}

.bg-deep-purple-a700 {
    background-color: #6200ea
}

.border-deep-purple-a700 {
    border-color: #6200ea
}

.fill-deep-purple-a700 {
    fill: #6200ea
}

.stroke-deep-purple-a700 {
    stroke: #6200ea
}

.color-indigo-50 {
    color: #e8eaf6
}

.bg-indigo-50 {
    background-color: #e8eaf6
}

.border-indigo-50 {
    border-color: #e8eaf6
}

.fill-indigo-50 {
    fill: #e8eaf6
}

.stroke-indigo-50 {
    stroke: #e8eaf6
}

.color-indigo-100 {
    color: #c5cae9
}

.bg-indigo-100 {
    background-color: #c5cae9
}

.border-indigo-100 {
    border-color: #c5cae9
}

.fill-indigo-100 {
    fill: #c5cae9
}

.stroke-indigo-100 {
    stroke: #c5cae9
}

.color-indigo-200 {
    color: #9fa8da
}

.bg-indigo-200 {
    background-color: #9fa8da
}

.border-indigo-200 {
    border-color: #9fa8da
}

.fill-indigo-200 {
    fill: #9fa8da
}

.stroke-indigo-200 {
    stroke: #9fa8da
}

.color-indigo-300 {
    color: #7986cb
}

.bg-indigo-300 {
    background-color: #7986cb
}

.border-indigo-300 {
    border-color: #7986cb
}

.fill-indigo-300 {
    fill: #7986cb
}

.stroke-indigo-300 {
    stroke: #7986cb
}

.color-indigo-400 {
    color: #5c6bc0
}

.bg-indigo-400 {
    background-color: #5c6bc0
}

.border-indigo-400 {
    border-color: #5c6bc0
}

.fill-indigo-400 {
    fill: #5c6bc0
}

.stroke-indigo-400 {
    stroke: #5c6bc0
}

.color-indigo-500 {
    color: #3f51b5
}

.bg-indigo-500 {
    background-color: #3f51b5
}

.border-indigo-500 {
    border-color: #3f51b5
}

.fill-indigo-500 {
    fill: #3f51b5
}

.stroke-indigo-500 {
    stroke: #3f51b5
}

.color-indigo-600 {
    color: #3949ab
}

.bg-indigo-600 {
    background-color: #3949ab
}

.border-indigo-600 {
    border-color: #3949ab
}

.fill-indigo-600 {
    fill: #3949ab
}

.stroke-indigo-600 {
    stroke: #3949ab
}

.color-indigo-700 {
    color: #303f9f
}

.bg-indigo-700 {
    background-color: #303f9f
}

.border-indigo-700 {
    border-color: #303f9f
}

.fill-indigo-700 {
    fill: #303f9f
}

.stroke-indigo-700 {
    stroke: #303f9f
}

.color-indigo-800 {
    color: #283593
}

.bg-indigo-800 {
    background-color: #283593
}

.border-indigo-800 {
    border-color: #283593
}

.fill-indigo-800 {
    fill: #283593
}

.stroke-indigo-800 {
    stroke: #283593
}

.color-indigo-900 {
    color: #1a237e
}

.bg-indigo-900 {
    background-color: #1a237e
}

.border-indigo-900 {
    border-color: #1a237e
}

.fill-indigo-900 {
    fill: #1a237e
}

.stroke-indigo-900 {
    stroke: #1a237e
}

.color-indigo-a100 {
    color: #8c9eff
}

.bg-indigo-a100 {
    background-color: #8c9eff
}

.border-indigo-a100 {
    border-color: #8c9eff
}

.fill-indigo-a100 {
    fill: #8c9eff
}

.stroke-indigo-a100 {
    stroke: #8c9eff
}

.color-indigo-a200 {
    color: #536dfe
}

.bg-indigo-a200 {
    background-color: #536dfe
}

.border-indigo-a200 {
    border-color: #536dfe
}

.fill-indigo-a200 {
    fill: #536dfe
}

.stroke-indigo-a200 {
    stroke: #536dfe
}

.color-indigo-a400 {
    color: #3d5afe
}

.bg-indigo-a400 {
    background-color: #3d5afe
}

.border-indigo-a400 {
    border-color: #3d5afe
}

.fill-indigo-a400 {
    fill: #3d5afe
}

.stroke-indigo-a400 {
    stroke: #3d5afe
}

.color-indigo-a700 {
    color: #304ffe
}

.bg-indigo-a700 {
    background-color: #304ffe
}

.border-indigo-a700 {
    border-color: #304ffe
}

.fill-indigo-a700 {
    fill: #304ffe
}

.stroke-indigo-a700 {
    stroke: #304ffe
}

.color-blue-50 {
    color: #e3f2fd
}

.bg-blue-50 {
    background-color: #e3f2fd
}

.border-blue-50 {
    border-color: #e3f2fd
}

.fill-blue-50 {
    fill: #e3f2fd
}

.stroke-blue-50 {
    stroke: #e3f2fd
}

.color-blue-100 {
    color: #bbdefb
}

.bg-blue-100 {
    background-color: #bbdefb
}

.border-blue-100 {
    border-color: #bbdefb
}

.fill-blue-100 {
    fill: #bbdefb
}

.stroke-blue-100 {
    stroke: #bbdefb
}

.color-blue-200 {
    color: #90caf9
}

.bg-blue-200 {
    background-color: #90caf9
}

.border-blue-200 {
    border-color: #90caf9
}

.fill-blue-200 {
    fill: #90caf9
}

.stroke-blue-200 {
    stroke: #90caf9
}

.color-blue-300 {
    color: #64b5f6
}

.bg-blue-300 {
    background-color: #64b5f6
}

.border-blue-300 {
    border-color: #64b5f6
}

.fill-blue-300 {
    fill: #64b5f6
}

.stroke-blue-300 {
    stroke: #64b5f6
}

.color-blue-400 {
    color: #42a5f5
}

.bg-blue-400 {
    background-color: #42a5f5
}

.border-blue-400 {
    border-color: #42a5f5
}

.fill-blue-400 {
    fill: #42a5f5
}

.stroke-blue-400 {
    stroke: #42a5f5
}

.color-blue-500 {
    color: #2196f3
}

.bg-blue-500 {
    background-color: #2196f3
}

.border-blue-500 {
    border-color: #2196f3
}

.fill-blue-500 {
    fill: #2196f3
}

.stroke-blue-500 {
    stroke: #2196f3
}

.color-blue-600 {
    color: #1e88e5
}

.bg-blue-600 {
    background-color: #1e88e5
}

.border-blue-600 {
    border-color: #1e88e5
}

.fill-blue-600 {
    fill: #1e88e5
}

.stroke-blue-600 {
    stroke: #1e88e5
}

.color-blue-700 {
    color: #1976d2
}

.bg-blue-700 {
    background-color: #1976d2
}

.border-blue-700 {
    border-color: #1976d2
}

.fill-blue-700 {
    fill: #1976d2
}

.stroke-blue-700 {
    stroke: #1976d2
}

.color-blue-800 {
    color: #1565c0
}

.bg-blue-800 {
    background-color: #1565c0
}

.border-blue-800 {
    border-color: #1565c0
}

.fill-blue-800 {
    fill: #1565c0
}

.stroke-blue-800 {
    stroke: #1565c0
}

.color-blue-900 {
    color: #0d47a1
}

.bg-blue-900 {
    background-color: #0d47a1
}

.border-blue-900 {
    border-color: #0d47a1
}

.fill-blue-900 {
    fill: #0d47a1
}

.stroke-blue-900 {
    stroke: #0d47a1
}

.color-blue-a100 {
    color: #82b1ff
}

.bg-blue-a100 {
    background-color: #82b1ff
}

.border-blue-a100 {
    border-color: #82b1ff
}

.fill-blue-a100 {
    fill: #82b1ff
}

.stroke-blue-a100 {
    stroke: #82b1ff
}

.color-blue-a200 {
    color: #448aff
}

.bg-blue-a200 {
    background-color: #448aff
}

.border-blue-a200 {
    border-color: #448aff
}

.fill-blue-a200 {
    fill: #448aff
}

.stroke-blue-a200 {
    stroke: #448aff
}

.color-blue-a400 {
    color: #2979ff
}

.bg-blue-a400 {
    background-color: #2979ff
}

.border-blue-a400 {
    border-color: #2979ff
}

.fill-blue-a400 {
    fill: #2979ff
}

.stroke-blue-a400 {
    stroke: #2979ff
}

.color-blue-a700 {
    color: #2962ff
}

.bg-blue-a700 {
    background-color: #2962ff
}

.border-blue-a700 {
    border-color: #2962ff
}

.fill-blue-a700 {
    fill: #2962ff
}

.stroke-blue-a700 {
    stroke: #2962ff
}

.color-light-blue-50 {
    color: #e1f5fe
}

.bg-light-blue-50 {
    background-color: #e1f5fe
}

.border-light-blue-50 {
    border-color: #e1f5fe
}

.fill-light-blue-50 {
    fill: #e1f5fe
}

.stroke-light-blue-50 {
    stroke: #e1f5fe
}

.color-light-blue-100 {
    color: #b3e5fc
}

.bg-light-blue-100 {
    background-color: #b3e5fc
}

.border-light-blue-100 {
    border-color: #b3e5fc
}

.fill-light-blue-100 {
    fill: #b3e5fc
}

.stroke-light-blue-100 {
    stroke: #b3e5fc
}

.color-light-blue-200 {
    color: #81d4fa
}

.bg-light-blue-200 {
    background-color: #81d4fa
}

.border-light-blue-200 {
    border-color: #81d4fa
}

.fill-light-blue-200 {
    fill: #81d4fa
}

.stroke-light-blue-200 {
    stroke: #81d4fa
}

.color-light-blue-300 {
    color: #4fc3f7
}

.bg-light-blue-300 {
    background-color: #4fc3f7
}

.border-light-blue-300 {
    border-color: #4fc3f7
}

.fill-light-blue-300 {
    fill: #4fc3f7
}

.stroke-light-blue-300 {
    stroke: #4fc3f7
}

.color-light-blue-400 {
    color: #29b6f6
}

.bg-light-blue-400 {
    background-color: #29b6f6
}

.border-light-blue-400 {
    border-color: #29b6f6
}

.fill-light-blue-400 {
    fill: #29b6f6
}

.stroke-light-blue-400 {
    stroke: #29b6f6
}

.color-light-blue-500 {
    color: #03a9f4
}

.bg-light-blue-500 {
    background-color: #03a9f4
}

.border-light-blue-500 {
    border-color: #03a9f4
}

.fill-light-blue-500 {
    fill: #03a9f4
}

.stroke-light-blue-500 {
    stroke: #03a9f4
}

.color-light-blue-600 {
    color: #039be5
}

.bg-light-blue-600 {
    background-color: #039be5
}

.border-light-blue-600 {
    border-color: #039be5
}

.fill-light-blue-600 {
    fill: #039be5
}

.stroke-light-blue-600 {
    stroke: #039be5
}

.color-light-blue-700 {
    color: #0288d1
}

.bg-light-blue-700 {
    background-color: #0288d1
}

.border-light-blue-700 {
    border-color: #0288d1
}

.fill-light-blue-700 {
    fill: #0288d1
}

.stroke-light-blue-700 {
    stroke: #0288d1
}

.color-light-blue-800 {
    color: #0277bd
}

.bg-light-blue-800 {
    background-color: #0277bd
}

.border-light-blue-800 {
    border-color: #0277bd
}

.fill-light-blue-800 {
    fill: #0277bd
}

.stroke-light-blue-800 {
    stroke: #0277bd
}

.color-light-blue-900 {
    color: #01579b
}

.bg-light-blue-900 {
    background-color: #01579b
}

.border-light-blue-900 {
    border-color: #01579b
}

.fill-light-blue-900 {
    fill: #01579b
}

.stroke-light-blue-900 {
    stroke: #01579b
}

.color-light-blue-a100 {
    color: #80d8ff
}

.bg-light-blue-a100 {
    background-color: #80d8ff
}

.border-light-blue-a100 {
    border-color: #80d8ff
}

.fill-light-blue-a100 {
    fill: #80d8ff
}

.stroke-light-blue-a100 {
    stroke: #80d8ff
}

.color-light-blue-a200 {
    color: #40c4ff
}

.bg-light-blue-a200 {
    background-color: #40c4ff
}

.border-light-blue-a200 {
    border-color: #40c4ff
}

.fill-light-blue-a200 {
    fill: #40c4ff
}

.stroke-light-blue-a200 {
    stroke: #40c4ff
}

.color-light-blue-a400 {
    color: #00b0ff
}

.bg-light-blue-a400 {
    background-color: #00b0ff
}

.border-light-blue-a400 {
    border-color: #00b0ff
}

.fill-light-blue-a400 {
    fill: #00b0ff
}

.stroke-light-blue-a400 {
    stroke: #00b0ff
}

.color-light-blue-a700 {
    color: #0091ea
}

.bg-light-blue-a700 {
    background-color: #0091ea
}

.border-light-blue-a700 {
    border-color: #0091ea
}

.fill-light-blue-a700 {
    fill: #0091ea
}

.stroke-light-blue-a700 {
    stroke: #0091ea
}

.color-cyan-50 {
    color: #e0f7fa
}

.bg-cyan-50 {
    background-color: #e0f7fa
}

.border-cyan-50 {
    border-color: #e0f7fa
}

.fill-cyan-50 {
    fill: #e0f7fa
}

.stroke-cyan-50 {
    stroke: #e0f7fa
}

.color-cyan-100 {
    color: #b2ebf2
}

.bg-cyan-100 {
    background-color: #b2ebf2
}

.border-cyan-100 {
    border-color: #b2ebf2
}

.fill-cyan-100 {
    fill: #b2ebf2
}

.stroke-cyan-100 {
    stroke: #b2ebf2
}

.color-cyan-200 {
    color: #80deea
}

.bg-cyan-200 {
    background-color: #80deea
}

.border-cyan-200 {
    border-color: #80deea
}

.fill-cyan-200 {
    fill: #80deea
}

.stroke-cyan-200 {
    stroke: #80deea
}

.color-cyan-300 {
    color: #4dd0e1
}

.bg-cyan-300 {
    background-color: #4dd0e1
}

.border-cyan-300 {
    border-color: #4dd0e1
}

.fill-cyan-300 {
    fill: #4dd0e1
}

.stroke-cyan-300 {
    stroke: #4dd0e1
}

.color-cyan-400 {
    color: #26c6da
}

.bg-cyan-400 {
    background-color: #26c6da
}

.border-cyan-400 {
    border-color: #26c6da
}

.fill-cyan-400 {
    fill: #26c6da
}

.stroke-cyan-400 {
    stroke: #26c6da
}

.color-cyan-500 {
    color: #00bcd4
}

.bg-cyan-500 {
    background-color: #00bcd4
}

.border-cyan-500 {
    border-color: #00bcd4
}

.fill-cyan-500 {
    fill: #00bcd4
}

.stroke-cyan-500 {
    stroke: #00bcd4
}

.color-cyan-600 {
    color: #00acc1
}

.bg-cyan-600 {
    background-color: #00acc1
}

.border-cyan-600 {
    border-color: #00acc1
}

.fill-cyan-600 {
    fill: #00acc1
}

.stroke-cyan-600 {
    stroke: #00acc1
}

.color-cyan-700 {
    color: #0097a7
}

.bg-cyan-700 {
    background-color: #0097a7
}

.border-cyan-700 {
    border-color: #0097a7
}

.fill-cyan-700 {
    fill: #0097a7
}

.stroke-cyan-700 {
    stroke: #0097a7
}

.color-cyan-800 {
    color: #00838f
}

.bg-cyan-800 {
    background-color: #00838f
}

.border-cyan-800 {
    border-color: #00838f
}

.fill-cyan-800 {
    fill: #00838f
}

.stroke-cyan-800 {
    stroke: #00838f
}

.color-cyan-900 {
    color: #006064
}

.bg-cyan-900 {
    background-color: #006064
}

.border-cyan-900 {
    border-color: #006064
}

.fill-cyan-900 {
    fill: #006064
}

.stroke-cyan-900 {
    stroke: #006064
}

.color-cyan-a100 {
    color: #84ffff
}

.bg-cyan-a100 {
    background-color: #84ffff
}

.border-cyan-a100 {
    border-color: #84ffff
}

.fill-cyan-a100 {
    fill: #84ffff
}

.stroke-cyan-a100 {
    stroke: #84ffff
}

.color-cyan-a200 {
    color: #18ffff
}

.bg-cyan-a200 {
    background-color: #18ffff
}

.border-cyan-a200 {
    border-color: #18ffff
}

.fill-cyan-a200 {
    fill: #18ffff
}

.stroke-cyan-a200 {
    stroke: #18ffff
}

.color-cyan-a400 {
    color: #00e5ff
}

.bg-cyan-a400 {
    background-color: #00e5ff
}

.border-cyan-a400 {
    border-color: #00e5ff
}

.fill-cyan-a400 {
    fill: #00e5ff
}

.stroke-cyan-a400 {
    stroke: #00e5ff
}

.color-cyan-a700 {
    color: #00b8d4
}

.bg-cyan-a700 {
    background-color: #00b8d4
}

.border-cyan-a700 {
    border-color: #00b8d4
}

.fill-cyan-a700 {
    fill: #00b8d4
}

.stroke-cyan-a700 {
    stroke: #00b8d4
}

.color-teal-50 {
    color: #e0f2f1
}

.bg-teal-50 {
    background-color: #e0f2f1
}

.border-teal-50 {
    border-color: #e0f2f1
}

.fill-teal-50 {
    fill: #e0f2f1
}

.stroke-teal-50 {
    stroke: #e0f2f1
}

.color-teal-100 {
    color: #b2dfdb
}

.bg-teal-100 {
    background-color: #b2dfdb
}

.border-teal-100 {
    border-color: #b2dfdb
}

.fill-teal-100 {
    fill: #b2dfdb
}

.stroke-teal-100 {
    stroke: #b2dfdb
}

.color-teal-200 {
    color: #80cbc4
}

.bg-teal-200 {
    background-color: #80cbc4
}

.border-teal-200 {
    border-color: #80cbc4
}

.fill-teal-200 {
    fill: #80cbc4
}

.stroke-teal-200 {
    stroke: #80cbc4
}

.color-teal-300 {
    color: #4db6ac
}

.bg-teal-300 {
    background-color: #4db6ac
}

.border-teal-300 {
    border-color: #4db6ac
}

.fill-teal-300 {
    fill: #4db6ac
}

.stroke-teal-300 {
    stroke: #4db6ac
}

.color-teal-400 {
    color: #26a69a
}

.bg-teal-400 {
    background-color: #26a69a
}

.border-teal-400 {
    border-color: #26a69a
}

.fill-teal-400 {
    fill: #26a69a
}

.stroke-teal-400 {
    stroke: #26a69a
}

.color-teal-500 {
    color: #009688
}

.bg-teal-500 {
    background-color: #009688
}

.border-teal-500 {
    border-color: #009688
}

.fill-teal-500 {
    fill: #009688
}

.stroke-teal-500 {
    stroke: #009688
}

.color-teal-600 {
    color: #00897b
}

.bg-teal-600 {
    background-color: #00897b
}

.border-teal-600 {
    border-color: #00897b
}

.fill-teal-600 {
    fill: #00897b
}

.stroke-teal-600 {
    stroke: #00897b
}

.color-teal-700 {
    color: #00796b
}

.bg-teal-700 {
    background-color: #00796b
}

.border-teal-700 {
    border-color: #00796b
}

.fill-teal-700 {
    fill: #00796b
}

.stroke-teal-700 {
    stroke: #00796b
}

.color-teal-800 {
    color: #00695c
}

.bg-teal-800 {
    background-color: #00695c
}

.border-teal-800 {
    border-color: #00695c
}

.fill-teal-800 {
    fill: #00695c
}

.stroke-teal-800 {
    stroke: #00695c
}

.color-teal-900 {
    color: #004d40
}

.bg-teal-900 {
    background-color: #004d40
}

.border-teal-900 {
    border-color: #004d40
}

.fill-teal-900 {
    fill: #004d40
}

.stroke-teal-900 {
    stroke: #004d40
}

.color-teal-a100 {
    color: #a7ffeb
}

.bg-teal-a100 {
    background-color: #a7ffeb
}

.border-teal-a100 {
    border-color: #a7ffeb
}

.fill-teal-a100 {
    fill: #a7ffeb
}

.stroke-teal-a100 {
    stroke: #a7ffeb
}

.color-teal-a200 {
    color: #64ffda
}

.bg-teal-a200 {
    background-color: #64ffda
}

.border-teal-a200 {
    border-color: #64ffda
}

.fill-teal-a200 {
    fill: #64ffda
}

.stroke-teal-a200 {
    stroke: #64ffda
}

.color-teal-a400 {
    color: #1de9b6
}

.bg-teal-a400 {
    background-color: #1de9b6
}

.border-teal-a400 {
    border-color: #1de9b6
}

.fill-teal-a400 {
    fill: #1de9b6
}

.stroke-teal-a400 {
    stroke: #1de9b6
}

.color-teal-a700 {
    color: #00bfa5
}

.bg-teal-a700 {
    background-color: #00bfa5
}

.border-teal-a700 {
    border-color: #00bfa5
}

.fill-teal-a700 {
    fill: #00bfa5
}

.stroke-teal-a700 {
    stroke: #00bfa5
}

.color-green-50 {
    color: #e8f5e9
}

.bg-green-50 {
    background-color: #e8f5e9
}

.border-green-50 {
    border-color: #e8f5e9
}

.fill-green-50 {
    fill: #e8f5e9
}

.stroke-green-50 {
    stroke: #e8f5e9
}

.color-green-100 {
    color: #c8e6c9
}

.bg-green-100 {
    background-color: #c8e6c9
}

.border-green-100 {
    border-color: #c8e6c9
}

.fill-green-100 {
    fill: #c8e6c9
}

.stroke-green-100 {
    stroke: #c8e6c9
}

.color-green-200 {
    color: #a5d6a7
}

.bg-green-200 {
    background-color: #a5d6a7
}

.border-green-200 {
    border-color: #a5d6a7
}

.fill-green-200 {
    fill: #a5d6a7
}

.stroke-green-200 {
    stroke: #a5d6a7
}

.color-green-300 {
    color: #81c784
}

.bg-green-300 {
    background-color: #81c784
}

.border-green-300 {
    border-color: #81c784
}

.fill-green-300 {
    fill: #81c784
}

.stroke-green-300 {
    stroke: #81c784
}

.color-green-400 {
    color: #66bb6a
}

.bg-green-400 {
    background-color: #66bb6a
}

.border-green-400 {
    border-color: #66bb6a
}

.fill-green-400 {
    fill: #66bb6a
}

.stroke-green-400 {
    stroke: #66bb6a
}

.color-green-500 {
    color: #4caf50
}

.bg-green-500 {
    background-color: #4caf50
}

.border-green-500 {
    border-color: #4caf50
}

.fill-green-500 {
    fill: #4caf50
}

.stroke-green-500 {
    stroke: #4caf50
}

.color-green-600 {
    color: #43a047
}

.bg-green-600 {
    background-color: #43a047
}

.border-green-600 {
    border-color: #43a047
}

.fill-green-600 {
    fill: #43a047
}

.stroke-green-600 {
    stroke: #43a047
}

.color-green-700 {
    color: #388e3c
}

.bg-green-700 {
    background-color: #388e3c
}

.border-green-700 {
    border-color: #388e3c
}

.fill-green-700 {
    fill: #388e3c
}

.stroke-green-700 {
    stroke: #388e3c
}

.color-green-800 {
    color: #2e7d32
}

.bg-green-800 {
    background-color: #2e7d32
}

.border-green-800 {
    border-color: #2e7d32
}

.fill-green-800 {
    fill: #2e7d32
}

.stroke-green-800 {
    stroke: #2e7d32
}

.color-green-900 {
    color: #1b5e20
}

.bg-green-900 {
    background-color: #1b5e20
}

.border-green-900 {
    border-color: #1b5e20
}

.fill-green-900 {
    fill: #1b5e20
}

.stroke-green-900 {
    stroke: #1b5e20
}

.color-green-a100 {
    color: #b9f6ca
}

.bg-green-a100 {
    background-color: #b9f6ca
}

.border-green-a100 {
    border-color: #b9f6ca
}

.fill-green-a100 {
    fill: #b9f6ca
}

.stroke-green-a100 {
    stroke: #b9f6ca
}

.color-green-a200 {
    color: #69f0ae
}

.bg-green-a200 {
    background-color: #69f0ae
}

.border-green-a200 {
    border-color: #69f0ae
}

.fill-green-a200 {
    fill: #69f0ae
}

.stroke-green-a200 {
    stroke: #69f0ae
}

.color-green-a400 {
    color: #00e676
}

.bg-green-a400 {
    background-color: #00e676
}

.border-green-a400 {
    border-color: #00e676
}

.fill-green-a400 {
    fill: #00e676
}

.stroke-green-a400 {
    stroke: #00e676
}

.color-green-a700 {
    color: #00c853
}

.bg-green-a700 {
    background-color: #00c853
}

.border-green-a700 {
    border-color: #00c853
}

.fill-green-a700 {
    fill: #00c853
}

.stroke-green-a700 {
    stroke: #00c853
}

.color-light-green-50 {
    color: #f1f8e9
}

.bg-light-green-50 {
    background-color: #f1f8e9
}

.border-light-green-50 {
    border-color: #f1f8e9
}

.fill-light-green-50 {
    fill: #f1f8e9
}

.stroke-light-green-50 {
    stroke: #f1f8e9
}

.color-light-green-100 {
    color: #dcedc8
}

.bg-light-green-100 {
    background-color: #dcedc8
}

.border-light-green-100 {
    border-color: #dcedc8
}

.fill-light-green-100 {
    fill: #dcedc8
}

.stroke-light-green-100 {
    stroke: #dcedc8
}

.color-light-green-200 {
    color: #c5e1a5
}

.bg-light-green-200 {
    background-color: #c5e1a5
}

.border-light-green-200 {
    border-color: #c5e1a5
}

.fill-light-green-200 {
    fill: #c5e1a5
}

.stroke-light-green-200 {
    stroke: #c5e1a5
}

.color-light-green-300 {
    color: #aed581
}

.bg-light-green-300 {
    background-color: #aed581
}

.border-light-green-300 {
    border-color: #aed581
}

.fill-light-green-300 {
    fill: #aed581
}

.stroke-light-green-300 {
    stroke: #aed581
}

.color-light-green-400 {
    color: #9ccc65
}

.bg-light-green-400 {
    background-color: #9ccc65
}

.border-light-green-400 {
    border-color: #9ccc65
}

.fill-light-green-400 {
    fill: #9ccc65
}

.stroke-light-green-400 {
    stroke: #9ccc65
}

.color-light-green-500 {
    color: #8bc34a
}

.bg-light-green-500 {
    background-color: #8bc34a
}

.border-light-green-500 {
    border-color: #8bc34a
}

.fill-light-green-500 {
    fill: #8bc34a
}

.stroke-light-green-500 {
    stroke: #8bc34a
}

.color-light-green-600 {
    color: #7cb342
}

.bg-light-green-600 {
    background-color: #7cb342
}

.border-light-green-600 {
    border-color: #7cb342
}

.fill-light-green-600 {
    fill: #7cb342
}

.stroke-light-green-600 {
    stroke: #7cb342
}

.color-light-green-700 {
    color: #689f38
}

.bg-light-green-700 {
    background-color: #689f38
}

.border-light-green-700 {
    border-color: #689f38
}

.fill-light-green-700 {
    fill: #689f38
}

.stroke-light-green-700 {
    stroke: #689f38
}

.color-light-green-800 {
    color: #558b2f
}

.bg-light-green-800 {
    background-color: #558b2f
}

.border-light-green-800 {
    border-color: #558b2f
}

.fill-light-green-800 {
    fill: #558b2f
}

.stroke-light-green-800 {
    stroke: #558b2f
}

.color-light-green-900 {
    color: #33691e
}

.bg-light-green-900 {
    background-color: #33691e
}

.border-light-green-900 {
    border-color: #33691e
}

.fill-light-green-900 {
    fill: #33691e
}

.stroke-light-green-900 {
    stroke: #33691e
}

.color-light-green-a100 {
    color: #ccff90
}

.bg-light-green-a100 {
    background-color: #ccff90
}

.border-light-green-a100 {
    border-color: #ccff90
}

.fill-light-green-a100 {
    fill: #ccff90
}

.stroke-light-green-a100 {
    stroke: #ccff90
}

.color-light-green-a200 {
    color: #b2ff59
}

.bg-light-green-a200 {
    background-color: #b2ff59
}

.border-light-green-a200 {
    border-color: #b2ff59
}

.fill-light-green-a200 {
    fill: #b2ff59
}

.stroke-light-green-a200 {
    stroke: #b2ff59
}

.color-light-green-a400 {
    color: #76ff03
}

.bg-light-green-a400 {
    background-color: #76ff03
}

.border-light-green-a400 {
    border-color: #76ff03
}

.fill-light-green-a400 {
    fill: #76ff03
}

.stroke-light-green-a400 {
    stroke: #76ff03
}

.color-light-green-a700 {
    color: #64dd17
}

.bg-light-green-a700 {
    background-color: #64dd17
}

.border-light-green-a700 {
    border-color: #64dd17
}

.fill-light-green-a700 {
    fill: #64dd17
}

.stroke-light-green-a700 {
    stroke: #64dd17
}

.color-lime-50 {
    color: #f9fbe7
}

.bg-lime-50 {
    background-color: #f9fbe7
}

.border-lime-50 {
    border-color: #f9fbe7
}

.fill-lime-50 {
    fill: #f9fbe7
}

.stroke-lime-50 {
    stroke: #f9fbe7
}

.color-lime-100 {
    color: #f0f4c3
}

.bg-lime-100 {
    background-color: #f0f4c3
}

.border-lime-100 {
    border-color: #f0f4c3
}

.fill-lime-100 {
    fill: #f0f4c3
}

.stroke-lime-100 {
    stroke: #f0f4c3
}

.color-lime-200 {
    color: #e6ee9c
}

.bg-lime-200 {
    background-color: #e6ee9c
}

.border-lime-200 {
    border-color: #e6ee9c
}

.fill-lime-200 {
    fill: #e6ee9c
}

.stroke-lime-200 {
    stroke: #e6ee9c
}

.color-lime-300 {
    color: #dce775
}

.bg-lime-300 {
    background-color: #dce775
}

.border-lime-300 {
    border-color: #dce775
}

.fill-lime-300 {
    fill: #dce775
}

.stroke-lime-300 {
    stroke: #dce775
}

.color-lime-400 {
    color: #d4e157
}

.bg-lime-400 {
    background-color: #d4e157
}

.border-lime-400 {
    border-color: #d4e157
}

.fill-lime-400 {
    fill: #d4e157
}

.stroke-lime-400 {
    stroke: #d4e157
}

.color-lime-500 {
    color: #cddc39
}

.bg-lime-500 {
    background-color: #cddc39
}

.border-lime-500 {
    border-color: #cddc39
}

.fill-lime-500 {
    fill: #cddc39
}

.stroke-lime-500 {
    stroke: #cddc39
}

.color-lime-600 {
    color: #c0ca33
}

.bg-lime-600 {
    background-color: #c0ca33
}

.border-lime-600 {
    border-color: #c0ca33
}

.fill-lime-600 {
    fill: #c0ca33
}

.stroke-lime-600 {
    stroke: #c0ca33
}

.color-lime-700 {
    color: #afb42b
}

.bg-lime-700 {
    background-color: #afb42b
}

.border-lime-700 {
    border-color: #afb42b
}

.fill-lime-700 {
    fill: #afb42b
}

.stroke-lime-700 {
    stroke: #afb42b
}

.color-lime-800 {
    color: #9e9d24
}

.bg-lime-800 {
    background-color: #9e9d24
}

.border-lime-800 {
    border-color: #9e9d24
}

.fill-lime-800 {
    fill: #9e9d24
}

.stroke-lime-800 {
    stroke: #9e9d24
}

.color-lime-900 {
    color: #827717
}

.bg-lime-900 {
    background-color: #827717
}

.border-lime-900 {
    border-color: #827717
}

.fill-lime-900 {
    fill: #827717
}

.stroke-lime-900 {
    stroke: #827717
}

.color-lime-a100 {
    color: #f4ff81
}

.bg-lime-a100 {
    background-color: #f4ff81
}

.border-lime-a100 {
    border-color: #f4ff81
}

.fill-lime-a100 {
    fill: #f4ff81
}

.stroke-lime-a100 {
    stroke: #f4ff81
}

.color-lime-a200 {
    color: #eeff41
}

.bg-lime-a200 {
    background-color: #eeff41
}

.border-lime-a200 {
    border-color: #eeff41
}

.fill-lime-a200 {
    fill: #eeff41
}

.stroke-lime-a200 {
    stroke: #eeff41
}

.color-lime-a400 {
    color: #c6ff00
}

.bg-lime-a400 {
    background-color: #c6ff00
}

.border-lime-a400 {
    border-color: #c6ff00
}

.fill-lime-a400 {
    fill: #c6ff00
}

.stroke-lime-a400 {
    stroke: #c6ff00
}

.color-lime-a700 {
    color: #aeea00
}

.bg-lime-a700 {
    background-color: #aeea00
}

.border-lime-a700 {
    border-color: #aeea00
}

.fill-lime-a700 {
    fill: #aeea00
}

.stroke-lime-a700 {
    stroke: #aeea00
}

.color-yellow-50 {
    color: #fffde7
}

.bg-yellow-50 {
    background-color: #fffde7
}

.border-yellow-50 {
    border-color: #fffde7
}

.fill-yellow-50 {
    fill: #fffde7
}

.stroke-yellow-50 {
    stroke: #fffde7
}

.color-yellow-100 {
    color: #fff9c4
}

.bg-yellow-100 {
    background-color: #fff9c4
}

.border-yellow-100 {
    border-color: #fff9c4
}

.fill-yellow-100 {
    fill: #fff9c4
}

.stroke-yellow-100 {
    stroke: #fff9c4
}

.color-yellow-200 {
    color: #fff59d
}

.bg-yellow-200 {
    background-color: #fff59d
}

.border-yellow-200 {
    border-color: #fff59d
}

.fill-yellow-200 {
    fill: #fff59d
}

.stroke-yellow-200 {
    stroke: #fff59d
}

.color-yellow-300 {
    color: #fff176
}

.bg-yellow-300 {
    background-color: #fff176
}

.border-yellow-300 {
    border-color: #fff176
}

.fill-yellow-300 {
    fill: #fff176
}

.stroke-yellow-300 {
    stroke: #fff176
}

.color-yellow-400 {
    color: #ffee58
}

.bg-yellow-400 {
    background-color: #ffee58
}

.border-yellow-400 {
    border-color: #ffee58
}

.fill-yellow-400 {
    fill: #ffee58
}

.stroke-yellow-400 {
    stroke: #ffee58
}

.color-yellow-500 {
    color: #ffeb3b
}

.bg-yellow-500 {
    background-color: #ffeb3b
}

.border-yellow-500 {
    border-color: #ffeb3b
}

.fill-yellow-500 {
    fill: #ffeb3b
}

.stroke-yellow-500 {
    stroke: #ffeb3b
}

.color-yellow-600 {
    color: #fdd835
}

.bg-yellow-600 {
    background-color: #fdd835
}

.border-yellow-600 {
    border-color: #fdd835
}

.fill-yellow-600 {
    fill: #fdd835
}

.stroke-yellow-600 {
    stroke: #fdd835
}

.color-yellow-700 {
    color: #fbc02d
}

.bg-yellow-700 {
    background-color: #fbc02d
}

.border-yellow-700 {
    border-color: #fbc02d
}

.fill-yellow-700 {
    fill: #fbc02d
}

.stroke-yellow-700 {
    stroke: #fbc02d
}

.color-yellow-800 {
    color: #f9a825
}

.bg-yellow-800 {
    background-color: #f9a825
}

.border-yellow-800 {
    border-color: #f9a825
}

.fill-yellow-800 {
    fill: #f9a825
}

.stroke-yellow-800 {
    stroke: #f9a825
}

.color-yellow-900 {
    color: #f57f17
}

.bg-yellow-900 {
    background-color: #f57f17
}

.border-yellow-900 {
    border-color: #f57f17
}

.fill-yellow-900 {
    fill: #f57f17
}

.stroke-yellow-900 {
    stroke: #f57f17
}

.color-yellow-a100 {
    color: #ffff8d
}

.bg-yellow-a100 {
    background-color: #ffff8d
}

.border-yellow-a100 {
    border-color: #ffff8d
}

.fill-yellow-a100 {
    fill: #ffff8d
}

.stroke-yellow-a100 {
    stroke: #ffff8d
}

.color-yellow-a200 {
    color: #ff0
}

.bg-yellow-a200 {
    background-color: #ff0
}

.border-yellow-a200 {
    border-color: #ff0
}

.fill-yellow-a200 {
    fill: #ff0
}

.stroke-yellow-a200 {
    stroke: #ff0
}

.color-yellow-a400 {
    color: #ffea00
}

.bg-yellow-a400 {
    background-color: #ffea00
}

.border-yellow-a400 {
    border-color: #ffea00
}

.fill-yellow-a400 {
    fill: #ffea00
}

.stroke-yellow-a400 {
    stroke: #ffea00
}

.color-yellow-a700 {
    color: #ffd600
}

.bg-yellow-a700 {
    background-color: #ffd600
}

.border-yellow-a700 {
    border-color: #ffd600
}

.fill-yellow-a700 {
    fill: #ffd600
}

.stroke-yellow-a700 {
    stroke: #ffd600
}

.color-amber-50 {
    color: #fff8e1
}

.bg-amber-50 {
    background-color: #fff8e1
}

.border-amber-50 {
    border-color: #fff8e1
}

.fill-amber-50 {
    fill: #fff8e1
}

.stroke-amber-50 {
    stroke: #fff8e1
}

.color-amber-100 {
    color: #ffecb3
}

.bg-amber-100 {
    background-color: #ffecb3
}

.border-amber-100 {
    border-color: #ffecb3
}

.fill-amber-100 {
    fill: #ffecb3
}

.stroke-amber-100 {
    stroke: #ffecb3
}

.color-amber-200 {
    color: #ffe082
}

.bg-amber-200 {
    background-color: #ffe082
}

.border-amber-200 {
    border-color: #ffe082
}

.fill-amber-200 {
    fill: #ffe082
}

.stroke-amber-200 {
    stroke: #ffe082
}

.color-amber-300 {
    color: #ffd54f
}

.bg-amber-300 {
    background-color: #ffd54f
}

.border-amber-300 {
    border-color: #ffd54f
}

.fill-amber-300 {
    fill: #ffd54f
}

.stroke-amber-300 {
    stroke: #ffd54f
}

.color-amber-400 {
    color: #ffca28
}

.bg-amber-400 {
    background-color: #ffca28
}

.border-amber-400 {
    border-color: #ffca28
}

.fill-amber-400 {
    fill: #ffca28
}

.stroke-amber-400 {
    stroke: #ffca28
}

.color-amber-500 {
    color: #ffc107
}

.bg-amber-500 {
    background-color: #ffc107
}

.border-amber-500 {
    border-color: #ffc107
}

.fill-amber-500 {
    fill: #ffc107
}

.stroke-amber-500 {
    stroke: #ffc107
}

.color-amber-600 {
    color: #ffb300
}

.bg-amber-600 {
    background-color: #ffb300
}

.border-amber-600 {
    border-color: #ffb300
}

.fill-amber-600 {
    fill: #ffb300
}

.stroke-amber-600 {
    stroke: #ffb300
}

.color-amber-700 {
    color: #ffa000
}

.bg-amber-700 {
    background-color: #ffa000
}

.border-amber-700 {
    border-color: #ffa000
}

.fill-amber-700 {
    fill: #ffa000
}

.stroke-amber-700 {
    stroke: #ffa000
}

.color-amber-800 {
    color: #ff8f00
}

.bg-amber-800 {
    background-color: #ff8f00
}

.border-amber-800 {
    border-color: #ff8f00
}

.fill-amber-800 {
    fill: #ff8f00
}

.stroke-amber-800 {
    stroke: #ff8f00
}

.color-amber-900 {
    color: #ff6f00
}

.bg-amber-900 {
    background-color: #ff6f00
}

.border-amber-900 {
    border-color: #ff6f00
}

.fill-amber-900 {
    fill: #ff6f00
}

.stroke-amber-900 {
    stroke: #ff6f00
}

.color-amber-a100 {
    color: #ffe57f
}

.bg-amber-a100 {
    background-color: #ffe57f
}

.border-amber-a100 {
    border-color: #ffe57f
}

.fill-amber-a100 {
    fill: #ffe57f
}

.stroke-amber-a100 {
    stroke: #ffe57f
}

.color-amber-a200 {
    color: #ffd740
}

.bg-amber-a200 {
    background-color: #ffd740
}

.border-amber-a200 {
    border-color: #ffd740
}

.fill-amber-a200 {
    fill: #ffd740
}

.stroke-amber-a200 {
    stroke: #ffd740
}

.color-amber-a400 {
    color: #ffc400
}

.bg-amber-a400 {
    background-color: #ffc400
}

.border-amber-a400 {
    border-color: #ffc400
}

.fill-amber-a400 {
    fill: #ffc400
}

.stroke-amber-a400 {
    stroke: #ffc400
}

.color-amber-a700 {
    color: #ffab00
}

.bg-amber-a700 {
    background-color: #ffab00
}

.border-amber-a700 {
    border-color: #ffab00
}

.fill-amber-a700 {
    fill: #ffab00
}

.stroke-amber-a700 {
    stroke: #ffab00
}

.color-orange-50 {
    color: #fff3e0
}

.bg-orange-50 {
    background-color: #fff3e0
}

.border-orange-50 {
    border-color: #fff3e0
}

.fill-orange-50 {
    fill: #fff3e0
}

.stroke-orange-50 {
    stroke: #fff3e0
}

.color-orange-100 {
    color: #ffe0b2
}

.bg-orange-100 {
    background-color: #ffe0b2
}

.border-orange-100 {
    border-color: #ffe0b2
}

.fill-orange-100 {
    fill: #ffe0b2
}

.stroke-orange-100 {
    stroke: #ffe0b2
}

.color-orange-200 {
    color: #ffcc80
}

.bg-orange-200 {
    background-color: #ffcc80
}

.border-orange-200 {
    border-color: #ffcc80
}

.fill-orange-200 {
    fill: #ffcc80
}

.stroke-orange-200 {
    stroke: #ffcc80
}

.color-orange-300 {
    color: #ffb74d
}

.bg-orange-300 {
    background-color: #ffb74d
}

.border-orange-300 {
    border-color: #ffb74d
}

.fill-orange-300 {
    fill: #ffb74d
}

.stroke-orange-300 {
    stroke: #ffb74d
}

.color-orange-400 {
    color: #ffa726
}

.bg-orange-400 {
    background-color: #ffa726
}

.border-orange-400 {
    border-color: #ffa726
}

.fill-orange-400 {
    fill: #ffa726
}

.stroke-orange-400 {
    stroke: #ffa726
}

.color-orange-500 {
    color: #ff9800
}

.bg-orange-500 {
    background-color: #ff9800
}

.border-orange-500 {
    border-color: #ff9800
}

.fill-orange-500 {
    fill: #ff9800
}

.stroke-orange-500 {
    stroke: #ff9800
}

.color-orange-600 {
    color: #fb8c00
}

.bg-orange-600 {
    background-color: #fb8c00
}

.border-orange-600 {
    border-color: #fb8c00
}

.fill-orange-600 {
    fill: #fb8c00
}

.stroke-orange-600 {
    stroke: #fb8c00
}

.color-orange-700 {
    color: #f57c00
}

.bg-orange-700 {
    background-color: #f57c00
}

.border-orange-700 {
    border-color: #f57c00
}

.fill-orange-700 {
    fill: #f57c00
}

.stroke-orange-700 {
    stroke: #f57c00
}

.color-orange-800 {
    color: #ef6c00
}

.bg-orange-800 {
    background-color: #ef6c00
}

.border-orange-800 {
    border-color: #ef6c00
}

.fill-orange-800 {
    fill: #ef6c00
}

.stroke-orange-800 {
    stroke: #ef6c00
}

.color-orange-900 {
    color: #e65100
}

.bg-orange-900 {
    background-color: #e65100
}

.border-orange-900 {
    border-color: #e65100
}

.fill-orange-900 {
    fill: #e65100
}

.stroke-orange-900 {
    stroke: #e65100
}

.color-orange-a100 {
    color: #ffd180
}

.bg-orange-a100 {
    background-color: #ffd180
}

.border-orange-a100 {
    border-color: #ffd180
}

.fill-orange-a100 {
    fill: #ffd180
}

.stroke-orange-a100 {
    stroke: #ffd180
}

.color-orange-a200 {
    color: #ffab40
}

.bg-orange-a200 {
    background-color: #ffab40
}

.border-orange-a200 {
    border-color: #ffab40
}

.fill-orange-a200 {
    fill: #ffab40
}

.stroke-orange-a200 {
    stroke: #ffab40
}

.color-orange-a400 {
    color: #ff9100
}

.bg-orange-a400 {
    background-color: #ff9100
}

.border-orange-a400 {
    border-color: #ff9100
}

.fill-orange-a400 {
    fill: #ff9100
}

.stroke-orange-a400 {
    stroke: #ff9100
}

.color-orange-a700 {
    color: #ff6d00
}

.bg-orange-a700 {
    background-color: #ff6d00
}

.border-orange-a700 {
    border-color: #ff6d00
}

.fill-orange-a700 {
    fill: #ff6d00
}

.stroke-orange-a700 {
    stroke: #ff6d00
}

.color-deep-orange-50 {
    color: #fbe9e7
}

.bg-deep-orange-50 {
    background-color: #fbe9e7
}

.border-deep-orange-50 {
    border-color: #fbe9e7
}

.fill-deep-orange-50 {
    fill: #fbe9e7
}

.stroke-deep-orange-50 {
    stroke: #fbe9e7
}

.color-deep-orange-100 {
    color: #ffccbc
}

.bg-deep-orange-100 {
    background-color: #ffccbc
}

.border-deep-orange-100 {
    border-color: #ffccbc
}

.fill-deep-orange-100 {
    fill: #ffccbc
}

.stroke-deep-orange-100 {
    stroke: #ffccbc
}

.color-deep-orange-200 {
    color: #ffab91
}

.bg-deep-orange-200 {
    background-color: #ffab91
}

.border-deep-orange-200 {
    border-color: #ffab91
}

.fill-deep-orange-200 {
    fill: #ffab91
}

.stroke-deep-orange-200 {
    stroke: #ffab91
}

.color-deep-orange-300 {
    color: #ff8a65
}

.bg-deep-orange-300 {
    background-color: #ff8a65
}

.border-deep-orange-300 {
    border-color: #ff8a65
}

.fill-deep-orange-300 {
    fill: #ff8a65
}

.stroke-deep-orange-300 {
    stroke: #ff8a65
}

.color-deep-orange-400 {
    color: #ff7043
}

.bg-deep-orange-400 {
    background-color: #ff7043
}

.border-deep-orange-400 {
    border-color: #ff7043
}

.fill-deep-orange-400 {
    fill: #ff7043
}

.stroke-deep-orange-400 {
    stroke: #ff7043
}

.color-deep-orange-500 {
    color: #ff5722
}

.bg-deep-orange-500 {
    background-color: #ff5722
}

.border-deep-orange-500 {
    border-color: #ff5722
}

.fill-deep-orange-500 {
    fill: #ff5722
}

.stroke-deep-orange-500 {
    stroke: #ff5722
}

.color-deep-orange-600 {
    color: #f4511e
}

.bg-deep-orange-600 {
    background-color: #f4511e
}

.border-deep-orange-600 {
    border-color: #f4511e
}

.fill-deep-orange-600 {
    fill: #f4511e
}

.stroke-deep-orange-600 {
    stroke: #f4511e
}

.color-deep-orange-700 {
    color: #e64a19
}

.bg-deep-orange-700 {
    background-color: #e64a19
}

.border-deep-orange-700 {
    border-color: #e64a19
}

.fill-deep-orange-700 {
    fill: #e64a19
}

.stroke-deep-orange-700 {
    stroke: #e64a19
}

.color-deep-orange-800 {
    color: #d84315
}

.bg-deep-orange-800 {
    background-color: #d84315
}

.border-deep-orange-800 {
    border-color: #d84315
}

.fill-deep-orange-800 {
    fill: #d84315
}

.stroke-deep-orange-800 {
    stroke: #d84315
}

.color-deep-orange-900 {
    color: #bf360c
}

.bg-deep-orange-900 {
    background-color: #bf360c
}

.border-deep-orange-900 {
    border-color: #bf360c
}

.fill-deep-orange-900 {
    fill: #bf360c
}

.stroke-deep-orange-900 {
    stroke: #bf360c
}

.color-deep-orange-a100 {
    color: #ff9e80
}

.bg-deep-orange-a100 {
    background-color: #ff9e80
}

.border-deep-orange-a100 {
    border-color: #ff9e80
}

.fill-deep-orange-a100 {
    fill: #ff9e80
}

.stroke-deep-orange-a100 {
    stroke: #ff9e80
}

.color-deep-orange-a200 {
    color: #ff6e40
}

.bg-deep-orange-a200 {
    background-color: #ff6e40
}

.border-deep-orange-a200 {
    border-color: #ff6e40
}

.fill-deep-orange-a200 {
    fill: #ff6e40
}

.stroke-deep-orange-a200 {
    stroke: #ff6e40
}

.color-deep-orange-a400 {
    color: #ff3d00
}

.bg-deep-orange-a400 {
    background-color: #ff3d00
}

.border-deep-orange-a400 {
    border-color: #ff3d00
}

.fill-deep-orange-a400 {
    fill: #ff3d00
}

.stroke-deep-orange-a400 {
    stroke: #ff3d00
}

.color-deep-orange-a700 {
    color: #dd2c00
}

.bg-deep-orange-a700 {
    background-color: #dd2c00
}

.border-deep-orange-a700 {
    border-color: #dd2c00
}

.fill-deep-orange-a700 {
    fill: #dd2c00
}

.stroke-deep-orange-a700 {
    stroke: #dd2c00
}

.color-brown-50 {
    color: #efebe9
}

.bg-brown-50 {
    background-color: #efebe9
}

.border-brown-50 {
    border-color: #efebe9
}

.fill-brown-50 {
    fill: #efebe9
}

.stroke-brown-50 {
    stroke: #efebe9
}

.color-brown-100 {
    color: #d7ccc8
}

.bg-brown-100 {
    background-color: #d7ccc8
}

.border-brown-100 {
    border-color: #d7ccc8
}

.fill-brown-100 {
    fill: #d7ccc8
}

.stroke-brown-100 {
    stroke: #d7ccc8
}

.color-brown-200 {
    color: #bcaaa4
}

.bg-brown-200 {
    background-color: #bcaaa4
}

.border-brown-200 {
    border-color: #bcaaa4
}

.fill-brown-200 {
    fill: #bcaaa4
}

.stroke-brown-200 {
    stroke: #bcaaa4
}

.color-brown-300 {
    color: #a1887f
}

.bg-brown-300 {
    background-color: #a1887f
}

.border-brown-300 {
    border-color: #a1887f
}

.fill-brown-300 {
    fill: #a1887f
}

.stroke-brown-300 {
    stroke: #a1887f
}

.color-brown-400 {
    color: #8d6e63
}

.bg-brown-400 {
    background-color: #8d6e63
}

.border-brown-400 {
    border-color: #8d6e63
}

.fill-brown-400 {
    fill: #8d6e63
}

.stroke-brown-400 {
    stroke: #8d6e63
}

.color-brown-500 {
    color: #795548
}

.bg-brown-500 {
    background-color: #795548
}

.border-brown-500 {
    border-color: #795548
}

.fill-brown-500 {
    fill: #795548
}

.stroke-brown-500 {
    stroke: #795548
}

.color-brown-600 {
    color: #6d4c41
}

.bg-brown-600 {
    background-color: #6d4c41
}

.border-brown-600 {
    border-color: #6d4c41
}

.fill-brown-600 {
    fill: #6d4c41
}

.stroke-brown-600 {
    stroke: #6d4c41
}

.color-brown-700 {
    color: #5d4037
}

.bg-brown-700 {
    background-color: #5d4037
}

.border-brown-700 {
    border-color: #5d4037
}

.fill-brown-700 {
    fill: #5d4037
}

.stroke-brown-700 {
    stroke: #5d4037
}

.color-brown-800 {
    color: #4e342e
}

.bg-brown-800 {
    background-color: #4e342e
}

.border-brown-800 {
    border-color: #4e342e
}

.fill-brown-800 {
    fill: #4e342e
}

.stroke-brown-800 {
    stroke: #4e342e
}

.color-brown-900 {
    color: #3e2723
}

.bg-brown-900 {
    background-color: #3e2723
}

.border-brown-900 {
    border-color: #3e2723
}

.fill-brown-900 {
    fill: #3e2723
}

.stroke-brown-900 {
    stroke: #3e2723
}

.color-grey-50 {
    color: #fafafa
}

.bg-grey-50 {
    background-color: #fafafa
}

.border-grey-50 {
    border-color: #fafafa
}

.fill-grey-50 {
    fill: #fafafa
}

.stroke-grey-50 {
    stroke: #fafafa
}

.color-grey-100 {
    color: #f5f5f5
}

.bg-grey-100 {
    background-color: #f5f5f5
}

.border-grey-100 {
    border-color: #f5f5f5
}

.fill-grey-100 {
    fill: #f5f5f5
}

.stroke-grey-100 {
    stroke: #f5f5f5
}

.color-grey-200 {
    color: #eee
}

.bg-grey-200 {
    background-color: #eee
}

.border-grey-200 {
    border-color: #eee
}

.fill-grey-200 {
    fill: #eee
}

.stroke-grey-200 {
    stroke: #eee
}

.color-grey-300 {
    color: #e0e0e0
}

.bg-grey-300 {
    background-color: #e0e0e0
}

.border-grey-300 {
    border-color: #e0e0e0
}

.fill-grey-300 {
    fill: #e0e0e0
}

.stroke-grey-300 {
    stroke: #e0e0e0
}

.color-grey-400 {
    color: #bdbdbd
}

.bg-grey-400 {
    background-color: #bdbdbd
}

.border-grey-400 {
    border-color: #bdbdbd
}

.fill-grey-400 {
    fill: #bdbdbd
}

.stroke-grey-400 {
    stroke: #bdbdbd
}

.color-grey-500 {
    color: #9e9e9e
}

.bg-grey-500 {
    background-color: #9e9e9e
}

.border-grey-500 {
    border-color: #9e9e9e
}

.fill-grey-500 {
    fill: #9e9e9e
}

.stroke-grey-500 {
    stroke: #9e9e9e
}

.color-grey-600 {
    color: #757575
}

.bg-grey-600 {
    background-color: #757575
}

.border-grey-600 {
    border-color: #757575
}

.fill-grey-600 {
    fill: #757575
}

.stroke-grey-600 {
    stroke: #757575
}

.color-grey-700 {
    color: #616161
}

.bg-grey-700 {
    background-color: #616161
}

.border-grey-700 {
    border-color: #616161
}

.fill-grey-700 {
    fill: #616161
}

.stroke-grey-700 {
    stroke: #616161
}

.color-grey-800 {
    color: #424242
}

.bg-grey-800 {
    background-color: #424242
}

.border-grey-800 {
    border-color: #424242
}

.fill-grey-800 {
    fill: #424242
}

.stroke-grey-800 {
    stroke: #424242
}

.color-grey-900 {
    color: #212121
}

.bg-grey-900 {
    background-color: #212121
}

.border-grey-900 {
    border-color: #212121
}

.fill-grey-900 {
    fill: #212121
}

.stroke-grey-900 {
    stroke: #212121
}

.color-blue-grey-50 {
    color: #eceff1
}

.bg-blue-grey-50 {
    background-color: #eceff1
}

.border-blue-grey-50 {
    border-color: #eceff1
}

.fill-blue-grey-50 {
    fill: #eceff1
}

.stroke-blue-grey-50 {
    stroke: #eceff1
}

.color-blue-grey-100 {
    color: #cfd8dc
}

.bg-blue-grey-100 {
    background-color: #cfd8dc
}

.border-blue-grey-100 {
    border-color: #cfd8dc
}

.fill-blue-grey-100 {
    fill: #cfd8dc
}

.stroke-blue-grey-100 {
    stroke: #cfd8dc
}

.color-blue-grey-200 {
    color: #b0bec5
}

.bg-blue-grey-200 {
    background-color: #b0bec5
}

.border-blue-grey-200 {
    border-color: #b0bec5
}

.fill-blue-grey-200 {
    fill: #b0bec5
}

.stroke-blue-grey-200 {
    stroke: #b0bec5
}

.color-blue-grey-300 {
    color: #90a4ae
}

.bg-blue-grey-300 {
    background-color: #90a4ae
}

.border-blue-grey-300 {
    border-color: #90a4ae
}

.fill-blue-grey-300 {
    fill: #90a4ae
}

.stroke-blue-grey-300 {
    stroke: #90a4ae
}

.color-blue-grey-400 {
    color: #78909c
}

.bg-blue-grey-400 {
    background-color: #78909c
}

.border-blue-grey-400 {
    border-color: #78909c
}

.fill-blue-grey-400 {
    fill: #78909c
}

.stroke-blue-grey-400 {
    stroke: #78909c
}

.color-blue-grey-500 {
    color: #607d8b
}

.bg-blue-grey-500 {
    background-color: #607d8b
}

.border-blue-grey-500 {
    border-color: #607d8b
}

.fill-blue-grey-500 {
    fill: #607d8b
}

.stroke-blue-grey-500 {
    stroke: #607d8b
}

.color-blue-grey-600 {
    color: #546e7a
}

.bg-blue-grey-600 {
    background-color: #546e7a
}

.border-blue-grey-600 {
    border-color: #546e7a
}

.fill-blue-grey-600 {
    fill: #546e7a
}

.stroke-blue-grey-600 {
    stroke: #546e7a
}

.color-blue-grey-700 {
    color: #455a64
}

.bg-blue-grey-700 {
    background-color: #455a64
}

.border-blue-grey-700 {
    border-color: #455a64
}

.fill-blue-grey-700 {
    fill: #455a64
}

.stroke-blue-grey-700 {
    stroke: #455a64
}

.color-blue-grey-800 {
    color: #37474f
}

.bg-blue-grey-800 {
    background-color: #37474f
}

.border-blue-grey-800 {
    border-color: #37474f
}

.fill-blue-grey-800 {
    fill: #37474f
}

.stroke-blue-grey-800 {
    stroke: #37474f
}

.color-blue-grey-900 {
    color: #263238
}

.bg-blue-grey-900 {
    background-color: #263238
}

.border-blue-grey-900 {
    border-color: #263238
}

.fill-blue-grey-900 {
    fill: #263238
}

.stroke-blue-grey-900 {
    stroke: #263238
}

.color-dark-text-primary {
    color: rgba(0, 0, 0, .87)
}

.bg-dark-text-primary {
    background-color: rgba(0, 0, 0, .87)
}

.border-dark-text-primary {
    border-color: rgba(0, 0, 0, .87)
}

.fill-dark-text-primary {
    fill: rgba(0, 0, 0, .87)
}

.stroke-dark-text-primary {
    stroke: rgba(0, 0, 0, .87)
}

.color-dark-text-secondary {
    color: rgba(0, 0, 0, .54)
}

.bg-dark-text-secondary {
    background-color: rgba(0, 0, 0, .54)
}

.border-dark-text-secondary {
    border-color: rgba(0, 0, 0, .54)
}

.fill-dark-text-secondary {
    fill: rgba(0, 0, 0, .54)
}

.stroke-dark-text-secondary {
    stroke: rgba(0, 0, 0, .54)
}

.color-dark-text-disabled {
    color: rgba(0, 0, 0, .38)
}

.bg-dark-text-disabled {
    background-color: rgba(0, 0, 0, .38)
}

.border-dark-text-disabled {
    border-color: rgba(0, 0, 0, .38)
}

.fill-dark-text-disabled {
    fill: rgba(0, 0, 0, .38)
}

.stroke-dark-text-disabled {
    stroke: rgba(0, 0, 0, .38)
}

.color-dark-text-dividers {
    color: rgba(0, 0, 0, .12)
}

.bg-dark-text-dividers {
    background-color: rgba(0, 0, 0, .12)
}

.border-dark-text-dividers {
    border-color: rgba(0, 0, 0, .12)
}

.fill-dark-text-dividers {
    fill: rgba(0, 0, 0, .12)
}

.stroke-dark-text-dividers {
    stroke: rgba(0, 0, 0, .12)
}

.color-light-text-primary {
    color: #fff
}

.bg-light-text-primary {
    background-color: #fff
}

.border-light-text-primary {
    border-color: #fff
}

.fill-light-text-primary {
    fill: #fff
}

.stroke-light-text-primary {
    stroke: #fff
}

.color-light-text-secondary {
    color: hsla(0, 0%, 100%, .7)
}

.bg-light-text-secondary {
    background-color: hsla(0, 0%, 100%, .7)
}

.border-light-text-secondary {
    border-color: hsla(0, 0%, 100%, .7)
}

.fill-light-text-secondary {
    fill: hsla(0, 0%, 100%, .7)
}

.stroke-light-text-secondary {
    stroke: hsla(0, 0%, 100%, .7)
}

.color-light-text-disabled {
    color: hsla(0, 0%, 100%, .5)
}

.bg-light-text-disabled {
    background-color: hsla(0, 0%, 100%, .5)
}

.border-light-text-disabled {
    border-color: hsla(0, 0%, 100%, .5)
}

.fill-light-text-disabled {
    fill: hsla(0, 0%, 100%, .5)
}

.stroke-light-text-disabled {
    stroke: hsla(0, 0%, 100%, .5)
}

.color-light-text-dividers {
    color: hsla(0, 0%, 100%, .12)
}

.bg-light-text-dividers {
    background-color: hsla(0, 0%, 100%, .12)
}

.border-light-text-dividers {
    border-color: hsla(0, 0%, 100%, .12)
}

.fill-light-text-dividers {
    fill: hsla(0, 0%, 100%, .12)
}

.stroke-light-text-dividers {
    stroke: hsla(0, 0%, 100%, .12)
}

.color-dark-icons-active {
    color: rgba(0, 0, 0, .54)
}

.bg-dark-icons-active {
    background-color: rgba(0, 0, 0, .54)
}

.border-dark-icons-active {
    border-color: rgba(0, 0, 0, .54)
}

.fill-dark-icons-active {
    fill: rgba(0, 0, 0, .54)
}

.stroke-dark-icons-active {
    stroke: rgba(0, 0, 0, .54)
}

.color-dark-icons-inactive {
    color: rgba(0, 0, 0, .38)
}

.bg-dark-icons-inactive {
    background-color: rgba(0, 0, 0, .38)
}

.border-dark-icons-inactive {
    border-color: rgba(0, 0, 0, .38)
}

.fill-dark-icons-inactive {
    fill: rgba(0, 0, 0, .38)
}

.stroke-dark-icons-inactive {
    stroke: rgba(0, 0, 0, .38)
}

.color-light-icons-active {
    color: #fff
}

.bg-light-icons-active {
    background-color: #fff
}

.border-light-icons-active {
    border-color: #fff
}

.fill-light-icons-active {
    fill: #fff
}

.stroke-light-icons-active {
    stroke: #fff
}

.color-light-icons-inactive {
    color: hsla(0, 0%, 100%, .5)
}

.bg-light-icons-inactive {
    background-color: hsla(0, 0%, 100%, .5)
}

.border-light-icons-inactive {
    border-color: hsla(0, 0%, 100%, .5)
}

.fill-light-icons-inactive {
    fill: hsla(0, 0%, 100%, .5)
}

.stroke-light-icons-inactive {
    stroke: hsla(0, 0%, 100%, .5)
}

.color-white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.border-white {
    border-color: #fff
}

.fill-white {
    fill: #fff
}

.stroke-white {
    stroke: #fff
}

.color-black {
    color: #000
}

.bg-black {
    background-color: #000
}

.border-black {
    border-color: #000
}

.fill-black {
    fill: #000
}

.stroke-black {
    stroke: #000
}

.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px
}

.dd, .dd-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.dd-list .dd-list {
    padding-left: 30px
}

.dd-collapsed .dd-list {
    display: none
}

.dd-empty, .dd-item, .dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    text-decoration: none;
    color: inherit;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 30px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: 700
}

.dd-item > button:before {
    content: "+";
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}

.dd-item > button[data-action=collapse]:before {
    content: "-"
}

.dd-empty, .dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0
}

.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

@media only screen and (min-width: 700px) {
    .dd + .dd {
        margin-left: 2%
    }
}

.dd-hover > .dd-handle {
    background: #2ea8e5 !important
}

.dd3-content {
    display: block;
    margin: 5px 0;
    padding: 10px 10px 10px 50px;
    text-decoration: none;
    border: 1px solid #ebebeb;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.dd-dragel > .dd3-item > .dd3-content {
    margin: 0
}

.dd3-item > button {
    margin-left: 40px
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dd3-handle:before {
    content: "\2261";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #ccc;
    font-size: 20px;
    font-weight: 400
}

.dd3-handle:hover {
    background: #f7f7f7
}

.mda-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.mda-list > .mda-list-item {
    padding: 0 22px
}

.mda-list > .mda-list-item:after {
    display: block;
    clear: both;
    content: ""
}

.mda-list > .mda-list-item > .mda-list-item-icon, .mda-list > .mda-list-item > .mda-list-item-img, .mda-list > .mda-list-item > .mda-list-item-initial {
    float: left;
    width: 48px;
    height: 48px;
    margin-top: 20px;
    margin-bottom: 8px;
    margin-right: 20px;
    border-radius: 50%
}

.mda-list > .mda-list-item > .mda-list-item-icon {
    line-height: 42px;
    text-align: center
}

.mda-list > .mda-list-item > .mda-list-item-icon > em, .mda-list > .mda-list-item > .mda-list-item-icon > i {
    line-height: inherit
}

.mda-list > .mda-list-item > .mda-list-item-initial {
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    font-weight: 300
}

.mda-list > .mda-list-item > .mda-list-item-text {
    float: left;
    padding: 20px 0
}

.mda-list > .mda-list-item > .mda-list-item-text.mda-2-line {
    padding-top: 26px
}

.mda-list > .mda-list-item > .mda-list-item-text h3 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    margin: 0 0 6px;
    line-height: .75em
}

.mda-list > .mda-list-item > .mda-list-item-text h4 {
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 400;
    margin: 10px 0 5px;
    line-height: .75em
}

.mda-list > .mda-list-item > .mda-list-item-text p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 1.6em
}

.mda-list > .mda-list-item > .mda-list-item-img + .mda-list-item-text, .mda-list > .mda-list-item > .mda-list-item-initial + .mda-list-item-text {
    width: calc(100% - 68px)
}

.mda-list.mda-list-bordered > .mda-list-item {
    border-bottom: 1px solid hsla(0, 0%, 63.5%, .16)
}

.cardbox > .mda-list-bordered > .mda-list-item:last-child {
    border-bottom: 0
}