/*!

 =========================================================
 * Material Dashboard - v2.1.0
 =========================================================

 * Product Page: https://www.creative-tim.com/product/material-dashboard
 * Copyright 2018 Creative Tim (http://www.creative-tim.com)

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 */

.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fafafa;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
}

.form-control {
    display: block;
    width: 100%;
    padding: .4375rem 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #d2d2d2;
    box-shadow: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: #9acffa;
    outline: 0;
    box-shadow: none, 0 0 0 .2rem rgba(33, 150, 243, .25)
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.4375rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: transparent
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.4375rem + 1px);
    padding-bottom: calc(.4375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5625rem + 1px);
    padding-bottom: calc(.5625rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .4375rem;
    padding-bottom: .4375rem;
    margin-bottom: 0;
    line-height: 1.5;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm,
.input-group-lg>.form-control-plaintext.form-control,
.input-group-lg>.input-group-append>.form-control-plaintext.btn,
.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,
.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,
.input-group-sm>.form-control-plaintext.form-control,
.input-group-sm>.input-group-append>.form-control-plaintext.btn,
.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,
.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,
.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem 0;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
    height: calc(2.125rem + 2px)
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5625rem 0;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),
.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
    height: calc(4.125rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        justify-content: center
    }
    .form-inline .form-group,
    .form-inline label {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        flex: 0 0 auto;
        flex-flow: row wrap
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}


.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file:focus,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label,
.input-group>.custom-file:not(:first-child) .custom-file-label:before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,
.input-group-prepend {
    display: flex
}


.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eee;
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem
}

.card-subtitle,
.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid #eee
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.75rem;
    border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: flex;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: flex;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        flex-flow: row wrap
    }
    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
    .card-group>.card:first-child .card-header,
    .card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:first-child .card-footer,
    .card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
    .card-group>.card:last-child .card-header,
    .card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:last-child .card-footer,
    .card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }
    .card-group>.card:only-child {
        border-radius: .25rem
    }
    .card-group>.card:only-child .card-header,
    .card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }
    .card-group>.card:only-child .card-footer,
    .card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child),
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left!important
    }
    .text-sm-right {
        text-align: right!important
    }
    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left!important
    }
    .text-md-right {
        text-align: right!important
    }
    .text-md-center {
        text-align: center!important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left!important
    }
    .text-lg-right {
        text-align: right!important
    }
    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left!important
    }
    .text-xl-right {
        text-align: right!important
    }
    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 500!important
}

.font-italic {
    font-style: italic!important
}

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

.bmd-help,
.text-muted {
    color: #6c757d!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.form-group.is-focused .form-check .form-check-label {
    color: rgba(0, 0, 0, .26)
}

.form-group.is-focused .form-check .form-check-label:focus,
.form-group.is-focused .form-check .form-check-label:hover {
    color: rgba(0, 0, 0, .54)
}

fieldset[disabled] .form-group.is-focused .form-check .form-check-label {
    color: rgba(0, 0, 0, .26)
}


@keyframes b {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }
    to {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@keyframes c {
    0% {
        opacity: 0
    }
    50% {
        opacity: .2
    }
    to {
        opacity: 0
    }
}

.form-control {
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-size: 0 100%, 100% 100%;
    border: 0;
    height: 36px;
    transition: background 0s ease-out;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    font-size: 14px
}

.bmd-form-group.is-focused .form-control,
.form-control:focus {
    background-size: 100% 100%, 100% 100%;
    transition-duration: .3s;
    box-shadow: none
}

.form-control::-moz-placeholder {
    color: #aaa;
    font-weight: 400;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    color: #aaa;
    font-weight: 400;
    font-size: 14px
}

.form-control::-webkit-input-placeholder {
    color: #aaa;
    font-weight: 400;
    font-size: 14px
}

.has-white .form-control::-moz-placeholder {
    color: #fff
}

.has-white .form-control:-ms-input-placeholder {
    color: #fff
}

.has-white .form-control::-webkit-input-placeholder {
    color: #fff
}

.bmd-help {
    position: absolute;
    display: none;
    font-size: .8rem;
    font-weight: 400
}

.bmd-form-group.is-focused .bmd-help {
    display: block
}

.bmd-help:nth-of-type(2) {
    padding-top: 1rem
}

.bmd-help+.bmd-help {
    position: relative;
    margin-bottom: 0
}

.checkbox-inline,
.checkbox label,
.is-focused .checkbox-inline,
.is-focused .checkbox label,
.is-focused .radio-inline,
.is-focused .radio label,
.is-focused .switch label,
.radio-inline,
.radio label,
.switch label {
    color: #999
}

.checkbox-inline label:has(input[type=checkbox][disabled]),
.checkbox-inline label:has(input[type=checkbox][disabled]):focus,
.checkbox-inline label:has(input[type=checkbox][disabled]):hover,
.checkbox-inline label:has(input[type=radio][disabled]),
.checkbox-inline label:has(input[type=radio][disabled]):focus,
.checkbox-inline label:has(input[type=radio][disabled]):hover,
.checkbox label label:has(input[type=checkbox][disabled]),
.checkbox label label:has(input[type=checkbox][disabled]):focus,
.checkbox label label:has(input[type=checkbox][disabled]):hover,
.checkbox label label:has(input[type=radio][disabled]),
.checkbox label label:has(input[type=radio][disabled]):focus,
.checkbox label label:has(input[type=radio][disabled]):hover,
.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]),
.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):focus,
.is-focused .checkbox-inline label:has(input[type=checkbox][disabled]):hover,
.is-focused .checkbox-inline label:has(input[type=radio][disabled]),
.is-focused .checkbox-inline label:has(input[type=radio][disabled]):focus,
.is-focused .checkbox-inline label:has(input[type=radio][disabled]):hover,
.is-focused .checkbox label label:has(input[type=checkbox][disabled]),
.is-focused .checkbox label label:has(input[type=checkbox][disabled]):focus,
.is-focused .checkbox label label:has(input[type=checkbox][disabled]):hover,
.is-focused .checkbox label label:has(input[type=radio][disabled]),
.is-focused .checkbox label label:has(input[type=radio][disabled]):focus,
.is-focused .checkbox label label:has(input[type=radio][disabled]):hover,
.is-focused .radio-inline label:has(input[type=checkbox][disabled]),
.is-focused .radio-inline label:has(input[type=checkbox][disabled]):focus,
.is-focused .radio-inline label:has(input[type=checkbox][disabled]):hover,
.is-focused .radio-inline label:has(input[type=radio][disabled]),
.is-focused .radio-inline label:has(input[type=radio][disabled]):focus,
.is-focused .radio-inline label:has(input[type=radio][disabled]):hover,
.is-focused .radio label label:has(input[type=checkbox][disabled]),
.is-focused .radio label label:has(input[type=checkbox][disabled]):focus,
.is-focused .radio label label:has(input[type=checkbox][disabled]):hover,
.is-focused .radio label label:has(input[type=radio][disabled]),
.is-focused .radio label label:has(input[type=radio][disabled]):focus,
.is-focused .radio label label:has(input[type=radio][disabled]):hover,
.is-focused .switch label label:has(input[type=checkbox][disabled]),
.is-focused .switch label label:has(input[type=checkbox][disabled]):focus,
.is-focused .switch label label:has(input[type=checkbox][disabled]):hover,
.is-focused .switch label label:has(input[type=radio][disabled]),
.is-focused .switch label label:has(input[type=radio][disabled]):focus,
.is-focused .switch label label:has(input[type=radio][disabled]):hover,
.radio-inline label:has(input[type=checkbox][disabled]),
.radio-inline label:has(input[type=checkbox][disabled]):focus,
.radio-inline label:has(input[type=checkbox][disabled]):hover,
.radio-inline label:has(input[type=radio][disabled]),
.radio-inline label:has(input[type=radio][disabled]):focus,
.radio-inline label:has(input[type=radio][disabled]):hover,
.radio label label:has(input[type=checkbox][disabled]),
.radio label label:has(input[type=checkbox][disabled]):focus,
.radio label label:has(input[type=checkbox][disabled]):hover,
.radio label label:has(input[type=radio][disabled]),
.radio label label:has(input[type=radio][disabled]):focus,
.radio label label:has(input[type=radio][disabled]):hover,
.switch label label:has(input[type=checkbox][disabled]),
.switch label label:has(input[type=checkbox][disabled]):focus,
.switch label label:has(input[type=checkbox][disabled]):hover,
.switch label label:has(input[type=radio][disabled]),
.switch label label:has(input[type=radio][disabled]):focus,
.switch label label:has(input[type=radio][disabled]):hover,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .checkbox-inline:focus,
fieldset[disabled] .checkbox-inline:hover,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox label:focus,
fieldset[disabled] .checkbox label:hover,
fieldset[disabled] .is-focused .checkbox-inline,
fieldset[disabled] .is-focused .checkbox-inline:focus,
fieldset[disabled] .is-focused .checkbox-inline:hover,
fieldset[disabled] .is-focused .checkbox label,
fieldset[disabled] .is-focused .checkbox label:focus,
fieldset[disabled] .is-focused .checkbox label:hover,
fieldset[disabled] .is-focused .radio-inline,
fieldset[disabled] .is-focused .radio-inline:focus,
fieldset[disabled] .is-focused .radio-inline:hover,
fieldset[disabled] .is-focused .radio label,
fieldset[disabled] .is-focused .radio label:focus,
fieldset[disabled] .is-focused .radio label:hover,
fieldset[disabled] .is-focused .switch label,
fieldset[disabled] .is-focused .switch label:focus,
fieldset[disabled] .is-focused .switch label:hover,
fieldset[disabled] .radio-inline,
fieldset[disabled] .radio-inline:focus,
fieldset[disabled] .radio-inline:hover,
fieldset[disabled] .radio label,
fieldset[disabled] .radio label:focus,
fieldset[disabled] .radio label:hover,
fieldset[disabled] .switch label,
fieldset[disabled] .switch label:focus,
fieldset[disabled] .switch label:hover {
    color: #999
}

[class*=" bmd-label"],
[class^=bmd-label] {
    color: #999
}

.form-control,
.is-focused .form-control {
    background-image: linear-gradient(0deg, #aaa 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.form-control.disabled,
.form-control:disabled,
.form-control[disabled],
fieldset[disabled][disabled] .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}

.form-control.form-control-success,
.is-focused .form-control.form-control-success {
    background-image: linear-gradient(0deg, #9c27b0 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}

.form-control.form-control-warning,
.is-focused .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #9c27b0 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}

.form-control.form-control-danger,
.is-focused .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #9c27b0 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}

.is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #999
}

.is-focused .valid-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: hsla(0, 0%, 60%, .8);
    border-radius: .2rem
}

.is-focused .custom-select.is-valid,
.is-focused .form-control.is-valid,
.was-validated .is-focused .custom-select:valid,
.was-validated .is-focused .form-control:valid {
    border-color: #999
}

.is-focused .custom-select.is-valid:focus,
.is-focused .form-control.is-valid:focus,
.was-validated .is-focused .custom-select:valid:focus,
.was-validated .is-focused .form-control:valid:focus {
    border-color: #999;
    box-shadow: 0 0 0 .2rem hsla(0, 0%, 60%, .25)
}

.is-focused .custom-select.is-valid~.valid-feedback,
.is-focused .custom-select.is-valid~.valid-tooltip,
.is-focused .form-control.is-valid~.valid-feedback,
.is-focused .form-control.is-valid~.valid-tooltip,
.was-validated .is-focused .custom-select:valid~.valid-feedback,
.was-validated .is-focused .custom-select:valid~.valid-tooltip,
.was-validated .is-focused .form-control:valid~.valid-feedback,
.was-validated .is-focused .form-control:valid~.valid-tooltip {
    display: block
}

.is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .is-focused .form-check-input:valid~.form-check-label {
    color: #999
}

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

.is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .is-focused .custom-control-input:valid~.custom-control-label {
    color: #999
}

.is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #d9d9d9
}

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

.is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #b3b3b3
}

.is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem hsla(0, 0%, 60%, .25)
}

.is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #999
}

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

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

.is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem hsla(0, 0%, 60%, .25)
}

.is-focused [class*=" bmd-label"],
.is-focused [class^=bmd-label] {
    color: #9c27b0
}

.is-focused .bmd-label-placeholder {
    color: #999
}

.is-focused .form-control {
    border-color: #d2d2d2
}

.is-focused .bmd-help {
    color: #555
}

.has-success [class*=" bmd-label"],
.has-success [class^=bmd-label] {
    color: #4caf50
}

.has-success .form-control,
.is-focused .has-success .form-control {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76, 175, 80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-success .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-success .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-success .form-control.disabled,
.has-success .form-control:disabled,
.has-success .form-control[disabled],
fieldset[disabled][disabled] .has-success .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}

.has-success .form-control.form-control-success,
.is-focused .has-success .form-control.form-control-success {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76, 175, 80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}

.has-success .form-control.form-control-warning,
.is-focused .has-success .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76, 175, 80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}

.has-success .form-control.form-control-danger,
.is-focused .has-success .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #4caf50 2px, rgba(76, 175, 80, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}

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

.has-success .is-focused .valid-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 .is-focused .custom-select.is-valid,
.has-success .is-focused .form-control.is-valid,
.was-validated .has-success .is-focused .custom-select:valid,
.was-validated .has-success .is-focused .form-control:valid {
    border-color: #4caf50
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-success .is-focused .bmd-label-placeholder,
.has-success .is-focused [class*=" bmd-label"],
.has-success .is-focused [class^=bmd-label] {
    color: #4caf50
}

.has-success .is-focused .form-control {
    border-color: #4caf50
}

.has-success .is-focused .bmd-help {
    color: #555
}

.has-info [class*=" bmd-label"],
.has-info [class^=bmd-label] {
    color: #00bcd4
}

.has-info .form-control,
.is-focused .has-info .form-control {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0, 188, 212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-info .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-info .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-info .form-control.disabled,
.has-info .form-control:disabled,
.has-info .form-control[disabled],
fieldset[disabled][disabled] .has-info .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}

.has-info .form-control.form-control-success,
.is-focused .has-info .form-control.form-control-success {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0, 188, 212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}

.has-info .form-control.form-control-warning,
.is-focused .has-info .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0, 188, 212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}

.has-info .form-control.form-control-danger,
.is-focused .has-info .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #00bcd4 2px, rgba(0, 188, 212, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}

.has-info .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #00bcd4
}

.has-info .is-focused .valid-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(0, 188, 212, .8);
    border-radius: .2rem
}

.has-info .is-focused .custom-select.is-valid,
.has-info .is-focused .form-control.is-valid,
.was-validated .has-info .is-focused .custom-select:valid,
.was-validated .has-info .is-focused .form-control:valid {
    border-color: #00bcd4
}

.has-info .is-focused .custom-select.is-valid:focus,
.has-info .is-focused .form-control.is-valid:focus,
.was-validated .has-info .is-focused .custom-select:valid:focus,
.was-validated .has-info .is-focused .form-control:valid:focus {
    border-color: #00bcd4;
    box-shadow: 0 0 0 .2rem rgba(0, 188, 212, .25)
}

.has-info .is-focused .custom-select.is-valid~.valid-feedback,
.has-info .is-focused .custom-select.is-valid~.valid-tooltip,
.has-info .is-focused .form-control.is-valid~.valid-feedback,
.has-info .is-focused .form-control.is-valid~.valid-tooltip,
.was-validated .has-info .is-focused .custom-select:valid~.valid-feedback,
.was-validated .has-info .is-focused .custom-select:valid~.valid-tooltip,
.was-validated .has-info .is-focused .form-control:valid~.valid-feedback,
.was-validated .has-info .is-focused .form-control:valid~.valid-tooltip {
    display: block
}

.has-info .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-info .is-focused .form-check-input:valid~.form-check-label {
    color: #00bcd4
}

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

.has-info .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label {
    color: #00bcd4
}

.has-info .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-info .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #55ecff
}

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

.has-info .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-info .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #08e3ff
}

.has-info .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-info .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem rgba(0, 188, 212, .25)
}

.has-info .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-info .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #00bcd4
}

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

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

.has-info .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-info .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(0, 188, 212, .25)
}

.has-info .is-focused .bmd-label-placeholder,
.has-info .is-focused [class*=" bmd-label"],
.has-info .is-focused [class^=bmd-label] {
    color: #00bcd4
}

.has-info .is-focused .form-control {
    border-color: #00bcd4
}

.has-info .is-focused .bmd-help {
    color: #555
}

.has-white [class*=" bmd-label"],
.has-white [class^=bmd-label] {
    color: #fff
}

.has-white .form-control,
.is-focused .has-white .form-control {
    background-image: linear-gradient(0deg, #fff 2px, hsla(0, 0%, 100%, 0) 0), linear-gradient(0deg, #fff 1px, hsla(0, 0%, 100%, 0) 0)
}

.has-white .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #fff 1px, hsla(0, 0%, 100%, 0) 0)
}

.has-white .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #fff 1px, hsla(0, 0%, 100%, 0) 0)
}

.has-white .form-control.disabled,
.has-white .form-control:disabled,
.has-white .form-control[disabled],
fieldset[disabled][disabled] .has-white .form-control {
    background-image: linear-gradient(90deg, #fff 0, #fff 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}

.has-white .form-control.form-control-success,
.is-focused .has-white .form-control.form-control-success {
    background-image: linear-gradient(0deg, #fff 2px, hsla(0, 0%, 100%, 0) 0), linear-gradient(0deg, #fff 1px, hsla(0, 0%, 100%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}

.has-white .form-control.form-control-warning,
.is-focused .has-white .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #fff 2px, hsla(0, 0%, 100%, 0) 0), linear-gradient(0deg, #fff 1px, hsla(0, 0%, 100%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}

.has-white .form-control.form-control-danger,
.is-focused .has-white .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #fff 2px, hsla(0, 0%, 100%, 0) 0), linear-gradient(0deg, #fff 1px, hsla(0, 0%, 100%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}

.has-white .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #fff
}

.has-white .is-focused .valid-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: hsla(0, 0%, 100%, .8);
    border-radius: .2rem
}

.has-white .is-focused .custom-select.is-valid,
.has-white .is-focused .form-control.is-valid,
.was-validated .has-white .is-focused .custom-select:valid,
.was-validated .has-white .is-focused .form-control:valid {
    border-color: #fff
}

.has-white .is-focused .custom-select.is-valid:focus,
.has-white .is-focused .form-control.is-valid:focus,
.was-validated .has-white .is-focused .custom-select:valid:focus,
.was-validated .has-white .is-focused .form-control:valid:focus {
    border-color: #fff;
    box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .25)
}

.has-white .is-focused .custom-select.is-valid~.valid-feedback,
.has-white .is-focused .custom-select.is-valid~.valid-tooltip,
.has-white .is-focused .form-control.is-valid~.valid-feedback,
.has-white .is-focused .form-control.is-valid~.valid-tooltip,
.was-validated .has-white .is-focused .custom-select:valid~.valid-feedback,
.was-validated .has-white .is-focused .custom-select:valid~.valid-tooltip,
.was-validated .has-white .is-focused .form-control:valid~.valid-feedback,
.was-validated .has-white .is-focused .form-control:valid~.valid-tooltip {
    display: block
}

.has-white .is-focused .form-check-input.is-valid~.form-check-label,
.was-validated .has-white .is-focused .form-check-input:valid~.form-check-label {
    color: #fff
}

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

.has-white .is-focused .custom-control-input.is-valid~.custom-control-label,
.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label {
    color: #fff
}

.has-white .is-focused .custom-control-input.is-valid~.custom-control-label:before,
.was-validated .has-white .is-focused .custom-control-input:valid~.custom-control-label:before {
    background-color: #fff
}

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

.has-white .is-focused .custom-control-input.is-valid:checked~.custom-control-label:before,
.was-validated .has-white .is-focused .custom-control-input:valid:checked~.custom-control-label:before {
    background-color: #fff
}

.has-white .is-focused .custom-control-input.is-valid:focus~.custom-control-label:before,
.was-validated .has-white .is-focused .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 .2rem hsla(0, 0%, 100%, .25)
}

.has-white .is-focused .custom-file-input.is-valid~.custom-file-label,
.was-validated .has-white .is-focused .custom-file-input:valid~.custom-file-label {
    border-color: #fff
}

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

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

.has-white .is-focused .custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .has-white .is-focused .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .25)
}

.has-white .is-focused .bmd-label-placeholder,
.has-white .is-focused [class*=" bmd-label"],
.has-white .is-focused [class^=bmd-label] {
    color: #fff
}

.has-white .is-focused .form-control {
    border-color: #fff
}

.has-white .is-focused .bmd-help {
    color: #555
}

.has-white .form-control:focus {
    color: #fff
}

.has-warning [class*=" bmd-label"],
.has-warning [class^=bmd-label] {
    color: #ff9800
}

.has-warning .form-control,
.is-focused .has-warning .form-control {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255, 152, 0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-warning .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-warning .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-warning .form-control.disabled,
.has-warning .form-control:disabled,
.has-warning .form-control[disabled],
fieldset[disabled][disabled] .has-warning .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}

.has-warning .form-control.form-control-success,
.is-focused .has-warning .form-control.form-control-success {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255, 152, 0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}

.has-warning .form-control.form-control-warning,
.is-focused .has-warning .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255, 152, 0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}

.has-warning .form-control.form-control-danger,
.is-focused .has-warning .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #ff9800 2px, rgba(255, 152, 0, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}

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

.has-warning .is-focused .valid-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, 152, 0, .8);
    border-radius: .2rem
}

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

.has-warning .is-focused .custom-select.is-valid:focus,
.has-warning .is-focused .form-control.is-valid:focus,
.was-validated .has-warning .is-focused .custom-select:valid:focus,
.was-validated .has-warning .is-focused .form-control:valid:focus {
    border-color: #ff9800;
    box-shadow: 0 0 0 .2rem rgba(255, 152, 0, .25)
}

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

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

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

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

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

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

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

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

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

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

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

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

.has-warning .is-focused .bmd-label-placeholder,
.has-warning .is-focused [class*=" bmd-label"],
.has-warning .is-focused [class^=bmd-label] {
    color: #ff9800
}

.has-warning .is-focused .form-control {
    border-color: #ff9800
}

.has-warning .is-focused .bmd-help {
    color: #555
}

.has-danger [class*=" bmd-label"],
.has-danger [class^=bmd-label] {
    color: #f44336
}

.has-danger .form-control,
.has-danger .form-control:invalid,
.is-focused .has-danger .form-control {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-danger .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0)
}

.has-danger .form-control.disabled,
.has-danger .form-control:disabled,
.has-danger .form-control[disabled],
fieldset[disabled][disabled] .has-danger .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px
}

.has-danger .form-control.form-control-success,
.is-focused .has-danger .form-control.form-control-success {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="
}

.has-danger .form-control.form-control-warning,
.is-focused .has-danger .form-control.form-control-warning {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"
}

.has-danger .form-control.form-control-danger,
.is-focused .has-danger .form-control.form-control-danger {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="
}

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

.has-danger .is-focused .valid-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 .is-focused .custom-select.is-valid,
.has-danger .is-focused .form-control.is-valid,
.was-validated .has-danger .is-focused .custom-select:valid,
.was-validated .has-danger .is-focused .form-control:valid {
    border-color: #f44336
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-danger .is-focused .bmd-label-placeholder,
.has-danger .is-focused [class*=" bmd-label"],
.has-danger .is-focused [class^=bmd-label] {
    color: #f44336
}

.has-danger .is-focused .form-control {
    border-color: #f44336
}

.has-danger .is-focused .bmd-help {
    color: #555
}


.bmd-form-group {
    position: relative
}

.bmd-form-group:not(.has-success):not(.has-danger) [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group:not(.has-success):not(.has-danger) [class^=bmd-label].bmd-label-floating {
    color: #aaa
}

.bmd-form-group [class*=" bmd-label"],
.bmd-form-group [class^=bmd-label] {
    position: absolute;
    pointer-events: none;
    transition: all .3s ease
}

.bmd-form-group [class*=" bmd-label"].bmd-label-floating,
.bmd-form-group [class^=bmd-label].bmd-label-floating {
    will-change: left, top, contents;
    margin: 0;
    line-height: 1.4;
    font-weight: 400
}

.bmd-form-group.is-filled .bmd-label-placeholder {
    display: none
}

.bmd-form-group.bmd-collapse-inline {
    display: flex;
    align-items: center;
    padding: 0;
    min-height: 2.1em
}

.bmd-form-group.bmd-collapse-inline .collapse {
    flex: 1;
    display: none
}

.bmd-form-group.bmd-collapse-inline .collapse.show {
    max-width: 1200px
}

.bmd-form-group.bmd-collapse-inline .collapse.show,
.bmd-form-group.bmd-collapse-inline .collapsing,
.bmd-form-group.bmd-collapse-inline .width:not(.collapse) {
    display: block
}

.bmd-form-group.bmd-collapse-inline .collapsing {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.bmd-form-group .form-control,
.bmd-form-group input::placeholder,
.bmd-form-group label {
    line-height: 1.1
}

.bmd-form-group label {
    color: #aaa
}

.bmd-form-group .checkbox label,
.bmd-form-group .radio label,
.bmd-form-group .switch label,
.bmd-form-group label.checkbox-inline,
.bmd-form-group label.radio-inline {
    line-height: 1.5
}

.bmd-form-group .checkbox label,
.bmd-form-group .radio label,
.bmd-form-group label {
    font-size: .875rem
}

.bmd-form-group .bmd-label-floating,
.bmd-form-group .bmd-label-placeholder {
    top: 1.2rem
}

.bmd-form-group .is-filled .bmd-label-floating,
.bmd-form-group .is-focused .bmd-label-floating {
    top: -1rem;
    left: 0;
    font-size: .6875rem
}

.bmd-form-group .bmd-label-static {
    top: .35rem;
    left: 0;
    font-size: .875rem
}

.bmd-form-group .bmd-help {
    margin-top: 0;
    font-size: .75rem
}

.bmd-form-group .form-control.form-control-danger,
.bmd-form-group .form-control.form-control-success,
.bmd-form-group .form-control.form-control-warning {
    background-size: 0 100%, 100% 100%, .9375rem .9375rem
}

.bmd-form-group .form-control.form-control-danger,
.bmd-form-group .form-control.form-control-danger:focus,
.bmd-form-group .form-control.form-control-success,
.bmd-form-group .form-control.form-control-success:focus,
.bmd-form-group .form-control.form-control-warning,
.bmd-form-group .form-control.form-control-warning:focus,
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger,
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success,
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning {
    padding-right: 0;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, 50% calc(100% - 1px), center right .46875rem
}

.bmd-form-group .form-control.form-control-danger:focus,
.bmd-form-group .form-control.form-control-success:focus,
.bmd-form-group .form-control.form-control-warning:focus,
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-danger,
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-success,
.bmd-form-group.is-focused .bmd-form-group .form-control.form-control-warning {
    background-size: 100% 100%, 100% 100%, .9375rem .9375rem
}

.bmd-form-group.bmd-form-group-sm .form-control,
.bmd-form-group.bmd-form-group-sm input::placeholder,
.bmd-form-group.bmd-form-group-sm label {
    line-height: 1.1
}

.bmd-form-group.bmd-form-group-sm label {
    color: #aaa
}

.bmd-form-group.bmd-form-group-sm .checkbox label,
.bmd-form-group.bmd-form-group-sm .radio label,
.bmd-form-group.bmd-form-group-sm .switch label,
.bmd-form-group.bmd-form-group-sm label.checkbox-inline,
.bmd-form-group.bmd-form-group-sm label.radio-inline {
    line-height: 1.5
}

.bmd-form-group.bmd-form-group-sm .checkbox label,
.bmd-form-group.bmd-form-group-sm .radio label,
.bmd-form-group.bmd-form-group-sm label {
    font-size: .875rem
}

.bmd-form-group.bmd-form-group-sm .bmd-label-floating,
.bmd-form-group.bmd-form-group-sm .bmd-label-placeholder {
    top: .175rem
}

.bmd-form-group.bmd-form-group-sm .is-filled .bmd-label-floating,
.bmd-form-group.bmd-form-group-sm .is-focused .bmd-label-floating {
    top: -1.25rem;
    left: 0;
    font-size: .6875rem
}

.bmd-form-group.bmd-form-group-sm .bmd-label-static {
    top: .1rem;
    left: 0;
    font-size: .875rem
}

.bmd-form-group.bmd-form-group-sm .bmd-help {
    margin-top: 0;
    font-size: .65625rem
}

.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning {
    background-size: 0 100%, 100% 100%, .6875rem .6875rem
}

.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning {
    padding-right: 0;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, 50% calc(100% - 1px), center right .34375rem
}

.bmd-form-group.bmd-form-group-sm .form-control.form-control-danger:focus,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-success:focus,
.bmd-form-group.bmd-form-group-sm .form-control.form-control-warning:focus,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-danger,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-success,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-sm .form-control.form-control-warning {
    background-size: 100% 100%, 100% 100%, .6875rem .6875rem
}

.bmd-form-group.bmd-form-group-lg .form-control,
.bmd-form-group.bmd-form-group-lg input::placeholder,
.bmd-form-group.bmd-form-group-lg label {
    line-height: 1.1
}

.bmd-form-group.bmd-form-group-lg label {
    color: #aaa
}

.bmd-form-group.bmd-form-group-lg .checkbox label,
.bmd-form-group.bmd-form-group-lg .radio label,
.bmd-form-group.bmd-form-group-lg .switch label,
.bmd-form-group.bmd-form-group-lg label.checkbox-inline,
.bmd-form-group.bmd-form-group-lg label.radio-inline {
    line-height: 1.5
}

.bmd-form-group.bmd-form-group-lg .checkbox label,
.bmd-form-group.bmd-form-group-lg .radio label,
.bmd-form-group.bmd-form-group-lg label {
    font-size: .875rem
}

.bmd-form-group.bmd-form-group-lg .bmd-label-floating,
.bmd-form-group.bmd-form-group-lg .bmd-label-placeholder {
    top: .7375rem
}

.bmd-form-group.bmd-form-group-lg .is-filled .bmd-label-floating,
.bmd-form-group.bmd-form-group-lg .is-focused .bmd-label-floating {
    top: -1rem;
    left: 0;
    font-size: .6875rem
}

.bmd-form-group.bmd-form-group-lg .bmd-label-static {
    top: .35rem;
    left: 0;
    font-size: .875rem
}

.bmd-form-group.bmd-form-group-lg .bmd-help {
    margin-top: 0;
    font-size: .9375rem
}

.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning {
    background-size: 0 100%, 100% 100%, 1.1875rem 1.1875rem
}

.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning {
    padding-right: 0;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, 50% calc(100% - 1px), center right .59375rem
}

.bmd-form-group.bmd-form-group-lg .form-control.form-control-danger:focus,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-success:focus,
.bmd-form-group.bmd-form-group-lg .form-control.form-control-warning:focus,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-danger,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-success,
.bmd-form-group.is-focused .bmd-form-group.bmd-form-group-lg .form-control.form-control-warning {
    background-size: 100% 100%, 100% 100%, 1.1875rem 1.1875rem
}

.bmd-label-floating,
.bmd-label-placeholder {
    top: .6125rem
}

.is-filled .bmd-label-floating,
.is-focused .bmd-label-floating {
    top: -1rem;
    left: 0;
    font-size: .6875rem
}

.bmd-label-static {
    top: .35rem;
    left: 0;
    font-size: .875rem
}

.bmd-help {
    margin-top: 0;
    font-size: .75rem
}

.form-control.form-control-danger,
.form-control.form-control-success,
.form-control.form-control-warning {
    background-size: 0 100%, 100% 100%, .9375rem .9375rem
}

.bmd-form-group.is-focused .form-control.form-control-danger,
.bmd-form-group.is-focused .form-control.form-control-success,
.bmd-form-group.is-focused .form-control.form-control-warning,
.form-control.form-control-danger,
.form-control.form-control-danger:focus,
.form-control.form-control-success,
.form-control.form-control-success:focus,
.form-control.form-control-warning,
.form-control.form-control-warning:focus {
    padding-right: 0;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, 50% calc(100% - 1px), center right .46875rem
}

.bmd-form-group.is-focused .form-control.form-control-danger,
.bmd-form-group.is-focused .form-control.form-control-success,
.bmd-form-group.is-focused .form-control.form-control-warning,
.form-control.form-control-danger:focus,
.form-control.form-control-success:focus,
.form-control.form-control-warning:focus {
    background-size: 100% 100%, 100% 100%, .9375rem .9375rem
}

@media (min-width:576px) {
    .form-inline .input-group {
        display: inline-flex;
        align-items: center
    }
}

.form-control-feedback {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    opacity: 0
}

.has-success .form-control-feedback {
    color: #4caf50;
    opacity: 1
}

.has-danger .form-control-feedback {
    color: #f44336;
    opacity: 1
}

.form-group {
    padding-bottom: 10px;
    position: relative;
    margin: 8px 0 0
}

.form-group .bmd-label-static {
    top: -10px
}

textarea {
    height: auto!important;
    resize: none;
    line-height: 1.428571!important
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.form-file-upload .input-group {
    width: 100%
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-color: transparent;
    cursor: not-allowed;
    border-bottom: 1px dotted #d2d2d2;
    background-repeat: no-repeat
}

.img-thumbnail {
    border-radius: 16px
}

.img-raised {
    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .24), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

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

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

.text-primary {
    color: #9c27b0!important
}

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

.text-success {
    color: #34bfa3!important
}

.text-info {
    color: #36a3f7!important
}

.text-rose {
    color: #e91e63!important
}

.text-gray {
    color: #999!important
}










.togglebutton {
 vertical-align:middle
}
.togglebutton,
.togglebutton .toggle,
.togglebutton input,
.togglebutton label {
 user-select:none
}
.togglebutton label {
 cursor:pointer
}
.form-group.is-focused .togglebutton label,
.togglebutton label {
 color:rgba(0,0,0,.26)
}
.form-group.is-focused .togglebutton label:focus,
.form-group.is-focused .togglebutton label:hover {
 color:rgba(0,0,0,.54)
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
 color:rgba(0,0,0,.26)
}
.togglebutton label input[type=checkbox] {
 opacity:0;
 width:0;
 height:0
}
.togglebutton label .toggle {
 text-align:left;
 margin-left:5px
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled]+.toggle {
 content:"";
 display:inline-block;
 width:30px;
 height:15px;
 background-color:rgba(80,80,80,.9);
 border-radius:15px;
 margin-right:15px;
 transition:background .3s ease;
 vertical-align:middle
}
.togglebutton label .toggle:after {
 content:"";
 display:inline-block;
 width:20px;
 height:20px;
 background-color:#fff;
 border-radius:20px;
 position:relative;
 box-shadow:0 1px 3px 1px rgba(0,0,0,.4);
 left:-5px;
 top:-2.5px;
 border:0px solid rgba(0,0,0,.54);
 transition:left .3s ease,background .3s ease,box-shadow .1s ease
}
.togglebutton label input[type=checkbox][disabled]+.toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked+.toggle:after {
 background-color:#bdbdbd
}
.togglebutton label input[type=checkbox]+.toggle:active:after,
.togglebutton label input[type=checkbox][disabled]+.toggle:active:after {
 box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(0,0,0,.1)
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
 left:15px
}
.togglebutton label input[type=checkbox]:checked+.toggle {
 background-color:#34bfa3
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
 border-color:#34bfa3
}
.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
 box-shadow:0 1px 3px 1px rgba(0,0,0,.4),0 0 0 15px rgba(156,39,176,.1)
}



select,
select.form-control {
    -moz-appearance: none;
    -webkit-appearance: none
}
select.bs-select-hidden,
select.selectpicker {
    display: none!important
}




.bootstrap-select {
    width: 220px \0
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    z-index: 1
}

.bootstrap-select>.dropdown-toggle.bs-placeholder.btn,
.bootstrap-select>.dropdown-toggle.bs-placeholder.btn:hover {
    color: #fff
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>select {
    position: absolute!important;
    bottom: 0;
    left: 50%;
    display: block!important;
    width: .5px!important;
    height: 100%!important;
    padding: 0!important;
    opacity: 0!important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block!important;
    width: 100%!important;
    z-index: 2
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333!important;
    outline: 5px auto -webkit-focus-ring-color!important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none!important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0!important;
    padding: 0!important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    pointer-events: none;
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 10px;
    font-size: 16px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid hsla(0, 0%, 80%, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid hsla(0, 0%, 80%, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bootstrap-select .select-with-transition {
    background: no-repeat bottom, 50% calc(100% - 1px);
    transition: background 0s ease-out!important;
    background-size: 0 100%, 100% 100%;
    background-color: transparent!important;
    color: inherit!important;
    box-shadow: none!important
}

/*
.bootstrap-select .btn.active,
.bootstrap-select .btn:active,
.bootstrap-select .select-with-transition {
    background-image: linear-gradient(0deg, #9c27b0 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0)
}
*/

.bootstrap-select.show .select-with-transition:focus {
    background-size: 100% 100%, 100% 100%;
    transition-duration: .3s!important
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none!important
}

.bootstrap-select.show>.dropdown-menu>.dropdown-menu {
    display: block
}

.bootstrap-select>.dropdown-menu>.dropdown-menu li.hidden {
    display: none
}

.bootstrap-select > .dropdown-toggle::after {
	right: 0.7rem;
}
.bootstrap-select .dropdown-menu {
    z-index: 40;
}






/* ripple
 */
.m-radio.m-radio--success.m-radio--solid > span::after,
.m-radio.m-radio--success > span::after, 
.m-radio.m-radio--danger.m-radio--solid > span::after, 
.m-radio.m-radio--info.m-radio--solid > span::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  margin-left: -16px;
  margin-top: -16px;
  background-color:rgba(80,80,80,.6);
  border-radius: 100%;
  transform: scale(0);
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes rippleDuplicate {
  0% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.m-radio > span::after {
  animation: ripple .4s ease-out;
}

/* to re-trigger the animation with just CSS, we need to duplicate the keyframes
 */
.m-radio > input:checked ~ span::after {
  animation-name: rippleDuplicate;
}

/* fixes initial animation run, without user input, on page load.
 */
.m-radio > span::after {
  visibility: hidden;
}

.m-radio > input:focus ~ span::after {
  visibility: visible;
}