.m-loader {
    position: relative
}

.m-loader:before {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 2px solid #07d;
    border-right: 2px solid transparent;
    border-radius: 50%;
    -webkit-animation: m-loader-rotate 0.6s linear infinite;
    animation: m-loader-rotate 0.6s linear infinite
}

.m-loader:before {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -.7rem;
    margin-left: -.7rem;
    border-top-width: 2px;
    border-right-width: 2px
}

.m-loader.m-loader--lg:before {
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    border-top-width: 3px;
    border-right-width: 3px
}

.m-loader.m-loader--sm:before {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    border-top-width: 1px;
    border-right-width: 1px
}

.m-loader.m-loader--right:before {
    /*left: auto;*/
    /*right: .7rem*/
}

.m-loader.m-loader--right.m-loader--lg:before {
    right: 1rem
}

.m-loader.m-loader--right.m-loader--sm:before {
    right: .5rem
}

.m-loader.m-loader--right.btn {
    /*padding-right: 3.25rem*/
}

.m-loader.m-loader--right.btn.m-loader--lg {
    /*padding-right: 4.65rem*/
}

.m-loader.m-loader--right.btn.m-loader--sm {
    /*padding-right: 2.3rem*/
}

.m-loader.m-loader--left:before {
    left: 1.4rem
}

.m-loader.m-loader--left.m-loader--lg:before {
    left: 2rem
}

.m-loader.m-loader--left.m-loader--sm:before {
    left: 1rem
}

.m-loader.m-loader--left.btn {
    padding-left: 3.25rem
}

.m-loader.m-loader--left.btn.m-loader--lg {
    padding-left: 4.65rem
}

.m-loader.m-loader--left.btn.m-loader--sm {
    padding-left: 2.3rem
}

@-webkit-keyframes m-loader-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes m-loader-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.m-loader:before {
    border-top-color: #dfe2ea
}

.m-loader.m-loader--skin-dark:before {
    border-top-color: #acafba
}

.m-loader.m-loader--brand:before {
    border-top-color: #716aca
}

.m-loader.m-loader--metal:before {
    border-top-color: #c4c5d6
}

.m-loader.m-loader--light:before {
    border-top-color: #fff
}

.m-loader.m-loader--accent:before {
    border-top-color: #00c5dc
}

.m-loader.m-loader--focus:before {
    border-top-color: #9816f4
}

.m-loader.m-loader--primary:before {
    border-top-color: #5867dd
}

.m-loader.m-loader--success:before {
    border-top-color: #34bfa3
}

.m-loader.m-loader--info:before {
    border-top-color: #36a3f7
}

.m-loader.m-loader--warning:before {
    border-top-color: #ffb822
}

.m-loader.m-loader--danger:before {
    border-top-color: #f4516c
}

.m-list-search.m-list-search--has-result .m-dropdown__body {
    display: block
}

.m-list-search.m-list-search--has-result .m-dropdown__header:after {
    display: block;
    height: 1px;
    content: "";
    position: relative;
    top: 20px
}

.m-list-search .m-dropdown__body {
    display: none
}

.m-list-search .m-list-search__form {
    position: relative;
    display: block;
    padding: 3px 0 0 0
}

.m-list-search .m-list-search__form .m-list-search__form-wrapper {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed
}

.m-list-search .m-list-search__form .m-list-search__form-wrapper .m-list-search__form-input-wrapper {
    display: table-cell;
    vertical-align: middle
}

.m-list-search .m-list-search__form .m-list-search__form-wrapper .m-list-search__form-input {
    border: 0;
    background: none;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-size: 1rem;
    padding: 0px;
    display: block
}

.m-list-search .m-list-search__form .m-list-search__form-wrapper .m-list-search__form-icon-close {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    line-height: 0 !important;
    cursor: pointer;
    font-size: 1.2rem;
    width: 30px;
    padding: 0 0 0 0
}

.m-list-search .m-list-search__form.m-loader:before {
    top: 12px;
    right: 0
}