/*!
 * Materionic Admin Dashboard Template(https://creativemarket.com/ercanayhan?u=ercanayhan)
 * Copyright 2018 Ercan Ayhan
 * You must have a valid license purchased from creativemarket(https://creativemarket.com/ercanayhan/2682313-Materionic-Admin-Dashboard-Template?u=ercanayhan) in order to legally use the theme for your project.
 */
@import url(./waves.min.css);

* {
    text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* html,
body {
    height: 100%;
} */

body {
    background-color: #e9ecef;
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body i {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
}

.mi-content,
.mi-content-widget,
.table-contacts tr,
.mi-sidebar,
.navbar,
.mi-quick-sidebar,
.mi-chat-box,
.mi-footer {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.box-shadow-none,
.input-group .form-control:focus,
.btn-transparent,
.btn-group .btn,
.btn-group .btn-group,
.input-group .mi-input input[type="text"],
.input-group .mi-input .form-control,
.form-group .mi-input .form-control {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

button,
input,
select,
a {
    outline: none !important;
}

.navbar {
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.mi-navbar-toggle:after,
.mi-navbar-toggle:before {
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    top: 20px;
    left: 24px;
    display: none;
    line-height: 1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mi-navbar-toggle:before {
    content: '\e5d2';
    display: block;
}

.mi-navbar-toggle:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mi-navbar-toggle:after {
    content: '\e5c4';
    display: block;
}

.mi-navbar-toggle:after {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.mi-navbar-logo {
    width: 45px !important;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

.navbar .navbar-brand {
    font-size: 20px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navbar .navbar-toggle {
    width: auto;
    height: 25px;
    color: #fff;
    margin: 12px;
    padding: 0;
    text-decoration: none;
}

.navbar-header {
    padding: 7px 0px;
}

.navbar-header .mi-navbar-toggle {
    float: left;
    text-decoration: none;
}

.navbar .navbar-nav>li>a {
    margin-top: 7px;
    padding: 8px 10px 8px 10px;
    line-height: 0 !important;
}

section.mi-content,
section.mi-content-widget {
    min-height: 100%;
}

section.mi-content {
    margin: 85px 24px 30px 325px;
}

section.mi-content-widget .mi-content-widget-body .tab-content {
    padding: 0;
}

section.mi-content-widget .mi-content-widget-body {
    margin: 0 24px;
}

section.mi-content-widget .mi-content-widget-toggle-body {
    margin: 0 15px;
}

section.mi-content-widget {
    margin: 64px 0px 30px 300px;
}

.mi-content:before,
.mi-content-widget:before {
    display: block;
    content: '';
}

.mi-sidebar-sm section.mi-content {
    margin: 85px 24px 30px 285px
}

.mi-sidebar-sm section.mi-content-widget {
    margin: 64px 0px 30px 260px;
}

.mi-sidebar-md section.mi-content {
    margin: 85px 24px 30px 305px;
}

.mi-sidebar-md section.mi-content-widget {
    margin: 64px 0px 30px 280px;
}

.mi-content .mi-content-header {
    margin-bottom: 15px;
    position: relative;
}

.mi-content .mi-content-header .mi-title,
.mi-content-widget .mi-content-header .mi-title {
    font-size: 17px;
    color: #3d484e !important;
}

.mi-content-widget>.mi-content-header {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.mi-content-widget .mi-content-header {
    margin-bottom: 15px;
}

.mi-content-widget .container-fluid>.tab-content {
    padding: 0px;
}

.mi-content-widget .mi-content-header>.tabbed .mi-card-content {
    padding: 0 !important;
}

.mi-content-widget .mi-content-header>.tabbed .nav-tabs {
    border: none;
}

.mi-content-widget .mi-content-header .mi-card .mi-card-content {
    padding-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    padding: 24px 24px 0 24px;
}

.mi-content-widget .mi-content-header>.mi-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin-bottom: 24px;
}

.mi-footer {
    margin-left: 300px;
    width: calc(100% - 300px);
    background-color: #fff;
    padding: 14px 24px 11px 24px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.mi-footer-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.mi-sidebar-sm .mi-footer {
    margin-left: 260px;
    width: calc(100% - 260px);
}

.mi-sidebar-md .mi-footer {
    margin-left: 280px;
    width: calc(100% - 280px);
}

.mi-sidebar-toggle .mi-footer {
    margin-left: 0px !important;
    width: 100%;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/material-icons/MaterialIcons-Regular.eot);
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/material-icons/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/material-icons/MaterialIcons-Regular.woff) format('woff'), url(../fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.mi {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-l--50 {
    margin-left: -50px !important;
}

.m-t--50 {
    margin-top: -50px !important;
}

.m-r--50 {
    margin-right: -50px !important;
}

.m-b--50 {
    margin-bottom: -50px !important;
}

.m-l--45 {
    margin-left: -45px !important;
}

.m-t--45 {
    margin-top: -45px !important;
}

.m-r--45 {
    margin-right: -45px !important;
}

.m-b--45 {
    margin-bottom: -45px !important;
}

.m-l--40 {
    margin-left: -40px !important;
}

.m-t--40 {
    margin-top: -40px !important;
}

.m-r--40 {
    margin-right: -40px !important;
}

.m-b--40 {
    margin-bottom: -40px !important;
}

.m-l--35 {
    margin-left: -35px !important;
}

.m-t--35 {
    margin-top: -35px !important;
}

.m-r--35 {
    margin-right: -35px !important;
}

.m-b--35 {
    margin-bottom: -35px !important;
}

.m-l--30 {
    margin-left: -30px !important;
}

.m-t--30 {
    margin-top: -30px !important;
}

.m-r--30 {
    margin-right: -30px !important;
}

.m-b--30 {
    margin-bottom: -30px !important;
}

.m-l--25 {
    margin-left: -25px !important;
}

.m-t--25 {
    margin-top: -25px !important;
}

.m-r--25 {
    margin-right: -25px !important;
}

.m-b--25 {
    margin-bottom: -25px !important;
}

.m-l--20 {
    margin-left: -20px !important;
}

.m-t--20 {
    margin-top: -20px !important;
}

.m-r--20 {
    margin-right: -20px !important;
}

.m-b--20 {
    margin-bottom: -20px !important;
}

.m-l--15 {
    margin-left: -15px !important;
}

.m-t--15 {
    margin-top: -15px !important;
}

.m-r--15 {
    margin-right: -15px !important;
}

.m-b--15 {
    margin-bottom: -15px !important;
}

.m-l--10 {
    margin-left: -10px !important;
}

.m-t--10 {
    margin-top: -10px !important;
}

.m-r--10 {
    margin-right: -10px !important;
}

.m-b--10 {
    margin-bottom: -10px !important;
}

.m-l--5 {
    margin-left: -5px !important;
}

.m-l--4 {
    margin-left: -4px !important;
}

.m-l--3 {
    margin-left: -3px !important;
}

.m-l--2 {
    margin-left: -2px !important;
}

.m-l--1 {
    margin-left: -1px !important;
}

.m-t--5 {
    margin-top: -5px !important;
}

.m-t--4 {
    margin-top: -4px !important;
}

.m-t--3 {
    margin-top: -3px !important;
}

.m-t--2 {
    margin-top: -2px !important;
}

.m-t--1 {
    margin-top: -1px !important;
}

.m-r--5 {
    margin-right: -5px !important;
}

.m-r--4 {
    margin-right: -4px !important;
}

.m-r--3 {
    margin-right: -3px !important;
}

.m-r--2 {
    margin-right: -2px !important;
}

.m-r--1 {
    margin-right: -1px !important;
}

.m-b--5 {
    margin-bottom: -5px !important;
}

.m-b--4 {
    margin-bottom: -4px !important;
}

.m-b--3 {
    margin-bottom: -3px !important;
}

.m-b--2 {
    margin-bottom: -2px !important;
}

.m-b--1 {
    margin-bottom: -1px !important;
}

.margin-0 {
    margin: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-35 {
    margin: 35px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-45 {
    margin: 45px !important;
}

.margin-50 {
    margin: 50px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-35 {
    padding: 35px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-45 {
    padding: 45px !important;
}

.padding-50 {
    padding: 50px !important;
}

.f-s-8 {
    font-size: 8px !important;
}

.f-s-9 {
    font-size: 9px !important;
}

.f-s-10 {
    font-size: 10px !important;
}

.f-s-11 {
    font-size: 11px !important;
}

.f-s-12 {
    font-size: 12px !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.f-s-14 {
    font-size: 14px !important;
}

.f-s-15 {
    font-size: 15px !important;
}

.f-s-16 {
    font-size: 16px !important;
}

.f-s-17 {
    font-size: 17px !important;
}

.f-s-18 {
    font-size: 18px !important;
}

.f-s-19 {
    font-size: 19px !important;
}

.f-s-20 {
    font-size: 20px !important;
}

.f-s-21 {
    font-size: 21px !important;
}

.f-s-22 {
    font-size: 22px !important;
}

.f-s-23 {
    font-size: 23px !important;
}

.f-s-24 {
    font-size: 24px !important;
}

.f-s-25 {
    font-size: 25px !important;
}

.f-s-26 {
    font-size: 26px !important;
}

.f-s-27 {
    font-size: 27px !important;
}

.f-s-28 {
    font-size: 28px !important;
}

.f-s-29 {
    font-size: 29px !important;
}

.f-s-30 {
    font-size: 30px !important;
}

.f-s-31 {
    font-size: 31px !important;
}

.f-s-32 {
    font-size: 32px !important;
}

.f-s-33 {
    font-size: 33px !important;
}

.f-s-34 {
    font-size: 34px !important;
}

.f-s-35 {
    font-size: 35px !important;
}

.f-s-36 {
    font-size: 36px !important;
}

.f-s-37 {
    font-size: 37px !important;
}

.f-s-38 {
    font-size: 38px !important;
}

.f-s-39 {
    font-size: 39px !important;
}

.f-s-40 {
    font-size: 40px !important;
}

.f-s-41 {
    font-size: 41px !important;
}

.f-s-42 {
    font-size: 42px !important;
}

.f-s-43 {
    font-size: 43px !important;
}

.f-s-44 {
    font-size: 44px !important;
}

.f-s-45 {
    font-size: 45px !important;
}

.f-s-46 {
    font-size: 46px !important;
}

.f-s-47 {
    font-size: 47px !important;
}

.f-s-48 {
    font-size: 48px !important;
}

.f-s-49 {
    font-size: 49px !important;
}

.f-s-50 {
    font-size: 50px !important;
}

.v-a-bottom {
    vertical-align: bottom !important;
}

.v-a-text-bottom {
    vertical-align: text-bottom !important;
}

.v-a-top {
    vertical-align: top !important;
}

.v-a-text-top {
    vertical-align: text-top !important;
}

.v-a-middle {
    vertical-align: middle !important;
}

.font-lighter {
    font-weight: lighter !important;
}

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

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

.ie .font-bold {
    font-weight: 400 !important;
}

.border-all {
    border: 1px solid #e9ecef !important;
}

.border-none {
    border: none !important;
}

.border-bottom {
    border-bottom: 1px solid #e9ecef !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.border-top {
    border-top: 1px solid #e9ecef !important;
}

.border-top-none {
    border-top: none !important;
}

.border-left {
    border-left: 1px solid #e9ecef !important;
}

.border-left-none {
    border-left: none !important;
}

.border-right {
    border-right: 1px solid #e9ecef !important;
}

.border-right-none {
    border-right: none !important;
}

.box-shadow {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3)
}

.ph-col-white::-webkit-input-placeholder {
    color: #fff !important;
}

.ph-col-white::-moz-placeholder {
    color: #fff !important;
}

.ph-col-white:-ms-input-placeholder {
    color: #fff !important;
}

.ph-col-white:-moz-placeholder {
    color: #fff !important;
}

.overflow-auto {
    overflow: auto;
}

.overflow-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.overflow-hidden {
    overflow: hidden !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.full-height {
    height: 100% !important;
}

.height-auto {
    height: auto !important;
}

.width-auto {
    width: auto !important;
}

.full-width {
    width: 100% !important;
}

.border-radius-none {
    border-radius: 0;
}

.display-block {
    display: block !important;
}

.display-inline-table {
    display: inline-table !important;
}

.display-inline-block {
    display: inline-block !important;
}

.t-d-none {
    text-decoration: none !important;
}

.col-trans-half {
    color: rgba(255, 255, 255, 0.7) !important;
}

.resize-none {
    resize: none !important;
}

.l-h-0 {
    line-height: 0 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.mi-divider-5 {
    border-top: 1px solid #e9ecf0;
    margin: 5px 0px;
}

.mi-circle-50 {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

.mi-content-widget .tickLabel {
    color: #fff;
}

[data-mi-scroller-id]::-webkit-scrollbar {
    height: 0 !important;
}

.mi-custom-search-input {
    border-radius: 34px !important;
    border: 1px solid #e9ecf0;
    box-shadow: none !important;
    padding-left: 15px;
}

.mi-focused .mi-custom-search-input {
    border: 2px solid #cadae1 !important;
}

.mi-content-widget>.mi-card {
    border-radius: 0 !important;
}

.mi-content-widget .mi-content-header .mi-card-header .mi-title {
    display: inline-block;
}

.mi-content-widget .mi-content-header .mi-card-header>.input-group {
    margin-bottom: 0;
    float: right;
    max-width: 200px;
    margin-top: -10px;
}

.mi-line-letter i {
    position: absolute;
    top: -13px;
    left: -24px;
    font-size: 22px;
}

.mi-contact-list-item.bg-blue .font-bold {
    color: #fff !important;
}

.mi-line-letter span {
    position: absolute;
    top: -11px;
    left: -18px;
    font-size: 16px;
}

.mi-line-letter {
    height: 1px;
    border-top: 1px solid #e9ecf0;
    margin: 20px 0 20px 35px;
    position: relative;
}

.mi-contact-list-item {
    margin: 0 10px;
    display: block;
    overflow: hidden !important;
    padding: 8px;
}

.mi-contact-container .col-md-12 i,
.mi-mail-container .col-md-12 i {
    font-size: 80px;
}

.mi-contact-container .col-md-12,
.mi-mail-container .col-md-12 {
    margin: 50px 0 25px 0;
}

.form-control,
.progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.right {
    float: right !important;
}

.mi-mail-list-item .mi-file-content i {
    float: left;
    margin-right: 5px;
    font-size: 30px;
    margin-top: 3px;
}

.mi-mail-list-item .mi-file-content .mi-file {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 275px;
    white-space: nowrap;
}

.mi-mail-list-item .mi-file-content {
    height: 50px;
    width: 120px;
    padding: 7px 5px;
    border: 1px solid #e0e3e6;
    position: relative;
}

.mi-mail-list-item .mi-mail-content {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 275px;
    white-space: nowrap;
}

.mi-mail-list-item .mi-mail-date {
    font-size: 11px;
    text-align: center;
    color: #788188;
}

.mi-mail-list-item .media-right {
    position: absolute;
    top: 10px;
    right: 10px;
}

.mi-mail-list-item .media-left img {
    width: 25px;
    height: 25px;
}

.mi-mail-list-item .media-left {
    vertical-align: top !important;
    padding-top: 4px;
    width: 40px;
    float: left;
}

.mi-mail-list-item .media-body {
    float: left;
    max-width: 260px;
}

.mi-mail-list-item .media-left,
.mi-mail-list-item .media-right,
.mi-mail-list-item .media-body {
    display: inline-block !important;
}

.mi-mail-list-item .mi-mail-check,
.mi-mail-list-item:hover .media-left span,
.mi-mail-list-item:hover .media-left img {
    display: none !important;
}

.mi-mail-list-item:hover .mi-mail-check,
.mi-mail-list-item .media-left span,
.mi-mail-list-item .media-left img {
    display: inline !important;
}

.mi-mail-list-item [type="checkbox"]:checked+label+span,
.mi-mail-list-item [type="checkbox"]:checked+label+img {
    display: none !important;
}

.mi-mail-list-item [type="checkbox"]:checked+label {
    display: block !important;
}

.mi-mail-list-item {
    display: block;
    overflow: hidden !important;
    padding: 10px;
    border-bottom: 1px solid #f1f1f1 !important;
    margin: 0;
}

.mi-mail-header {
    background-color: #f8f8f8;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
}

.mi-form-search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.mi-form-search input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.mi-form-search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.mi-form-search input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

.mi-form-search {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.drag-over {
    border: 2px dotted #555;
    border-top: none;
}

.white-space-nowrap {
    white-space: nowrap;
}

.btn-circle {
    padding: 6px 10px;
}

.btn-circle {
    border: none;
    overflow: hidden;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.btn-circle i {
    position: relative;
    font-size: 21px;
    left: 0px !important;
    top: 0px !important;
    vertical-align: middle;
}

.btn-link:active,
.btn-link:focus {
    text-decoration: none;
    color: #3d484e;
}

.btn-link:hover {
    text-decoration: none;
    background-color: #ddd;
}

.btn-circle-lg {
    border: none;
    overflow: hidden;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    border-radius: 50% !important;
}

.btn-circle-lg i {
    font-size: 25px !important;
}

.btn:not(.btn-link):not(.btn-circle) {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    border: none;
    font-size: 13px;
}

.btn:not(.btn-link):not(.btn-circle) i,
.btn:not(.btn-link):not(.btn-circle) span {
    vertical-align: middle;
}

.btn:not(.btn-link):not(.btn-circle) .caret {
    top: -2px;
}

.btn:not(.btn-link):not(.btn-circle) .sr-only {
    position: absolute;
}

.btn-transparent {
    background-color: transparent !important;
    padding-left: 0 !important;
    font-size: 15px !important;
    color: #6F7880 !important;
}

.btn-new-mail {
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 12;
    color: #fff !important;
    width: 60px;
    height: 60px;
}

.btn-theme-settings {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 2;
    color: #fff !important;
    opacity: 0.8;
    width: 48px;
    padding: 10px 5px;
}

.btn-theme-settings:hover {
    opacity: 1;
}

.btn-group {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.btn-group .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.btn-group .btn .caret {
    position: relative;
    bottom: 1px;
}

.btn-group .btn+.dropdown-toggle {
    border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.mi-card {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.mi-card .mi-card-header .bg-red,
.mi-card .mi-card-header .bg-pink,
.mi-card .mi-card-header .bg-purple,
.mi-card .mi-card-header .bg-deep-purple,
.mi-card .mi-card-header .bg-indigo,
.mi-card .mi-card-header .bg-blue,
.mi-card .mi-card-header .bg-light-blue,
.mi-card .mi-card-header .bg-cyan,
.mi-card .mi-card-header .bg-teal,
.mi-card .mi-card-header .bg-green,
.mi-card .mi-card-header .bg-light-green,
.mi-card .mi-card-header .bg-lime,
.mi-card .mi-card-header .bg-yellow,
.mi-card .mi-card-header .bg-amber,
.mi-card .mi-card-header .bg-orange,
.mi-card .mi-card-header .bg-deep-orange,
.mi-card .mi-card-header .bg-brown,
.mi-card .mi-card-header .bg-grey,
.mi-card .mi-card-header .bg-blue-grey,
.mi-card .mi-card-header .bg-black {
    border-bottom: none !important;
}

.mi-card .bg-red,
.mi-card .bg-pink,
.mi-card .bg-purple,
.mi-card .bg-deep-purple,
.mi-card .bg-indigo,
.mi-card .bg-blue,
.mi-card .bg-light-blue,
.mi-card .bg-cyan,
.mi-card .bg-teal,
.mi-card .bg-green,
.mi-card .bg-light-green,
.mi-card .bg-lime,
.mi-card .bg-yellow,
.mi-card .bg-amber,
.mi-card .bg-orange,
.mi-card .bg-deep-orange,
.mi-card .bg-brown,
.mi-card .bg-grey,
.mi-card .bg-blue-grey,
.mi-card .bg-black,
.mi-card .bg-red .mi-title,
.mi-card .bg-red .mi,
.mi-card .bg-pink .mi-title,
.mi-card .bg-pink .mi,
.mi-card .bg-purple .mi-title,
.mi-card .bg-purple .mi,
.mi-card .bg-deep-purple .mi-title,
.mi-card .bg-deep-purple .mi,
.mi-card .bg-indigo .mi-title,
.mi-card .bg-indigo .mi,
.mi-card .bg-blue .mi-title,
.mi-card .bg-blue .mi,
.mi-card .bg-light-blue .mi-title,
.mi-card .bg-light-blue .mi,
.mi-card .bg-cyan .mi-title,
.mi-card .bg-cyan .mi,
.mi-card .bg-teal .mi-title,
.mi-card .bg-teal .mi,
.mi-card .bg-green .mi-title,
.mi-card .bg-green .mi,
.mi-card .bg-light-green .mi-title,
.mi-card .bg-light-green .mi,
.mi-card .bg-lime .mi-title,
.mi-card .bg-lime .mi,
.mi-card .bg-yellow .mi-title,
.mi-card .bg-yellow .mi,
.mi-card .bg-amber .mi-title,
.mi-card .bg-amber .mi,
.mi-card .bg-orange .mi-title,
.mi-card .bg-orange .mi,
.mi-card .bg-deep-orange .mi-title,
.mi-card .bg-deep-orange .mi,
.mi-card .bg-brown .mi-title,
.mi-card .bg-brown .mi,
.mi-card .bg-grey .mi-title,
.mi-card .bg-grey .mi,
.mi-card .bg-blue-grey .mi-title,
.mi-card .bg-blue-grey .mi,
.mi-card .bg-black .mi-title,
.mi-card .bg-black .mi {
    color: #fff !important;
}

.mi-card .bg-red small,
.mi-card .bg-pink small,
.mi-card .bg-purple small,
.mi-card .bg-deep-purple small,
.mi-card .bg-indigo small,
.mi-card .bg-blue small,
.mi-card .bg-light-blue small,
.mi-card .bg-cyan small,
.mi-card .bg-teal small,
.mi-card .bg-green small,
.mi-card .bg-light-green small,
.mi-card .bg-lime small,
.mi-card .bg-yellow small,
.mi-card .bg-amber small,
.mi-card .bg-orange small,
.mi-card .bg-deep-orange small,
.mi-card .bg-brown small,
.mi-card .bg-grey small,
.mi-card .bg-blue-grey small,
.mi-card .bg-black small {
    color: rgba(255, 255, 255, 0.8) !important;
}

.mi-card .mi-card-header {
    color: #46484a;
    padding: 10px 15px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    display: block;
}

.mi-card-footer .btn {
    margin-left: 10px;
}

.mi-card-footer {
    padding: 10px;
    position: relative;
    border-top: 1px solid #e9ecf0;
    background-color: #f4f7fb;
    display: table;
    width: 100%;
}

.mi-card .mi-card-header-sm {
    color: #46484a;
    padding: 5px 10px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    display: block;
}

.mi-card .mi-card-header-lg {
    color: #46484a;
    padding: 15px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    display: block;
}

.mi-card-header-tools {
    position: absolute;
    top: 5px;
    right: 5px;
    list-style: none;
}

.mi-card-header-filters .mi-card-footer .btn {
    margin-left: 0;
}

.mi-card-header-filters .dropdown-menu {
    margin-top: 5px !important;
}

.mi-card-header-filters a {
    text-decoration: none !important;
}

.mi-card-header-filters a span {
    font-size: 16px;
    color: #3d484e;
    padding-left: 5px;
}

.mi-card-header-filters .dropdown-menu {
    width: 240px;
}

.mi-card .mi-card-header-sm .mi-card-header-tools {
    position: absolute;
    top: 1px;
    right: 1px;
    list-style: none;
}

.mi-card .mi-card-header-lg .mi-card-header-tools {
    position: absolute;
    top: 10px;
    right: 10px;
    list-style: none;
}

.mi-card-header-tools .dropdown-menu li {
    display: block !important;
}

.mi-card-header-tools li a {
    vertical-align: middle;
    display: block;
    text-decoration: none !important;
    color: #3d484e
}

.mi-card-header-tools .dropdown-toggle {
    line-height: 0;
}

.mi-card-header-tools li {
    display: inline-block;
}

.mi-card-header-tools i {
    color: #687177;
    border-radius: 50%;
    font-size: 24px;
    padding: 5px;
}

.mi-card-header-tools .dropdown-menu {
    margin-top: 0px;
    right: 0px !important;
}

.mi-card-header-tools i:hover {
    background-color: rgba(255, 255, 255, 0.32)
}

.mi-card .mi-card-header .mi-title,
.mi-card .mi-card-header-sm .mi-title,
.mi-card .mi-card-header-lg .mi-title {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #5a6065;
}

.mi-card .mi-card-header .mi-title small,
.mi-card .mi-card-header-sm .mi-title small,
.mi-card .mi-card-header-lg .mi-title small {
    display: block;
    font-size: 11px;
    color: rgba(85, 85, 85, 0.8);
    line-height: 15px;
}

.mi-card .mi-card-header .mi-title small a,
.mi-card .mi-card-header-sm .mi-title small a,
.mi-card .mi-card-header-lg .mi-title small a {
    font-weight: bold;
    color: #687177;
}

.mi-card .mi-card-content {
    font-size: 12px;
    color: #6f7384;
    padding: 0px;
    position: relative;
}

.mi-card-content-profile-img {
    width: 80px;
    max-width: 150px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: #fff;
}

.mi-content-header .mi-card-header {
    padding: 15px !important;
    border: none !important;
}

.mi-content-widget>.mi-content-header>.mi-card>.mi-card-header {
    padding: 15px 24px !important;
    min-height: 56px;
}

.mi-content-widget>.mi-content-header>.mi-card>.mi-card-header>.mi-card-header-tools {
    right: 24px !important;
    top: 20px;
}

.mi-card .mi-card-header .mi-title i,
.mi-card .mi-card-header-sm .mi-title i,
.mi-card .mi-card-header-lg .mi-title i {
    vertical-align: middle;
    margin-right: 3px;
}

.mi-card .mi-card-header .mi-title span,
.mi-card .mi-card-header-sm .mi-title span,
.mi-card .mi-card-header-lg .mi-title span {
    vertical-align: middle;
}

.mi-content-header .mi-card .mi-card-header .mi-title i {
    font-size: 24px;
}

.mi-content-header .mi-card-header-tools {
    top: 18px;
    right: 15px;
}

.mi-content .mi-content-header .mi-card-header-tools>a {
    font-size: 14px;
}

.mi-content .mi-content-header .mi-card-header-tools {
    top: 0px;
    right: 0px;
}

.table-contacts .mi-card-header-tools {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

.table-contacts .ico-img {
    width: 50px;
}

.mi-content-header .mi-card-header-tools i {
    padding: 0;
    margin-top: 0;
    font-size: 24px;
}

.mi-content-header .mi-card .mi-card-header>a.pull-right {
    margin-top: -5px;
}

.mi-card-visual {
    background-color: #fff;
    height: 75px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin-bottom: 30px;
    cursor: default;
}

.mi-card-visual .mi-visual-bar {
    width: 100px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}

.mi-card-visual .avatar {
    width: 75px;
    float: left;
    background-color: rgba(0, 0, 0, 0.1);
    text-align: center;
}

.mi-card-visual .mi-visual-bar i {
    color: #fff;
    font-size: 50px;
    line-height: 75px;
}

.mi-card-visual .mi-visual-bar .mi-chart {
    height: 100%;
    line-height: 75px;
}

.mi-card-visual .mi-visual-bar .mi-chart canvas {
    vertical-align: middle !important;
}

.mi-card-visual .mi-visual-content {
    display: inline-block;
    padding: 8px 16px;
}

.mi-card-visual .mi-visual-content .mi-visual-title {
    margin-top: 10px;
    color: #46484a;
}

.mi-card-visual .mi-visual-content .mi-visual-data {
    color: #46484a;
    font-size: 25px;
    margin-top: -5px;
}

.mi-card-visual .avatar img {
    width: 75px;
}

.mi-card-visual .mi-visual-bar {
    overflow: hidden;
    float: left;
}

.mi-card-visual.zoomIn .mi-visual-bar i {
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.mi-card-visual.zoomIn:hover .mi-visual-bar i {
    -moz-transform: rotate(-35deg) scale(1.5);
    -ms-transform: rotate(-35deg) scale(1.5);
    -o-transform: rotate(-35deg) scale(1.5);
    -webkit-transform: rotate(-35deg) scale(1.5);
    transform: rotate(-35deg) scale(1.5);
    opacity: 0.5;
}

.bg-red .mi-visual-content .mi-visual-title,
.bg-red .mi-visual-content .mi-visual-data,
.bg-pink .mi-visual-content .mi-visual-title,
.bg-pink .mi-visual-content .mi-visual-data,
.bg-purple .mi-visual-content .mi-visual-data,
.bg-purple .mi-visual-content .mi-visual-title,
.bg-deep-purple .mi-visual-content .mi-visual-title,
.bg-deep-purple .mi-visual-content .mi-visual-data,
.bg-indigo .mi-visual-content .mi-visual-title,
.bg-indigo .mi-visual-content .mi-visual-data,
.bg-blue .mi-visual-content .mi-visual-title,
.bg-blue .mi-visual-content .mi-visual-data,
.bg-light-blue .mi-visual-content .mi-visual-title,
.bg-light-blue .mi-visual-content .mi-visual-data,
.bg-cyan .mi-visual-content .mi-visual-title,
.bg-cyan .mi-visual-content .mi-visual-data,
.bg-teal .mi-visual-content .mi-visual-title,
.bg-teal .mi-visual-content .mi-visual-data,
.bg-green .mi-visual-content .mi-visual-title,
.bg-green .mi-visual-content .mi-visual-data,
.bg-light-green .mi-visual-content .mi-visual-title,
.bg-light-green .mi-visual-content .mi-visual-data,
.bg-lime .mi-visual-content .mi-visual-title,
.bg-lime .mi-visual-content .mi-visual-data,
.bg-yellow .mi-visual-content .mi-visual-title,
.bg-yellow .mi-visual-content .mi-visual-data,
.bg-amber .mi-visual-content .mi-visual-title,
.bg-amber .mi-visual-content .mi-visual-data,
.bg-orange .mi-visual-content .mi-visual-title,
.bg-orange .mi-visual-content .mi-visual-data,
.bg-deep-orange .mi-visual-content .mi-visual-title,
.bg-deep-orange .mi-visual-content .mi-visual-data,
.bg-brown .mi-visual-content .mi-visual-title,
.bg-brown .mi-visual-content .mi-visual-data,
.bg-grey .mi-visual-content .mi-visual-title,
.bg-grey .mi-visual-content .mi-visual-data,
.bg-blue-grey .mi-visual-content .mi-visual-title,
.bg-blue-grey .mi-visual-content .mi-visual-data,
.bg-black .mi-visual-content .mi-visual-title,
.bg-black .mi-visual-content .mi-visual-data {
    color: #fff !important;
}

.bg-white .mi-visual-content .mi-visual-title,
.bg-white .mi-visual-content .mi-visual-data {
    color: #000 !important;
}

.alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    color: #fff !important;
    max-width: 300px;
    z-index: 9999 !important;
}

.alert-success {
    background-color: #4CAF50;
}

.alert-info {
    background-color: #03A9F4;
}

.alert-warning {
    background-color: #FF9800;
}

.alert-danger {
    background-color: #E91E63;
}

.alert-dismissable .close:hover,
.alert-dismissible .close:hover {
    color: #fff !important;
    opacity: 1 !important;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: 0px;
    right: -20px;
    opacity: 0.6;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
    display: none;
}

[type="radio"]+label:before,
[type="radio"]+label:after,
[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
    -moz-transition: 0.24s ease;
    -o-transition: 0.24s ease;
    -webkit-transition: 0.24s ease;
    transition: .24s ease;
}

[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after,
[type="radio"].mi-radio-state:checked+label:before,
[type="radio"].mi-radio-state:checked+label:after {
    border-radius: 50%;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after {
    border: 2px solid #5a5a5a;
}

[type="radio"]:not(:checked)+label:after {
    z-index: -1;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:before {
    border: 2px solid transparent;
}

[type="radio"]:checked+label:after,
[type="radio"].mi-radio-state:checked+label:before,
[type="radio"].mi-radio-state:checked+label:after {
    border: 2px solid #26a69a;
}

[type="radio"]:checked+label:after,
[type="radio"].mi-radio-state:checked+label:after {
    background-color: #26a69a;
    z-index: 0;
}

[type="radio"]:checked+label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

[type="radio"].mi-radio-state:checked+label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

[type="radio"].mi-radio-state:disabled:checked+label:before {
    border: 2px solid rgba(0, 0, 0, 0.26);
}

[type="radio"].mi-radio-state:disabled:checked+label:after {
    border: none;
    background-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:not(:checked)+label:before,
[type="radio"]:disabled:checked+label:before {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled+label {
    color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:not(:checked)+label:before {
    border-color: rgba(0, 0, 0, 0.26);
}

[type="radio"]:disabled:checked+label:after {
    background-color: rgba(0, 0, 0, 0.26);
    border-color: #607D8B;
}

[type="radio"].bg-light-blue-900:checked+label:after {
    background-color: #01579b;
    border-color: #01579b;
}

[type="radio"].bg-red:checked+label:after {
    background-color: #F44336;
    border-color: #F44336;
}

[type="radio"].bg-pink:checked+label:after {
    background-color: #E91E63;
    border-color: #E91E63;
}

[type="radio"].bg-purple:checked+label:after {
    background-color: #9C27B0;
    border-color: #9C27B0;
}

[type="radio"].bg-deep-purple:checked+label:after {
    background-color: #673AB7;
    border-color: #673AB7;
}

[type="radio"].bg-indigo:checked+label:after {
    background-color: #3F51B5;
    border-color: #3F51B5;
}

[type="radio"].bg-blue:checked+label:after {
    background-color: #2196F3;
    border-color: #2196F3;
}

[type="radio"].bg-light-blue:checked+label:after {
    background-color: #03A9F4;
    border-color: #03A9F4;
}

[type="radio"].bg-cyan:checked+label:after {
    background-color: #00BCD4;
    border-color: #00BCD4;
}

[type="radio"].bg-teal:checked+label:after {
    background-color: #009688;
    border-color: #009688;
}

[type="radio"].bg-green:checked+label:after {
    background-color: #4CAF50;
    border-color: #4CAF50;
}

[type="radio"].bg-light-green:checked+label:after {
    background-color: #8BC34A;
    border-color: #8BC34A;
}

[type="radio"].bg-lime:checked+label:after {
    background-color: #CDDC39;
    border-color: #CDDC39;
}

[type="radio"].bg-yellow:checked+label:after {
    background-color: #ffe821;
    border-color: #ffe821;
}

[type="radio"].bg-amber:checked+label:after {
    background-color: #FFC107;
    border-color: #FFC107;
}

[type="radio"].bg-orange:checked+label:after {
    background-color: #FF9800;
    border-color: #FF9800;
}

[type="radio"].bg-deep-orange:checked+label:after {
    background-color: #FF5722;
    border-color: #FF5722;
}

[type="radio"].bg-brown:checked+label:after {
    background-color: #795548;
    border-color: #795548;
}

[type="radio"].bg-grey:checked+label:after {
    background-color: #9E9E9E;
    border-color: #9E9E9E;
}

[type="radio"].bg-blue-grey:checked+label:after {
    background-color: #607D8B;
    border-color: #607D8B;
}

[type="radio"].bg-black:checked+label:after {
    background-color: #000000;
    border-color: #000000;
}

[type="radio"].bg-white:checked+label:after {
    background-color: #ffffff;
    border-color: #ffffff;
}

[type="radio"].mi-radio-state.bg-red:checked+label:before {
    border: 2px solid #F44336;
}

[type="radio"].mi-radio-state.bg-red:checked+label:after {
    background-color: #F44336;
    border: 2px solid #F44336;
}

[type="radio"].mi-radio-state.bg-pink:checked+label:before {
    border: 2px solid #E91E63;
}

[type="radio"].mi-radio-state.bg-pink:checked+label:after {
    background-color: #E91E63;
    border: 2px solid #E91E63;
}

[type="radio"].mi-radio-state.bg-purple:checked+label:before {
    border: 2px solid #9C27B0;
}

[type="radio"].mi-radio-state.bg-purple:checked+label:after {
    background-color: #9C27B0;
    border: 2px solid #9C27B0;
}

[type="radio"].mi-radio-state.bg-deep-purple:checked+label:before {
    border: 2px solid #673AB7;
}

[type="radio"].mi-radio-state.bg-deep-purple:checked+label:after {
    background-color: #673AB7;
    border: 2px solid #673AB7;
}

[type="radio"].mi-radio-state.bg-indigo:checked+label:before {
    border: 2px solid #3F51B5;
}

[type="radio"].mi-radio-state.bg-indigo:checked+label:after {
    background-color: #3F51B5;
    border: 2px solid #3F51B5;
}

[type="radio"].mi-radio-state.bg-blue:checked+label:before {
    border: 2px solid #2196F3;
}

[type="radio"].mi-radio-state.bg-blue:checked+label:after {
    background-color: #2196F3;
    border: 2px solid #2196F3;
}

[type="radio"].mi-radio-state.bg-light-blue:checked+label:before {
    border: 2px solid #03A9F4;
}

[type="radio"].mi-radio-state.bg-light-blue:checked+label:after {
    background-color: #03A9F4;
    border: 2px solid #03A9F4;
}

[type="radio"].mi-radio-state.bg-cyan:checked+label:before {
    border: 2px solid #00BCD4;
}

[type="radio"].mi-radio-state.bg-cyan:checked+label:after {
    background-color: #00BCD4;
    border: 2px solid #00BCD4;
}

[type="radio"].mi-radio-state.bg-teal:checked+label:before {
    border: 2px solid #009688;
}

[type="radio"].mi-radio-state.bg-teal:checked+label:after {
    background-color: #009688;
    border: 2px solid #009688;
}

[type="radio"].mi-radio-state.bg-green:checked+label:before {
    border: 2px solid #4CAF50;
}

[type="radio"].mi-radio-state.bg-green:checked+label:after {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
}

[type="radio"].mi-radio-state.bg-light-green:checked+label:before {
    border: 2px solid #8BC34A;
}

[type="radio"].mi-radio-state.bg-light-green:checked+label:after {
    background-color: #8BC34A;
    border: 2px solid #8BC34A;
}

[type="radio"].mi-radio-state.bg-lime:checked+label:before {
    border: 2px solid #CDDC39;
}

[type="radio"].mi-radio-state.bg-lime:checked+label:after {
    background-color: #CDDC39;
    border: 2px solid #CDDC39;
}

[type="radio"].mi-radio-state.bg-yellow:checked+label:before {
    border: 2px solid #ffe821;
}

[type="radio"].mi-radio-state.bg-yellow:checked+label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821;
}

[type="radio"].mi-radio-state.bg-amber:checked+label:before {
    border: 2px solid #FFC107;
}

[type="radio"].mi-radio-state.bg-amber:checked+label:after {
    background-color: #FFC107;
    border: 2px solid #FFC107;
}

[type="radio"].mi-radio-state.bg-orange:checked+label:before {
    border: 2px solid #FF9800;
}

[type="radio"].mi-radio-state.bg-orange:checked+label:after {
    background-color: #FF9800;
    border: 2px solid #FF9800;
}

[type="radio"].mi-radio-state.bg-deep-orange:checked+label:before {
    border: 2px solid #FF5722;
}

[type="radio"].mi-radio-state.bg-deep-orange:checked+label:after {
    background-color: #FF5722;
    border: 2px solid #FF5722;
}

[type="radio"].mi-radio-state.bg-brown:checked+label:before {
    border: 2px solid #795548;
}

[type="radio"].mi-radio-state.bg-brown:checked+label:after {
    background-color: #795548;
    border: 2px solid #795548;
}

[type="radio"].mi-radio-state.bg-grey:checked+label:before {
    border: 2px solid #9E9E9E;
}

[type="radio"].mi-radio-state.bg-grey:checked+label:after {
    background-color: #9E9E9E;
    border: 2px solid #9E9E9E;
}

[type="radio"].mi-radio-state.bg-blue-grey:checked+label:before {
    border: 2px solid #607D8B;
}

[type="radio"].mi-radio-state.bg-blue-grey:checked+label:after {
    background-color: #607D8B;
    border: 2px solid #607D8B;
}

[type="radio"].mi-radio-state.bg-black:checked+label:before {
    border: 2px solid #000000;
}

[type="radio"].mi-radio-state.bg-black:checked+label:after {
    background-color: #000000;
    border: 2px solid #000000;
}

[type="radio"].mi-radio-state.bg-white:checked+label:before {
    border: 2px solid #ffffff;
}

[type="radio"].mi-radio-state.bg-white:checked+label:after {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    display: none;
}

[type="checkbox"]+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

[type="checkbox"]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26);
}

[type="checkbox"]+label:after {
    border-radius: 2px;
}

[type="checkbox"]+label:before,
[type="checkbox"]+label:after {
    content: '';
    left: 0;
    position: absolute;
    -moz-transition: border .20s, background-color .20s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -o-transition: border .20s, background-color .20s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -webkit-transition: border .20s, background-color .20s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .20s, background-color .20s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
}

[type="checkbox"]:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid #5a5a5a;
    top: 0px;
    z-index: 0;
}

[type="checkbox"]:checked+label:before {
    top: 3px;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid #fff;
    border-bottom: 0px solid #fff;
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"]:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0;
}

[type="checkbox"]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid transparent;
}

[type="checkbox"]:disabled:not(:checked)+label:after {
    border-color: transparent;
    background-color: #607D8B;
}

[type="checkbox"]:disabled:checked+label:before {
    background-color: transparent;
}

[type="checkbox"]:disabled:checked+label:after {
    background-color: #607D8B;
    border-color: #607D8B;
}

[type="checkbox"]:checked+label:before {
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

[type="checkbox"]:checked.bg-red+label:after {
    border: 2px solid #F44336;
    background-color: #F44336;
}

[type="checkbox"]:checked.bg-pink+label:after {
    border: 2px solid #E91E63;
    background-color: #E91E63;
}

[type="checkbox"]:checked.bg-purple+label:after {
    border: 2px solid #9C27B0;
    background-color: #9C27B0;
}

[type="checkbox"]:checked.bg-deep-purple+label:after {
    border: 2px solid #673AB7;
    background-color: #673AB7;
}

[type="checkbox"]:checked.bg-indigo+label:after {
    border: 2px solid #3F51B5;
    background-color: #3F51B5;
}

[type="checkbox"]:checked.bg-blue+label:after {
    border: 2px solid #2196F3;
    background-color: #2196F3;
}

[type="checkbox"]:checked.bg-light-blue+label:after {
    border: 2px solid #03A9F4;
    background-color: #03A9F4;
}

[type="checkbox"]:checked.bg-cyan+label:after {
    border: 2px solid #00BCD4;
    background-color: #00BCD4;
}

[type="checkbox"]:checked.bg-teal+label:after {
    border: 2px solid #009688;
    background-color: #009688;
}

[type="checkbox"]:checked.bg-green+label:after {
    border: 2px solid #4CAF50;
    background-color: #4CAF50;
}

[type="checkbox"]:checked.bg-light-green+label:after {
    border: 2px solid #8BC34A;
    background-color: #8BC34A;
}

[type="checkbox"]:checked.bg-lime+label:after {
    border: 2px solid #CDDC39;
    background-color: #CDDC39;
}

[type="checkbox"]:checked.bg-yellow+label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821;
}

[type="checkbox"]:checked.bg-amber+label:after {
    border: 2px solid #FFC107;
    background-color: #FFC107;
}

[type="checkbox"]:checked.bg-orange+label:after {
    border: 2px solid #FF9800;
    background-color: #FF9800;
}

[type="checkbox"]:checked.bg-deep-orange+label:after {
    border: 2px solid #FF5722;
    background-color: #FF5722;
}

[type="checkbox"]:checked.bg-brown+label:after {
    border: 2px solid #795548;
    background-color: #795548;
}

[type="checkbox"]:checked.bg-grey+label:after {
    border: 2px solid #9E9E9E;
    background-color: #9E9E9E;
}

[type="checkbox"]:checked.bg-blue-grey+label:after {
    border: 2px solid #607D8B;
    background-color: #607D8B;
}

[type="checkbox"]:checked.bg-black+label:after {
    border: 2px solid #000000;
    background-color: #000000;
}

[type="checkbox"]:checked.bg-white+label:after {
    border: 2px solid #ffffff;
    background-color: #ffffff;
}

.mi-switch,
.mi-switch * {
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.mi-switch {
    display: inline-block;
}

.mi-switch label {
    cursor: pointer;
}

.mi-switch label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.mi-switch label input[type=checkbox]:checked+span {
    background-color: #84c7c1;
}

.mi-switch label input[type=checkbox]:checked+span:after {
    background-color: #26a69a;
    left: 16px;
}

.mi-switch label span {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: #9ea5af !important;
    border-radius: 15px;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
}

.mi-switch label span:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fbfbfb;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    left: 0px;
    top: -3px;
    -moz-transition: left 0.3s ease, background .3s ease, box-shadow 0.3s ease;
    -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.3s ease;
    -webkit-transition: left 0.3s ease, background .3s ease, box-shadow 0.3s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.3s ease;
}

input[type=checkbox]:not(:disabled)~span:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.07);
}

input[type=checkbox]:checked:not(:disabled)~span:active::after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(38, 166, 154, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(38, 166, 154, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(38, 166, 154, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(38, 166, 154, 0.2);
}

.mi-switch input[type=checkbox][disabled]+span {
    cursor: default;
}

.mi-switch label input[type=checkbox][disabled]+span:after,
.mi-switch label input[type=checkbox][disabled]:checked+span:after {
    background-color: #e9ecef;
}

.mi-switch label {
    font-weight: normal;
    font-size: 13px;
}

.mi-switch label span {
    margin: 5px 10px;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-red:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(244, 67, 54, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(244, 67, 54, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(244, 67, 54, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(244, 67, 54, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-red {
    background-color: rgba(244, 67, 54, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-red:after {
    background-color: #F44336;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-pink:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(233, 30, 99, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(233, 30, 99, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(233, 30, 99, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(233, 30, 99, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-pink {
    background-color: rgba(233, 30, 99, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-pink:after {
    background-color: #E91E63;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-purple:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(156, 39, 176, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(156, 39, 176, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(156, 39, 176, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(156, 39, 176, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-purple {
    background-color: rgba(156, 39, 176, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-purple:after {
    background-color: #9C27B0;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-deep-purple:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(103, 58, 183, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(103, 58, 183, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(103, 58, 183, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(103, 58, 183, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-deep-purple {
    background-color: rgba(103, 58, 183, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-deep-purple:after {
    background-color: #673AB7;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-indigo:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(63, 81, 181, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(63, 81, 181, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(63, 81, 181, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(63, 81, 181, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-indigo {
    background-color: rgba(63, 81, 181, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-indigo:after {
    background-color: #3F51B5;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-blue:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(33, 150, 243, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(33, 150, 243, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(33, 150, 243, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(33, 150, 243, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-blue {
    background-color: rgba(33, 150, 243, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-blue:after {
    background-color: #2196F3;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-light-blue:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(3, 169, 244, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(3, 169, 244, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(3, 169, 244, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(3, 169, 244, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-light-blue {
    background-color: rgba(3, 169, 244, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-light-blue:after {
    background-color: #03A9F4;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-cyan:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 188, 212, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 188, 212, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 188, 212, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 188, 212, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-cyan {
    background-color: rgba(0, 188, 212, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-cyan:after {
    background-color: #00BCD4;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-teal:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 150, 136, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 150, 136, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 150, 136, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 150, 136, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-teal {
    background-color: rgba(0, 150, 136, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-teal:after {
    background-color: #009688;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-green:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(76, 175, 80, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(76, 175, 80, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(76, 175, 80, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(76, 175, 80, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-green {
    background-color: rgba(76, 175, 80, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-green:after {
    background-color: #4CAF50;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-light-green:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(139, 195, 74, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(139, 195, 74, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(139, 195, 74, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(139, 195, 74, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-light-green {
    background-color: rgba(139, 195, 74, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-light-green:after {
    background-color: #8BC34A;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-lime:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(205, 220, 57, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(205, 220, 57, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(205, 220, 57, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(205, 220, 57, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-lime {
    background-color: rgba(205, 220, 57, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-lime:after {
    background-color: #CDDC39;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-yellow:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 232, 33, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 232, 33, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 232, 33, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 232, 33, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-yellow {
    background-color: rgba(255, 232, 33, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-yellow:after {
    background-color: #ffe821;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-amber:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 193, 7, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 193, 7, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 193, 7, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 193, 7, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-amber {
    background-color: rgba(255, 193, 7, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-amber:after {
    background-color: #FFC107;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-orange:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 152, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 152, 0, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 152, 0, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 152, 0, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-orange {
    background-color: rgba(255, 152, 0, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-orange:after {
    background-color: #FF9800;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-deep-orange:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 87, 34, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 87, 34, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 87, 34, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 87, 34, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-deep-orange {
    background-color: rgba(255, 87, 34, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-deep-orange:after {
    background-color: #FF5722;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-brown:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(121, 85, 72, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(121, 85, 72, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(121, 85, 72, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(121, 85, 72, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-brown {
    background-color: rgba(121, 85, 72, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-brown:after {
    background-color: #795548;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-grey:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(158, 158, 158, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(158, 158, 158, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(158, 158, 158, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(158, 158, 158, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-grey {
    background-color: rgba(158, 158, 158, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-grey:after {
    background-color: #9E9E9E;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-blue-grey:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(96, 125, 139, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(96, 125, 139, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(96, 125, 139, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(96, 125, 139, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-blue-grey {
    background-color: rgba(96, 125, 139, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-blue-grey:after {
    background-color: #607D8B;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-black:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(0, 0, 0, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-black {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-black:after {
    background-color: #000000;
}

.mi-switch label input[type=checkbox]:checked:not(:disabled)~span.bg-white:active:after {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.2);
}

.mi-switch label input[type=checkbox]:checked+span.bg-white {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.mi-switch label input[type=checkbox]:checked+span.bg-white:after {
    background-color: #ffffff;
}

.tooltip-inner,
.popover,
.popover-title,
.popover-content {
    border-radius: 0;
}

.popover .popover-content {
    color: #798188;
}

.popover .popover-title {
    font-weight: bold;
    background-color: #e9ecf0;
    border: none !important;
    color: #3d484e;
}

.popover {
    border: none !important;
    padding: 0 !important;
}

.arrow {
    border: none !important;
    margin-top: 0 !important;
}

.popover.bottom>.arrow:after {
    border-bottom-color: #e9ecf1;
}

.nav-tabs {
    border-bottom: 1px solid #e9ecf0;
}

.nav-tabs>li {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0;
}

.mi-nav-tab-right li {
    float: right !important
}

.mi-menu-notifications .mi-card .mi-card-header .mi-nav-tab-right.nav>li>a {
    padding: 7.5px 15px;
}

.msie .mi-menu-notifications .mi-card .mi-card-header .mi-nav-tab-right.nav>li>a,
.ie.v11 .mi-menu-notifications .mi-card .mi-card-header .mi-nav-tab-right.nav>li>a,
.ie.v10 .mi-menu-notifications .mi-card .mi-card-header .mi-nav-tab-right.nav>li>a {
    padding: 7.8px 15px;
}

.mi-card .mi-card-header .mi-nav-tab-right.nav>li>a {
    padding: 7px 15px;
}

.tab-content {
    padding: 15px;
}

.ie.v11 .mi-card-profile .nav-tabs>li>a,
.ie.v10 .mi-card-profile .nav-tabs>li>a,
.msie .mi-card-profile .nav-tabs>li>a,
.firefox .mi-card-profile .nav-tabs>li>a {
    padding: 6.5px 15px;
}

.mi-card-profile .nav-tabs>li>a {
    padding: 7px 15px;
}

.nav-tabs>li>a {
    border: none !important;
    color: #919ca5 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a:focus {
    background-color: transparent !important;
}

.nav-tabs a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    bottom: 0px;
    background-color: #2196F3;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: 0.1s linear;
    -o-transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
}

.nav-tabs>li>a .mi {
    position: relative;
    top: 7px;
    margin-bottom: 8px;
}

html.ie11 .nav-tabs>li>a .mi,
html.ie10 .nav-tabs>li>a .mi {
    margin-bottom: 9px;
}

.nav-tabs li.active a {
    color: #222 !important;
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus {
    background-color: transparent !important;
}

.nav-tabs li.active a:before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.mi-tab-color-red a:before {
    background-color: #F44336;
}

.mi-tab-color-pink a:before {
    background-color: #E91E63;
}

.mi-tab-color-purple a:before {
    background-color: #9C27B0;
}

.mi-tab-color-deep-purple a:before {
    background-color: #673AB7;
}

.mi-tab-color-indigo a:before {
    background-color: #3F51B5;
}

.mi-tab-color-blue a:before {
    background-color: #2196F3;
}

.mi-tab-color-light-blue a:before {
    background-color: #03A9F4;
}

.mi-tab-color-cyan a:before {
    background-color: #00BCD4;
}

.mi-tab-color-teal a:before {
    background-color: #009688;
}

.mi-tab-color-green a:before {
    background-color: #4CAF50;
}

.mi-tab-color-light-green a:before {
    background-color: #8BC34A;
}

.mi-tab-color-lime a:before {
    background-color: #CDDC39;
}

.mi-tab-color-yellow a:before {
    background-color: #ffe821;
}

.mi-tab-color-amber a:before {
    background-color: #FFC107;
}

.mi-tab-color-orange a:before {
    background-color: #FF9800;
}

.mi-tab-color-deep-orange a:before {
    background-color: #FF5722;
}

.mi-tab-color-brown a:before {
    background-color: #795548;
}

.mi-tab-color-grey a:before {
    background-color: #9E9E9E;
}

.mi-tab-color-blue-grey a:before {
    background-color: #607D8B;
}

.mi-tab-color-black a:before {
    background-color: #000000;
}

.mi-tab-color-white a:before {
    background-color: #ffffff;
}

.mi-card .mi-card-header .nav-tabs {
    position: absolute;
    top: 0px;
    right: 0;
}

.mi-card .mi-card-header:not(.bg-white) .nav-tabs a,
.mi-card .mi-card-header:not(.bg-white) .nav-tabs a i {
    color: rgba(255, 255, 255, 0.7) !important
}

.mi-card .mi-card-header .nav-tabs>li.active>a,
.mi-card .mi-card-header .nav-tabs>li.active>a:hover,
.mi-card .mi-card-header .nav-tabs>li.active>a:focus {
    background-color: transparent !important;
}

.mi-card .mi-card-header:not(.bg-white) .nav-tabs>li.active>a,
.mi-card .mi-card-header:not(.bg-white) .nav-tabs>li.active a i {
    color: #fff !important;
}

.mi-card .mi-card-header:not(.bg-white) .nav-tabs a:before {
    background-color: #fff !important;
}

.mi-card .mi-card-header .mi-text-tabbed {
    position: absolute;
    top: 5px;
    right: 0;
}

.mi-card-task .mi-card-footer img {
    width: 30px;
    height: 30px;
}

.mi-card-task .mi-card-footer {
    padding: 5px 10px 5px
}

.mi-card-task .mi-card-header-sm a {
    font-size: 14px !important;
    font-weight: bold !important;
}

.mi-card-task .mi-card-header-sm {
    padding-right: 15px !important;
}

.mi-card-task img+.mi-card-footer {
    padding-top: 5px !important;
}

.mi-card-task .mi-card-footer .pull-right b {
    font-size: 12px;
    padding: 5px;
}

.mi-card-task .mi-card-footer .pull-right {
    margin-top: 5px;
}

.mi-card-task .mi-card-footer {
    border: none;
    background-color: white;
    padding-top: 0;
}

.mi-card-task {
    border-left: 5px solid;
    margin-bottom: 10px;
}

.mi-avatar-box img {
    width: 40px;
    height: 40px;
}

.mi-avatar-content .active {
    background-color: #2196F3 !important;
    color: #fff !important;
}

a.mi-avatar-box {
    text-decoration: none;
    padding: 0px 5px 0px 0px;
    margin: 6px 5px 6px 4px;
    border-radius: 25px;
    font-size: 13px;
    color: #2196f3;
    background-color: #fff;
    width: auto;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.mi-avatar-content {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    position: relative;
}

.modal .modal-header {
    border: none;
    padding: 15px 15px 0px 15px;
}

.modal .modal-footer {
    border: none;
    padding: 10px 15px;
}

.modal .modal-content {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.fade-scale.in {
    opacity: 1;
    transform: scale(1);
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.mi-step-list {
    padding: 0 !important;
    margin: 0px 0 5px 0 !important
}

.mi-step-list .list-group-item {
    display: block;
    border: none;
    padding: 15px !important;
    margin: 0 !important;
}

.mi-step-list .list-group-item:first-child {
    padding-top: 15px !important;
}

.mi-step-list .list-group-item:last-child {
    padding-bottom: 15px !important;
}

.mi-step-list .list-group-item .mi-step-number {
    background-color: #607D8B;
    color: #fff;
    padding: 1px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    white-space: nowrap;
    margin-right: 5px;
    display: inline-block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mi-step-list .list-group-item .mi-step-title {
    font-weight: bold
}

.mi-step-list .list-group-item:after {
    content: '';
    height: 30px;
    width: 3px;
    background-color: #607D8B;
    display: block;
    left: 27px;
    position: absolute;
    bottom: -15px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mi-step-list .list-group-item:before {
    content: '';
    height: 30px;
    width: 3px;
    background-color: #607D8B;
    display: block;
    left: 27px;
    position: absolute;
    top: -15px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mi-step-list .list-group-item:first-child:before,
.mi-step-list .list-group-item:last-child:after {
    display: none;
}

.mi-step-list .list-group-item.mi-step-active:before,
.mi-step-list .list-group-item.mi-step-active:after,
.mi-step-list .list-group-item.mi-step-active+.list-group-item:before,
.mi-step-list .list-group-item.mi-step-active .mi-step-number {
    background-color: #2196F3;
}

.table {
    width: 100% !important;
    max-width: 100% !important;
}

.table tbody tr td,
.table tbody tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.table tbody tr td {
    vertical-align: middle;
}

.table tbody tr.primary td,
.table tbody tr.primary th {
    background-color: #2196f3;
    color: #fff;
}

.table tbody tr.success td,
.table tbody tr.success th {
    background-color: #2b982b;
    color: #fff;
}

.table tbody tr.info td,
.table tbody tr.info th {
    background-color: #00b0e4;
    color: #fff;
}

.table tbody tr.warning td,
.table tbody tr.warning th {
    background-color: #ff9600;
    color: #fff;
}

.table tbody tr.danger td,
.table tbody tr.danger th {
    background-color: #fb483a;
    color: #fff;
}

.table thead tr th {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.table-bordered {
    border-top: 1px solid #eee;
}

.table-bordered tbody tr td,
.table-bordered tbody tr th {
    padding: 10px;
    border: 1px solid #eee;
}

.table-bordered thead tr th {
    padding: 10px;
    border: 1px solid #eee;
}

.table-history i,
.table-history tbody tr td,
.table-history tbody tr th,
.table-contacts i,
.table-contacts tbody tr td,
.table-contacts tbody tr th {
    vertical-align: middle;
}

.table-history tbody tr td,
.table-history tbody tr th,
.table-history thead tr th {
    padding: 5px !important;
    border: 1px solid #eee !important;
    font-size: 13px;
}

.table-contacts tbody tr td,
.table-contacts tbody tr th,
.table-contacts thead tr th {
    padding: 5px !important;
    border-bottom: 1px solid #eee !important;
    border-top: none;
    font-size: 13px;
    text-align: center;
}

.table-server tbody tr td {
    padding: 0 !important;
    border: 1px solid #eee !important;
    font-size: 13px;
    vertical-align: middle;
}

.table-history tbody tr th,
.table-server thead tr th {
    padding: 10px !important;
    border: 1px solid #eee !important;
    font-size: 13px;
}

.table-history tr:nth-of-type(odd),
.table-server tr:nth-of-type(odd),
.table-contacts tr:nth-of-type(odd) {
    background-color: #f9f9f9 !important;
}

.table-contacts tbody tr td label {
    vertical-align: middle;
    margin-bottom: 0;
    margin-top: 5px;
}

.table-contacts {
    margin-bottom: 0 !important;
}

.panel-collapse {
    background-color: #fff;
}

.panel-group .panel .panel-body {
    color: #46484a;
}

.panel-group .panel {
    border-radius: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.panel-group .panel .panel-heading {
    padding: 0;
    border-radius: 0;
    display: block;
}

.panel-group .panel .panel-heading a {
    display: block;
    padding: 10px 5px;
    text-decoration: none !important;
}

.panel-group .panel .panel-title .mi {
    float: left;
    line-height: 16px;
    margin-right: 5px;
}

.pagination>li>a {
    border: none;
    font-weight: bold;
    color: #01579b;
}

.pagination li.active a {
    background-color: #01579b;
}

.pagination li a:focus,
.pagination li a:active {
    background-color: transparent;
    color: #01579b;
}

.pagination li {
    border-radius: 0;
}

.pagination>li:first-child>a .mi,
.pagination>li:last-child>a .mi {
    position: relative;
    bottom: 2px;
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
    width: auto;
    height: 32px;
    border-radius: 0;
}

.pagination .disabled a {
    color: rgba(0, 0, 0, 0.30) !important;
}

.input-group,
.form-group {
    margin-bottom: 15px;
    width: 100%;
}

.input-group .mi-input,
.form-group .mi-input {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #d8dde4;
    width: 100%;
}

.input-group .mi-input:after,
.form-group .mi-input:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    border-bottom: 2px solid #2196f3;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

.input-group .mi-input+.input-group-addon {
    padding-right: 0;
    padding-left: 10px;
}

.input-group .input-group-addon {
    border: none;
    background-color: transparent;
    font-weight: bold;
    padding-left: 0;
    padding-bottom: 0;
}

.input-group .input-group-addon .mi,
.input-group .input-group-addon .btn .mi {
    font-size: 22px;
    color: #46484a;
}

.input-group .mi-input input[type="text"],
.input-group .mi-input .form-control,
.form-group .mi-input .form-control {
    border: none;
    padding-left: 0;
}

.input-group.input-group-lg .form-control,
.form-group-lg .mi-input-label {
    font-size: 18px;
}

.input-group.input-group-lg .input-group-addon i {
    font-size: 26px;
}

.input-group.input-group-sm .form-control,
.form-group-sm .mi-input-label {
    font-size: 12px;
}

.input-group.input-group-sm .input-group-addon i {
    font-size: 14px;
}

.form-group .mi-input .mi-input-label {
    position: absolute;
    top: 10px;
    left: 0;
    font-weight: normal;
    color: #878e98;
    cursor: text;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.input-group .mi-input.mi-focused .mi-input-label {
    bottom: 25px;
    left: 0;
    font-size: 12px;
}

.form-group .mi-input.mi-focused .mi-input-label {
    top: -10px;
    left: 0;
    font-size: 12px;
}

.form-group-sm .mi-input.mi-focused .mi-input-label {
    bottom: 20px;
    font-size: 10px;
}

.form-group-lg .mi-input.mi-focused .mi-input-label {
    bottom: 35px;
    font-size: 12px;
}

.form-group .mi-input.mi-focused:after,
.input-group .mi-input.mi-focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.form-group .error,
.input-group .error {
    margin-top: 5px;
    color: #E91E63;
    font-size: 12px;
    font-weight: 500;
}

.mi-input+small {
    color: #9ea5ab
}

.mi-input.mi-white {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.mi-input.mi-white:after {
    border-bottom: 2px solid #fff !important;
}

.mi-input.mi-error:after {
    border-bottom: 2px solid #E91E63;
}

.mi-input.mi-success:after {
    border-bottom: 2px solid #4CAF50;
}

.mi-input.mi-warning:after {
    border-bottom: 2px solid #FFC107;
}

.input-group .input-group-addon [data-spin] {
    padding-right: 20px;
    padding-bottom: 15px;
}

.label {
    border-radius: 0;
    padding: 5px 6px 3px 6px;
    font-size: 100%;
    display: block;
    float: left;
    margin-right: 6px;
    color: #3d484e
}

.badge {
    padding: 3px 6px !important;
}

.navbar-nav>li>a .badge {
    position: absolute;
    top: 0px;
    right: 3px;
    background-color: #E91E63;
}

.mi-menu-toggle .badge {
    margin: 3px 25px 0 0;
}

.media .media-body {
    color: #687177;
    font-size: 13px;
}

.media .media-body .media-heading {
    font-size: 16px;
    font-weight: bold;
    color: #3d484e;
}

.media-left,
.media-right,
.media-body {
    vertical-align: middle;
}

.media .media-left>a {
    vertical-align: middle !important;
}

.media,
.media-body {
    overflow: visible;
    zoom: 1;
}

.mi-card-settings .mi-media-title {
    font-size: 14px;
}

.mi-card-settings .mi-card-content .mi-switch {
    margin-top: 5px;
}

.mi-card-settings .mi-card-content .media {
    padding: 5px 15px;
    margin-top: 0;
}

.mi-card-settings .mi-card-content h5 {
    padding: 10px 15px 10px 15px;
    margin: 0;
}

.mi-card-settings .mi-card-content {
    border-bottom: 1px solid #e9ecf0;
    padding: 0 0 10px 0;
}

/*.mi-atom:before {content: "";position: absolute;top: 9px;right: 8px;width: 0px;height: 0px;border-style: solid;border-width: 32px 30px 0px 30px;border-color: transparent #01579b transparent transparent;}.mi-atom:after {content: "";position: absolute;top: -16px;left: 8px;width: 0px;height: 0px;border-style: solid;border-width: 25px 30px 32px 0px;border-color: transparent transparent #01579b transparent;}*/
.mi-atom {
    position: relative;
    height: 48px;
    width: 48px;
    border: 6px solid #01579b;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-left: auto;
    margin-right: auto;
    -moz-animation: mi-electron_rotate 1s linear infinite;
    -o-animation: mi-electron_rotate 1s linear infinite;
    -webkit-animation: mi-electron_rotate 1s linear infinite;
    animation: mi-electron_rotate 1s linear infinite;
}

.mi-electron:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #01579b;
}

.mi-electron {
    position: relative;
    height: 48px;
    width: 48px;
    border-radius: 50%;
    top: -10px;
    left: 10px;
    -moz-transform-origin: 7px 28px;
    -o-transform-origin: 7px 28px;
    -webkit-transform-origin: 7px 28px;
    transform-origin: 7px 28px;
}

.mi-atom-text {
    text-align: center;
    animation: none
}

.mi-atom-text span {
    font-size: 32px;
    line-height: 36px;
    color: #01579b;
}

.mi-atom-text .mi-electron {
    top: -46px;
    left: 11px;
    -moz-animation: mi-electron_rotate 1s linear infinite;
    -o-animation: mi-electron_rotate 1s linear infinite;
    -webkit-animation: mi-electron_rotate 1s linear infinite;
    animation: mi-electron_rotate 1s linear infinite;
}

@-webkit-keyframes mi-electron_rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes mi-electron_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mi-atom.brd-col-red .mi-electron:after {
    background-color: #F44336;
}

.mi-atom.brd-col-pink .mi-electron:after {
    background-color: #E91E63;
}

.mi-atom.brd-col-purple .mi-electron:after {
    background-color: #9C27B0;
}

.mi-atom.brd-col-deep-purple .mi-electron:after {
    background-color: #673AB7;
}

.mi-atom.brd-col-indigo .mi-electron:after {
    background-color: #3F51B5;
}

.mi-atom.brd-col-blue .mi-electron:after {
    background-color: #2196F3;
}

.mi-atom.brd-col-light-blue .mi-electron:after {
    background-color: #03A9F4;
}

.mi-atom.brd-col-cyan .mi-electron:after {
    background-color: #00BCD4;
}

.mi-atom.brd-col-teal .mi-electron:after {
    background-color: #009688;
}

.mi-atom.brd-col-red .mi-electron:after {
    background-color: #F44336;
}

.mi-atom.brd-col-green .mi-electron:after {
    background-color: #4CAF50;
}

.mi-atom.brd-col-light-green .mi-electron:after {
    background-color: #8BC34A;
}

.mi-atom.brd-col-lime .mi-electron:after {
    background-color: #CDDC39;
}

.mi-atom.brd-col-yellow .mi-electron:after {
    background-color: #FFEB3B;
}

.mi-atom.brd-col-amber .mi-electron:after {
    background-color: #FFC107;
}

.mi-atom.brd-col-orange .mi-electron:after {
    background-color: #FF9800;
}

.mi-atom.brd-col-deep-orange .mi-electron:after {
    background-color: #FF5722;
}

.mi-atom.brd-col-brown .mi-electron:after {
    background-color: #795548;
}

.mi-atom.brd-col-grey .mi-electron:after {
    background-color: #9E9E9E;
}

.mi-atom.brd-col-blue-grey .mi-electron:after {
    background-color: #607D8B;
}

.mi-atom.brd-col-black .mi-electron:after {
    background-color: #000000;
}

.mi-splash-screen {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 99999;
}

.mi-splash-screen .mi-atom {
    top: calc(50% - 40px);
}

.container-fluid .navbar-nav.pull-right {
    margin: -2px 10px 0 0 !important;
}

.mi-navbar-hide section.mi-content {
    margin: 15px 24px 30px 325px !important;
}

.mi-navbar-hide section.mi-content-widget {
    margin: 0px 0px 30px 300px !important;
}

.mi-sidebar-md.mi-navbar-hide section.mi-content {
    margin: 15px 24px 30px 305px !important
}

.mi-sidebar-md.mi-navbar-hide section.mi-content-widget {
    margin: 0 0 30px 280px !important;
}

.mi-sidebar-sm.mi-navbar-hide section.mi-content {
    margin: 15px 24px 30px 285px !important;
}

.mi-sidebar-sm.mi-navbar-hide section.mi-content-widget {
    margin: 0 0 30px 260px !important;
}

.mi-navbar-hide .navbar {
    display: none;
}

.mi-navbar-hide .mi-sidebar {
    top: 0;
    height: 100%;
}

label.col-white:after {
    border: 2px solid #fff !important;
}

.dropdown .dropdown-menu {
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    display: block;
}

.dropdown.open .dropdown-menu {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 2px 5px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 2px 5px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 2px 5px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    border: none;
    padding: 0;
}

.nav .dropdown-menu {
    margin: 11px 0 0 0 !important;
}

.mi-menu-user {
    float: right;
}

.mi-menu-user a img {
    width: 36px;
}

.mi-menu-user a {
    margin: 7px !important;
    padding: 1px !important;
}

.mi-menu-list .list-group-item {
    margin: 0 !important;
    padding: 7px 0 7px 15px !important;
}

.mi-menu-list hr {
    margin: 5px 0;
}

.mi-menu-list .list-group-item i {
    vertical-align: middle !important;
    margin-right: 10px !important;
}

.mi-menu-list .list-group-item {
    display: block;
    border: none;
}

.mi-menu-list {
    padding: 0 !important;
    margin: 10px 0 5px 0 !important;
}

.mi-menu .mi-menu-list {
    border-bottom: 1px solid #e9ecf0;
    padding-bottom: 5px !important;
}

.mi-menu-user .dropdown-menu {
    width: 280px !important
}

.mi-menu-user .dropdown-menu {
    margin: 6px 0 0 0 !important;
}

.dropdown-menu .mi-card {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0;
}

.dropdown-menu .mi-card .mi-card-content {
    max-height: 350px
}

.dropdown-menu>li>a {
    padding: 10px 18px !important;
}

.mi-sidebar {
    background: #fdfdfd;
    width: 300px;
    overflow: hidden;
    height: calc(100% - 64px);
    position: fixed;
    top: 64px;
    left: 0;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 12 !important;
}

.mi-sidebar-overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 10;
}

.mi-sidebar-toggle .mi-sidebar {
    margin-left: 0;
    z-index: 1000;
}

.mi-card-profile {
    padding: 15px;
    white-space: nowrap;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding-left: 24px;
    height: 180px;
    padding-top: 24px;
}

.mi-card-profile .mi-card-profile-tab-bg {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    padding: 2px 0 75px 140px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .50));
}

.mi-card-profile .mi-card-profile-bg-text-sm {
    position: absolute;
    color: #fff;
    font-size: 120px;
    top: -10px;
    margin: 0;
    padding: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.mi-card-profile .mi-card-profile-bg-text-lg {
    position: absolute;
    color: #fff;
    font-size: 200px;
    top: -45px;
    margin: 0;
    padding: 0;
    left: 0;
    z-index: -1;
    opacity: 0.2;
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}

.mi-card-profile .mi-card-content {
    padding: 0
}

.mi-card-profile .mi-card-content .media {
    margin-left: 15px;
    z-index: 1;
}

.mi-card-profile .mi-card-content .media-left img {
    width: 85px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border: 4px solid #fff;
    background-color: #fff;
}

.mi-card-profile .mi-card-content .media-body b {
    font-size: 60px;
    color: white;
    font-weight: normal;
    text-shadow: 0px 2px 0px #9C27B0;
}

.mi-card-profile .mi-card-header {
    z-index: 5;
    padding-left: 0;
    margin-left: -15px;
    border: none !important;
}

.mi-card-profile .mi-card-header .nav-tabs {
    top: 10px !important;
    left: 0;
    border: none !important;
}

.mi-card-user {
    padding: 15px;
    white-space: nowrap;
    position: relative;
    height: 120px;
    z-index: 0;
    overflow: hidden;
}

.mi-card-user .image {
    margin-right: 12px;
    display: inline-block;
}

.mi-card-user .image img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    vertical-align: bottom !important;
}

.mi-card-user .mi-profile-content {
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    width: 100%;
    padding: 2px 15px 3px 15px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .50));
}

.mi-card-user .mi-profile-content .name {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    max-width: 200px;
    color: #fff;
}

.mi-card-user .mi-profile-content .email {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    max-width: 200px;
    color: rgba(255, 255, 255, 0.67);
}

.mi-card-user .mi-profile-content .mi-profile-menu {
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    padding-right: 10px;
}

.mi-card-user-name {
    position: absolute;
    color: #fff;
    font-size: 120px;
    top: -29%;
    margin: 0;
    padding: 0;
    left: 0;
    z-index: -1;
    opacity: 0.4;
}

.mi-card-user-surname {
    position: absolute;
    color: #fff;
    font-size: 200px;
    top: -70%;
    margin: 0;
    padding: 0;
    left: -5%;
    z-index: -1;
    opacity: 0.2;
}

.mi-sidebar .mi-menu {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    z-index: 2;
}

.mi-sidebar .mi-menu .mi-menu-nav {
    list-style: none;
    padding-left: 0;
    padding-bottom: 65px;
}

.mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    font-weight: bold;
}

.ie .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span,
.msie .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span,
.edge .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    font-weight: 500;
}

.mi-sidebar .mi-menu .mi-menu-nav .header {
    color: rgba(61, 72, 78, 0.7);
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
}

.mi-sidebar .mi-menu .mi-menu-nav i.mi {
    color: rgba(0, 0, 0, 0.54);
    display: inline-block;
    vertical-align: middle;
}

.mi-menu-sub .mi-menu-toggle>a:before,
.mi-menu-sub .mi-menu-toggle>a:after {
    top: 6px !important;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:before,
.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:after {
    font-family: 'Material Icons';
    font-size: 20px;
    position: absolute;
    top: 11px;
    right: 15px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:before {
    content: '\e145';
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:after {
    content: '\e15b';
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open.mi-menu-toggle>a:before,
.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:after {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open.mi-menu-toggle>a:after,
.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle.mi-menu-item-open {
    border-top: 1px solid #e9ecf0;
    border-bottom: 1px solid #e9ecf0;
}

.mi-sidebar .mi-menu .mi-menu-nav a:hover {
    background-color: rgba(0, 0, 0, 0.02) !important
}

.mi-sidebar .mi-menu .mi-menu-nav a {
    color: rgba(0, 0, 0, 0.54);
    position: relative;
    vertical-align: middle;
    width: 100%;
    padding: 12px 16px;
    display: block;
}

.mi-sidebar .mi-menu .mi-menu-nav a:hover,
.mi-sidebar .mi-menu .mi-menu-nav a:active,
.mi-sidebar .mi-menu .mi-menu-nav a:focus {
    text-decoration: none !important;
}

.mi-sidebar .mi-menu .mi-menu-nav a small {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px;
}

.mi-sidebar .mi-menu .mi-menu-nav a span {
    margin: 0 0 0 16px;
    color: #3d484e;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding-right: 1px;
}

.edge .mi-sidebar .mi-menu .mi-menu-nav a span,
.ie .mi-sidebar .mi-menu .mi-menu-nav a span,
.msie .mi-sidebar .mi-menu .mi-menu-nav a span {
    font-weight: 400;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub {
    list-style: none;
    display: none;
    padding-left: 0;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub span {
    font-weight: normal;
    font-size: 14px;
    margin: 3px 0 1px 0px;
    color: #798188;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub li a {
    padding: 8px 5px 8px 20px;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub li .mi-menu-sub li a {
    padding-left: 80px;
}

.mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub li .mi-menu-sub .mi-menu-sub li a {
    padding-left: 95px;
}

.mi-sidebar .mi-logo .mi-logo-link {
    text-decoration: none !important;
    display: block;
}

.mi-sidebar .mi-logo .mi-logo-text {
    font-size: 20px;
    font-weight: 400;
    color: #3d484e;
}

.mi-sidebar .mi-logo .media-left img {
    width: 44px;
    height: 44px;
}

.mi-sidebar .mi-logo {
    padding: 10px 15px;
    z-index: 2;
    position: relative;
    border-bottom: 1px solid #e9ecf0;
    overflow: hidden;
    text-decoration: none !important;
    display: block;
    height: 64px;
}

.mi-sidebar-dark .mi-sidebar {
    background-color: #323642 !important;
}

.mi-sidebar-dark .mi-sidebar i,
.mi-sidebar-dark .mi-sidebar a,
.mi-sidebar-dark .mi-sidebar span,
.mi-sidebar-dark .mi-sidebar li.header,
.mi-sidebar-dark .mi-sidebar .mi-logo-text {
    color: #dcdcdc !important
}

.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav a:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.mi-sidebar-dark .mi-sidebar .mi-logo {
    border-bottom: 1px solid rgba(233, 236, 240, 0.1);
}

.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle.mi-menu-item-open {
    border-top: 1px solid rgba(233, 236, 240, 0.1);
    border-bottom: 1px solid rgba(233, 236, 240, 0.1);
}

.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav li.active span,
.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav li.active i,
.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav li.active>a {
    color: #fff !important;
}

.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav li.active.mi-menu-item-open>a,
.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-toggle li.active>a {
    border-left: 3px solid #2196F3 !important;
}

.mi-sidebar-dark .mi-sidebar .mi-menu .mi-menu-nav li.active>a {
    padding-left: 13px;
}

.mi-sidebar-dark .mi-sidebar .mi-menu-sub li.active>a {
    padding-left: 57px !important;
}

.mi-sidebar-dark .mi-menu .mi-menu-list hr {
    border-top: 1px solid rgba(233, 236, 240, 0.1) !important;
}

.mi-sidebar-dark .mi-menu .mi-menu-list {
    border-bottom: 1px solid rgba(233, 236, 240, 0.1) !important;
}

.mi-sidebar-dark .mi-menu-list .list-group-item:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.mi-sidebar-dark .mi-list-bordered li.header {
    background-color: #3a4149 !important;
}

.mi-sidebar-dark .mi-list-bordered>li {
    border-bottom: 1px solid rgba(233, 236, 240, 0.1) !important;
}

.mi-quick-sidebar {
    width: 280px;
    height: calc(100% - 64px);
    position: fixed;
    right: -300px;
    top: 64px;
    background: #fdfdfd;
    z-index: 11 !important;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.mi-quick-sidebar .mi-card-chat .mi-chat-friend-list,
.mi-quick-sidebar .mi-card-chat .mi-chat-search-item,
.mi-quick-sidebar .mi-card-chat .mi-chat-item {
    width: 280px !important;
}

.mi-quick-sidebar .nav-tabs {
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    text-align: center;
}

.mi-quick-sidebar .nav-tabs li>a {
    margin-right: 0;
}

.mi-quick-sidebar .nav-tabs+.tab-content {
    padding: 0;
}

.mi-quick-sidebar .tab-content p {
    font-weight: bolder;
    margin: 15px;
    text-align: center;
}

.mi-quick-sidebar .mi-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.mi-quick-sidebar .nav-tabs li {
    float: none !important;
    display: inline-block !important;
    height: 52px;
}

.ie.v11 .mi-quick-sidebar .nav-tabs li,
.ie.v10 .mi-quick-sidebar .nav-tabs li,
.msie .mi-quick-sidebar .nav-tabs li,
.edge .mi-quick-sidebar .nav-tabs li {
    height: 47px;
}

.mi-quick-sidebar.open {
    right: 0;
}

.mi-quick-sidebar .nav-tabs {
    border-bottom: 0 !important;
}

.mi-quick-sidebar .mi-card .mi-card-content {
    border-bottom: 0 !important;
    position: inherit !important;
}

.mi-quick-sidebar .nav-tabs>li>a {
    margin-bottom: -6px;
}

.mi-theme-sidebar .mi-card {
    height: 100%;
}

.mi-theme-sidebar h5 {
    font-size: 14px;
}

.mi-theme-sidebar.open {
    right: 0px !important;
}

.mi-theme-sidebar {
    position: fixed;
    top: 64px;
    right: -280px;
    width: 280px;
    height: 100%;
    z-index: 15;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.mi-list-bordered>li {
    border-bottom: 1px solid #e9ecef;
}

.mi-list-bordered li.header {
    background-color: #e9ecef
}

.mi-sidebar-sm .mi-sidebar {
    width: 260px !important;
}

.mi-sidebar-fluid.mi-sidebar-sm .navbar {
    left: 260px;
    width: calc(100% - 260px);
}

.mi-sidebar-md .mi-sidebar {
    width: 290px !important;
}

.mi-sidebar-fluid.mi-sidebar-md .navbar {
    left: 280px;
    width: calc(100% - 280px);
}

.mi-sidebar-toggle .navbar {
    left: 0px !important;
    width: 100% !important;
}

.mi-sidebar-fluid .navbar {
    left: 300px;
    width: calc(100% - 300px);
}

.mi-menu-sm .mi-menu .mi-menu-nav>li>a {
    padding: 8px 16px !important;
}

.mi-menu-sm .mi-menu-sub li a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.mi-menu-sm .mi-menu .mi-menu-nav a span,
.mi-menu-sm .mi-menu-sub li a {
    font-size: 13px !important;
}

.mi-menu-sm .mi-menu .mi-menu-nav i.mi {
    font-size: 22px !important;
}

.mi-menu-sm .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:before,
.mi-menu-sm .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:after {
    top: 5px !important;
}

.mi-menu-sm .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub .mi-menu-toggle>a:before,
.mi-menu-sm .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub .mi-menu-toggle>a:after {
    top: 0px !important;
}

.mi-menu-md .mi-menu .mi-menu-nav>li>a {
    padding: 10px 16px !important;
}

.mi-menu-md .mi-menu-sub li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.mi-menu-md .mi-menu .mi-menu-nav a span,
.mi-menu-md .mi-menu-sub li a {
    font-size: 13.5px !important;
}

.mi-menu-md .mi-menu .mi-menu-nav i.mi {
    font-size: 23px !important;
}

.mi-menu-md .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:before,
.mi-menu-md .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-toggle>a:after {
    top: 8px !important;
}

.mi-menu-md .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub .mi-menu-toggle>a:before,
.mi-menu-md .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub .mi-menu-toggle>a:after {
    top: 3px !important;
}

.mi-sidebar-fluid .mi-sidebar {
    height: 100%;
    top: 0;
}

.mi-menu-open:before {
    content: '\e5c7' !important;
    font-family: 'Material Icons';
    font-size: 22px;
}

.mi-profile-menu:before {
    content: '\e5c5';
    font-family: 'Material Icons';
    font-size: 22px;
}

.breadcrumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding-left: 24px;
}

.breadcrumb li a {
    text-decoration: none;
    color: #3d484e;
}

.breadcrumb>li i {
    font-size: 17px;
    vertical-align: text-bottom;
}

.mi-media-task .mi-media-task-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
}

.mi-media-task .media-body {
    max-width: 170px;
    width: 100%;
}

.mi-media-task img,
.mi-media-notifications img {
    width: 30px;
    margin-top: -10px;
}

.mi-media-task:hover,
.mi-media-notifications:hover {
    background-color: #e9ecf0;
}

.mi-media-task,
.mi-media-notifications {
    padding: 15px 15px 0px 15px;
    margin-top: 0;
    overflow: hidden;
    display: block;
    text-decoration: none !important;
}

.mi-media-notifications .media-body,
.mi-media-task .media-body,
.mi-media-task .media-right {
    border-bottom: 1px solid #e9ecf0;
    padding-bottom: 10px;
}

.mi-media-notifications .media-left i {
    padding: 5px;
    border-radius: 50%;
    font-size: 28px;
}

.mi-menu-notifications .nav-tabs>li {
    margin-left: 0px;
    margin-right: 0px;
}

.mi-menu-notifications .nav-tabs>li a {
    margin-top: 5px;
    padding: 5px 15px 10px 15px;
}

html.ie10 .mi-menu-notifications .nav-tabs>li a,
html.ie11 .mi-menu-notifications .nav-tabs>li a,
.firefox .mi-menu-notifications .nav-tabs>li a,
.edge .mi-menu-notifications .nav-tabs>li a {
    margin-top: 6px;
}

.mi-menu-notifications .mi-card-header .nav-tabs {
    top: -6px;
    border-bottom: 0;
}

.mi-menu-notifications .tab-pane .mi-card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    font-size: 13px;
}

.mi-menu-notifications .tab-content {
    padding: 0;
}

.mi-menu-notifications .tab-pane {
    padding-bottom: 29px;
}

.mi-menu-notifications .mi-tab-pane-content {
    max-height: 280px;
}

.mi-menu-notifications {
    width: 280px;
}

.mi-search-bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    -moz-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    z-index: 10;
}

.mi-search-bar input[type="text"] {
    font-size: 16px;
    padding: 0;
    border: none;
    height: 64px;
    width: 100%;
}

.mi-search-bar input[type="text"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

.mi-search-bar input[type="text"]::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

.mi-search-bar input[type="text"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

.mi-search-bar input[type="text"]:-moz-placeholder {
    color: rgba(0, 0, 0, 0.3) !important;
}

.mi-search-bar .mi-search-icon {
    position: absolute;
    top: 14px;
    left: 10px;
}

.mi-search-bar .mi-search-icon .mi {
    font-size: 30px;
    color: #82919c;
}

.mi-search-bar .mi-search-close {
    position: absolute;
    cursor: pointer;
    font-size: 30px;
    top: 0px;
    left: 0px;
    width: 0;
    display: none;
}

.mi-search-bar .mi-search-close .mi {
    color: #82919c;
    opacity: 1;
}

.mi-search-bar .mi-search-close .mi:hover {
    opacity: .5;
}

.mi-search-bar .mi-search-close i {
    padding: 21px;
}

.mi-search-bar.open {
    width: 100%;
}

.mi-search-bar.open .mi-search-close {
    display: block;
}

.mi-search-bar .mi-search-clear {
    position: absolute;
    top: 21px;
    right: 20px;
}

.mi-search-bar.open input[type="text"] {
    padding: 12px 0px 12px 60px !important
}

::-ms-clear {
    display: none;
}

.mi-percent-item a {
    text-decoration: none;
    padding: 10px;
}

.mi-percent-item h4 {
    color: #3d484e;
    font-size: 13px;
    margin: 0 0 8px 0;
}

.mi-percent-item .progress {
    height: 10px;
    margin-bottom: 0;
}

.mi-disk-item {
    padding: 10px;
}

.mi-disk-item .progress {
    height: 20px;
    margin-bottom: 0;
    position: relative;
    background-color: rgba(96, 125, 139, 0.4);
    min-width: 120px;
}

.mi-disk-item .progress span {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 600
}

.mi-disk-item .progress .pull-left {
    position: absolute;
    left: 0;
}

.mi-disk-item .progress .pull-right {
    position: absolute;
    right: 0;
}

.mi-card-btn {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    height: 75px;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
}

.mi-card-btn .mi-visual-bar {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    width: 75px;
    float: left;
}

.mi-card-btn .mi-visual-bar i {
    color: #fff;
    font-size: 50px;
    line-height: 75px;
}

.mi-card-btn .mi-visual-content {
    padding: 8px 16px;
    float: left;
}

.mi-card-btn:hover {
    cursor: pointer;
}

.mi-card-btn .mi-visual-content h3 {
    margin: 0;
    line-height: 60px;
    font-size: 22px;
}

.mi-card-chart .mi-card-content canvas {
    height: 150px;
}

.mi-card-chart .mi-card-content {
    padding: 5px;
}

.mi-card-chart .mi-card-header .media i {
    vertical-align: middle !important
}

.mi-card-chart .mi-card-header .media .media-left span,
.mi-card-chart .mi-card-header .media .media-right i {
    font-size: 48px;
}

.mi-card-chart .mi-card-header .media {
    margin-top: 0 !important;
}

.mi-card-chart .mi-card-header .media-body {
    text-align: left !important;
}

.mi-card-chart .mi-card-header:last-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.mi-card-chart .mi-card-header {
    text-align: center !important;
    border: none !important
}

.mi-card-chart-v2 .mi-card-content canvas {
    height: 150px !important;
}

.mi-card-chart-v2 .mi-card-content {
    padding: 0 !important;
}

.mi-card-chart-v2 .mi-card-header .mi-card-header-tools .mi-card-chart-value {
    font-size: 30px !important;
}

.mi-card-chart-v2 .mi-card-header .mi-title>i {
    font-size: 36px !important;
}

.mi-card-chart-v2 .mi-card-header .mi-title i {
    vertical-align: middle !important
}

.mi-card-chart-v2 .mi-card-header,
.mi-card-chart-v3 .mi-card-header,
.mi-card-chart-v4 .mi-card-header {
    border: none !important;
    padding: 10px;
}

.mi-card-chart-v3 .mi-card-content canvas,
.mi-card-chart-v4 .mi-card-content canvas {
    height: 150px !important;
}

.mi-card-chart-v3 .mi-card-content {
    padding: 80px 0 30px 0;
}

.mi-card-chart-v4 .mi-card-content canvas {
    height: 150px !important;
}

.mi-card-chart-v4>.mi-card-content {
    padding: 80px 20px 10px 20px;
    margin-right: -1px;
}

.mi-card-chart-v4 .mi-card-chart-v4-detail {
    padding: 13px 10px !important;
}

.mi-card .mi-card-header-filters a span {
    font-size: 14px;
    color: #5a6065;
}

.mi-card-wall-chart .mi-card-header {
    border: none !important;
    padding-bottom: 0 !important;
}

.mi-card-wall-chart .mi-card-content {
    padding-bottom: 0 !important;
    padding-top: 10px !important;
}

.mi-card-wall-chart .mi-wall-states {
    padding: 0 15px 10px 15px !important;
}

.mi-card-wall-chart .mi-wall-img-item {
    padding: 10px 0 5px 0 !important
}

.mi-card-wall-chart .mi-wall-img-content {
    margin: 0 -35px 10px;
}

.mi-card-pricing-tables .mi-card-header i {
    font-size: 80px !important;
    border: 5px solid #fff !important;
    padding: 10px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.mi-card-pricing-tables .mi-card-header .mi-title {
    margin-top: 15px;
    font-size: 20px;
}

.mi-card-pricing-tables .mi-card-content {
    text-align: center !important;
}

.mi-card-pricing-tables .list-group-item {
    border: none !important;
}

.mi-card-pricing-tables .mi-card-header {
    padding-top: 25px;
}

.mi-card-avatar {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 15px;
}

.mi-card-avatar .mi-visual-content {
    display: inline-block;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.mi-card-avatar .avatar {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
}

.mi-card-avatar-xs .avatar img {
    width: 75px;
}

.mi-card-avatar-xs {
    max-width: 75px;
}

.mi-card-avatar-sm .avatar img {
    width: 120px;
}

.mi-card-avatar-sm .avatar .img-circle {
    padding: 5px;
}

.mi-card-avatar-sm {
    max-width: 120px;
}

.mi-card-avatar-md .avatar img {
    width: 160px;
}

.mi-card-avatar-md {
    max-width: 160px;
}

.mi-card-icon {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 15px;
}

.mi-card-icon .mi-visual-content {
    display: inline-block;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.mi-card-icon .mi-visual-bar {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
}

.mi-card-icon .mi-visual-bar i {
    color: #fff;
    font-size: 60px;
    line-height: 75px;
}

.mi-card-icon-xs .mi-visual-bar i {
    width: 75px;
}

.mi-card-icon-xs {
    max-width: 75px;
}

.mi-card-icon-sm .mi-visual-bar i {
    width: 120px;
}

.mi-card-icon-sm {
    max-width: 120px;
}

.mi-card-icon-md .mi-visual-bar i {
    width: 160px;
}

.mi-card-icon-md {
    max-width: 160px;
}

.mi-wall-card {
    padding: 0 24px;
}

.mi-wall-card .mi-card:first-child .input-group {
    margin: 0;
}

.mi-wall-card .mi-card:first-child .input-group textarea {
    padding: 15px !important;
}

.mi-wall-card .mi-card:first-child .mi-card-content {
    padding: 0;
}

.mi-wall-card .mi-card:first-child .mi-card-footer {
    border: none !important;
    padding-top: 5px !important;
}

.mi-wall-comment-list {
    padding: 10px;
    background: #f7f7f7;
    border-top: 1px solid #e9ecf0;
}

.mi-wall-img-content {
    text-align: center;
    margin: 0 -40px 20px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.mi-wall-img-content .mi-wall-img-item {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    border: 1px solid #fff;
}

.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(2),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(2)~div {
    width: 50%;
    padding-bottom: 40%;
}

.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(3),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(3)~div,
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(4),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(4)~div:not(:last-child),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(5),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(5)~div:not(:nth-last-of-type(-n+2)),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(6),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(6)~div,
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(7)~div:nth-last-of-type(-n+3) {
    width: 33.333333%;
    padding-bottom: 30%;
}

.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(5)~div:nth-last-of-type(-n+2) {
    width: 50%;
    padding-bottom: 40%;
}

.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(7),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(7)~div:not(:nth-last-of-type(-n+3)),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(n+8),
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(n+8)~div {
    width: 25%;
    padding-bottom: 22%;
}

.mi-wall-img-content .mi-wall-img-item:only-child,
.mi-wall-img-content .mi-wall-img-item:first-child:nth-last-child(4)~div:nth-child(4) {
    width: 100%;
    padding-bottom: 50%;
}

.mi-wall-img-item a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.mi-text-separator {
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    position: relative;
    margin-top: 10px;
}

.mi-text-separator:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    height: 1px;
    width: 90%;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

.mi-text-separator span {
    font-size: 15px;
    display: inline-block;
    background-color: #fff;
    padding: 0px 10px;
    position: relative;
}

.fc-day-number {
    color: #3d484e !important;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
    background: #f4f4f4 !important;
}

.fc-widget-header a {
    color: #3d484e
}

.fc-toolbar .mi-title {
    font-size: 20px !important;
}

.fc-state-default {
    background-image: none !important;
    background-color: #fff !important;
}

.fc .fc-button-group>* {
    margin: 0 !important;
}

.fc-button {
    border: none !important;
    font-size: 13px !important;
}

.fc-toolbar .mi-title {
    color: #fff !important;
    font-weight: 400 !important;
}

.fc-event,
.fc-widget-content {
    border: none !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -ms-border-radius: 2px !important;
    border-radius: 2px !important;
}

.fc th span {
    color: #607D8B !important;
}

tr:first-child>td>.fc-day-grid-event {
    margin-top: 0 !important;
}

.fc-day-grid-event {
    padding: 0 !important;
    margin: 1px !important;
}

.mi-card .mi-card-content .fc-toolbar {
    padding: 15px !important;
    margin-bottom: 0 !important;
}

.mi-card .mi-card-content .fc-toolbar h2 {
    font-size: 18px;
    margin-top: 10px
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #e9ecf0 !important;
    border-left: none !important;
    border-right: none !important;
}

.fc-event {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
}

.fc-unthemed .fc-popover {
    -moz-animation: fadeInUp 0.3s;
    -o-animation: fadeInUp 0.3s;
    -webkit-animation: fadeInUp 0.3s;
    animation: fadeInUp 0.3s;
}

.fc-unthemed .fc-event .fc-content,
.fc-unthemed .fc-event-dot .fc-content {
    padding: 5px 5px 5px 6px;
}

.fc-title {
    line-height: 16px;
}

.fc-popover .fc-header {
    padding: 8px !important;
}

.fc-more-popover .fc-event-container .fc-day-grid-event>.fc-content {
    margin-bottom: 8px;
}

.fc-button-group {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -ms-border-radius: 2px !important;
    border-radius: 2px !important;
    background-color: #fff !important;
}

.fc button .fc-icon {
    top: 0 !important;
}

.fc button {
    height: auto !important;
    padding: 10px !important;
    text-shadow: none !important;
}

.fc-time-grid-event .fc-time,
.fc-title {
    font-size: 12px !important;
}

.fc-time-grid .fc-slats td {
    border-bottom: 1px solid #f1f1f1 !important;
}

.fc td,
.fc th {
    padding: 5px !important;
}

.fc-unthemed .fc-list-heading .fc-widget-header {
    padding: 10px 18px !important;
}

.fc-list-view .fc-list-item {
    background-color: #fff !important;
    color: #3d484e !important;
    border: none !important;
}

.fc table {
    font-size: 14px !important;
}

.fc-list-table td {
    padding: 10px 20px !important;
    border-bottom: 1px solid #f1f1f1 !important;
}

.fc-list-table tr {
    border-bottom: none !important;
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #fff !important;
    vertical-align: middle !important;
}

.fc-list-table .popover {
    display: none !important;
}

.fc-state-default.fc-corner-left,
.fc-state-default.fc-corner-right {
    border-radius: 0 !important;
}

@media (max-width: 350px) {
    .mi-card .mi-card-content .fc-toolbar h2 {
        font-size: 15px;
    }
}

@media (max-width: 600px) {

    .fc-unthemed .fc-toolbar .fc-center,
    .fc-unthemed .fc-toolbar .fc-left,
    .fc-unthemed .fc-toolbar .fc-right {
        display: block;
        float: none;
        margin-bottom: 1rem;
    }

    .fc-toolbar {
        text-align: center !important;
    }

    .fc-unthemed .fc-toolbar .fc-center>.fc-button-group,
    .fc-unthemed .fc-toolbar .fc-left>.fc-button-group,
    .fc-unthemed .fc-toolbar .fc-right>.fc-button-group,
    .fc-today-button .fc-today-button,
    .fc button,
    .fc .fc-toolbar>*>* {
        float: none !important;
    }

    .mi-card .mi-card-content .fc-toolbar {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
}

.dataTable {
    border: none !important;
    border-bottom: 1px solid #e9ecf0 !important;
}

/* .dataTables_wrapper input[type="search"]:focus,
.dataTables_wrapper input[type="search"]:active {
    border-bottom: 2px solid #2196f3;
} */

.dataTables_wrapper select:active,
.dataTables_wrapper select:focus,
.dataTables_wrapper input[type="search"],
.dataTables_wrapper select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    /* border: none;
    border-bottom: 1px solid #eee; */
    font-size: 13px;
}

.row .dataTables_length,
.row .dataTables_filter {
    padding: 10px;
}

.row .dataTables_info,
.row .dataTables_paginate {
    padding: 0 10px;
}

.dataTables_wrapper thead tr th {
    border-top: 1px solid #e9ecf0 !important;
}

.dt-button {
    display: inline-block !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap !important;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer !important;
    background-image: none !important;
    border: none !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -ms-border-radius: 2px !important;
    border-radius: 2px !important;
    margin-right: 5px !important;
    text-decoration: none !important;
}

.dt-button-info {
    border: none !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
}

.mi-card-table .mi-card-header {
    border-bottom: none;
}

.no-pad * {
    padding: 0 !important;
}

.table tbody tr td.mi-details i {
    vertical-align: text-bottom;
}

.table tbody tr td.mi-details {
    padding: 8px 10px;
    cursor: pointer;
    width: 40px;
    text-align: center;
}

.dropzone .dz-preview.dz-image-preview {
    background: none !important;
    background-color: #f4f6f7 !important;
}

.dropzone i {
    font-size: 100px;
}

.dropzone {
    border: 1px solid transparent !important;
    background-color: rgba(96, 125, 139, 0.07) !important
}

.wizard,
.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a {
    outline: 0;
}

.wizard ul,
.tabcontrol ul {
    list-style: none !important;
    padding: 0;
    margin: 0;
    text-align: center;
}

.wizard ul>li,
.tabcontrol ul>li {
    display: block;
    padding: 0;
}

.wizard>.steps .current-info,
.tabcontrol>.steps .current-info {
    position: absolute;
    left: -999em;
}

.wizard>.content>.title,
.tabcontrol>.content>.title {
    position: absolute;
    left: -999em;
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%;
}

.wizard>.steps>ul>li {
    width: 25%;
}

.wizard>.steps>ul>li,
.wizard>.actions>ul>li {
    display: inline-block;
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%;
}

.wizard>.steps a,
.wizard>.steps a:hover,
.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.wizard>.steps .disabled a,
.wizard>.steps .disabled a:hover,
.wizard>.steps .disabled a:active {
    background: #eee;
    color: #878e98;
    cursor: default;
    font-size: 20px;
}

.wizard>.steps .current a,
.wizard>.steps .current a:hover,
.wizard>.steps .current a:active {
    background: #01579b;
    color: #fff;
    cursor: default;
    font-size: 20px;
}

.wizard>.steps .number {
    font-size: 20px;
}

.wizard>.steps .done a,
.wizard>.steps .done a:hover,
.wizard>.steps .done a:active {
    background: #9dc8e2;
    color: #fff;
    font-size: 20px;
}

.wizard>.steps .error a,
.wizard>.steps .error a:hover,
.wizard>.steps .error a:active {
    background: #e91e63;
    color: #fff;
    font-size: 20px;
}

.wizard>.content {
    display: block;
    margin: 0.5em;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    width: auto;
}

.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard>.content>.body {
    padding: 2.5%;
}

.wizard>.content>.body ul {
    list-style: disc !important;
}

.wizard>.content>.body ul>li {
    display: list-item;
}

.wizard>.content>.body>iframe {
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard>.content>.body label.error {
    color: #e91e63;
    display: inline-block;
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right;
}

.wizard>.actions>ul>li {
    margin: 0 0.5em;
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em;
}

.wizard>.actions a,
.wizard>.actions a:hover,
.wizard>.actions a:active {
    background: #01579b;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 5px;
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    background: #eee;
    color: #878e98;
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none;
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px 30px;
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol>.content>.body ul {
    list-style: disc !important;
}

.tabcontrol>.content>.body ul>li {
    display: list-item;
}

.k-autocomplete,
.k-datepicker .k-input,
.k-timepicker .k-input,
.k-timepicker,
.k-datetimepicker,
.k-datepicker,
.k-dropdown,
.k-dropdown .k-state-default {
    background-color: #fff !important;
}

.k-autocomplete .form-control {
    position: static;
}

.k-input {
    margin-left: -10px !important
}

.k-list-container,
.k-list-filter>.k-textbox {
    border: none !important;
    border-top: 1px solid #f1f1f1 !important;
}

.k-combobox .k-select {
    height: 34px !important;
    width: 45px !important;
    background-color: #fff !important
}

.k-datetimepicker .k-select {
    width: 5em !important;
}

.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-state-mi-focused {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.k-calendar .k-header .k-state-hover {
    background-color: #094d83 !important;
}

.k-block,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-treemap-tile,
html .km-pane-wrapper .k-header,
.k-today,
.k-calendar .k-header {
    background-color: #01579b !important;
}

.k-popup.k-list-container {
    padding: 0 !important;
    border: none !important;
}

.k-list-filter {
    margin-bottom: 0;
}

.k-multiselect .k-button {
    background-color: #e9ecf0 !important;
    border: none !important;
}

.k-multiselect-img {
    width: 28px;
    border-radius: 50%;
    margin-left: -12px;
    margin-right: 3px;
}

.k-combobox>.k-dropdown-wrap>.k-i-close,
.k-combobox>.k-state-mi-focused>.k-i-close {
    right: 3.3em !important;
    z-index: 2 !important;
    top: 1.3em !important;
}

.k-slider-horizontal .k-draghandle {
    top: -4px !important;
    margin-left: 0 !important;
}

.k-grid-footer,
.k-grid-footer td,
.k-grid-header,
.k-grid-header .k-header,
.k-pager-wrap,
.km-pane-wrapper .k-grid-header .k-header {
    background-color: #fff !important;
    border: none !important;
    border-top: 1px solid #e9ecf0 !important
}

.k-pager-numbers .k-state-selected {
    border-color: #01579b !important;
    color: #01579b !important;
}

.k-listview,
.k-splitter {
    border: none !important;
}

.k-animation-container,
.k-animation-container *,
.k-animation-container :after,
.k-block .k-header,
.k-dialog .k-window-content,
.k-list-container,
.k-widget,
.k-widget *,
.k-widget :before {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.k-splitbar.k-state-mi-focused .k-resize-handle {
    background-color: #fff !important;
    border-color: #fff !important;
}

.k-splitbar.k-state-mi-focused {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

.k-splitbar,
.k-ghost-splitbar {
    background-color: #e9ecf0 !important;
    border-color: #e9ecf0 !important;
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical {
    height: 7px !important;
}

.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
    width: 7px !important;
}

.k-calendar-fluid {
    width: 100% !important;
}

.k-calendar td.k-state-selected {
    background-color: #01579b !important;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
}

.input-group .k-multiselect.form-control {
    height: 100% !important;
}

.k-colorpalette .k-item {
    cursor: pointer !important;
}

.mi-theme-sidebar .k-colorpalette .k-item {
    border: 1px solid rgba(179, 173, 173, 0.2);
}

.mi-theme-sidebar .k-colorpalette .k-item.k-state-selected:before {
    content: '\e5ca';
    font-family: 'Material Icons';
    font-size: 24px;
    position: absolute;
    left: 2.5px;
    top: 15px;
    color: #fff;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.k-i-calendar {
    padding: 15px;
}

.fb-comments .mi-card {
    text-align: left !important;
    white-space: normal !important;
    height: calc(100% - 30px);
}

.lg-outer .lg-thumb-item {
    border-radius: 0 !important;
}

.animate {
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

.animate-04 {
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

.animate-03 {
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

.animate-025 {
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

.animate-02 {
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

@-ms-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-ms-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-ms-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-ms-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-ms-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-ms-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-moz-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

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

@-ms-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

@-ms-keyframes rotating-spin {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotating-spin {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotating-spin {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating-spin {
    from {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating-spin 3s linear infinite;
    -moz-animation: rotating-spin 3s linear infinite;
    -o-animation: rotating-spin 3s linear infinite;
    animation: rotating-spin 3s linear infinite;
}

.navbar .navbar-collapse.in {
    overflow: visible !important;
}

.collapse .well,
.collapse.in .well,
.collapsing .well {
    border-radius: 0;
    margin-bottom: 0;
}

.thumbnail {
    border-radius: 0;
    border: 0;
}

.thumbnail p {
    color: #3d484e;
    font-size: 14px;
}

.note-editor {
    border-radius: 0 !important;
}

blockquote {
    margin: 0;
}

.waves-circle {
    width: auto;
    height: auto;
    line-height: normal;
}

.pane-content {
    padding: 0 10px;
}

.note-toolbar .note-btn-group {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent
}

.note-toolbar .note-btn-group i {
    font-size: 13px !important;
    top: 0 !important;
}

.note-toolbar .note-btn-group span {
    top: 0 !important;
    margin-left: 0 !important;
}

.list-group-item {
    border-radius: 0 !important;
}

.mi-media-search .media-body p {
    max-width: 400px;
}

.mi-media-search .media-body a {
    margin-bottom: 0;
    font-size: 18px;
    display: block;
}

.mi-media-search {
    margin-bottom: 20px !important;
}

.mi-centered-column {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.collapsing {
    -moz-transition-duration: 0.2s !important;
    -o-transition-duration: .2s !important;
    -webkit-transition-duration: .2s !important;
    transition-duration: .2s !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: transparent !important;
}

.waves-circle {
    -webkit-mask-image: none !important;
}

.mi-basic-timeline {
    padding: 5px 10px;
    margin: 0 24px;
    list-style: none;
    position: relative;
    font-weight: 300;
}

.mi-basic-timeline::before {
    position: absolute;
    top: 0;
    height: 100%;
    border-right: 3px solid #e9ecf0;
    content: "";
    padding-right: 5px;
}

.mi-basic-timeline-item {
    position: relative;
}

.mi-basic-timeline-step {
    padding-right: 15px;
}

.mi-basic-timeline-content {
    position: relative;
    top: -16px;
    left: 20px;
}

.mi-basic-timeline-step-marker {
    height: 13px;
    min-height: 13px;
    width: 13px;
    min-width: 13px;
    position: relative;
    border: 4px solid #F2F2F2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: white;
    z-index: 0;
}

.mi-basic-timeline-time {
    font-size: 14px;
    position: absolute;
    left: -40px;
    top: -3px;
    padding-right: 15px;
}

.mi-basic-timeline-title {
    font-size: 15px;
}

.mi-basic-timeline-points {
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: #77777D;
}

.mi-basic-timeline-points>* {
    padding-bottom: 5px;
}

.mi-timeline {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

.mi-timeline::after {
    content: '';
    display: table;
    clear: both;
}

.mi-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #abc0ca;
}

.mi-timeline-item {
    position: relative;
    margin: 2em 0;
}

.mi-timeline-item::after {
    clear: both;
    content: "";
    display: table;
}

.mi-timeline-item:first-child {
    margin-top: 0;
}

.mi-timeline-item:last-child {
    margin-bottom: 0;
}

.mi-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #fff !important;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.mi-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.mi-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #ffffff;
    border-radius: 2px;
    padding: 1em;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.mi-timeline-content::after {
    clear: both;
    content: "";
    display: table;
}

.mi-timeline-content .mi-timeline-content-date {
    font-size: 15px;
    display: inline-block;
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.mi-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ffffff;
}

@media only screen and (min-width: 1170px) {
    .mi-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .mi-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #ffffff;
    }

    .mi-timeline-content .mi-timeline-content-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
    }

    .mi-timeline-item:nth-child(even) .mi-timeline-content {
        float: right;
    }

    .mi-timeline-item:nth-child(even) .mi-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #ffffff;
    }

    .mi-timeline-item:nth-child(even) .mi-timeline-content .mi-timeline-content-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .mi-timeline-icon {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .mi-timeline-item {
        margin: 4em 0;
    }

    .mi-timeline-item:first-child {
        margin-top: 0;
    }

    .mi-timeline-item:last-child {
        margin-bottom: 0;
    }

    .mi-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .mi-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

.mi-card-content.mi-preview {
    text-align: center;
}

.mi-preview i {
    font-size: 48px !important;
    text-align: center;
}

.mi-preview input {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-top: 10px !important;
}

.mi-preview .input-group p {
    font-size: 14px !important;
    margin-top: 18px !important;
    text-align: left;
}

.mi-preview .mi-icon-caption {
    display: block;
    text-align: center;
    font-size: 13px;
}

.mi-preview .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    text-align: center;
}

.mi-preview .mi-icon-item {
    display: inline-block;
    margin: 10px;
    text-align: center;
    width: 200px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    color: rgba(0, 0, 0, 0.7)
}

.mi-preview h3 {
    text-align: center;
}

.mi-preview .mi-col-pad {
    padding: 10px 15px 11px;
    border: 1px solid rgba(0, 0, 0, .1);
}

.mi-preview .mi-col-light-text {
    margin: 0px 0px 53px;
    display: block;
    color: rgba(255, 255, 255, 0.87)
}

.mi-preview .mi-col-light-title {
    color: rgba(255, 255, 255, 0.87);
    float: left
}

.mi-preview .mi-col-light-code {
    float: right;
    color: rgba(255, 255, 255, 0.87)
}

.mi-preview .mi-col-dark-text {
    margin: 0px 0px 53px;
    display: block;
    color: rgba(255, 255, 255, 0.87)
}

.mi-preview .mi-col-dark-title {
    color: rgba(0, 0, 0, 0.87);
    float: left
}

.mi-preview .mi-col-dark-code {
    float: right;
    color: rgba(0, 0, 0, 0.87)
}

.mi-preview .mi-col-fluid {
    display: inline-block;
    width: 100%;
}

.navbar-demo {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    background-color: white !important;
}

.mi-event {
    display: block !important;
}

.show-grid {
    margin: 0 0 15px 0;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #eee;
    background-color: #e9ecf0;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.mi-error-code {
    color: rgba(0, 0, 0, 0.75);
    font-size: 160px;
    text-align: center;
    font-weight: bold;
}

.mi-error-layout .mi-content>.mi-card {
    max-width: 350px !important;
    margin: 5% auto !important;
    width: 100% !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.mi-content-divider {
    position: relative;
    text-align: center;
    z-index: 1;
    margin: 20px auto;
}

.mi-content-divider>span {
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    color: rgba(0, 0, 0, 0.5);
}

.mi-content-divider>span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 1px;
    background-color: #e9ecf0;
    width: 100%;
    z-index: -1;
}

.mi-auth-layout .mi-card .mi-card-header img,
.mi-auth-layout-transparent .mi-card .mi-card-header img {
    width: 80px !important;
    margin-top: 30px !important;
}

.mi-auth-layout .mi-card .mi-card-content,
.mi-auth-layout-transparent .mi-card .mi-card-content {
    padding-top: 0 !important;
}

.mi-auth-layout .mi-card .mi-card-header {
    border: none !important;
    text-align: center !important;
}

.mi-auth-layout .mi-card .mi-card-footer {
    padding: 10px 20px !important;
}

.mi-auth-layout .mi-title,
.mi-auth-layout-transparent .mi-title {
    font-size: 21px !important;
    margin-top: 20px !important;
}

.mi-auth-layout-transparent .mi-title {
    color: #fff !important
}

.mi-auth-layout .mi-card {
    max-width: 350px !important;
    margin: 10% auto !important;
    width: 100% !important;
}

.mi-auth-layout-transparent .mi-content-divider>span {
    background-color: #fff !important;
    color: #555;
}

.mi-auth-layout-transparent img {
    width: 80px !important;
    margin-top: 80px !important;
}

.mi-auth-layout-transparent .mi-card .mi-card-footer {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 20px !important;
}

.mi-auth-layout-transparent .mi-card {
    max-width: 350px !important;
    margin: 5% auto !important;
    width: 100% !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

@media print {

    .navbar,
    .mi-sidebar,
    .mi-quick-sidebar,
    .mi-search-bar,
    .mi-content-header,
    .mi-card-footer,
    .rotating {
        display: none !important;
    }

    .mi-invoice {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
    }
}

.col-print-1 {
    width: 8%;
    float: left;
}

.col-print-2 {
    width: 16%;
    float: left;
}

.col-print-3 {
    width: 25%;
    float: left;
}

.col-print-4 {
    width: 33%;
    float: left;
}

.col-print-5 {
    width: 42%;
    float: left;
}

.col-print-6 {
    width: 50%;
    float: left;
}

.col-print-7 {
    width: 58%;
    float: left;
}

.col-print-8 {
    width: 66%;
    float: left;
}

.col-print-9 {
    width: 75%;
    float: left;
}

.col-print-10 {
    width: 83%;
    float: left;
}

.col-print-11 {
    width: 92%;
    float: left;
}

.col-print-12 {
    width: 100%;
    float: left;
}

.mi-chat-box {
    position: fixed;
    right: 20px;
    bottom: 0;
    width: 275px;
    height: 100%;
    max-height: 350px;
    z-index: 10;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 2px 0;
}

.right-10 {
    right: 10px !important;
}

.mi-chat-box-footer i {
    color: #607D8B;
    font-size: 21px;
    margin-right: 5px;
}

.mi-chat-box-footer {
    text-align: center;
}

.mi-chat-box-actions i {
    font-size: 21px;
}

.mi-chat-box-actions a {
    color: #fff;
}

.mi-chat-box-actions>a {
    height: 20px;
}

.mi-chat-box-actions {
    float: right;
}

.mi-chat-box-actions .mi-card-header-tools {
    list-style: none;
    float: left;
    height: 30px;
    margin-bottom: 0;
    top: 15px;
}

.mi-chat-box-title {
    position: relative;
    z-index: 2;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    padding: 10px 5px 10px 50px;
    height: 45px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: block;
}

.mi-chat-box-title h1,
.mi-chat-box-title .mi-title {
    font-weight: normal;
    font-size: 12px;
    margin: 8px 0 0 -5px;
    padding: 0;
    float: left;
}

.mi-chat-box-title .mi-title {
    color: rgba(255, 255, 255, 0.5);
    font-size: 8px;
    letter-spacing: 1px;
}

.mi-chat-box-title .mi-chat-box-avatar {
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 9px;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.mi-chat-box-title .mi-chat-box-avatar img {
    width: 100%;
    height: auto;
}

.mi-chat-box-messages {
    color: #555;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.mi-chat-box-messages .mi-chat-box-messages-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #e5e5e5;
    padding-bottom: 110px;
}

.mi-chat-box-messages .mi-chat-box-message {
    clear: both;
    float: left;
    padding: 6px 10px 7px;
    border-radius: 10px 10px 10px 0;
    background: #fff;
    margin: 10px 10px 10px 48px;
    font-size: 12px;
    line-height: 1.4;
    position: relative;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.mi-chat-box-messages .mi-chat-box-message .mi-chat-box-time {
    position: absolute;
    bottom: -15px;
    font-size: 9px;
    color: #555;
}

.mi-chat-box-messages .mi-chat-box-message::before {
    content: '';
    position: absolute;
    bottom: -6px;
    border-top: 6px solid #fff;
    left: 0;
    border-right: 7px solid transparent;
}

.mi-chat-box-messages .mi-chat-box-message .mi-chat-box-avatar {
    position: absolute;
    z-index: 1;
    bottom: -15px;
    left: -40px;
    width: 35px;
    height: 35px;
}

.mi-chat-box-messages .mi-chat-box-message .mi-chat-box-avatar img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.mi-chat-box-messages .mi-chat-box-message.mi-chat-box-message-personal {
    float: right;
    color: #fff;
    text-align: right;
    background: #0094ff;
    border-radius: 10px 10px 0 10px;
}

.mi-chat-box-messages .mi-chat-box-message.mi-chat-box-message-personal::before {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 5px solid transparent;
    border-top: 4px solid #0094ff;
    bottom: -4px;
}

.mi-chat-box-messages .mi-chat-box-message:last-child {
    margin-bottom: 25px;
}

.mi-chat-box-messages .mi-chat-box-message.new {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: mi-chat-message-bounce 500ms linear both;
    animation: mi-chat-message-bounce 500ms linear both;
}

.mi-chat-box-message-box {
    width: 100%;
    background: #fff;
    padding: 10px 10px 0 10px;
    border-top: 1px solid #e9ecf0;
    position: absolute;
    bottom: 0;
    border-left: 1px solid #e9ecf0;
}

.mi-chat-box-message-box a {
    float: left;
}

.mi-chat-box-message-box .mi-chat-box-message-input {
    background: none;
    border: none;
    outline: none !important;
    color: #555;
    height: 22px;
    font-size: 12px;
    margin: 0;
    padding-right: 20px;
    width: 100%;
    max-height: 90px;
    width: 254px !important;
}

.mi-chat-box-message-box textarea:focus:-webkit-placeholder {
    color: transparent;
}

.mi-chat-item:first-child {
    margin-top: 10px;
}

.mi-chat-item {
    padding: 10px;
}

a.mi-chat-item {
    text-decoration: none;
}

a.mi-chat-item:hover {
    background-color: #e9ecf0
}

.mi-chat-item .img-circle {
    width: 40px;
    height: 40px;
}

.mi-quick-sidebar .mi-chat-item-title {
    font-size: 18px;
}

.mi-quick-sidebar .mi-chat-item .media-right,
.mi-quick-sidebar .mi-chat-item .media-left {
    padding-top: 1px !important;
}

.mi-quick-sidebar .mi-chat-item .media-right a {
    vertical-align: middle !important;
}

.mi-card-chat .mi-chat-body .mi-chat-box-message-box a:not(.pull-right) i {
    color: #607D8B !important;
}

.mi-card-chat .mi-chat-body .mi-chat-box-message-box a.pull-right i {
    color: #0094ff !important;
}

.mi-card-chat .mi-chat-body .mi-chat-box-message-box {
    color: #01579b !important;
    font-size: 25px;
}

.mi-card-chat .mi-chat-body .mi-chat-box-message-box .mi-chat-box-message-input {
    width: 100% !important;
}

.mi-card-chat .mi-chat-body .mi-chat-box-messages {
    background-color: #d5e1e5;
}

.mi-card-chat .mi-chat-body .mi-chat-box-title .mi-chat-box-avatar {
    top: 15px;
}

.mi-card-chat .mi-chat-body .mi-chat-box-title {
    height: 60px;
    padding: 17px 10px 0 50px;
    border-radius: 0;
}

.mi-card-chat .mi-chat-body .mi-chat-box {
    position: absolute !important;
    width: calc(100% - 300px);
    right: 0;
    top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    max-height: 100%;
    border-radius: 0;
    z-index: 2;
}

.mi-card-chat .mi-chat-body {
    width: 100%;
}

.mi-card-chat .mi-chat-friend-list {
    width: 300px;
}

.mi-card-chat .mi-chat-search-item {
    border-bottom: 1px solid #e9ecf0;
    padding: 5px 10px;
    background-color: #fafafa;
    width: 300px;
    border-right: 1px solid #e9ecf0;
}

.mi-card-chat .mi-chat-search-item input {
    border-radius: 34px;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    padding-left: 15px;
}

.mi-card-chat .mi-chat-search-item.mi-focused input {
    border: 2px solid #cadae1;
}

.mi-card-chat .mi-chat-item .media .media-right a {
    width: 24px;
    height: 24px;
    text-align: center;
}

.mi-card-chat .mi-card-content>.mi-chat-item>.media .media-right {
    float: right;
    padding-top: 10px;
}

.mi-card-chat .mi-chat-item .media .media-left {
    float: left
}

.mi-card-chat .mi-chat-item .media {
    width: 100%;
    height: auto;
}

.mi-card-chat .mi-chat-item .media .media-body {
    border-bottom: 1px solid #e9ecf0;
    padding-bottom: 10px;
}

.mi-chat-item .media .media-body .mi-chat-item-contet {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 155px;
    font-size: 12px;
}

.mi-quick-sidebar .media .media-body .mi-chat-item-contet {
    max-width: 135px;
}

.mi-card-chat .mi-chat-item .media .media-right span {
    float: right;
    font-size: 12px !important;
    color: rgba(96, 125, 139, 0.5);
}

.mi-card-chat .mi-chat-item .media .media-body .mi-chat-item-contet i {
    font-size: 17px;
}

.mi-card-chat .mi-chat-friend-list .mi-chat-item .media .media-right {
    border-bottom: 1px solid #e9ecf0;
    padding-bottom: 10px;
}

.mi-card-chat .mi-chat-item .media .media-right .badge {
    font-weight: normal !important;
}

.mi-card-chat .mi-chat-friend-list .mi-chat-item {
    padding-bottom: 0;
}

.mi-card-chat .mi-chat-item {
    width: 100%;
    margin-bottom: -6px;
    margin-top: 0;
    width: 300px;
    border-radius: 0;
    display: inline-block;
}

.mi-card-chat .mi-chat-box-messages .mi-chat-box-messages-content {
    padding-bottom: 140px;
}

.mi-menu-chat .mi-chat-box {
    right: 0;
    position: inherit;
    width: 280px;
    height: calc(100% - 64px);
    max-height: calc(100% - 64px);
    top: 64px;
}

.mi-menu-chat .mi-card-chat .media-right {
    margin-right: -7px !important;
}

@-webkit-keyframes mi-chat-message-bounce {
    0% {
        -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    4.7% {
        -webkit-transform: matrix3d(0.44, 0, 0, 0, 0, 0.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.44, 0, 0, 0, 0, 0.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    9.42% {
        -webkit-transform: matrix3d(0.884, 0, 0, 0, 0, 0.884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.884, 0, 0, 0, 0, 0.884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    13.15% {
        -webkit-transform: matrix3d(1.143, 0, 0, 0, 0, 1.143, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.143, 0, 0, 0, 0, 1.143, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    17.85% {
        -webkit-transform: matrix3d(1.230, 0, 0, 0, 0, 1.230, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.230, 0, 0, 0, 0, 1.230, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    32.32% {
        -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    30.99% {
        -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    36.68% {
        -webkit-transform: matrix3d(0.980, 0, 0, 0, 0, 0.980, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.980, 0, 0, 0, 0, 0.980, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    52.14% {
        -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.962, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    53.35% {
        -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    63.26% {
        -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    85.50% {
        -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes mi-chat-message-bounce {
    0% {
        -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    4.7% {
        -webkit-transform: matrix3d(0.44, 0, 0, 0, 0, 0.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.44, 0, 0, 0, 0, 0.44, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    9.42% {
        -webkit-transform: matrix3d(0.884, 0, 0, 0, 0, 0.884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.884, 0, 0, 0, 0, 0.884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    13.15% {
        -webkit-transform: matrix3d(1.143, 0, 0, 0, 0, 1.143, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.143, 0, 0, 0, 0, 1.143, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    17.85% {
        -webkit-transform: matrix3d(1.230, 0, 0, 0, 0, 1.230, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.230, 0, 0, 0, 0, 1.230, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    32.32% {
        -webkit-transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    30.99% {
        -webkit-transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    36.68% {
        -webkit-transform: matrix3d(0.980, 0, 0, 0, 0, 0.980, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.980, 0, 0, 0, 0, 0.980, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    52.14% {
        -webkit-transform: matrix3d(0.962, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.962, 0, 0, 0, 0, 0.962, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    53.35% {
        -webkit-transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    63.26% {
        -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.008, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    85.50% {
        -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }

    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

.mi-dots {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mi-dots .mi-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin-right: 3px;
    background: #4CAF50;
    animation: wave 1.3s linear infinite;
}

.mi-dots .mi-dot:nth-child(2) {
    animation-delay: -1.1s;
}

.mi-dots .mi-dot:nth-child(3) {
    animation-delay: -0.9s;
}

@keyframes wave {

    0%,
    60%,
    100% {
        transform: initial;
    }

    30% {
        transform: translateY(-15px);
    }
}

@media (max-width: 620px) {
    .mi-card-chat .mi-chat-friend-list .media-right {
        display: none;
    }

    .mi-card-chat .mi-chat-body .mi-chat-box {
        width: calc(100% - 200px);
    }

    .mi-card-chat .mi-chat-friend-list,
    .mi-card-chat .mi-chat-search-item,
    .mi-card-chat .mi-chat-item {
        width: 200px;
    }
}

@media (max-width: 480px) {

    .mi-card-chat .media-body,
    .mi-card-chat .media-right,
    .mi-card-chat .mi-chat-search-item {
        display: none;
    }

    .mi-card-chat .mi-chat-body .mi-chat-box {
        width: calc(100% - 60px);
    }

    .mi-card-chat .mi-chat-friend-list,
    .mi-card-chat .mi-chat-search-item,
    .mi-card-chat .mi-chat-item {
        width: 60px;
    }
}

.mi-menu-chat .mi-card-chat .media-right,
.mi-menu-chat .mi-card-chat .media-left,
.mi-menu-chat .mi-card-chat .media-body,
.mi-menu-chat .mi-card-chat .mi-chat-search-item {
    display: table-cell;
}

.mi-menu-chat .mi-card-chat .mi-chat-body .mi-chat-box {
    width: calc(100% - 300px);
}

.mi-menu-chat .mi-card-chat .mi-chat-friend-list,
.mi-menu-chat .mi-card-chat .mi-chat-search-item,
.mi-menu-chat .mi-card-chat .mi-chat-item {
    width: 300px;
}

.mi-bg-gradient-red {
    background-image: -moz-linear-gradient(135deg, #F44336 0%, #E91E63 100%);
    background-image: -webkit-linear-gradient(135deg, #F44336 0%, #E91E63 100%);
    background-image: -ms-linear-gradient(135deg, #F44336 0%, #E91E63 100%);
    background-image: linear-gradient(135deg, #F44336 0%, #E91E63 100%);
    background-attachment: fixed;
}

.mi-bg-gradient-purple {
    background-image: -moz-linear-gradient(135deg, #9C27B0 0%, #673AB7 100%);
    background-image: -webkit-linear-gradient(135deg, #9C27B0 0%, #673AB7 100%);
    background-image: -ms-linear-gradient(135deg, #9C27B0 0%, #673AB7 100%);
    background-image: linear-gradient(135deg, #9C27B0 0%, #673AB7 100%);
    background-attachment: fixed;
}

.mi-bg-gradient-blue {
    background-image: -moz-linear-gradient(135deg, rgba(0, 160, 228, 1) 0%, rgba(0, 89, 171, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(0, 160, 228, 1) 0%, rgba(0, 89, 171, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(0, 160, 228, 1) 0%, rgba(0, 89, 171, 1) 100%);
    background-image: linear-gradient(135deg, rgba(0, 160, 228, 1) 0%, rgba(0, 89, 171, 1) 100%);
    background-attachment: fixed;
}

.mi-bg-gradient-green {
    background-image: -moz-linear-gradient(135deg, rgba(76, 175, 80, 1) 0%, rgba(0, 150, 136, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(76, 175, 80, 1) 0%, rgba(0, 150, 136, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(76, 175, 80, 1) 0%, rgba(0, 150, 136, 1) 100%);
    background-image: linear-gradient(135deg, rgba(76, 175, 80, 1) 0%, rgba(0, 150, 136, 1) 100%);
    background-attachment: fixed;
}

.mi-bg-gradient-orange {
    background-image: -moz-linear-gradient(135deg, #FF9800 0%, #FFC107 100%);
    background-image: -webkit-linear-gradient(135deg, #FF9800 0%, #FFC107 100%);
    background-image: -ms-linear-gradient(135deg, #FF9800 0%, #FFC107 100%);
    background-image: linear-gradient(135deg, #FF9800 0%, #FFC107 100%);
    background-attachment: fixed;
}

.mi-bg-gradient-default {
    background-image: -moz-linear-gradient(135deg, rgba(33, 150, 243, 1) 0%, rgba(1, 87, 155, 1) 100%);
    background-image: -webkit-linear-gradient(135deg, rgba(33, 150, 243, 1) 0%, rgba(1, 87, 155, 1) 100%);
    background-image: -ms-linear-gradient(135deg, rgba(33, 150, 243, 1) 0%, rgba(1, 87, 155, 1) 100%);
    background-image: linear-gradient(135deg, rgba(33, 150, 243, 1) 0%, rgba(1, 87, 155, 1) 100%);
    background-attachment: fixed;
}

.col-red-50 {
    color: #ffebee !important;
}

.bg-red-50 {
    background-color: #ffebee !important;
    color: #fff !important;
}

.brd-col-red-50 {
    border-color: #ffebee !important;
}

.col-red-100 {
    color: #ffcdd2 !important;
}

.bg-red-100 {
    background-color: #ffcdd2 !important;
    color: #fff !important;
}

.brd-col-red-100 {
    border-color: #ffcdd2 !important;
}

.col-red-200 {
    color: #ef9a9a !important;
}

.bg-red-200 {
    background-color: #ef9a9a !important;
    color: #fff !important;
}

.brd-col-red-200 {
    border-color: #ef9a9a !important;
}

.col-red-300 {
    color: #e57373 !important;
}

.bg-red-300 {
    background-color: #e57373 !important;
    color: #fff !important;
}

.brd-col-red-300 {
    border-color: #e57373 !important;
}

.col-red-400 {
    color: #ef5350 !important;
}

.bg-red-400 {
    background-color: #ef5350 !important;
    color: #fff !important;
}

.brd-col-red-400 {
    border-color: #ef5350 !important;
}

.col-red {
    color: #f44336 !important;
}

.bg-red {
    background-color: #f3877f !important;
    color: #fff !important;
}

.brd-col-red {
    border-color: #f44336 !important;
}

.col-red-600 {
    color: #e53935 !important;
}

.bg-red-600 {
    background-color: #e53935 !important;
    color: #fff !important;
}

.brd-col-red-600 {
    border-color: #e53935 !important;
}

.col-red-700 {
    color: #d32f2f !important;
}

.bg-red-700 {
    background-color: #d32f2f !important;
    color: #fff !important;
}

.brd-col-red-700 {
    border-color: #d32f2f !important;
}

.col-red-800 {
    color: #c62828 !important;
}

.bg-red-800 {
    background-color: #c62828 !important;
    color: #fff !important;
}

.brd-col-red-800 {
    border-color: #c62828 !important;
}

.col-red-900 {
    color: #b71c1c !important;
}

.bg-red-900 {
    background-color: #b71c1c !important;
    color: #fff !important;
}

.brd-col-red-900 {
    border-color: #b71c1c !important;
}

.col-red-a100 {
    color: #ff8a80 !important;
}

.bg-red-a100 {
    background-color: #ff8a80 !important;
    color: #fff !important;
}

.brd-col-red-a100 {
    border-color: #ff8a80 !important;
}

.col-red-a200 {
    color: #ff5252 !important;
}

.bg-red-a200 {
    background-color: #ff5252 !important;
    color: #fff !important;
}

.brd-col-red-a200 {
    border-color: #ff5252 !important;
}

.col-red-a400 {
    color: #ff1744 !important;
}

.bg-red-a400 {
    background-color: #ff1744 !important;
    color: #fff !important;
}

.brd-col-red-a400 {
    border-color: #ff1744 !important;
}

.col-red-a700 {
    color: #d50000 !important;
}

.bg-red-a700 {
    background-color: #d50000 !important;
    color: #fff !important;
}

.brd-col-red-a700 {
    border-color: #d50000 !important;
}

.col-pink-50 {
    color: #fce4ec !important;
}

.bg-pink-50 {
    background-color: #fce4ec !important;
    color: #fff !important;
}

.brd-col-pink-50 {
    border-color: #fce4ec !important;
}

.col-pink-100 {
    color: #f8bbd0 !important;
}

.bg-pink-100 {
    background-color: #f8bbd0 !important;
    color: #fff !important;
}

.brd-col-pink-100 {
    border-color: #f8bbd0 !important;
}

.col-pink-200 {
    color: #f48fb1 !important;
}

.bg-pink-200 {
    background-color: #f48fb1 !important;
    color: #fff !important;
}

.brd-col-pink-200 {
    border-color: #f48fb1 !important;
}

.col-pink-300 {
    color: #f06292 !important;
}

.bg-pink-300 {
    background-color: #f06292 !important;
    color: #fff !important;
}

.brd-col-pink-300 {
    border-color: #f06292 !important;
}

.col-pink-400 {
    color: #ec407a !important;
}

.bg-pink-400 {
    background-color: #ec407a !important;
    color: #fff !important;
}

.brd-col-pink-400 {
    border-color: #ec407a !important;
}

.col-pink {
    color: #e91e63 !important;
}

.bg-pink {
    background-color: #e91e63 !important;
    color: #fff !important;
}

.brd-col-pink {
    border-color: #e91e63 !important;
}

.col-pink-600 {
    color: #d81b60 !important;
}

.bg-pink-600 {
    background-color: #d81b60 !important;
    color: #fff !important;
}

.brd-col-pink-600 {
    border-color: #d81b60 !important;
}

.col-pink-700 {
    color: #c2185b !important;
}

.bg-pink-700 {
    background-color: #c2185b !important;
    color: #fff !important;
}

.brd-col-pink-700 {
    border-color: #c2185b !important;
}

.col-pink-800 {
    color: #ad1457 !important;
}

.bg-pink-800 {
    background-color: #ad1457 !important;
    color: #fff !important;
}

.brd-col-pink-800 {
    border-color: #ad1457 !important;
}

.col-pink-900 {
    color: #880e4f !important;
}

.bg-pink-900 {
    background-color: #880e4f !important;
    color: #fff !important;
}

.brd-col-pink-900 {
    border-color: #880e4f !important;
}

.col-pink-a100 {
    color: #ff80ab !important;
}

.bg-pink-a100 {
    background-color: #ff80ab !important;
    color: #fff !important;
}

.brd-col-pink-a100 {
    border-color: #ff80ab !important;
}

.col-pink-a200 {
    color: #ff4081 !important;
}

.bg-pink-a200 {
    background-color: #ff4081 !important;
    color: #fff !important;
}

.brd-col-pink-a200 {
    border-color: #ff4081 !important;
}

.col-pink-a400 {
    color: #f50057 !important;
}

.bg-pink-a400 {
    background-color: #f50057 !important;
    color: #fff !important;
}

.brd-col-pink-a400 {
    border-color: #f50057 !important;
}

.col-pink-a700 {
    color: #c51162 !important;
}

.bg-pink-a700 {
    background-color: #c51162 !important;
    color: #fff !important;
}

.brd-col-pink-a700 {
    border-color: #c51162 !important;
}

.col-purple-50 {
    color: #f3e5f5 !important;
}

.bg-purple-50 {
    background-color: #f3e5f5 !important;
    color: #fff !important;
}

.brd-col-purple-50 {
    border-color: #f3e5f5 !important;
}

.col-purple-100 {
    color: #e1bee7 !important;
}

.bg-purple-100 {
    background-color: #e1bee7 !important;
    color: #fff !important;
}

.brd-col-purple-100 {
    border-color: #e1bee7 !important;
}

.col-purple-200 {
    color: #ce93d8 !important;
}

.bg-purple-200 {
    background-color: #ce93d8 !important;
    color: #fff !important;
}

.brd-col-purple-200 {
    border-color: #ce93d8 !important;
}

.col-purple-300 {
    color: #ba68c8 !important;
}

.bg-purple-300 {
    background-color: #ba68c8 !important;
    color: #fff !important;
}

.brd-col-purple-300 {
    border-color: #ba68c8 !important;
}

.col-purple-400 {
    color: #ab47bc !important;
}

.bg-purple-400 {
    background-color: #ab47bc !important;
    color: #fff !important;
}

.brd-col-purple-400 {
    border-color: #ab47bc !important;
}

.col-purple {
    color: #9c27b0 !important;
}

.bg-purple {
    background-color: #9c27b0 !important;
    color: #fff !important;
}

.brd-col-purple {
    border-color: #9c27b0 !important;
}

.col-purple-600 {
    color: #8e24aa !important;
}

.bg-purple-600 {
    background-color: #8e24aa !important;
    color: #fff !important;
}

.brd-col-purple-600 {
    border-color: #8e24aa !important;
}

.col-purple-700 {
    color: #7b1fa2 !important;
}

.bg-purple-700 {
    background-color: #7b1fa2 !important;
    color: #fff !important;
}

.brd-col-purple-700 {
    border-color: #7b1fa2 !important;
}

.col-purple-800 {
    color: #6a1b9a !important;
}

.bg-purple-800 {
    background-color: #6a1b9a !important;
    color: #fff !important;
}

.brd-col-purple-800 {
    border-color: #6a1b9a !important;
}

.col-purple-900 {
    color: #4a148c !important;
}

.bg-purple-900 {
    background-color: #4a148c !important;
    color: #fff !important;
}

.brd-col-purple-900 {
    border-color: #4a148c !important;
}

.col-purple-a100 {
    color: #ea80fc !important;
}

.bg-purple-a100 {
    background-color: #ea80fc !important;
    color: #fff !important;
}

.brd-col-purple-a100 {
    border-color: #ea80fc !important;
}

.col-purple-a200 {
    color: #e040fb !important;
}

.bg-purple-a200 {
    background-color: #e040fb !important;
    color: #fff !important;
}

.brd-col-purple-a200 {
    border-color: #e040fb !important;
}

.col-purple-a400 {
    color: #d500f9 !important;
}

.bg-purple-a400 {
    background-color: #d500f9 !important;
    color: #fff !important;
}

.brd-col-purple-a400 {
    border-color: #d500f9 !important;
}

.col-purple-a700 {
    color: #aa00ff !important;
}

.bg-purple-a700 {
    background-color: #aa00ff !important;
    color: #fff !important;
}

.brd-col-purple-a700 {
    border-color: #aa00ff !important;
}

.col-deep-purple-50 {
    color: #ede7f6 !important;
}

.bg-deep-purple-50 {
    background-color: #ede7f6 !important;
    color: #fff !important;
}

.brd-col-deep-purple-50 {
    border-color: #ede7f6 !important;
}

.col-deep-purple-100 {
    color: #d1c4e9 !important;
}

.bg-deep-purple-100 {
    background-color: #d1c4e9 !important;
    color: #fff !important;
}

.brd-col-deep-purple-100 {
    border-color: #d1c4e9 !important;
}

.col-deep-purple-200 {
    color: #b39ddb !important;
}

.bg-deep-purple-200 {
    background-color: #b39ddb !important;
    color: #fff !important;
}

.brd-col-deep-purple-200 {
    border-color: #b39ddb !important;
}

.col-deep-purple-300 {
    color: #9575cd !important;
}

.bg-deep-purple-300 {
    background-color: #9575cd !important;
    color: #fff !important;
}

.brd-col-deep-purple-300 {
    border-color: #9575cd !important;
}

.col-deep-purple-400 {
    color: #7e57c2 !important;
}

.bg-deep-purple-400 {
    background-color: #7e57c2 !important;
    color: #fff !important;
}

.brd-col-deep-purple-400 {
    border-color: #7e57c2 !important;
}

.col-deep-purple {
    color: #673ab7 !important;
}

.bg-deep-purple {
    background-color: #673ab7 !important;
    color: #fff !important;
}

.brd-col-deep-purple {
    border-color: #673ab7 !important;
}

.col-deep-purple-600 {
    color: #5e35b1 !important;
}

.bg-deep-purple-600 {
    background-color: #5e35b1 !important;
    color: #fff !important;
}

.brd-col-deep-purple-600 {
    border-color: #5e35b1 !important;
}

.col-deep-purple-700 {
    color: #512da8 !important;
}

.bg-deep-purple-700 {
    background-color: #512da8 !important;
    color: #fff !important;
}

.brd-col-deep-purple-700 {
    border-color: #512da8 !important;
}

.col-deep-purple-800 {
    color: #4527a0 !important;
}

.bg-deep-purple-800 {
    background-color: #4527a0 !important;
    color: #fff !important;
}

.brd-col-deep-purple-800 {
    border-color: #4527a0 !important;
}

.col-deep-purple-900 {
    color: #311b92 !important;
}

.bg-deep-purple-900 {
    background-color: #311b92 !important;
    color: #fff !important;
}

.brd-col-deep-purple-900 {
    border-color: #311b92 !important;
}

.col-deep-purple-a100 {
    color: #b388ff !important;
}

.bg-deep-purple-a100 {
    background-color: #b388ff !important;
    color: #fff !important;
}

.brd-col-deep-purple-a100 {
    border-color: #b388ff !important;
}

.col-deep-purple-a200 {
    color: #7c4dff !important;
}

.bg-deep-purple-a200 {
    background-color: #7c4dff !important;
    color: #fff !important;
}

.brd-col-deep-purple-a200 {
    border-color: #7c4dff !important;
}

.col-deep-purple-a400 {
    color: #651fff !important;
}

.bg-deep-purple-a400 {
    background-color: #651fff !important;
    color: #fff !important;
}

.brd-col-deep-purple-a400 {
    border-color: #651fff !important;
}

.col-deep-purple-a700 {
    color: #6200ea !important;
}

.bg-deep-purple-a700 {
    background-color: #6200ea !important;
    color: #fff !important;
}

.brd-col-deep-purple-a700 {
    border-color: #6200ea !important;
}

.col-indigo-50 {
    color: #e8eaf6 !important;
}

.bg-indigo-50 {
    background-color: #e8eaf6 !important;
    color: #fff !important;
}

.brd-col-indigo-50 {
    border-color: #e8eaf6 !important;
}

.col-indigo-100 {
    color: #c5cae9 !important;
}

.bg-indigo-100 {
    background-color: #c5cae9 !important;
    color: #fff !important;
}

.brd-col-indigo-100 {
    border-color: #c5cae9 !important;
}

.col-indigo-200 {
    color: #9fa8da !important;
}

.bg-indigo-200 {
    background-color: #9fa8da !important;
    color: #fff !important;
}

.brd-col-indigo-200 {
    border-color: #9fa8da !important;
}

.col-indigo-300 {
    color: #7986cb !important;
}

.bg-indigo-300 {
    background-color: #7986cb !important;
    color: #fff !important;
}

.brd-col-indigo-300 {
    border-color: #7986cb !important;
}

.col-indigo-400 {
    color: #5c6bc0 !important;
}

.bg-indigo-400 {
    background-color: #5c6bc0 !important;
    color: #fff !important;
}

.brd-col-indigo-400 {
    border-color: #5c6bc0 !important;
}

.col-indigo {
    color: #3f51b5 !important;
}

.bg-indigo {
    background-color: #3f51b5 !important;
    color: #fff !important;
}

.brd-col-indigo {
    border-color: #3f51b5 !important;
}

.col-indigo-600 {
    color: #3949ab !important;
}

.bg-indigo-600 {
    background-color: #3949ab !important;
    color: #fff !important;
}

.brd-col-indigo-600 {
    border-color: #3949ab !important;
}

.col-indigo-700 {
    color: #303f9f !important;
}

.bg-indigo-700 {
    background-color: #303f9f !important;
    color: #fff !important;
}

.brd-col-indigo-700 {
    border-color: #303f9f !important;
}

.col-indigo-800 {
    color: #283593 !important;
}

.bg-indigo-800 {
    background-color: #283593 !important;
    color: #fff !important;
}

.brd-col-indigo-800 {
    border-color: #283593 !important;
}

.col-indigo-900 {
    color: #1a237e !important;
}

.bg-indigo-900 {
    background-color: #1a237e !important;
    color: #fff !important;
}

.brd-col-indigo-900 {
    border-color: #1a237e !important;
}

.col-indigo-a100 {
    color: #8c9eff !important;
}

.bg-indigo-a100 {
    background-color: #8c9eff !important;
    color: #fff !important;
}

.brd-col-indigo-a100 {
    border-color: #8c9eff !important;
}

.col-indigo-a200 {
    color: #536dfe !important;
}

.bg-indigo-a200 {
    background-color: #536dfe !important;
    color: #fff !important;
}

.brd-col-indigo-a200 {
    border-color: #536dfe !important;
}

.col-indigo-a400 {
    color: #3d5afe !important;
}

.bg-indigo-a400 {
    background-color: #3d5afe !important;
    color: #fff !important;
}

.brd-col-indigo-a400 {
    border-color: #3d5afe !important;
}

.col-indigo-a700 {
    color: #304ffe !important;
}

.bg-indigo-a700 {
    background-color: #304ffe !important;
    color: #fff !important;
}

.brd-col-indigo-a700 {
    border-color: #304ffe !important;
}

.col-blue-50 {
    color: #e3f2fd !important;
}

.bg-blue-50 {
    background-color: #e3f2fd !important;
    color: #fff !important;
}

.brd-col-blue-50 {
    border-color: #e3f2fd !important;
}

.col-blue-100 {
    color: #bbdefb !important;
}

.bg-blue-100 {
    background-color: #bbdefb !important;
    color: #fff !important;
}

.brd-col-blue-100 {
    border-color: #bbdefb !important;
}

.col-blue-200 {
    color: #90caf9 !important;
}

.bg-blue-200 {
    background-color: #90caf9 !important;
    color: #fff !important;
}

.brd-col-blue-200 {
    border-color: #90caf9 !important;
}

.col-blue-300 {
    color: #64b5f6 !important;
}

.bg-blue-300 {
    background-color: #64b5f6 !important;
    color: #fff !important;
}

.brd-col-blue-300 {
    border-color: #64b5f6 !important;
}

.col-blue-400 {
    color: #42a5f5 !important;
}

.bg-blue-400 {
    background-color: #42a5f5 !important;
    color: #fff !important;
}

.brd-col-blue-400 {
    border-color: #42a5f5 !important;
}

.col-blue {
    color: #2196f3 !important;
}

.bg-blue {
    background-color: #2196f3 !important;
    color: #fff !important;
}

.brd-col-blue {
    border-color: #2196f3 !important;
}

.col-blue-600 {
    color: #1e88e5 !important;
}

.bg-blue-600 {
    background-color: #1e88e5 !important;
    color: #fff !important;
}

.brd-col-blue-600 {
    border-color: #1e88e5 !important;
}

.col-blue-700 {
    color: #1976d2 !important;
}

.bg-blue-700 {
    background-color: #1976d2 !important;
    color: #fff !important;
}

.brd-col-blue-700 {
    border-color: #1976d2 !important;
}

.col-blue-800 {
    color: #1565c0 !important;
}

.bg-blue-800 {
    background-color: #1565c0 !important;
    color: #fff !important;
}

.brd-col-blue-800 {
    border-color: #1565c0 !important;
}

.col-blue-900 {
    color: #0d47a1 !important;
}

.bg-blue-900 {
    background-color: #0d47a1 !important;
    color: #fff !important;
}

.brd-col-blue-900 {
    border-color: #0d47a1 !important;
}

.col-blue-a100 {
    color: #82b1ff !important;
}

.bg-blue-a100 {
    background-color: #82b1ff !important;
    color: #fff !important;
}

.brd-col-blue-a100 {
    border-color: #82b1ff !important;
}

.col-blue-a200 {
    color: #448aff !important;
}

.bg-blue-a200 {
    background-color: #448aff !important;
    color: #fff !important;
}

.brd-col-blue-a200 {
    border-color: #448aff !important;
}

.col-blue-a400 {
    color: #2979ff !important;
}

.bg-blue-a400 {
    background-color: #2979ff !important;
    color: #fff !important;
}

.brd-col-blue-a400 {
    border-color: #2979ff !important;
}

.col-blue-a700 {
    color: #2962ff !important;
}

.bg-blue-a700 {
    background-color: #2962ff !important;
    color: #fff !important;
}

.brd-col-blue-a700 {
    border-color: #2962ff !important;
}

.col-light-blue-50 {
    color: #e1f5fe !important;
}

.bg-light-blue-50 {
    background-color: #e1f5fe !important;
    color: #fff !important;
}

.brd-col-light-blue-50 {
    border-color: #e1f5fe !important;
}

.col-light-blue-100 {
    color: #b3e5fc !important;
}

.bg-light-blue-100 {
    background-color: #b3e5fc !important;
    color: #fff !important;
}

.brd-col-light-blue-100 {
    border-color: #b3e5fc !important;
}

.col-light-blue-200 {
    color: #81d4fa !important;
}

.bg-light-blue-200 {
    background-color: #81d4fa !important;
    color: #fff !important;
}

.brd-col-light-blue-200 {
    border-color: #81d4fa !important;
}

.col-light-blue-300 {
    color: #4fc3f7 !important;
}

.bg-light-blue-300 {
    background-color: #4fc3f7 !important;
    color: #fff !important;
}

.brd-col-light-blue-300 {
    border-color: #4fc3f7 !important;
}

.col-light-blue-400 {
    color: #29b6f6 !important;
}

.bg-light-blue-400 {
    background-color: #29b6f6 !important;
    color: #fff !important;
}

.brd-col-light-blue-400 {
    border-color: #29b6f6 !important;
}

.col-light-blue {
    color: #03a9f4 !important;
}

.bg-light-blue {
    background-color: #03a9f4 !important;
    color: #fff !important;
}

.brd-col-light-blue {
    border-color: #03a9f4 !important;
}

.col-light-blue-600 {
    color: #039be5 !important;
}

.bg-light-blue-600 {
    background-color: #039be5 !important;
    color: #fff !important;
}

.brd-col-light-blue-600 {
    border-color: #039be5 !important;
}

.col-light-blue-700 {
    color: #0288d1 !important;
}

.bg-light-blue-700 {
    background-color: #0288d1 !important;
    color: #fff !important;
}

.brd-col-light-blue-700 {
    border-color: #0288d1 !important;
}

.col-light-blue-800 {
    color: #0277bd !important;
}

.bg-light-blue-800 {
    background-color: #0277bd !important;
    color: #fff !important;
}

.brd-col-light-blue-800 {
    border-color: #0277bd !important;
}

.col-light-blue-900 {
    color: #01579b !important;
}

.bg-light-blue-900 {
    background-color: #01579b !important;
    color: #fff !important;
}

.brd-col-light-blue-900 {
    border-color: #01579b !important;
}

.col-light-blue-a100 {
    color: #80d8ff !important;
}

.bg-light-blue-a100 {
    background-color: #80d8ff !important;
    color: #fff !important;
}

.brd-col-light-blue-a100 {
    border-color: #80d8ff !important;
}

.col-light-blue-a200 {
    color: #40c4ff !important;
}

.bg-light-blue-a200 {
    background-color: #40c4ff !important;
    color: #fff !important;
}

.brd-col-light-blue-a200 {
    border-color: #40c4ff !important;
}

.col-light-blue-a400 {
    color: #00b0ff !important;
}

.bg-light-blue-a400 {
    background-color: #00b0ff !important;
    color: #fff !important;
}

.brd-col-light-blue-a400 {
    border-color: #00b0ff !important;
}

.col-light-blue-a700 {
    color: #0091ea !important;
}

.bg-light-blue-a700 {
    background-color: #0091ea !important;
    color: #fff !important;
}

.brd-col-light-blue-a700 {
    border-color: #0091ea !important;
}

.col-cyan-50 {
    color: #e0f7fa !important;
}

.bg-cyan-50 {
    background-color: #e0f7fa !important;
    color: #fff !important;
}

.brd-col-cyan-50 {
    border-color: #e0f7fa !important;
}

.col-cyan-100 {
    color: #b2ebf2 !important;
}

.bg-cyan-100 {
    background-color: #b2ebf2 !important;
    color: #fff !important;
}

.brd-col-cyan-100 {
    border-color: #b2ebf2 !important;
}

.col-cyan-200 {
    color: #80deea !important;
}

.bg-cyan-200 {
    background-color: #80deea !important;
    color: #fff !important;
}

.brd-col-cyan-200 {
    border-color: #80deea !important;
}

.col-cyan-300 {
    color: #4dd0e1 !important;
}

.bg-cyan-300 {
    background-color: #4dd0e1 !important;
    color: #fff !important;
}

.brd-col-cyan-300 {
    border-color: #4dd0e1 !important;
}

.col-cyan-400 {
    color: #26c6da !important;
}

.bg-cyan-400 {
    background-color: #26c6da !important;
    color: #fff !important;
}

.brd-col-cyan-400 {
    border-color: #26c6da !important;
}

.col-cyan {
    color: #00bcd4 !important;
}

.bg-cyan {
    background-color: #00bcd4 !important;
    color: #fff !important;
}

.brd-col-cyan {
    border-color: #00bcd4 !important;
}

.col-cyan-600 {
    color: #00acc1 !important;
}

.bg-cyan-600 {
    background-color: #00acc1 !important;
    color: #fff !important;
}

.brd-col-cyan-600 {
    border-color: #00acc1 !important;
}

.col-cyan-700 {
    color: #0097a7 !important;
}

.bg-cyan-700 {
    background-color: #0097a7 !important;
    color: #fff !important;
}

.brd-col-cyan-700 {
    border-color: #0097a7 !important;
}

.col-cyan-800 {
    color: #00838f !important;
}

.bg-cyan-800 {
    background-color: #00838f !important;
    color: #fff !important;
}

.brd-col-cyan-800 {
    border-color: #00838f !important;
}

.col-cyan-900 {
    color: #006064 !important;
}

.bg-cyan-900 {
    background-color: #006064 !important;
    color: #fff !important;
}

.brd-col-cyan-900 {
    border-color: #006064 !important;
}

.col-cyan-a100 {
    color: #84ffff !important;
}

.bg-cyan-a100 {
    background-color: #84ffff !important;
    color: #fff !important;
}

.brd-col-cyan-a100 {
    border-color: #84ffff !important;
}

.col-cyan-a200 {
    color: #18ffff !important;
}

.bg-cyan-a200 {
    background-color: #18ffff !important;
    color: #fff !important;
}

.brd-col-cyan-a200 {
    border-color: #18ffff !important;
}

.col-cyan-a400 {
    color: #00e5ff !important;
}

.bg-cyan-a400 {
    background-color: #00e5ff !important;
    color: #fff !important;
}

.brd-col-cyan-a400 {
    border-color: #00e5ff !important;
}

.col-cyan-a700 {
    color: #00b8d4 !important;
}

.bg-cyan-a700 {
    background-color: #00b8d4 !important;
    color: #fff !important;
}

.brd-col-cyan-a700 {
    border-color: #00b8d4 !important;
}

.col-teal-50 {
    color: #e0f2f1 !important;
}

.bg-teal-50 {
    background-color: #e0f2f1 !important;
    color: #fff !important;
}

.brd-col-teal-50 {
    border-color: #e0f2f1 !important;
}

.col-teal-100 {
    color: #b2dfdb !important;
}

.bg-teal-100 {
    background-color: #b2dfdb !important;
    color: #fff !important;
}

.brd-col-teal-100 {
    border-color: #b2dfdb !important;
}

.col-teal-200 {
    color: #80cbc4 !important;
}

.bg-teal-200 {
    background-color: #80cbc4 !important;
    color: #fff !important;
}

.brd-col-teal-200 {
    border-color: #80cbc4 !important;
}

.col-teal-300 {
    color: #4db6ac !important;
}

.bg-teal-300 {
    background-color: #4db6ac !important;
    color: #fff !important;
}

.brd-col-teal-300 {
    border-color: #4db6ac !important;
}

.col-teal-400 {
    color: #26a69a !important;
}

.bg-teal-400 {
    background-color: #26a69a !important;
    color: #fff !important;
}

.brd-col-teal-400 {
    border-color: #26a69a !important;
}

.col-teal {
    color: #009688 !important;
}

.bg-teal {
    background-color: #009688 !important;
    color: #fff !important;
}

.brd-col-teal {
    border-color: #009688 !important;
}

.col-teal-600 {
    color: #00897b !important;
}

.bg-teal-600 {
    background-color: #00897b !important;
    color: #fff !important;
}

.brd-col-teal-600 {
    border-color: #00897b !important;
}

.col-teal-700 {
    color: #00796b !important;
}

.bg-teal-700 {
    background-color: #00796b !important;
    color: #fff !important;
}

.brd-col-teal-700 {
    border-color: #00796b !important;
}

.col-teal-800 {
    color: #00695c !important;
}

.bg-teal-800 {
    background-color: #00695c !important;
    color: #fff !important;
}

.brd-col-teal-800 {
    border-color: #00695c !important;
}

.col-teal-900 {
    color: #004d40 !important;
}

.bg-teal-900 {
    background-color: #004d40 !important;
    color: #fff !important;
}

.brd-col-teal-900 {
    border-color: #004d40 !important;
}

.col-teal-a100 {
    color: #a7ffeb !important;
}

.bg-teal-a100 {
    background-color: #a7ffeb !important;
    color: #fff !important;
}

.brd-col-teal-a100 {
    border-color: #a7ffeb !important;
}

.col-teal-a200 {
    color: #64ffda !important;
}

.bg-teal-a200 {
    background-color: #64ffda !important;
    color: #fff !important;
}

.brd-col-teal-a200 {
    border-color: #64ffda !important;
}

.col-teal-a400 {
    color: #1de9b6 !important;
}

.bg-teal-a400 {
    background-color: #1de9b6 !important;
    color: #fff !important;
}

.brd-col-teal-a400 {
    border-color: #1de9b6 !important;
}

.col-teal-a700 {
    color: #00bfa5 !important;
}

.bg-teal-a700 {
    background-color: #00bfa5 !important;
    color: #fff !important;
}

.brd-col-teal-a700 {
    border-color: #00bfa5 !important;
}

.col-green-50 {
    color: #e8f5e9 !important;
}

.bg-green-50 {
    background-color: #e8f5e9 !important;
    color: #fff !important;
}

.brd-col-green-50 {
    border-color: #e8f5e9 !important;
}

.col-green-100 {
    color: #c8e6c9 !important;
}

.bg-green-100 {
    background-color: #c8e6c9 !important;
    color: #fff !important;
}

.brd-col-green-100 {
    border-color: #c8e6c9 !important;
}

.col-green-200 {
    color: #a5d6a7 !important;
}

.bg-green-200 {
    background-color: #a5d6a7 !important;
    color: #fff !important;
}

.brd-col-green-200 {
    border-color: #a5d6a7 !important;
}

.col-green-300 {
    color: #81c784 !important;
}

.bg-green-300 {
    background-color: #81c784 !important;
    color: #fff !important;
}

.brd-col-green-300 {
    border-color: #81c784 !important;
}

.col-green-400 {
    color: #66bb6a !important;
}

.bg-green-400 {
    background-color: #66bb6a !important;
    color: #fff !important;
}

.brd-col-green-400 {
    border-color: #66bb6a !important;
}

.col-green {
    color: #4caf50 !important;
}

.bg-green {
    background-color: #24c54d !important;
    color: #fff !important;
}

.brd-col-green {
    border-color: #4caf50 !important;
}

.col-green-600 {
    color: #43a047 !important;
}

.bg-green-600 {
    background-color: #43a047 !important;
    color: #fff !important;
}

.brd-col-green-600 {
    border-color: #43a047 !important;
}

.col-green-700 {
    color: #388e3c !important;
}

.bg-green-700 {
    background-color: #388e3c !important;
    color: #fff !important;
}

.brd-col-green-700 {
    border-color: #388e3c !important;
}

.col-green-800 {
    color: #2e7d32 !important;
}

.bg-green-800 {
    background-color: #2e7d32 !important;
    color: #fff !important;
}

.brd-col-green-800 {
    border-color: #2e7d32 !important;
}

.col-green-900 {
    color: #1b5e20 !important;
}

.bg-green-900 {
    background-color: #1b5e20 !important;
    color: #fff !important;
}

.brd-col-green-900 {
    border-color: #1b5e20 !important;
}

.col-green-a100 {
    color: #b9f6ca !important;
}

.bg-green-a100 {
    background-color: #b9f6ca !important;
    color: #fff !important;
}

.brd-col-green-a100 {
    border-color: #b9f6ca !important;
}

.col-green-a200 {
    color: #69f0ae !important;
}

.bg-green-a200 {
    background-color: #69f0ae !important;
    color: #fff !important;
}

.brd-col-green-a200 {
    border-color: #69f0ae !important;
}

.col-green-a400 {
    color: #00e676 !important;
}

.bg-green-a400 {
    background-color: #00e676 !important;
    color: #fff !important;
}

.brd-col-green-a400 {
    border-color: #00e676 !important;
}

.col-green-a700 {
    color: #00c853 !important;
}

.bg-green-a700 {
    background-color: #00c853 !important;
    color: #fff !important;
}

.brd-col-green-a700 {
    border-color: #00c853 !important;
}

.col-light-green-50 {
    color: #f1f8e9 !important;
}

.bg-light-green-50 {
    background-color: #f1f8e9 !important;
    color: #fff !important;
}

.brd-col-light-green-50 {
    border-color: #f1f8e9 !important;
}

.col-light-green-100 {
    color: #dcedc8 !important;
}

.bg-light-green-100 {
    background-color: #dcedc8 !important;
    color: #fff !important;
}

.brd-col-light-green-100 {
    border-color: #dcedc8 !important;
}

.col-light-green-200 {
    color: #c5e1a5 !important;
}

.bg-light-green-200 {
    background-color: #c5e1a5 !important;
    color: #fff !important;
}

.brd-col-light-green-200 {
    border-color: #c5e1a5 !important;
}

.col-light-green-300 {
    color: #aed581 !important;
}

.bg-light-green-300 {
    background-color: #aed581 !important;
    color: #fff !important;
}

.brd-col-light-green-300 {
    border-color: #aed581 !important;
}

.col-light-green-400 {
    color: #9ccc65 !important;
}

.bg-light-green-400 {
    background-color: #9ccc65 !important;
    color: #fff !important;
}

.brd-col-light-green-400 {
    border-color: #9ccc65 !important;
}

.col-light-green {
    color: #8bc34a !important;
}

.bg-light-green {
    background-color: #8bc34a !important;
    color: #fff !important;
}

.brd-col-light-green {
    border-color: #8bc34a !important;
}

.col-light-green-600 {
    color: #7cb342 !important;
}

.bg-light-green-600 {
    background-color: #7cb342 !important;
    color: #fff !important;
}

.brd-col-light-green-600 {
    border-color: #7cb342 !important;
}

.col-light-green-700 {
    color: #689f38 !important;
}

.bg-light-green-700 {
    background-color: #689f38 !important;
    color: #fff !important;
}

.brd-col-light-green-700 {
    border-color: #689f38 !important;
}

.col-light-green-800 {
    color: #558b2f !important;
}

.bg-light-green-800 {
    background-color: #558b2f !important;
    color: #fff !important;
}

.brd-col-light-green-800 {
    border-color: #558b2f !important;
}

.col-light-green-900 {
    color: #33691e !important;
}

.bg-light-green-900 {
    background-color: #33691e !important;
    color: #fff !important;
}

.brd-col-light-green-900 {
    border-color: #33691e !important;
}

.col-light-green-a100 {
    color: #ccff90 !important;
}

.bg-light-green-a100 {
    background-color: #ccff90 !important;
    color: #fff !important;
}

.brd-col-light-green-a100 {
    border-color: #ccff90 !important;
}

.col-light-green-a200 {
    color: #b2ff59 !important;
}

.bg-light-green-a200 {
    background-color: #b2ff59 !important;
    color: #fff !important;
}

.brd-col-light-green-a200 {
    border-color: #b2ff59 !important;
}

.col-light-green-a400 {
    color: #76ff03 !important;
}

.bg-light-green-a400 {
    background-color: #76ff03 !important;
    color: #fff !important;
}

.brd-col-light-green-a400 {
    border-color: #76ff03 !important;
}

.col-light-green-a700 {
    color: #64dd17 !important;
}

.bg-light-green-a700 {
    background-color: #64dd17 !important;
    color: #fff !important;
}

.brd-col-light-green-a700 {
    border-color: #64dd17 !important;
}

.col-lime-50 {
    color: #f9fbe7 !important;
}

.bg-lime-50 {
    background-color: #f9fbe7 !important;
    color: #fff !important;
}

.brd-col-lime-50 {
    border-color: #f9fbe7 !important;
}

.col-lime-100 {
    color: #f0f4c3 !important;
}

.bg-lime-100 {
    background-color: #f0f4c3 !important;
    color: #fff !important;
}

.brd-col-lime-100 {
    border-color: #f0f4c3 !important;
}

.col-lime-200 {
    color: #e6ee9c !important;
}

.bg-lime-200 {
    background-color: #e6ee9c !important;
    color: #fff !important;
}

.brd-col-lime-200 {
    border-color: #e6ee9c !important;
}

.col-lime-300 {
    color: #dce775 !important;
}

.bg-lime-300 {
    background-color: #dce775 !important;
    color: #fff !important;
}

.brd-col-lime-300 {
    border-color: #dce775 !important;
}

.col-lime-400 {
    color: #d4e157 !important;
}

.bg-lime-400 {
    background-color: #d4e157 !important;
    color: #fff !important;
}

.brd-col-lime-400 {
    border-color: #d4e157 !important;
}

.col-lime {
    color: #cddc39 !important;
}

.bg-lime {
    background-color: #cddc39 !important;
    color: #fff !important;
}

.brd-col-lime {
    border-color: #cddc39 !important;
}

.col-lime-600 {
    color: #c0ca33 !important;
}

.bg-lime-600 {
    background-color: #c0ca33 !important;
    color: #fff !important;
}

.brd-col-lime-600 {
    border-color: #c0ca33 !important;
}

.col-lime-700 {
    color: #afb42b !important;
}

.bg-lime-700 {
    background-color: #afb42b !important;
    color: #fff !important;
}

.brd-col-lime-700 {
    border-color: #afb42b !important;
}

.col-lime-800 {
    color: #9e9d24 !important;
}

.bg-lime-800 {
    background-color: #9e9d24 !important;
    color: #fff !important;
}

.brd-col-lime-800 {
    border-color: #9e9d24 !important;
}

.col-lime-900 {
    color: #827717 !important;
}

.bg-lime-900 {
    background-color: #827717 !important;
    color: #fff !important;
}

.brd-col-lime-900 {
    border-color: #827717 !important;
}

.col-lime-a100 {
    color: #f4ff81 !important;
}

.bg-lime-a100 {
    background-color: #f4ff81 !important;
    color: #fff !important;
}

.brd-col-lime-a100 {
    border-color: #f4ff81 !important;
}

.col-lime-a200 {
    color: #eeff41 !important;
}

.bg-lime-a200 {
    background-color: #eeff41 !important;
    color: #fff !important;
}

.brd-col-lime-a200 {
    border-color: #eeff41 !important;
}

.col-lime-a400 {
    color: #c6ff00 !important;
}

.bg-lime-a400 {
    background-color: #c6ff00 !important;
    color: #fff !important;
}

.brd-col-lime-a400 {
    border-color: #c6ff00 !important;
}

.col-lime-a700 {
    color: #aeea00 !important;
}

.bg-lime-a700 {
    background-color: #aeea00 !important;
    color: #fff !important;
}

.brd-col-lime-a700 {
    border-color: #aeea00 !important;
}

.col-yellow-50 {
    color: #fffde7 !important;
}

.bg-yellow-50 {
    background-color: #fffde7 !important;
    color: #fff !important;
}

.brd-col-yellow-50 {
    border-color: #fffde7 !important;
}

.col-yellow-100 {
    color: #fff9c4 !important;
}

.bg-yellow-100 {
    background-color: #fff9c4 !important;
    color: #fff !important;
}

.brd-col-yellow-100 {
    border-color: #fff9c4 !important;
}

.col-yellow-200 {
    color: #fff59d !important;
}

.bg-yellow-200 {
    background-color: #fff59d !important;
    color: #fff !important;
}

.brd-col-yellow-200 {
    border-color: #fff59d !important;
}

.col-yellow-300 {
    color: #fff176 !important;
}

.bg-yellow-300 {
    background-color: #fff176 !important;
    color: #fff !important;
}

.brd-col-yellow-300 {
    border-color: #fff176 !important;
}

.col-yellow-400 {
    color: #ffee58 !important;
}

.bg-yellow-400 {
    background-color: #ffee58 !important;
    color: #fff !important;
}

.brd-col-yellow-400 {
    border-color: #ffee58 !important;
}

.col-yellow {
    color: #ffeb3b !important;
}

.bg-yellow {
    background-color: #ffeb3b !important;
    color: #fff !important;
}

.brd-col-yellow {
    border-color: #ffeb3b !important;
}

.col-yellow-600 {
    color: #fdd835 !important;
}

.bg-yellow-600 {
    background-color: #fdd835 !important;
    color: #fff !important;
}

.brd-col-yellow-600 {
    border-color: #fdd835 !important;
}

.col-yellow-700 {
    color: #fbc02d !important;
}

.bg-yellow-700 {
    background-color: #fbc02d !important;
    color: #fff !important;
}

.brd-col-yellow-700 {
    border-color: #fbc02d !important;
}

.col-yellow-800 {
    color: #f9a825 !important;
}

.bg-yellow-800 {
    background-color: #f9a825 !important;
    color: #fff !important;
}

.brd-col-yellow-800 {
    border-color: #f9a825 !important;
}

.col-yellow-900 {
    color: #f57f17 !important;
}

.bg-yellow-900 {
    background-color: #f57f17 !important;
    color: #fff !important;
}

.brd-col-yellow-900 {
    border-color: #f57f17 !important;
}

.col-yellow-a100 {
    color: #ffff8d !important;
}

.bg-yellow-a100 {
    background-color: #ffff8d !important;
    color: #fff !important;
}

.brd-col-yellow-a100 {
    border-color: #ffff8d !important;
}

.col-yellow-a200 {
    color: #ffff00 !important;
}

.bg-yellow-a200 {
    background-color: #ffff00 !important;
    color: #fff !important;
}

.brd-col-yellow-a200 {
    border-color: #ffff00 !important;
}

.col-yellow-a400 {
    color: #ffea00 !important;
}

.bg-yellow-a400 {
    background-color: #ffea00 !important;
    color: #fff !important;
}

.brd-col-yellow-a400 {
    border-color: #ffea00 !important;
}

.col-yellow-a700 {
    color: #ffd600 !important;
}

.bg-yellow-a700 {
    background-color: #ffd600 !important;
    color: #fff !important;
}

.brd-col-yellow-a700 {
    border-color: #ffd600 !important;
}

.col-amber-50 {
    color: #fff8e1 !important;
}

.bg-amber-50 {
    background-color: #fff8e1 !important;
    color: #fff !important;
}

.brd-col-amber-50 {
    border-color: #fff8e1 !important;
}

.col-amber-100 {
    color: #ffecb3 !important;
}

.bg-amber-100 {
    background-color: #ffecb3 !important;
    color: #fff !important;
}

.brd-col-amber-100 {
    border-color: #ffecb3 !important;
}

.col-amber-200 {
    color: #ffe082 !important;
}

.bg-amber-200 {
    background-color: #ffe082 !important;
    color: #fff !important;
}

.brd-col-amber-200 {
    border-color: #ffe082 !important;
}

.col-amber-300 {
    color: #ffd54f !important;
}

.bg-amber-300 {
    background-color: #ffd54f !important;
    color: #fff !important;
}

.brd-col-amber-300 {
    border-color: #ffd54f !important;
}

.col-amber-400 {
    color: #ffca28 !important;
}

.bg-amber-400 {
    background-color: #ffca28 !important;
    color: #fff !important;
}

.brd-col-amber-400 {
    border-color: #ffca28 !important;
}

.col-amber {
    color: #ffc107 !important;
}

.bg-amber {
    background-color: #ffc107 !important;
    color: #fff !important;
}

.brd-col-amber {
    border-color: #ffc107 !important;
}

.col-amber-600 {
    color: #ffb300 !important;
}

.bg-amber-600 {
    background-color: #ffb300 !important;
    color: #fff !important;
}

.brd-col-amber-600 {
    border-color: #ffb300 !important;
}

.col-amber-700 {
    color: #ffa000 !important;
}

.bg-amber-700 {
    background-color: #ffa000 !important;
    color: #fff !important;
}

.brd-col-amber-700 {
    border-color: #ffa000 !important;
}

.col-amber-800 {
    color: #ff8f00 !important;
}

.bg-amber-800 {
    background-color: #ff8f00 !important;
    color: #fff !important;
}

.brd-col-amber-800 {
    border-color: #ff8f00 !important;
}

.col-amber-900 {
    color: #ff6f00 !important;
}

.bg-amber-900 {
    background-color: #ff6f00 !important;
    color: #fff !important;
}

.brd-col-amber-900 {
    border-color: #ff6f00 !important;
}

.col-amber-a100 {
    color: #ffe57f !important;
}

.bg-amber-a100 {
    background-color: #ffe57f !important;
    color: #fff !important;
}

.brd-col-amber-a100 {
    border-color: #ffe57f !important;
}

.col-amber-a200 {
    color: #ffd740 !important;
}

.bg-amber-a200 {
    background-color: #ffd740 !important;
    color: #fff !important;
}

.brd-col-amber-a200 {
    border-color: #ffd740 !important;
}

.col-amber-a400 {
    color: #ffc400 !important;
}

.bg-amber-a400 {
    background-color: #ffc400 !important;
    color: #fff !important;
}

.brd-col-amber-a400 {
    border-color: #ffc400 !important;
}

.col-amber-a700 {
    color: #ffab00 !important;
}

.bg-amber-a700 {
    background-color: #ffab00 !important;
    color: #fff !important;
}

.brd-col-amber-a700 {
    border-color: #ffab00 !important;
}

.col-orange-50 {
    color: #fff3e0 !important;
}

.bg-orange-50 {
    background-color: #fff3e0 !important;
    color: #fff !important;
}

.brd-col-orange-50 {
    border-color: #fff3e0 !important;
}

.col-orange-100 {
    color: #ffe0b2 !important;
}

.bg-orange-100 {
    background-color: #ffe0b2 !important;
    color: #fff !important;
}

.brd-col-orange-100 {
    border-color: #ffe0b2 !important;
}

.col-orange-200 {
    color: #ffcc80 !important;
}

.bg-orange-200 {
    background-color: #ffcc80 !important;
    color: #fff !important;
}

.brd-col-orange-200 {
    border-color: #ffcc80 !important;
}

.col-orange-300 {
    color: #ffb74d !important;
}

.bg-orange-300 {
    background-color: #ffb74d !important;
    color: #fff !important;
}

.brd-col-orange-300 {
    border-color: #ffb74d !important;
}

.col-orange-400 {
    color: #ffa726 !important;
}

.bg-orange-400 {
    background-color: #ffa726 !important;
    color: #fff !important;
}

.brd-col-orange-400 {
    border-color: #ffa726 !important;
}

.col-orange {
    color: #ff9800 !important;
}

.bg-orange {
    background-color: #ff9800 !important;
    color: #fff !important;
}

.brd-col-orange {
    border-color: #ff9800 !important;
}

.col-orange-600 {
    color: #fb8c00 !important;
}

.bg-orange-600 {
    background-color: #fb8c00 !important;
    color: #fff !important;
}

.brd-col-orange-600 {
    border-color: #fb8c00 !important;
}

.col-orange-700 {
    color: #f57c00 !important;
}

.bg-orange-700 {
    background-color: #f57c00 !important;
    color: #fff !important;
}

.brd-col-orange-700 {
    border-color: #f57c00 !important;
}

.col-orange-800 {
    color: #ef6c00 !important;
}

.bg-orange-800 {
    background-color: #ef6c00 !important;
    color: #fff !important;
}

.brd-col-orange-800 {
    border-color: #ef6c00 !important;
}

.col-orange-900 {
    color: #e65100 !important;
}

.bg-orange-900 {
    background-color: #e65100 !important;
    color: #fff !important;
}

.brd-col-orange-900 {
    border-color: #e65100 !important;
}

.col-orange-a100 {
    color: #ffd180 !important;
}

.bg-orange-a100 {
    background-color: #ffd180 !important;
    color: #fff !important;
}

.brd-col-orange-a100 {
    border-color: #ffd180 !important;
}

.col-orange-a200 {
    color: #ffab40 !important;
}

.bg-orange-a200 {
    background-color: #ffab40 !important;
    color: #fff !important;
}

.brd-col-orange-a200 {
    border-color: #ffab40 !important;
}

.col-orange-a400 {
    color: #ff9100 !important;
}

.bg-orange-a400 {
    background-color: #ff9100 !important;
    color: #fff !important;
}

.brd-col-orange-a400 {
    border-color: #ff9100 !important;
}

.col-orange-a700 {
    color: #ff6d00 !important;
}

.bg-orange-a700 {
    background-color: #ff6d00 !important;
    color: #fff !important;
}

.brd-col-orange-a700 {
    border-color: #ff6d00 !important;
}

.col-deep-orange-50 {
    color: #fbe9e7 !important;
}

.bg-deep-orange-50 {
    background-color: #fbe9e7 !important;
    color: #fff !important;
}

.brd-col-deep-orange-50 {
    border-color: #fbe9e7 !important;
}

.col-deep-orange-100 {
    color: #ffccbc !important;
}

.bg-deep-orange-100 {
    background-color: #ffccbc !important;
    color: #fff !important;
}

.brd-col-deep-orange-100 {
    border-color: #ffccbc !important;
}

.col-deep-orange-200 {
    color: #ffab91 !important;
}

.bg-deep-orange-200 {
    background-color: #ffab91 !important;
    color: #fff !important;
}

.brd-col-deep-orange-200 {
    border-color: #ffab91 !important;
}

.col-deep-orange-300 {
    color: #ff8a65 !important;
}

.bg-deep-orange-300 {
    background-color: #ff8a65 !important;
    color: #fff !important;
}

.brd-col-deep-orange-300 {
    border-color: #ff8a65 !important;
}

.col-deep-orange-400 {
    color: #ff7043 !important;
}

.bg-deep-orange-400 {
    background-color: #ff7043 !important;
    color: #fff !important;
}

.brd-col-deep-orange-400 {
    border-color: #ff7043 !important;
}

.col-deep-orange {
    color: #ff5722 !important;
}

.bg-deep-orange {
    background-color: #ff5722 !important;
    color: #fff !important;
}

.brd-col-deep-orange {
    border-color: #ff5722 !important;
}

.col-deep-orange-600 {
    color: #f4511e !important;
}

.bg-deep-orange-600 {
    background-color: #f4511e !important;
    color: #fff !important;
}

.brd-col-deep-orange-600 {
    border-color: #f4511e !important;
}

.col-deep-orange-700 {
    color: #e64a19 !important;
}

.bg-deep-orange-700 {
    background-color: #e64a19 !important;
    color: #fff !important;
}

.brd-col-deep-orange-700 {
    border-color: #e64a19 !important;
}

.col-deep-orange-800 {
    color: #d84315 !important;
}

.bg-deep-orange-800 {
    background-color: #d84315 !important;
    color: #fff !important;
}

.brd-col-deep-orange-800 {
    border-color: #d84315 !important;
}

.col-deep-orange-900 {
    color: #bf360c !important;
}

.bg-deep-orange-900 {
    background-color: #bf360c !important;
    color: #fff !important;
}

.brd-col-deep-orange-900 {
    border-color: #bf360c !important;
}

.col-deep-orange-a100 {
    color: #ff9e80 !important;
}

.bg-deep-orange-a100 {
    background-color: #ff9e80 !important;
    color: #fff !important;
}

.brd-col-deep-orange-a100 {
    border-color: #ff9e80 !important;
}

.col-deep-orange-a200 {
    color: #ff6e40 !important;
}

.bg-deep-orange-a200 {
    background-color: #ff6e40 !important;
    color: #fff !important;
}

.brd-col-deep-orange-a200 {
    border-color: #ff6e40 !important;
}

.col-deep-orange-a400 {
    color: #ff3d00 !important;
}

.bg-deep-orange-a400 {
    background-color: #ff3d00 !important;
    color: #fff !important;
}

.brd-col-deep-orange-a400 {
    border-color: #ff3d00 !important;
}

.col-deep-orange-a700 {
    color: #dd2c00 !important;
}

.bg-deep-orange-a700 {
    background-color: #dd2c00 !important;
    color: #fff !important;
}

.brd-col-deep-orange-a700 {
    border-color: #dd2c00 !important;
}

.col-brown-50 {
    color: #efebe9 !important;
}

.bg-brown-50 {
    background-color: #efebe9 !important;
    color: #fff !important;
}

.brd-col-brown-50 {
    border-color: #efebe9 !important;
}

.col-brown-100 {
    color: #d7ccc8 !important;
}

.bg-brown-100 {
    background-color: #d7ccc8 !important;
    color: #fff !important;
}

.brd-col-brown-100 {
    border-color: #d7ccc8 !important;
}

.col-brown-200 {
    color: #bcaaa4 !important;
}

.bg-brown-200 {
    background-color: #bcaaa4 !important;
    color: #fff !important;
}

.brd-col-brown-200 {
    border-color: #bcaaa4 !important;
}

.col-brown-300 {
    color: #a1887f !important;
}

.bg-brown-300 {
    background-color: #a1887f !important;
    color: #fff !important;
}

.brd-col-brown-300 {
    border-color: #a1887f !important;
}

.col-brown-400 {
    color: #8d6e63 !important;
}

.bg-brown-400 {
    background-color: #8d6e63 !important;
    color: #fff !important;
}

.brd-col-brown-400 {
    border-color: #8d6e63 !important;
}

.col-brown {
    color: #795548 !important;
}

.bg-brown {
    background-color: #795548 !important;
    color: #fff !important;
}

.brd-col-brown {
    border-color: #795548 !important;
}

.col-brown-600 {
    color: #6d4c41 !important;
}

.bg-brown-600 {
    background-color: #6d4c41 !important;
    color: #fff !important;
}

.brd-col-brown-600 {
    border-color: #6d4c41 !important;
}

.col-brown-700 {
    color: #5d4037 !important;
}

.bg-brown-700 {
    background-color: #5d4037 !important;
    color: #fff !important;
}

.brd-col-brown-700 {
    border-color: #5d4037 !important;
}

.col-brown-800 {
    color: #4e342e !important;
}

.bg-brown-800 {
    background-color: #4e342e !important;
    color: #fff !important;
}

.brd-col-brown-800 {
    border-color: #4e342e !important;
}

.col-brown-900 {
    color: #3e2723 !important;
}

.bg-brown-900 {
    background-color: #3e2723 !important;
    color: #fff !important;
}

.brd-col-brown-900 {
    border-color: #3e2723 !important;
}

.col-grey-50 {
    color: #fafafa !important;
}

.bg-grey-50 {
    background-color: #fafafa !important;
    color: #fff !important;
}

.brd-col-grey-50 {
    border-color: #fafafa !important;
}

.col-grey-100 {
    color: #f5f5f5 !important;
}

.bg-grey-100 {
    background-color: #f5f5f5 !important;
    color: #fff !important;
}

.brd-col-grey-100 {
    border-color: #f5f5f5 !important;
}

.col-grey-200 {
    color: #eeeeee !important;
}

.bg-grey-200 {
    background-color: #eeeeee !important;
    color: #fff !important;
}

.brd-col-grey-200 {
    border-color: #eeeeee !important;
}

.col-grey-300 {
    color: #e0e0e0 !important;
}

.bg-grey-300 {
    background-color: #e0e0e0 !important;
    color: #fff !important;
}

.brd-col-grey-300 {
    border-color: #e0e0e0 !important;
}

.col-grey-400 {
    color: #bdbdbd !important;
}

.bg-grey-400 {
    background-color: #bdbdbd !important;
    color: #fff !important;
}

.brd-col-grey-400 {
    border-color: #bdbdbd !important;
}

.col-grey {
    color: #9e9e9e !important;
}

.bg-grey {
    background-color: #9e9e9e !important;
    color: #fff !important;
}

.brd-col-grey {
    border-color: #9e9e9e !important;
}

.col-grey-600 {
    color: #757575 !important;
}

.bg-grey-600 {
    background-color: #757575 !important;
    color: #fff !important;
}

.brd-col-grey-600 {
    border-color: #757575 !important;
}

.col-grey-700 {
    color: #616161 !important;
}

.bg-grey-700 {
    background-color: #616161 !important;
    color: #fff !important;
}

.brd-col-grey-700 {
    border-color: #616161 !important;
}

.col-grey-800 {
    color: #424242 !important;
}

.bg-grey-800 {
    background-color: #424242 !important;
    color: #fff !important;
}

.brd-col-grey-800 {
    border-color: #424242 !important;
}

.col-grey-900 {
    color: #212121 !important;
}

.bg-grey-900 {
    background-color: #212121 !important;
    color: #fff !important;
}

.brd-col-grey-900 {
    border-color: #212121 !important;
}

.col-blue-grey-50 {
    color: #eceff1 !important;
}

.bg-blue-grey-50 {
    background-color: #eceff1 !important;
    color: #fff !important;
}

.brd-col-blue-grey-50 {
    border-color: #eceff1 !important;
}

.col-blue-grey-100 {
    color: #cfd8dc !important;
}

.bg-blue-grey-100 {
    background-color: #cfd8dc !important;
    color: #fff !important;
}

.brd-col-blue-grey-100 {
    border-color: #cfd8dc !important;
}

.col-blue-grey-200 {
    color: #b0bec5 !important;
}

.bg-blue-grey-200 {
    background-color: #b0bec5 !important;
    color: #fff !important;
}

.brd-col-blue-grey-200 {
    border-color: #b0bec5 !important;
}

.col-blue-grey-300 {
    color: #90a4ae !important;
}

.bg-blue-grey-300 {
    background-color: #90a4ae !important;
    color: #fff !important;
}

.brd-col-blue-grey-300 {
    border-color: #90a4ae !important;
}

.col-blue-grey-400 {
    color: #78909c !important;
}

.bg-blue-grey-400 {
    background-color: #78909c !important;
    color: #fff !important;
}

.brd-col-blue-grey-400 {
    border-color: #78909c !important;
}

.col-blue-grey {
    color: #607d8b !important;
}

.bg-blue-grey {
    background-color: #607d8b !important;
    color: #fff !important;
}

.brd-col-blue-grey {
    border-color: #607d8b !important;
}

.col-blue-grey-600 {
    color: #546e7a !important;
}

.bg-blue-grey-600 {
    background-color: #546e7a !important;
    color: #fff !important;
}

.brd-col-blue-grey-600 {
    border-color: #546e7a !important;
}

.col-blue-grey-700 {
    color: #455a64 !important;
}

.bg-blue-grey-700 {
    background-color: #455a64 !important;
    color: #fff !important;
}

.brd-col-blue-grey-700 {
    border-color: #455a64 !important;
}

.col-blue-grey-800 {
    color: #37474f !important;
}

.bg-blue-grey-800 {
    background-color: #37474f !important;
    color: #fff !important;
}

.brd-col-blue-grey-800 {
    border-color: #37474f !important;
}

.col-blue-grey-900 {
    color: #263238 !important;
}

.bg-blue-grey-900 {
    background-color: #263238 !important;
    color: #fff !important;
}

.brd-col-blue-grey-900 {
    border-color: #263238 !important;
}

.col-white {
    color: #ffffff !important;
}

.bg-white {
    background-color: #ffffff !important;
    color: #000 !important;
}

.brd-col-white {
    border-color: #ffffff !important;
}

.col-black {
    color: #000000 !important;
}

.bg-black {
    background-color: #000000 !important;
    color: #fff !important;
}

.brd-col-black {
    border-color: #000000 !important;
}

.mi-theme-red .nav>li>a:hover,
.mi-theme-red .nav>li>a:focus,
.mi-theme-red .nav .open>a,
.mi-theme-red .nav .open>a:hover,
.mi-theme-red .nav .open>a:focus,
.mi-theme-red .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-red .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-red .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-pink .nav>li>a:hover,
.mi-theme-pink .nav>li>a:focus,
.mi-theme-pink .nav .open>a,
.mi-theme-pink .nav .open>a:hover,
.mi-theme-pink .nav .open>a:focus,
.mi-theme-pink .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-pink .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-pink .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-purple .nav>li>a:hover,
.mi-theme-purple .nav>li>a:focus,
.mi-theme-purple .nav .open>a,
.mi-theme-purple .nav .open>a:hover,
.mi-theme-purple .nav .open>a:focus,
.mi-theme-purple .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-purple .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-purple .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-deep-purple .nav>li>a:hover,
.mi-theme-deep-purple .nav>li>a:focus,
.mi-theme-deep-purple .nav .open>a,
.mi-theme-deep-purple .nav .open>a:hover,
.mi-theme-deep-purple .nav .open>a:focus,
.mi-theme-deep-purple .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-deep-purple .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-deep-purple .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-indigo .nav>li>a:hover,
.mi-theme-indigo .nav>li>a:focus,
.mi-theme-indigo .nav .open>a,
.mi-theme-indigo .nav .open>a:hover,
.mi-theme-indigo .nav .open>a:focus,
.mi-theme-indigo .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-indigo .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-indigo .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-blue .nav>li>a:hover,
.mi-theme-blue .nav>li>a:focus,
.mi-theme-blue .nav .open>a,
.mi-theme-blue .nav .open>a:hover,
.mi-theme-blue .nav .open>a:focus,
.mi-theme-blue .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-blue .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-blue .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-light-blue .nav>li>a:hover,
.mi-theme-light-blue .nav>li>a:focus,
.mi-theme-light-blue .nav .open>a,
.mi-theme-light-blue .nav .open>a:hover,
.mi-theme-light-blue .nav .open>a:focus,
.mi-theme-light-blue .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-light-blue .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-light-blue .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-cyan .nav>li>a:hover,
.mi-theme-cyan .nav>li>a:focus,
.mi-theme-cyan .nav .open>a,
.mi-theme-cyan .nav .open>a:hover,
.mi-theme-cyan .nav .open>a:focus,
.mi-theme-cyan .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-cyan .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-cyan .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-teal .nav>li>a:hover,
.mi-theme-teal .nav>li>a:focus,
.mi-theme-teal .nav .open>a,
.mi-theme-teal .nav .open>a:hover,
.mi-theme-teal .nav .open>a:focus,
.mi-theme-teal .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-teal .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-teal .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-green .nav>li>a:hover,
.mi-theme-green .nav>li>a:focus,
.mi-theme-green .nav .open>a,
.mi-theme-green .nav .open>a:hover,
.mi-theme-green .nav .open>a:focus,
.mi-theme-green .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-green .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-green .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-light-green .nav>li>a:hover,
.mi-theme-light-green .nav>li>a:focus,
.mi-theme-light-green .nav .open>a,
.mi-theme-light-green .nav .open>a:hover,
.mi-theme-light-green .nav .open>a:focus,
.mi-theme-light-green .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-light-green .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-light-green .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-lime .nav>li>a:hover,
.mi-theme-lime .nav>li>a:focus,
.mi-theme-lime .nav .open>a,
.mi-theme-lime .nav .open>a:hover,
.mi-theme-lime .nav .open>a:focus,
.mi-theme-lime .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-lime .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-lime .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-yellow .nav>li>a:hover,
.mi-theme-yellow .nav>li>a:focus,
.mi-theme-yellow .nav .open>a,
.mi-theme-yellow .nav .open>a:hover,
.mi-theme-yellow .nav .open>a:focus,
.mi-theme-yellow .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-yellow .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-yellow .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-amber .nav>li>a:hover,
.mi-theme-amber .nav>li>a:focus,
.mi-theme-amber .nav .open>a,
.mi-theme-amber .nav .open>a:hover,
.mi-theme-amber .nav .open>a:focus,
.mi-theme-amber .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-amber .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-amber .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-orange .nav>li>a:hover,
.mi-theme-orange .nav>li>a:focus,
.mi-theme-orange .nav .open>a,
.mi-theme-orange .nav .open>a:hover,
.mi-theme-orange .nav .open>a:focus,
.mi-theme-orange .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-orange .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-orange .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-deep-orange .nav>li>a:hover,
.mi-theme-deep-orange .nav>li>a:focus,
.mi-theme-deep-orange .nav .open>a,
.mi-theme-deep-orange .nav .open>a:hover,
.mi-theme-deep-orange .nav .open>a:focus,
.mi-theme-deep-orange .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-deep-orange .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-deep-orange .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-brown .nav>li>a:hover,
.mi-theme-brown .nav>li>a:focus,
.mi-theme-brown .nav .open>a,
.mi-theme-brown .nav .open>a:hover,
.mi-theme-brown .nav .open>a:focus,
.mi-theme-brown .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-brown .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-brown .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-grey .nav>li>a:hover,
.mi-theme-grey .nav>li>a:focus,
.mi-theme-grey .nav .open>a,
.mi-theme-grey .nav .open>a:hover,
.mi-theme-grey .nav .open>a:focus,
.mi-theme-grey .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-grey .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-grey .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-blue-grey .nav>li>a:hover,
.mi-theme-blue-grey .nav>li>a:focus,
.mi-theme-blue-grey .nav .open>a,
.mi-theme-blue-grey .nav .open>a:hover,
.mi-theme-blue-grey .nav .open>a:focus,
.mi-theme-blue-grey .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-blue-grey .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-blue-grey .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-black .nav>li>a:hover,
.mi-theme-black .nav>li>a:focus,
.mi-theme-black .nav .open>a,
.mi-theme-black .nav .open>a:hover,
.mi-theme-black .nav .open>a:focus,
.mi-theme-black .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-black .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-black .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-white .nav>li>a:hover,
.mi-theme-white .nav>li>a:focus,
.mi-theme-white .nav .open>a,
.mi-theme-white .nav .open>a:hover,
.mi-theme-white .nav .open>a:focus,
.mi-theme-white .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-white .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-white .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub,
.mi-theme-default .nav>li>a:hover,
.mi-theme-default .nav>li>a:focus,
.mi-theme-default .nav .open>a,
.mi-theme-default .nav .open>a:hover,
.mi-theme-default .nav .open>a:focus,
.mi-theme-default .mi-sidebar .mi-menu .mi-menu-nav li.active,
.mi-theme-default .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-item-open,
.mi-theme-default .mi-sidebar .mi-menu .mi-menu-nav .mi-menu-sub {
    background-color: transparent;
}

.mi-theme-red .navbar-brand,
.mi-theme-red .navbar-brand:hover,
.mi-theme-red .navbar-brand:active,
.mi-theme-red .navbar-brand:focus,
.mi-theme-red .nav>li>a,
.mi-theme-red .mi-navbar-toggle,
.mi-theme-pink .navbar-brand,
.mi-theme-pink .navbar-brand:hover,
.mi-theme-pink .navbar-brand:active,
.mi-theme-pink .navbar-brand:focus,
.mi-theme-pink .nav>li>a,
.mi-theme-pink .mi-navbar-toggle,
.mi-theme-purple .navbar-brand,
.mi-theme-purple .navbar-brand:hover,
.mi-theme-purple .navbar-brand:active,
.mi-theme-purple .navbar-brand:focus,
.mi-theme-purple .nav>li>a,
.mi-theme-purple .mi-navbar-toggle,
.mi-theme-deep-purple .navbar-brand,
.mi-theme-deep-purple .navbar-brand:hover,
.mi-theme-deep-purple .navbar-brand:active,
.mi-theme-deep-purple .navbar-brand:focus,
.mi-theme-deep-purple .nav>li>a,
.mi-theme-deep-purple .mi-navbar-toggle,
.mi-theme-indigo .navbar-brand,
.mi-theme-indigo .navbar-brand:hover,
.mi-theme-indigo .navbar-brand:active,
.mi-theme-indigo .navbar-brand:focus,
.mi-theme-indigo .nav>li>a,
.mi-theme-indigo .mi-navbar-toggle,
.mi-theme-blue .navbar-brand,
.mi-theme-blue .navbar-brand:hover,
.mi-theme-blue .navbar-brand:active,
.mi-theme-blue .navbar-brand:focus,
.mi-theme-blue .nav>li>a,
.mi-theme-blue .mi-navbar-toggle,
.mi-theme-light-blue .navbar-brand,
.mi-theme-light-blue .navbar-brand:hover,
.mi-theme-light-blue .navbar-brand:active,
.mi-theme-light-blue .navbar-brand:focus,
.mi-theme-light-blue .nav>li>a,
.mi-theme-light-blue .mi-navbar-toggle,
.mi-theme-cyan .navbar-brand,
.mi-theme-cyan .navbar-brand:hover,
.mi-theme-cyan .navbar-brand:active,
.mi-theme-cyan .navbar-brand:focus,
.mi-theme-cyan .nav>li>a,
.mi-theme-cyan .mi-navbar-toggle,
.mi-theme-teal .navbar-brand,
.mi-theme-teal .navbar-brand:hover,
.mi-theme-teal .navbar-brand:active,
.mi-theme-teal .navbar-brand:focus,
.mi-theme-teal .nav>li>a,
.mi-theme-teal .mi-navbar-toggle,
.mi-theme-green .navbar-brand,
.mi-theme-green .navbar-brand:hover,
.mi-theme-green .navbar-brand:active,
.mi-theme-green .navbar-brand:focus,
.mi-theme-green .nav>li>a,
.mi-theme-green .mi-navbar-toggle,
.mi-theme-light-green .navbar-brand,
.mi-theme-light-green .navbar-brand:hover,
.mi-theme-light-green .navbar-brand:active,
.mi-theme-light-green .navbar-brand:focus,
.mi-theme-light-green .nav>li>a,
.mi-theme-light-green .mi-navbar-toggle,
.mi-theme-deep-orange .navbar-brand,
.mi-theme-deep-orange .navbar-brand:hover,
.mi-theme-deep-orange .navbar-brand:active,
.mi-theme-deep-orange .navbar-brand:focus,
.mi-theme-deep-orange .nav>li>a,
.mi-theme-deep-orange .mi-navbar-toggle,
.mi-theme-brown .navbar-brand,
.mi-theme-brown .navbar-brand:hover,
.mi-theme-brown .navbar-brand:active,
.mi-theme-brown .navbar-brand:focus,
.mi-theme-brown .nav>li>a,
.mi-theme-brown .mi-navbar-toggle,
.mi-theme-blue-grey .navbar-brand,
.mi-theme-blue-grey .navbar-brand:hover,
.mi-theme-blue-grey .navbar-brand:active,
.mi-theme-blue-grey .navbar-brand:focus,
.mi-theme-blue-grey .nav>li>a,
.mi-theme-blue-grey .mi-navbar-toggle,
.mi-theme-black .navbar-brand,
.mi-theme-black .navbar-brand:hover,
.mi-theme-black .navbar-brand:active,
.mi-theme-black .navbar-brand:focus,
.mi-theme-black .nav>li>a,
.mi-theme-black .mi-navbar-toggle,
.mi-theme-orange .navbar-brand,
.mi-theme-orange .navbar-brand:hover,
.mi-theme-orange .navbar-brand:active,
.mi-theme-orange .navbar-brand:focus,
.mi-theme-orange .nav>li>a,
.mi-theme-orange .mi-navbar-toggle,
.mi-theme-default .navbar-brand,
.mi-theme-default .navbar-brand:hover,
.mi-theme-default .navbar-brand:active,
.mi-theme-default .navbar-brand:focus,
.mi-theme-default .nav>li>a,
.mi-theme-default .mi-navbar-toggle {
    color: #fff;
}

.mi-theme-lime .navbar-brand,
.mi-theme-lime .navbar-brand:hover,
.mi-theme-lime .navbar-brand:active,
.mi-theme-lime .navbar-brand:focus,
.mi-theme-lime .nav>li>a,
.mi-theme-lime .mi-navbar-toggle,
.mi-theme-yellow .navbar-brand,
.mi-theme-yellow .navbar-brand:hover,
.mi-theme-yellow .navbar-brand:active,
.mi-theme-yellow .navbar-brand:focus,
.mi-theme-yellow .nav>li>a,
.mi-theme-yellow .mi-navbar-toggle,
.mi-theme-amber .navbar-brand,
.mi-theme-amber .navbar-brand:hover,
.mi-theme-amber .navbar-brand:active,
.mi-theme-amber .navbar-brand:focus,
.mi-theme-amber .nav>li>a,
.mi-theme-amber .mi-navbar-toggle,
.mi-theme-white .navbar-brand,
.mi-theme-white .navbar-brand:hover,
.mi-theme-white .navbar-brand:active,
.mi-theme-white .navbar-brand:focus,
.mi-theme-white .nav>li>a,
.mi-theme-white .mi-navbar-toggle,
.mi-theme-grey .navbar-brand,
.mi-theme-grey .navbar-brand:hover,
.mi-theme-grey .navbar-brand:active,
.mi-theme-grey .navbar-brand:focus,
.mi-theme-grey .nav>li>a,
.mi-theme-grey .mi-navbar-toggle {
    color: #555;
}

.mi-theme-red .navbar {
    background-color: #F44336;
}

.mi-theme-red .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-red .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #F44336;
}

.mi-theme-pink .navbar {
    background-color: #E91E63;
}

.mi-theme-pink .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-pink .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #E91E63;
}

.mi-theme-purple .navbar {
    background-color: #9C27B0;
}

.mi-theme-purple .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-purple .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #9C27B0;
}

.mi-theme-deep-purple .navbar {
    background-color: #673AB7;
}

.mi-theme-deep-purple .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-deep-purple .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #673AB7;
}

.mi-theme-indigo .navbar {
    background-color: #3F51B5;
}

.mi-theme-indigo .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-indigo .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #3F51B5;
}

.mi-theme-blue .navbar {
    background-color: #2196F3;
}

.mi-theme-blue .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-blue .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #2196F3;
}

.mi-theme-light-blue .navbar {
    background-color: #03A9F4;
}

.mi-theme-light-blue .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-light-blue .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #03A9F4;
}

.mi-theme-cyan .navbar {
    background-color: #00BCD4;
}

.mi-theme-cyan .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-cyan .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #00BCD4;
}

.mi-theme-teal .navbar {
    background-color: #009688;
}

.mi-theme-teal .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-teal .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #009688;
}

.mi-theme-green .navbar {
    background-color: #4CAF50;
}

.mi-theme-green .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-green .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #4CAF50;
}

.mi-theme-light-green .navbar {
    background-color: #8BC34A;
}

.mi-theme-light-green .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-light-green .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #8BC34A;
}

.mi-theme-lime .navbar {
    background-color: #CDDC39;
}

.mi-theme-lime .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-lime .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #CDDC39;
}

.mi-theme-yellow .navbar {
    background-color: #FFEB3B;
}

.mi-theme-yellow .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-yellow .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #FFEB3B;
}

.mi-theme-amber .navbar {
    background-color: #FFC107;
}

.mi-theme-amber .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-amber .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #FFC107;
}

.mi-theme-orange .navbar {
    background-color: #FF9800;
}

.mi-theme-orange .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-orange .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #FF9800;
}

.mi-theme-deep-orange .navbar {
    background-color: #FF5722;
}

.mi-theme-deep-orange .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-deep-orange .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #FF5722;
}

.mi-theme-brown .navbar {
    background-color: #795548;
}

.mi-theme-brown .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-brown .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #795548;
}

.mi-theme-grey .navbar {
    background-color: #9E9E9E;
}

.mi-theme-grey .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-grey .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #9E9E9E;
}

.mi-theme-blue-grey .navbar {
    background-color: #607D8B;
}

.mi-theme-blue-grey .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-blue-grey .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #607D8B;
}

.mi-theme-black .navbar {
    background-color: #000;
}

.mi-theme-black .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-black .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #000;
}

.mi-theme-white .navbar {
    background-color: #fff;
}

.mi-theme-white .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-white .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #fff;
}

.mi-theme-default .navbar {
    background-color: #384449;
}

.mi-theme-default .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child i,
.mi-theme-default .mi-sidebar .mi-menu .mi-menu-nav li.active> :first-child span {
    color: #01579B;
}

@media (max-width: 420px) {
    .navbar-nav .dropdown-menu {
        width: 100% !important;
    }

    .mi-content-widget .mi-content-header .mi-card-header>.input-group {
        float: none;
        max-width: 100%;
        margin-top: 10px;
    }

    .mi-content-widget .input {
        width: 100%;
    }

    .mi-card-profile .mi-card-content .media-body b {
        font-size: 36px !important;
    }

    .mi-card-profile .mi-card-content .media-left img {
        width: 75px;
    }

    .mi-card-profile .mi-card-header .nav-tabs {
        top: 20px !important;
    }

    .mi-wall-card {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .navbar-nav .dropdown-menu {
        width: auto;
    }

    .navbar-left .dropdown-menu {
        right: inherit !important;
        left: 0 !important;
    }

    .navbar-right .dropdown-menu {
        right: 0 !important;
        left: inherit !important;
    }

    .navbar>.container-fluid .navbar-brand {
        margin-left: 40px !important;
    }

    .navbar .navbar-header {
        display: inline-block;
        margin-bottom: -6px;
        width: calc(100% + 30px) !important;
    }

    .navbar-nav>li {
        position: inherit !important;
    }

    .navbar-nav .dropdown-menu {
        margin: 0 !important;
        margin-top: 0 !important;
    }

    .navbar .nav>li {
        display: inline-block;
    }

    .navbar .nav .pull-right {
        margin: -10px -9px 0px 0px;
    }

    .navbar .navbar-nav {
        margin: 0px;
    }

    .navbar .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        position: absolute;
    }

    .navbar .dropdown-menu {
        margin-left: -50px;
    }

    .panel-mi-switch-btn {
        top: 12px;
        right: 0 !important;
    }
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none !important;
    }

    .navbar>.container-fluid .navbar-brand {
        margin-left: 30px;
    }

    .navbar .navbar-nav {
        margin-top: 6px !important;
    }
}

@media (max-width: 768px) {
    .navbar-nav [data-searchbar-open="true"] {
        display: none !important;
    }

    .navbar .navbar-toggle {
        overflow: visible !important;
    }

    .navbar-nav>li>a {
        overflow: visible !important;
        -webkit-mask-image: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar>.container-fluid .navbar-brand {
        margin-left: 25px !important;
    }
}

@media (min-width: 992px) and (max-width: 1169px) {
    .navbar>.container-fluid .navbar-brand {
        margin-left: 25px !important;
    }
}

@media screen and (max-width: 600px) {

    .table-contacts tbody td,
    .table-history tbody td,
    .table-server tbody td,
    .table-contacts tbody th,
    .table-history tbody th,
    .table-server tbody th {
        display: block;
        text-align: center;
    }

    .table-contacts thead,
    .table-history thead,
    .table-server thead {
        display: none;
    }

    .table-contacts tr td:first-child,
    .table-history tr td:first-child,
    .table-server tr td:first-child {
        background: #f0f0f0;
        font-weight: bold;
        font-size: 1.3em;
    }

    .table-contacts .ico-img {
        width: auto !important;
    }

    .table tbody tr td.mi-details a {
        padding: 8px 30px;
    }

    .table tbody tr td.mi-details {
        width: calc(100% - 21px) !important
    }

    .mi-card-profile .mi-card-content .media-body b {
        font-size: 50px;
    }

    .fb-comments .mi-card {
        height: calc(100% + 30px);
        overflow: scroll;
    }
}

@media screen and (min-width: 1169px) {
    .mi-navbar-toggle:before {
        left: 270px;
    }

    .mi-sidebar-sm .mi-navbar-toggle:before {
        left: 230px;
    }

    .mi-sidebar-md .mi-navbar-toggle:before {
        left: 250px;
    }

    .mi-navbar-toggle-left .mi-navbar-toggle:before {
        left: 24px !important;
    }

    .mi-sidebar-toggle .mi-content,
    .mi-sidebar-md.mi-navbar-hide.mi-sidebar-toggle section.mi-content,
    .mi-sidebar-sm.mi-navbar-hide.mi-sidebar-toggle section.mi-content {
        margin-left: 20px !important;
    }

    .mi-sidebar-toggle .mi-content-widget,
    .mi-sidebar-md.mi-navbar-hide.mi-sidebar-toggle section.mi-content-widget,
    .mi-sidebar-sm.mi-navbar-hide.mi-sidebar-toggle section.mi-content-widget {
        margin-left: 0px !important;
    }

    .mi-sidebar-toggle .mi-sidebar {
        margin-left: -300px !important;
    }

    .mi-sidebar-toggle .mi-sidebar-overlay {
        display: none !important;
    }

    .mi-navbar-toggle-hide {
        display: none !important;
    }

    .navbar-left {
        margin-left: 135px;
    }
}

@media screen and (max-width: 1580px) {
    .mi-card-btn .mi-visual-content h3 {
        font-size: 18px;
    }

    .mi-card-btn .mi-visual-bar,
    .mi-card-btn .mi-visual-content {
        width: 100% !important;
    }

    .mi-card-btn {
        height: 100% !important;
    }

    .mi-card-btn .mi-visual-content h3 {
        text-align: center;
        line-height: 2;
    }

    .container {
        width: 100% !important;
        padding: 0 !important;
    }
}

@media screen and (max-width: 1169px) {

    .mi-sidebar-md.mi-navbar-hide section.mi-content,
    .mi-sidebar-sm.mi-navbar-hide section.mi-content,
    .mi-navbar-hide section.mi-content {
        margin: 15px 24px 30px 24px !important;
    }

    .mi-sidebar-md.mi-navbar-hide section.mi-content-widget,
    .mi-sidebar-sm.mi-navbar-hide section.mi-content-widget {
        margin: 0 0 30px 0 !important;
    }

    .mi-footer a.pull-right {
        float: none !important;
        display: block;
        margin-top: 7px !important;
    }

    .mi-footer {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .mi-navbar-logo {
        display: none;
    }

    .mi-sidebar-md .navbar,
    .mi-sidebar-sm .navbar,
    .navbar {
        left: 0px !important;
        width: 100% !important;
    }

    section.mi-content-widget {
        margin-left: 0px !important;
    }

    section.mi-content {
        margin-left: 24px !important;
    }

    .mi-sidebar {
        margin-left: -300px;
    }

    .mi-sidebar-toggle .navbar {
        left: 0px !important;
        width: 100% !important;
    }

    .mi-sidebar-toggle .mi-sidebar,
    .mi-sidebar-fluid .mi-sidebar {
        height: 100% !important;
        top: 64px !important;
    }

    .mi-sidebar-toggle .mi-navbar-toggle:before {
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .mi-sidebar-toggle .mi-navbar-toggle:after {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .mi-sidebar-toggle .mi-sidebar-overlay {
        display: block !important;
    }

    .mi-sidebar .mi-menu {
        padding-bottom: 120px !important;
    }
}

@media screen and (min-width: 800px) {
    .lg-outer.fb-comments .lg-actions .lg-next {
        right: 440px !important;
    }
}

@media screen and (max-width: 800px) {
    .lg-outer.fb-comments .lg-toolbar {
        right: 300px !important;
    }

    .lg-outer.fb-comments .lg-img-wrap {
        padding-right: 300px !important;
    }

    .lg-outer.fb-comments .fb-comments {
        width: 300px !important;
    }

    .lg-outer.fb-comments .lg-actions .lg-next {
        right: 320px !important;
    }
}

@media screen and (max-width: 610px) {
    .lg-outer.fb-comments .fb-comments {
        right: 0 !important;
        top: 250px !important;
        width: 100% !important;
    }

    .lg-outer.fb-comments .lg-toolbar {
        right: 0 !important;
    }

    .lg-outer.fb-comments .lg-img-wrap {
        padding-right: 5px !important;
    }

    .lg-outer.fb-comments .lg-image {
        vertical-align: top !important;
        margin-top: 20px !important;
    }

    .lg-outer.fb-comments .lg-img-wrap {
        padding-right: 5px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: calc(100% - 100px) !important;
        top: 0px !important;
    }

    .lg-outer.fb-comments .lg-actions {
        position: relative !important;
        width: 100% !important;
        height: 250px !important;
    }

    .lg-outer.fb-comments .lg-actions .lg-next {
        right: 20px !important;
    }
}

@media screen and (max-width: 590px) {
    .lg-outer.fb-comments .fb-comments {
        top: 280px !important;
    }
}

@media screen and (max-width: 540px) {
    .lg-outer.fb-comments .fb-comments {
        top: 260px !important;
    }
}

@media screen and (max-width: 425px) {
    .lg-outer.fb-comments .fb-comments {
        top: 210px !important;
    }
}

@media screen and (max-width: 375px) {
    .lg-outer.fb-comments .fb-comments {
        top: 180px !important;
    }
}

@media screen and (max-width: 360px) {
    .lg-outer.fb-comments .fb-comments {
        top: 160px !important;
    }

    .lg-toolbar .lg-icon {
        width: 40px !important;
    }

    .navbar>.container-fluid .navbar-brand {
        max-width: 200px;
    }
}

@media screen and (max-width: 320px) {
    .navbar>.container-fluid .navbar-brand {
        max-width: 190px;
    }
}

@media screen and (max-width: 300px) {
    .lg-outer.fb-comments .fb-comments {
        top: 130px !important;
    }
}

.mi-icon_3d_rotation:before {
    content: "\e84d"
}

.mi-icon_ac_unit:before {
    content: "\eb3b"
}

.mi-icon_access_alarm:before {
    content: "\e190"
}

.mi-icon_access_alarms:before {
    content: "\e191"
}

.mi-icon_access_time:before {
    content: "\e192"
}

.mi-icon_accessibility:before {
    content: "\e84e"
}

.mi-icon_accessible:before {
    content: "\e914"
}

.mi-icon_account_balance:before {
    content: "\e84f"
}

.mi-icon_account_balance_wallet:before {
    content: "\e850"
}

.mi-icon_account_box:before {
    content: "\e851"
}

.mi-icon_account_circle:before {
    content: "\e853"
}

.mi-icon_adb:before {
    content: "\e60e"
}

.mi-icon_add:before {
    content: "\e145"
}

.mi-icon_add_a_photo:before {
    content: "\e439"
}

.mi-icon_add_alarm:before {
    content: "\e193"
}

.mi-icon_add_alert:before {
    content: "\e003"
}

.mi-icon_add_box:before {
    content: "\e146"
}

.mi-icon_add_circle:before {
    content: "\e147"
}

.mi-icon_add_circle_outline:before {
    content: "\e148"
}

.mi-icon_add_location:before {
    content: "\e567"
}

.mi-icon_add_shopping_cart:before {
    content: "\e854"
}

.mi-icon_add_to_photos:before {
    content: "\e39d"
}

.mi-icon_add_to_queue:before {
    content: "\e05c"
}

.mi-icon_adjust:before {
    content: "\e39e"
}

.mi-icon_airline_seat_flat:before {
    content: "\e630"
}

.mi-icon_airline_seat_flat_angled:before {
    content: "\e631"
}

.mi-icon_airline_seat_individual_suite:before {
    content: "\e632"
}

.mi-icon_airline_seat_legroom_extra:before {
    content: "\e633"
}

.mi-icon_airline_seat_legroom_normal:before {
    content: "\e634"
}

.mi-icon_airline_seat_legroom_reduced:before {
    content: "\e635"
}

.mi-icon_airline_seat_recline_extra:before {
    content: "\e636"
}

.mi-icon_airline_seat_recline_normal:before {
    content: "\e637"
}

.mi-icon_airplanemode_active:before {
    content: "\e195"
}

.mi-icon_airplanemode_inactive:before {
    content: "\e194"
}

.mi-icon_airplay:before {
    content: "\e055"
}

.mi-icon_airport_shuttle:before {
    content: "\eb3c"
}

.mi-icon_alarm:before {
    content: "\e855"
}

.mi-icon_alarm_add:before {
    content: "\e856"
}

.mi-icon_alarm_off:before {
    content: "\e857"
}

.mi-icon_alarm_on:before {
    content: "\e858"
}

.mi-icon_album:before {
    content: "\e019"
}

.mi-icon_all_inclusive:before {
    content: "\eb3d"
}

.mi-icon_all_out:before {
    content: "\e90b"
}

.mi-icon_android:before {
    content: "\e859"
}

.mi-icon_announcement:before {
    content: "\e85a"
}

.mi-icon_apps:before {
    content: "\e5c3"
}

.mi-icon_archive:before {
    content: "\e149"
}

.mi-icon_arrow_back:before {
    content: "\e5c4"
}

.mi-icon_arrow_downward:before {
    content: "\e5db"
}

.mi-icon_arrow_drop_down:before {
    content: "\e5c5"
}

.mi-icon_arrow_drop_down_circle:before {
    content: "\e5c6"
}

.mi-icon_arrow_drop_up:before {
    content: "\e5c7"
}

.mi-icon_arrow_forward:before {
    content: "\e5c8"
}

.mi-icon_arrow_upward:before {
    content: "\e5d8"
}

.mi-icon_art_track:before {
    content: "\e060"
}

.mi-icon_aspect_ratio:before {
    content: "\e85b"
}

.mi-icon_assessment:before {
    content: "\e85c"
}

.mi-icon_assignment:before {
    content: "\e85d"
}

.mi-icon_assignment_ind:before {
    content: "\e85e"
}

.mi-icon_assignment_late:before {
    content: "\e85f"
}

.mi-icon_assignment_return:before {
    content: "\e860"
}

.mi-icon_assignment_returned:before {
    content: "\e861"
}

.mi-icon_assignment_turned_in:before {
    content: "\e862"
}

.mi-icon_assistant:before {
    content: "\e39f"
}

.mi-icon_assistant_photo:before {
    content: "\e3a0"
}

.mi-icon_attach_file:before {
    content: "\e226"
}

.mi-icon_attach_money:before {
    content: "\e227"
}

.mi-icon_attachment:before {
    content: "\e2bc"
}

.mi-icon_audiotrack:before {
    content: "\e3a1"
}

.mi-icon_autorenew:before {
    content: "\e863"
}

.mi-icon_av_timer:before {
    content: "\e01b"
}

.mi-icon_backspace:before {
    content: "\e14a"
}

.mi-icon_backup:before {
    content: "\e864"
}

.mi-icon_battery_alert:before {
    content: "\e19c"
}

.mi-icon_battery_charging_full:before {
    content: "\e1a3"
}

.mi-icon_battery_full:before {
    content: "\e1a4"
}

.mi-icon_battery_std:before {
    content: "\e1a5"
}

.mi-icon_battery_unknown:before {
    content: "\e1a6"
}

.mi-icon_beach_access:before {
    content: "\eb3e"
}

.mi-icon_beenhere:before {
    content: "\e52d"
}

.mi-icon_block:before {
    content: "\e14b"
}

.mi-icon_bluetooth:before {
    content: "\e1a7"
}

.mi-icon_bluetooth_audio:before {
    content: "\e60f"
}

.mi-icon_bluetooth_connected:before {
    content: "\e1a8"
}

.mi-icon_bluetooth_disabled:before {
    content: "\e1a9"
}

.mi-icon_bluetooth_searching:before {
    content: "\e1aa"
}

.mi-icon_blur_circular:before {
    content: "\e3a2"
}

.mi-icon_blur_linear:before {
    content: "\e3a3"
}

.mi-icon_blur_off:before {
    content: "\e3a4"
}

.mi-icon_blur_on:before {
    content: "\e3a5"
}

.mi-icon_book:before {
    content: "\e865"
}

.mi-icon_bookmark:before {
    content: "\e866"
}

.mi-icon_bookmark_border:before {
    content: "\e867"
}

.mi-icon_border_all:before {
    content: "\e228"
}

.mi-icon_border_bottom:before {
    content: "\e229"
}

.mi-icon_border_clear:before {
    content: "\e22a"
}

.mi-icon_border_color:before {
    content: "\e22b"
}

.mi-icon_border_horizontal:before {
    content: "\e22c"
}

.mi-icon_border_inner:before {
    content: "\e22d"
}

.mi-icon_border_left:before {
    content: "\e22e"
}

.mi-icon_border_outer:before {
    content: "\e22f"
}

.mi-icon_border_right:before {
    content: "\e230"
}

.mi-icon_border_style:before {
    content: "\e231"
}

.mi-icon_border_top:before {
    content: "\e232"
}

.mi-icon_border_vertical:before {
    content: "\e233"
}

.mi-icon_branding_watermark:before {
    content: "\e06b"
}

.mi-icon_brightness_1:before {
    content: "\e3a6"
}

.mi-icon_brightness_2:before {
    content: "\e3a7"
}

.mi-icon_brightness_3:before {
    content: "\e3a8"
}

.mi-icon_brightness_4:before {
    content: "\e3a9"
}

.mi-icon_brightness_5:before {
    content: "\e3aa"
}

.mi-icon_brightness_6:before {
    content: "\e3ab"
}

.mi-icon_brightness_7:before {
    content: "\e3ac"
}

.mi-icon_brightness_auto:before {
    content: "\e1ab"
}

.mi-icon_brightness_high:before {
    content: "\e1ac"
}

.mi-icon_brightness_low:before {
    content: "\e1ad"
}

.mi-icon_brightness_medium:before {
    content: "\e1ae"
}

.mi-icon_broken_image:before {
    content: "\e3ad"
}

.mi-icon_brush:before {
    content: "\e3ae"
}

.mi-icon_bubble_chart:before {
    content: "\e6dd"
}

.mi-icon_bug_report:before {
    content: "\e868"
}

.mi-icon_build:before {
    content: "\e869"
}

.mi-icon_burst_mode:before {
    content: "\e43c"
}

.mi-icon_business:before {
    content: "\e0af"
}

.mi-icon_business_center:before {
    content: "\eb3f"
}

.mi-icon_cached:before {
    content: "\e86a"
}

.mi-icon_cake:before {
    content: "\e7e9"
}

.mi-icon_call:before {
    content: "\e0b0"
}

.mi-icon_call_end:before {
    content: "\e0b1"
}

.mi-icon_call_made:before {
    content: "\e0b2"
}

.mi-icon_call_merge:before {
    content: "\e0b3"
}

.mi-icon_call_missed:before {
    content: "\e0b4"
}

.mi-icon_call_missed_outgoing:before {
    content: "\e0e4"
}

.mi-icon_call_received:before {
    content: "\e0b5"
}

.mi-icon_call_split:before {
    content: "\e0b6"
}

.mi-icon_call_to_action:before {
    content: "\e06c"
}

.mi-icon_camera:before {
    content: "\e3af"
}

.mi-icon_camera_alt:before {
    content: "\e3b0"
}

.mi-icon_camera_enhance:before {
    content: "\e8fc"
}

.mi-icon_camera_front:before {
    content: "\e3b1"
}

.mi-icon_camera_rear:before {
    content: "\e3b2"
}

.mi-icon_camera_roll:before {
    content: "\e3b3"
}

.mi-icon_cancel:before {
    content: "\e5c9"
}

.mi-icon_card_giftcard:before {
    content: "\e8f6"
}

.mi-icon_card_membership:before {
    content: "\e8f7"
}

.mi-icon_card_travel:before {
    content: "\e8f8"
}

.mi-icon_casino:before {
    content: "\eb40"
}

.mi-icon_cast:before {
    content: "\e307"
}

.mi-icon_cast_connected:before {
    content: "\e308"
}

.mi-icon_center_focus_strong:before {
    content: "\e3b4"
}

.mi-icon_center_focus_weak:before {
    content: "\e3b5"
}

.mi-icon_change_history:before {
    content: "\e86b"
}

.mi-icon_chat:before {
    content: "\e0b7"
}

.mi-icon_chat_bubble:before {
    content: "\e0ca"
}

.mi-icon_chat_bubble_outline:before {
    content: "\e0cb"
}

.mi-icon_check:before {
    content: "\e5ca"
}

.mi-icon_check_box:before {
    content: "\e834"
}

.mi-icon_check_box_outline_blank:before {
    content: "\e835"
}

.mi-icon_check_circle:before {
    content: "\e86c"
}

.mi-icon_chevron_left:before {
    content: "\e5cb"
}

.mi-icon_chevron_right:before {
    content: "\e5cc"
}

.mi-icon_child_care:before {
    content: "\eb41"
}

.mi-icon_child_friendly:before {
    content: "\eb42"
}

.mi-icon_chrome_reader_mode:before {
    content: "\e86d"
}

.mi-icon_class:before {
    content: "\e86e"
}

.mi-icon_clear:before {
    content: "\e14c"
}

.mi-icon_clear_all:before {
    content: "\e0b8"
}

.mi-icon_close:before {
    content: "\e5cd"
}

.mi-icon_closed_caption:before {
    content: "\e01c"
}

.mi-icon_cloud:before {
    content: "\e2bd"
}

.mi-icon_cloud_circle:before {
    content: "\e2be"
}

.mi-icon_cloud_done:before {
    content: "\e2bf"
}

.mi-icon_cloud_download:before {
    content: "\e2c0"
}

.mi-icon_cloud_off:before {
    content: "\e2c1"
}

.mi-icon_cloud_queue:before {
    content: "\e2c2"
}

.mi-icon_cloud_upload:before {
    content: "\e2c3"
}

.mi-icon_code:before {
    content: "\e86f"
}

.mi-icon_collections:before {
    content: "\e3b6"
}

.mi-icon_collections_bookmark:before {
    content: "\e431"
}

.mi-icon_color_lens:before {
    content: "\e3b7"
}

.mi-icon_colorize:before {
    content: "\e3b8"
}

.mi-icon_comment:before {
    content: "\e0b9"
}

.mi-icon_compare:before {
    content: "\e3b9"
}

.mi-icon_compare_arrows:before {
    content: "\e915"
}

.mi-icon_computer:before {
    content: "\e30a"
}

.mi-icon_confirmation_number:before {
    content: "\e638"
}

.mi-icon_contact_mail:before {
    content: "\e0d0"
}

.mi-icon_contact_phone:before {
    content: "\e0cf"
}

.mi-icon_contacts:before {
    content: "\e0ba"
}

.mi-icon_content_copy:before {
    content: "\e14d"
}

.mi-icon_content_cut:before {
    content: "\e14e"
}

.mi-icon_content_paste:before {
    content: "\e14f"
}

.mi-icon_control_point:before {
    content: "\e3ba"
}

.mi-icon_control_point_duplicate:before {
    content: "\e3bb"
}

.mi-icon_copyright:before {
    content: "\e90c"
}

.mi-icon_create:before {
    content: "\e150"
}

.mi-icon_create_new_folder:before {
    content: "\e2cc"
}

.mi-icon_credit_card:before {
    content: "\e870"
}

.mi-icon_crop:before {
    content: "\e3be"
}

.mi-icon_crop_16_9:before {
    content: "\e3bc"
}

.mi-icon_crop_3_2:before {
    content: "\e3bd"
}

.mi-icon_crop_5_4:before {
    content: "\e3bf"
}

.mi-icon_crop_7_5:before {
    content: "\e3c0"
}

.mi-icon_crop_din:before {
    content: "\e3c1"
}

.mi-icon_crop_free:before {
    content: "\e3c2"
}

.mi-icon_crop_landscape:before {
    content: "\e3c3"
}

.mi-icon_crop_original:before {
    content: "\e3c4"
}

.mi-icon_crop_portrait:before {
    content: "\e3c5"
}

.mi-icon_crop_rotate:before {
    content: "\e437"
}

.mi-icon_crop_square:before {
    content: "\e3c6"
}

.mi-icon_dashboard:before {
    content: "\e871"
}

.mi-icon_data_usage:before {
    content: "\e1af"
}

.mi-icon_date_range:before {
    content: "\e916"
}

.mi-icon_dehaze:before {
    content: "\e3c7"
}

.mi-icon_delete:before {
    content: "\e872"
}

.mi-icon_delete_forever:before {
    content: "\e92b"
}

.mi-icon_delete_sweep:before {
    content: "\e16c"
}

.mi-icon_description:before {
    content: "\e873"
}

.mi-icon_desktop_mac:before {
    content: "\e30b"
}

.mi-icon_desktop_windows:before {
    content: "\e30c"
}

.mi-icon_details:before {
    content: "\e3c8"
}

.mi-icon_developer_board:before {
    content: "\e30d"
}

.mi-icon_developer_mode:before {
    content: "\e1b0"
}

.mi-icon_device_hub:before {
    content: "\e335"
}

.mi-icon_devices:before {
    content: "\e1b1"
}

.mi-icon_devices_other:before {
    content: "\e337"
}

.mi-icon_dialer_sip:before {
    content: "\e0bb"
}

.mi-icon_dialpad:before {
    content: "\e0bc"
}

.mi-icon_directions:before {
    content: "\e52e"
}

.mi-icon_directions_bike:before {
    content: "\e52f"
}

.mi-icon_directions_boat:before {
    content: "\e532"
}

.mi-icon_directions_bus:before {
    content: "\e530"
}

.mi-icon_directions_car:before {
    content: "\e531"
}

.mi-icon_directions_railway:before {
    content: "\e534"
}

.mi-icon_directions_run:before {
    content: "\e566"
}

.mi-icon_directions_subway:before {
    content: "\e533"
}

.mi-icon_directions_transit:before {
    content: "\e535"
}

.mi-icon_directions_walk:before {
    content: "\e536"
}

.mi-icon_disc_full:before {
    content: "\e610"
}

.mi-icon_dns:before {
    content: "\e875"
}

.mi-icon_do_not_disturb:before {
    content: "\e612"
}

.mi-icon_do_not_disturb_alt:before {
    content: "\e611"
}

.mi-icon_do_not_disturb_off:before {
    content: "\e643"
}

.mi-icon_do_not_disturb_on:before {
    content: "\e644"
}

.mi-icon_dock:before {
    content: "\e30e"
}

.mi-icon_domain:before {
    content: "\e7ee"
}

.mi-icon_done:before {
    content: "\e876"
}

.mi-icon_done_all:before {
    content: "\e877"
}

.mi-icon_donut_large:before {
    content: "\e917"
}

.mi-icon_donut_small:before {
    content: "\e918"
}

.mi-icon_drafts:before {
    content: "\e151"
}

.mi-icon_drag_handle:before {
    content: "\e25d"
}

.mi-icon_drive_eta:before {
    content: "\e613"
}

.mi-icon_dvr:before {
    content: "\e1b2"
}

.mi-icon_edit:before {
    content: "\e3c9"
}

.mi-icon_edit_location:before {
    content: "\e568"
}

.mi-icon_eject:before {
    content: "\e8fb"
}

.mi-icon_email:before {
    content: "\e0be"
}

.mi-icon_enhanced_encryption:before {
    content: "\e63f"
}

.mi-icon_equalizer:before {
    content: "\e01d"
}

.mi-icon_error:before {
    content: "\e000"
}

.mi-icon_error_outline:before {
    content: "\e001"
}

.mi-icon_euro_symbol:before {
    content: "\e926"
}

.mi-icon_ev_station:before {
    content: "\e56d"
}

.mi-icon_event:before {
    content: "\e878"
}

.mi-icon_event_available:before {
    content: "\e614"
}

.mi-icon_event_busy:before {
    content: "\e615"
}

.mi-icon_event_note:before {
    content: "\e616"
}

.mi-icon_event_seat:before {
    content: "\e903"
}

.mi-icon_exit_to_app:before {
    content: "\e879"
}

.mi-icon_expand_less:before {
    content: "\e5ce"
}

.mi-icon_expand_more:before {
    content: "\e5cf"
}

.mi-icon_explicit:before {
    content: "\e01e"
}

.mi-icon_explore:before {
    content: "\e87a"
}

.mi-icon_exposure:before {
    content: "\e3ca"
}

.mi-icon_exposure_neg_1:before {
    content: "\e3cb"
}

.mi-icon_exposure_neg_2:before {
    content: "\e3cc"
}

.mi-icon_exposure_plus_1:before {
    content: "\e3cd"
}

.mi-icon_exposure_plus_2:before {
    content: "\e3ce"
}

.mi-icon_exposure_zero:before {
    content: "\e3cf"
}

.mi-icon_extension:before {
    content: "\e87b"
}

.mi-icon_face:before {
    content: "\e87c"
}

.mi-icon_fast_forward:before {
    content: "\e01f"
}

.mi-icon_fast_rewind:before {
    content: "\e020"
}

.mi-icon_favorite:before {
    content: "\e87d"
}

.mi-icon_favorite_border:before {
    content: "\e87e"
}

.mi-icon_featured_play_list:before {
    content: "\e06d"
}

.mi-icon_featured_video:before {
    content: "\e06e"
}

.mi-icon_feedback:before {
    content: "\e87f"
}

.mi-icon_fiber_dvr:before {
    content: "\e05d"
}

.mi-icon_fiber_manual_record:before {
    content: "\e061"
}

.mi-icon_fiber_new:before {
    content: "\e05e"
}

.mi-icon_fiber_pin:before {
    content: "\e06a"
}

.mi-icon_fiber_smart_record:before {
    content: "\e062"
}

.mi-icon_file_download:before {
    content: "\e2c4"
}

.mi-icon_file_upload:before {
    content: "\e2c6"
}

.mi-icon_filter:before {
    content: "\e3d3"
}

.mi-icon_filter_1:before {
    content: "\e3d0"
}

.mi-icon_filter_2:before {
    content: "\e3d1"
}

.mi-icon_filter_3:before {
    content: "\e3d2"
}

.mi-icon_filter_4:before {
    content: "\e3d4"
}

.mi-icon_filter_5:before {
    content: "\e3d5"
}

.mi-icon_filter_6:before {
    content: "\e3d6"
}

.mi-icon_filter_7:before {
    content: "\e3d7"
}

.mi-icon_filter_8:before {
    content: "\e3d8"
}

.mi-icon_filter_9:before {
    content: "\e3d9"
}

.mi-icon_filter_9_plus:before {
    content: "\e3da"
}

.mi-icon_filter_b_and_w:before {
    content: "\e3db"
}

.mi-icon_filter_center_focus:before {
    content: "\e3dc"
}

.mi-icon_filter_drama:before {
    content: "\e3dd"
}

.mi-icon_filter_frames:before {
    content: "\e3de"
}

.mi-icon_filter_hdr:before {
    content: "\e3df"
}

.mi-icon_filter_list:before {
    content: "\e152"
}

.mi-icon_filter_none:before {
    content: "\e3e0"
}

.mi-icon_filter_tilt_shift:before {
    content: "\e3e2"
}

.mi-icon_filter_vintage:before {
    content: "\e3e3"
}

.mi-icon_find_in_page:before {
    content: "\e880"
}

.mi-icon_find_replace:before {
    content: "\e881"
}

.mi-icon_fingerprint:before {
    content: "\e90d"
}

.mi-icon_first_page:before {
    content: "\e5dc"
}

.mi-icon_fitness_center:before {
    content: "\eb43"
}

.mi-icon_flag:before {
    content: "\e153"
}

.mi-icon_flare:before {
    content: "\e3e4"
}

.mi-icon_flash_auto:before {
    content: "\e3e5"
}

.mi-icon_flash_off:before {
    content: "\e3e6"
}

.mi-icon_flash_on:before {
    content: "\e3e7"
}

.mi-icon_flight:before {
    content: "\e539"
}

.mi-icon_flight_land:before {
    content: "\e904"
}

.mi-icon_flight_takeoff:before {
    content: "\e905"
}

.mi-icon_flip:before {
    content: "\e3e8"
}

.mi-icon_flip_to_back:before {
    content: "\e882"
}

.mi-icon_flip_to_front:before {
    content: "\e883"
}

.mi-icon_folder:before {
    content: "\e2c7"
}

.mi-icon_folder_open:before {
    content: "\e2c8"
}

.mi-icon_folder_shared:before {
    content: "\e2c9"
}

.mi-icon_folder_special:before {
    content: "\e617"
}

.mi-icon_font_download:before {
    content: "\e167"
}

.mi-icon_format_align_center:before {
    content: "\e234"
}

.mi-icon_format_align_justify:before {
    content: "\e235"
}

.mi-icon_format_align_left:before {
    content: "\e236"
}

.mi-icon_format_align_right:before {
    content: "\e237"
}

.mi-icon_format_bold:before {
    content: "\e238"
}

.mi-icon_format_clear:before {
    content: "\e239"
}

.mi-icon_format_color_fill:before {
    content: "\e23a"
}

.mi-icon_format_color_reset:before {
    content: "\e23b"
}

.mi-icon_format_color_text:before {
    content: "\e23c"
}

.mi-icon_format_indent_decrease:before {
    content: "\e23d"
}

.mi-icon_format_indent_increase:before {
    content: "\e23e"
}

.mi-icon_format_italic:before {
    content: "\e23f"
}

.mi-icon_format_line_spacing:before {
    content: "\e240"
}

.mi-icon_format_list_bulleted:before {
    content: "\e241"
}

.mi-icon_format_list_numbered:before {
    content: "\e242"
}

.mi-icon_format_paint:before {
    content: "\e243"
}

.mi-icon_format_quote:before {
    content: "\e244"
}

.mi-icon_format_shapes:before {
    content: "\e25e"
}

.mi-icon_format_size:before {
    content: "\e245"
}

.mi-icon_format_strikethrough:before {
    content: "\e246"
}

.mi-icon_format_textdirection_l_to_r:before {
    content: "\e247"
}

.mi-icon_format_textdirection_r_to_l:before {
    content: "\e248"
}

.mi-icon_format_underlined:before {
    content: "\e249"
}

.mi-icon_forum:before {
    content: "\e0bf"
}

.mi-icon_forward:before {
    content: "\e154"
}

.mi-icon_forward_10:before {
    content: "\e056"
}

.mi-icon_forward_30:before {
    content: "\e057"
}

.mi-icon_forward_5:before {
    content: "\e058"
}

.mi-icon_free_breakfast:before {
    content: "\eb44"
}

.mi-icon_fullscreen:before {
    content: "\e5d0"
}

.mi-icon_fullscreen_exit:before {
    content: "\e5d1"
}

.mi-icon_functions:before {
    content: "\e24a"
}

.mi-icon_g_translate:before {
    content: "\e927"
}

.mi-icon_gamepad:before {
    content: "\e30f"
}

.mi-icon_games:before {
    content: "\e021"
}

.mi-icon_gavel:before {
    content: "\e90e"
}

.mi-icon_gesture:before {
    content: "\e155"
}

.mi-icon_get_app:before {
    content: "\e884"
}

.mi-icon_gif:before {
    content: "\e908"
}

.mi-icon_golf_course:before {
    content: "\eb45"
}

.mi-icon_gps_fixed:before {
    content: "\e1b3"
}

.mi-icon_gps_not_fixed:before {
    content: "\e1b4"
}

.mi-icon_gps_off:before {
    content: "\e1b5"
}

.mi-icon_grade:before {
    content: "\e885"
}

.mi-icon_gradient:before {
    content: "\e3e9"
}

.mi-icon_grain:before {
    content: "\e3ea"
}

.mi-icon_graphic_eq:before {
    content: "\e1b8"
}

.mi-icon_grid_off:before {
    content: "\e3eb"
}

.mi-icon_grid_on:before {
    content: "\e3ec"
}

.mi-icon_group:before {
    content: "\e7ef"
}

.mi-icon_group_add:before {
    content: "\e7f0"
}

.mi-icon_group_work:before {
    content: "\e886"
}

.mi-icon_hd:before {
    content: "\e052"
}

.mi-icon_hdr_off:before {
    content: "\e3ed"
}

.mi-icon_hdr_on:before {
    content: "\e3ee"
}

.mi-icon_hdr_strong:before {
    content: "\e3f1"
}

.mi-icon_hdr_weak:before {
    content: "\e3f2"
}

.mi-icon_headset:before {
    content: "\e310"
}

.mi-icon_headset_mic:before {
    content: "\e311"
}

.mi-icon_healing:before {
    content: "\e3f3"
}

.mi-icon_hearing:before {
    content: "\e023"
}

.mi-icon_help:before {
    content: "\e887"
}

.mi-icon_help_outline:before {
    content: "\e8fd"
}

.mi-icon_high_quality:before {
    content: "\e024"
}

.mi-icon_highlight:before {
    content: "\e25f"
}

.mi-icon_highlight_off:before {
    content: "\e888"
}

.mi-icon_history:before {
    content: "\e889"
}

.mi-icon_home:before {
    content: "\e88a"
}

.mi-icon_hot_tub:before {
    content: "\eb46"
}

.mi-icon_hotel:before {
    content: "\e53a"
}

.mi-icon_hourglass_empty:before {
    content: "\e88b"
}

.mi-icon_hourglass_full:before {
    content: "\e88c"
}

.mi-icon_http:before {
    content: "\e902"
}

.mi-icon_https:before {
    content: "\e88d"
}

.mi-icon_image:before {
    content: "\e3f4"
}

.mi-icon_image_aspect_ratio:before {
    content: "\e3f5"
}

.mi-icon_import_contacts:before {
    content: "\e0e0"
}

.mi-icon_import_export:before {
    content: "\e0c3"
}

.mi-icon_important_devices:before {
    content: "\e912"
}

.mi-icon_inbox:before {
    content: "\e156"
}

.mi-icon_indeterminate_check_box:before {
    content: "\e909"
}

.mi-icon_info:before {
    content: "\e88e"
}

.mi-icon_info_outline:before {
    content: "\e88f"
}

.mi-icon_input:before {
    content: "\e890"
}

.mi-icon_insert_chart:before {
    content: "\e24b"
}

.mi-icon_insert_comment:before {
    content: "\e24c"
}

.mi-icon_insert_drive_file:before {
    content: "\e24d"
}

.mi-icon_insert_emoticon:before {
    content: "\e24e"
}

.mi-icon_insert_invitation:before {
    content: "\e24f"
}

.mi-icon_insert_link:before {
    content: "\e250"
}

.mi-icon_insert_photo:before {
    content: "\e251"
}

.mi-icon_invert_colors:before {
    content: "\e891"
}

.mi-icon_invert_colors_off:before {
    content: "\e0c4"
}

.mi-icon_iso:before {
    content: "\e3f6"
}

.mi-icon_keyboard:before {
    content: "\e312"
}

.mi-icon_keyboard_arrow_down:before {
    content: "\e313"
}

.mi-icon_keyboard_arrow_left:before {
    content: "\e314"
}

.mi-icon_keyboard_arrow_right:before {
    content: "\e315"
}

.mi-icon_keyboard_arrow_up:before {
    content: "\e316"
}

.mi-icon_keyboard_backspace:before {
    content: "\e317"
}

.mi-icon_keyboard_capslock:before {
    content: "\e318"
}

.mi-icon_keyboard_hide:before {
    content: "\e31a"
}

.mi-icon_keyboard_return:before {
    content: "\e31b"
}

.mi-icon_keyboard_tab:before {
    content: "\e31c"
}

.mi-icon_keyboard_voice:before {
    content: "\e31d"
}

.mi-icon_kitchen:before {
    content: "\eb47"
}

.mi-icon_label:before {
    content: "\e892"
}

.mi-icon_label_outline:before {
    content: "\e893"
}

.mi-icon_landscape:before {
    content: "\e3f7"
}

.mi-icon_language:before {
    content: "\e894"
}

.mi-icon_laptop:before {
    content: "\e31e"
}

.mi-icon_laptop_chromebook:before {
    content: "\e31f"
}

.mi-icon_laptop_mac:before {
    content: "\e320"
}

.mi-icon_laptop_windows:before {
    content: "\e321"
}

.mi-icon_last_page:before {
    content: "\e5dd"
}

.mi-icon_launch:before {
    content: "\e895"
}

.mi-icon_layers:before {
    content: "\e53b"
}

.mi-icon_layers_clear:before {
    content: "\e53c"
}

.mi-icon_leak_add:before {
    content: "\e3f8"
}

.mi-icon_leak_remove:before {
    content: "\e3f9"
}

.mi-icon_lens:before {
    content: "\e3fa"
}

.mi-icon_library_add:before {
    content: "\e02e"
}

.mi-icon_library_books:before {
    content: "\e02f"
}

.mi-icon_library_music:before {
    content: "\e030"
}

.mi-icon_lightbulb_outline:before {
    content: "\e90f"
}

.mi-icon_line_style:before {
    content: "\e919"
}

.mi-icon_line_weight:before {
    content: "\e91a"
}

.mi-icon_linear_scale:before {
    content: "\e260"
}

.mi-icon_link:before {
    content: "\e157"
}

.mi-icon_linked_camera:before {
    content: "\e438"
}

.mi-icon_list:before {
    content: "\e896"
}

.mi-icon_live_help:before {
    content: "\e0c6"
}

.mi-icon_live_tv:before {
    content: "\e639"
}

.mi-icon_local_activity:before {
    content: "\e53f"
}

.mi-icon_local_airport:before {
    content: "\e53d"
}

.mi-icon_local_atm:before {
    content: "\e53e"
}

.mi-icon_local_bar:before {
    content: "\e540"
}

.mi-icon_local_cafe:before {
    content: "\e541"
}

.mi-icon_local_car_wash:before {
    content: "\e542"
}

.mi-icon_local_convenience_store:before {
    content: "\e543"
}

.mi-icon_local_dining:before {
    content: "\e556"
}

.mi-icon_local_drink:before {
    content: "\e544"
}

.mi-icon_local_florist:before {
    content: "\e545"
}

.mi-icon_local_gas_station:before {
    content: "\e546"
}

.mi-icon_local_grocery_store:before {
    content: "\e547"
}

.mi-icon_local_hospital:before {
    content: "\e548"
}

.mi-icon_local_hotel:before {
    content: "\e549"
}

.mi-icon_local_laundry_service:before {
    content: "\e54a"
}

.mi-icon_local_library:before {
    content: "\e54b"
}

.mi-icon_local_mall:before {
    content: "\e54c"
}

.mi-icon_local_movies:before {
    content: "\e54d"
}

.mi-icon_local_offer:before {
    content: "\e54e"
}

.mi-icon_local_parking:before {
    content: "\e54f"
}

.mi-icon_local_pharmacy:before {
    content: "\e550"
}

.mi-icon_local_phone:before {
    content: "\e551"
}

.mi-icon_local_pizza:before {
    content: "\e552"
}

.mi-icon_local_play:before {
    content: "\e553"
}

.mi-icon_local_post_office:before {
    content: "\e554"
}

.mi-icon_local_printshop:before {
    content: "\e555"
}

.mi-icon_local_see:before {
    content: "\e557"
}

.mi-icon_local_shipping:before {
    content: "\e558"
}

.mi-icon_local_taxi:before {
    content: "\e559"
}

.mi-icon_location_city:before {
    content: "\e7f1"
}

.mi-icon_location_disabled:before {
    content: "\e1b6"
}

.mi-icon_location_off:before {
    content: "\e0c7"
}

.mi-icon_location_on:before {
    content: "\e0c8"
}

.mi-icon_location_searching:before {
    content: "\e1b7"
}

.mi-icon_lock:before {
    content: "\e897"
}

.mi-icon_lock_open:before {
    content: "\e898"
}

.mi-icon_lock_outline:before {
    content: "\e899"
}

.mi-icon_looks:before {
    content: "\e3fc"
}

.mi-icon_looks_3:before {
    content: "\e3fb"
}

.mi-icon_looks_4:before {
    content: "\e3fd"
}

.mi-icon_looks_5:before {
    content: "\e3fe"
}

.mi-icon_looks_6:before {
    content: "\e3ff"
}

.mi-icon_looks_one:before {
    content: "\e400"
}

.mi-icon_looks_two:before {
    content: "\e401"
}

.mi-icon_loop:before {
    content: "\e028"
}

.mi-icon_loupe:before {
    content: "\e402"
}

.mi-icon_low_priority:before {
    content: "\e16d"
}

.mi-icon_loyalty:before {
    content: "\e89a"
}

.mi-icon_mail:before {
    content: "\e158"
}

.mi-icon_mail_outline:before {
    content: "\e0e1"
}

.mi-icon_map:before {
    content: "\e55b"
}

.mi-icon_markunread:before {
    content: "\e159"
}

.mi-icon_markunread_mailbox:before {
    content: "\e89b"
}

.mi-icon_memory:before {
    content: "\e322"
}

.mi-icon_menu:before {
    content: "\e5d2"
}

.mi-icon_merge_type:before {
    content: "\e252"
}

.mi-icon_message:before {
    content: "\e0c9"
}

.mi-icon_mic:before {
    content: "\e029"
}

.mi-icon_mic_none:before {
    content: "\e02a"
}

.mi-icon_mic_off:before {
    content: "\e02b"
}

.mi-icon_mms:before {
    content: "\e618"
}

.mi-icon_mode_comment:before {
    content: "\e253"
}

.mi-icon_mode_edit:before {
    content: "\e254"
}

.mi-icon_monetization_on:before {
    content: "\e263"
}

.mi-icon_money_off:before {
    content: "\e25c"
}

.mi-icon_monochrome_photos:before {
    content: "\e403"
}

.mi-icon_mood:before {
    content: "\e7f2"
}

.mi-icon_mood_bad:before {
    content: "\e7f3"
}

.mi-icon_more:before {
    content: "\e619"
}

.mi-icon_more_horiz:before {
    content: "\e5d3"
}

.mi-icon_more_vert:before {
    content: "\e5d4"
}

.mi-icon_motorcycle:before {
    content: "\e91b"
}

.mi-icon_mouse:before {
    content: "\e323"
}

.mi-icon_move_to_inbox:before {
    content: "\e168"
}

.mi-icon_movie:before {
    content: "\e02c"
}

.mi-icon_movie_creation:before {
    content: "\e404"
}

.mi-icon_movie_filter:before {
    content: "\e43a"
}

.mi-icon_multiline_chart:before {
    content: "\e6df"
}

.mi-icon_music_note:before {
    content: "\e405"
}

.mi-icon_music_video:before {
    content: "\e063"
}

.mi-icon_my_location:before {
    content: "\e55c"
}

.mi-icon_nature:before {
    content: "\e406"
}

.mi-icon_nature_people:before {
    content: "\e407"
}

.mi-icon_navigate_before:before {
    content: "\e408"
}

.mi-icon_navigate_next:before {
    content: "\e409"
}

.mi-icon_navigation:before {
    content: "\e55d"
}

.mi-icon_near_me:before {
    content: "\e569"
}

.mi-icon_network_cell:before {
    content: "\e1b9"
}

.mi-icon_network_check:before {
    content: "\e640"
}

.mi-icon_network_locked:before {
    content: "\e61a"
}

.mi-icon_network_wifi:before {
    content: "\e1ba"
}

.mi-icon_new_releases:before {
    content: "\e031"
}

.mi-icon_next_week:before {
    content: "\e16a"
}

.mi-icon_nfc:before {
    content: "\e1bb"
}

.mi-icon_no_encryption:before {
    content: "\e641"
}

.mi-icon_no_sim:before {
    content: "\e0cc"
}

.mi-icon_not_interested:before {
    content: "\e033"
}

.mi-icon_note:before {
    content: "\e06f"
}

.mi-icon_note_add:before {
    content: "\e89c"
}

.mi-icon_notifications:before {
    content: "\e7f4"
}

.mi-icon_notifications_active:before {
    content: "\e7f7"
}

.mi-icon_notifications_none:before {
    content: "\e7f5"
}

.mi-icon_notifications_off:before {
    content: "\e7f6"
}

.mi-icon_notifications_paused:before {
    content: "\e7f8"
}

.mi-icon_offline_pin:before {
    content: "\e90a"
}

.mi-icon_ondemand_video:before {
    content: "\e63a"
}

.mi-icon_opacity:before {
    content: "\e91c"
}

.mi-icon_open_in_browser:before {
    content: "\e89d"
}

.mi-icon_open_in_new:before {
    content: "\e89e"
}

.mi-icon_open_with:before {
    content: "\e89f"
}

.mi-icon_pages:before {
    content: "\e7f9"
}

.mi-icon_pageview:before {
    content: "\e8a0"
}

.mi-icon_palette:before {
    content: "\e40a"
}

.mi-icon_pan_tool:before {
    content: "\e925"
}

.mi-icon_panorama:before {
    content: "\e40b"
}

.mi-icon_panorama_fish_eye:before {
    content: "\e40c"
}

.mi-icon_panorama_horizontal:before {
    content: "\e40d"
}

.mi-icon_panorama_vertical:before {
    content: "\e40e"
}

.mi-icon_panorama_wide_angle:before {
    content: "\e40f"
}

.mi-icon_party_mode:before {
    content: "\e7fa"
}

.mi-icon_pause:before {
    content: "\e034"
}

.mi-icon_pause_circle_filled:before {
    content: "\e035"
}

.mi-icon_pause_circle_outline:before {
    content: "\e036"
}

.mi-icon_payment:before {
    content: "\e8a1"
}

.mi-icon_people:before {
    content: "\e7fb"
}

.mi-icon_people_outline:before {
    content: "\e7fc"
}

.mi-icon_perm_camera_mic:before {
    content: "\e8a2"
}

.mi-icon_perm_contact_calendar:before {
    content: "\e8a3"
}

.mi-icon_perm_data_setting:before {
    content: "\e8a4"
}

.mi-icon_perm_device_information:before {
    content: "\e8a5"
}

.mi-icon_perm_identity:before {
    content: "\e8a6"
}

.mi-icon_perm_media:before {
    content: "\e8a7"
}

.mi-icon_perm_phone_msg:before {
    content: "\e8a8"
}

.mi-icon_perm_scan_wifi:before {
    content: "\e8a9"
}

.mi-icon_person:before {
    content: "\e7fd"
}

.mi-icon_person_add:before {
    content: "\e7fe"
}

.mi-icon_person_outline:before {
    content: "\e7ff"
}

.mi-icon_person_pin:before {
    content: "\e55a"
}

.mi-icon_person_pin_circle:before {
    content: "\e56a"
}

.mi-icon_personal_video:before {
    content: "\e63b"
}

.mi-icon_pets:before {
    content: "\e91d"
}

.mi-icon_phone:before {
    content: "\e0cd"
}

.mi-icon_phone_android:before {
    content: "\e324"
}

.mi-icon_phone_bluetooth_speaker:before {
    content: "\e61b"
}

.mi-icon_phone_forwarded:before {
    content: "\e61c"
}

.mi-icon_phone_in_talk:before {
    content: "\e61d"
}

.mi-icon_phone_iphone:before {
    content: "\e325"
}

.mi-icon_phone_locked:before {
    content: "\e61e"
}

.mi-icon_phone_missed:before {
    content: "\e61f"
}

.mi-icon_phone_paused:before {
    content: "\e620"
}

.mi-icon_phonelink:before {
    content: "\e326"
}

.mi-icon_phonelink_erase:before {
    content: "\e0db"
}

.mi-icon_phonelink_lock:before {
    content: "\e0dc"
}

.mi-icon_phonelink_off:before {
    content: "\e327"
}

.mi-icon_phonelink_ring:before {
    content: "\e0dd"
}

.mi-icon_phonelink_setup:before {
    content: "\e0de"
}

.mi-icon_photo:before {
    content: "\e410"
}

.mi-icon_photo_album:before {
    content: "\e411"
}

.mi-icon_photo_camera:before {
    content: "\e412"
}

.mi-icon_photo_filter:before {
    content: "\e43b"
}

.mi-icon_photo_library:before {
    content: "\e413"
}

.mi-icon_photo_size_select_actual:before {
    content: "\e432"
}

.mi-icon_photo_size_select_large:before {
    content: "\e433"
}

.mi-icon_photo_size_select_small:before {
    content: "\e434"
}

.mi-icon_picture_as_pdf:before {
    content: "\e415"
}

.mi-icon_picture_in_picture:before {
    content: "\e8aa"
}

.mi-icon_picture_in_picture_alt:before {
    content: "\e911"
}

.mi-icon_pie_chart:before {
    content: "\e6c4"
}

.mi-icon_pie_chart_outlined:before {
    content: "\e6c5"
}

.mi-icon_pin_drop:before {
    content: "\e55e"
}

.mi-icon_place:before {
    content: "\e55f"
}

.mi-icon_play_arrow:before {
    content: "\e037"
}

.mi-icon_play_circle_filled:before {
    content: "\e038"
}

.mi-icon_play_circle_outline:before {
    content: "\e039"
}

.mi-icon_play_for_work:before {
    content: "\e906"
}

.mi-icon_playlist_add:before {
    content: "\e03b"
}

.mi-icon_playlist_add_check:before {
    content: "\e065"
}

.mi-icon_playlist_play:before {
    content: "\e05f"
}

.mi-icon_plus_one:before {
    content: "\e800"
}

.mi-icon_poll:before {
    content: "\e801"
}

.mi-icon_polymer:before {
    content: "\e8ab"
}

.mi-icon_pool:before {
    content: "\eb48"
}

.mi-icon_portable_wifi_off:before {
    content: "\e0ce"
}

.mi-icon_portrait:before {
    content: "\e416"
}

.mi-icon_power:before {
    content: "\e63c"
}

.mi-icon_power_input:before {
    content: "\e336"
}

.mi-icon_power_settings_new:before {
    content: "\e8ac"
}

.mi-icon_pregnant_woman:before {
    content: "\e91e"
}

.mi-icon_present_to_all:before {
    content: "\e0df"
}

.mi-icon_print:before {
    content: "\e8ad"
}

.mi-icon_priority_high:before {
    content: "\e645"
}

.mi-icon_public:before {
    content: "\e80b"
}

.mi-icon_publish:before {
    content: "\e255"
}

.mi-icon_query_builder:before {
    content: "\e8ae"
}

.mi-icon_question_answer:before {
    content: "\e8af"
}

.mi-icon_queue:before {
    content: "\e03c"
}

.mi-icon_queue_music:before {
    content: "\e03d"
}

.mi-icon_queue_play_next:before {
    content: "\e066"
}

.mi-icon_radio:before {
    content: "\e03e"
}

.mi-icon_radio_button_checked:before {
    content: "\e837"
}

.mi-icon_radio_button_unchecked:before {
    content: "\e836"
}

.mi-icon_rate_review:before {
    content: "\e560"
}

.mi-icon_receipt:before {
    content: "\e8b0"
}

.mi-icon_recent_actors:before {
    content: "\e03f"
}

.mi-icon_record_voice_over:before {
    content: "\e91f"
}

.mi-icon_redeem:before {
    content: "\e8b1"
}

.mi-icon_redo:before {
    content: "\e15a"
}

.mi-icon_refresh:before {
    content: "\e5d5"
}

.mi-icon_remove:before {
    content: "\e15b"
}

.mi-icon_remove_circle:before {
    content: "\e15c"
}

.mi-icon_remove_circle_outline:before {
    content: "\e15d"
}

.mi-icon_remove_from_queue:before {
    content: "\e067"
}

.mi-icon_remove_red_eye:before {
    content: "\e417"
}

.mi-icon_remove_shopping_cart:before {
    content: "\e928"
}

.mi-icon_reorder:before {
    content: "\e8fe"
}

.mi-icon_repeat:before {
    content: "\e040"
}

.mi-icon_repeat_one:before {
    content: "\e041"
}

.mi-icon_replay:before {
    content: "\e042"
}

.mi-icon_replay_10:before {
    content: "\e059"
}

.mi-icon_replay_30:before {
    content: "\e05a"
}

.mi-icon_replay_5:before {
    content: "\e05b"
}

.mi-icon_reply:before {
    content: "\e15e"
}

.mi-icon_reply_all:before {
    content: "\e15f"
}

.mi-icon_report:before {
    content: "\e160"
}

.mi-icon_report_problem:before {
    content: "\e8b2"
}

.mi-icon_restaurant:before {
    content: "\e56c"
}

.mi-icon_restaurant_menu:before {
    content: "\e561"
}

.mi-icon_restore:before {
    content: "\e8b3"
}

.mi-icon_restore_page:before {
    content: "\e929"
}

.mi-icon_ring_volume:before {
    content: "\e0d1"
}

.mi-icon_room:before {
    content: "\e8b4"
}

.mi-icon_room_service:before {
    content: "\eb49"
}

.mi-icon_rotate_90_degrees_ccw:before {
    content: "\e418"
}

.mi-icon_rotate_left:before {
    content: "\e419"
}

.mi-icon_rotate_right:before {
    content: "\e41a"
}

.mi-icon_rounded_corner:before {
    content: "\e920"
}

.mi-icon_router:before {
    content: "\e328"
}

.mi-icon_rowing:before {
    content: "\e921"
}

.mi-icon_rss_feed:before {
    content: "\e0e5"
}

.mi-icon_rv_hookup:before {
    content: "\e642"
}

.mi-icon_satellite:before {
    content: "\e562"
}

.mi-icon_save:before {
    content: "\e161"
}

.mi-icon_scanner:before {
    content: "\e329"
}

.mi-icon_schedule:before {
    content: "\e8b5"
}

.mi-icon_school:before {
    content: "\e80c"
}

.mi-icon_screen_lock_landscape:before {
    content: "\e1be"
}

.mi-icon_screen_lock_portrait:before {
    content: "\e1bf"
}

.mi-icon_screen_lock_rotation:before {
    content: "\e1c0"
}

.mi-icon_screen_rotation:before {
    content: "\e1c1"
}

.mi-icon_screen_share:before {
    content: "\e0e2"
}

.mi-icon_sd_card:before {
    content: "\e623"
}

.mi-icon_sd_storage:before {
    content: "\e1c2"
}

.mi-icon_search:before {
    content: "\e8b6"
}

.mi-icon_security:before {
    content: "\e32a"
}

.mi-icon_select_all:before {
    content: "\e162"
}

.mi-icon_send:before {
    content: "\e163"
}

.mi-icon_sentiment_dissatisfied:before {
    content: "\e811"
}

.mi-icon_sentiment_neutral:before {
    content: "\e812"
}

.mi-icon_sentiment_satisfied:before {
    content: "\e813"
}

.mi-icon_sentiment_very_dissatisfied:before {
    content: "\e814"
}

.mi-icon_sentiment_very_satisfied:before {
    content: "\e815"
}

.mi-icon_settings:before {
    content: "\e8b8"
}

.mi-icon_settings_applications:before {
    content: "\e8b9"
}

.mi-icon_settings_backup_restore:before {
    content: "\e8ba"
}

.mi-icon_settings_bluetooth:before {
    content: "\e8bb"
}

.mi-icon_settings_brightness:before {
    content: "\e8bd"
}

.mi-icon_settings_cell:before {
    content: "\e8bc"
}

.mi-icon_settings_ethernet:before {
    content: "\e8be"
}

.mi-icon_settings_input_antenna:before {
    content: "\e8bf"
}

.mi-icon_settings_input_component:before {
    content: "\e8c0"
}

.mi-icon_settings_input_composite:before {
    content: "\e8c1"
}

.mi-icon_settings_input_hdmi:before {
    content: "\e8c2"
}

.mi-icon_settings_input_svideo:before {
    content: "\e8c3"
}

.mi-icon_settings_overscan:before {
    content: "\e8c4"
}

.mi-icon_settings_phone:before {
    content: "\e8c5"
}

.mi-icon_settings_power:before {
    content: "\e8c6"
}

.mi-icon_settings_remote:before {
    content: "\e8c7"
}

.mi-icon_settings_system_daydream:before {
    content: "\e1c3"
}

.mi-icon_settings_voice:before {
    content: "\e8c8"
}

.mi-icon_share:before {
    content: "\e80d"
}

.mi-icon_shop:before {
    content: "\e8c9"
}

.mi-icon_shop_two:before {
    content: "\e8ca"
}

.mi-icon_shopping_basket:before {
    content: "\e8cb"
}

.mi-icon_shopping_cart:before {
    content: "\e8cc"
}

.mi-icon_short_text:before {
    content: "\e261"
}

.mi-icon_show_chart:before {
    content: "\e6e1"
}

.mi-icon_shuffle:before {
    content: "\e043"
}

.mi-icon_signal_cellular_4_bar:before {
    content: "\e1c8"
}

.mi-icon_signal_cellular_connected_no_internet_4_bar:before {
    content: "\e1cd"
}

.mi-icon_signal_cellular_no_sim:before {
    content: "\e1ce"
}

.mi-icon_signal_cellular_null:before {
    content: "\e1cf"
}

.mi-icon_signal_cellular_off:before {
    content: "\e1d0"
}

.mi-icon_signal_wifi_4_bar:before {
    content: "\e1d8"
}

.mi-icon_signal_wifi_4_bar_lock:before {
    content: "\e1d9"
}

.mi-icon_signal_wifi_off:before {
    content: "\e1da"
}

.mi-icon_sim_card:before {
    content: "\e32b"
}

.mi-icon_sim_card_alert:before {
    content: "\e624"
}

.mi-icon_skip_next:before {
    content: "\e044"
}

.mi-icon_skip_previous:before {
    content: "\e045"
}

.mi-icon_slideshow:before {
    content: "\e41b"
}

.mi-icon_slow_motion_video:before {
    content: "\e068"
}

.mi-icon_smartphone:before {
    content: "\e32c"
}

.mi-icon_smoke_free:before {
    content: "\eb4a"
}

.mi-icon_smoking_rooms:before {
    content: "\eb4b"
}

.mi-icon_sms:before {
    content: "\e625"
}

.mi-icon_sms_failed:before {
    content: "\e626"
}

.mi-icon_snooze:before {
    content: "\e046"
}

.mi-icon_sort:before {
    content: "\e164"
}

.mi-icon_sort_by_alpha:before {
    content: "\e053"
}

.mi-icon_spa:before {
    content: "\eb4c"
}

.mi-icon_space_bar:before {
    content: "\e256"
}

.mi-icon_speaker:before {
    content: "\e32d"
}

.mi-icon_speaker_group:before {
    content: "\e32e"
}

.mi-icon_speaker_notes:before {
    content: "\e8cd"
}

.mi-icon_speaker_notes_off:before {
    content: "\e92a"
}

.mi-icon_speaker_phone:before {
    content: "\e0d2"
}

.mi-icon_spellcheck:before {
    content: "\e8ce"
}

.mi-icon_star:before {
    content: "\e838"
}

.mi-icon_star_border:before {
    content: "\e83a"
}

.mi-icon_star_half:before {
    content: "\e839"
}

.mi-icon_stars:before {
    content: "\e8d0"
}

.mi-icon_stay_current_landscape:before {
    content: "\e0d3"
}

.mi-icon_stay_current_portrait:before {
    content: "\e0d4"
}

.mi-icon_stay_primary_landscape:before {
    content: "\e0d5"
}

.mi-icon_stay_primary_portrait:before {
    content: "\e0d6"
}

.mi-icon_stop:before {
    content: "\e047"
}

.mi-icon_stop_screen_share:before {
    content: "\e0e3"
}

.mi-icon_storage:before {
    content: "\e1db"
}

.mi-icon_store:before {
    content: "\e8d1"
}

.mi-icon_store_mall_directory:before {
    content: "\e563"
}

.mi-icon_straighten:before {
    content: "\e41c"
}

.mi-icon_streetview:before {
    content: "\e56e"
}

.mi-icon_strikethrough_s:before {
    content: "\e257"
}

.mi-icon_style:before {
    content: "\e41d"
}

.mi-icon_subdirectory_arrow_left:before {
    content: "\e5d9"
}

.mi-icon_subdirectory_arrow_right:before {
    content: "\e5da"
}

.mi-icon_subject:before {
    content: "\e8d2"
}

.mi-icon_subscriptions:before {
    content: "\e064"
}

.mi-icon_subtitles:before {
    content: "\e048"
}

.mi-icon_subway:before {
    content: "\e56f"
}

.mi-icon_supervisor_account:before {
    content: "\e8d3"
}

.mi-icon_surround_sound:before {
    content: "\e049"
}

.mi-icon_swap_calls:before {
    content: "\e0d7"
}

.mi-icon_swap_horiz:before {
    content: "\e8d4"
}

.mi-icon_swap_vert:before {
    content: "\e8d5"
}

.mi-icon_swap_vertical_circle:before {
    content: "\e8d6"
}

.mi-icon_switch_camera:before {
    content: "\e41e"
}

.mi-icon_switch_video:before {
    content: "\e41f"
}

.mi-icon_sync:before {
    content: "\e627"
}

.mi-icon_sync_disabled:before {
    content: "\e628"
}

.mi-icon_sync_problem:before {
    content: "\e629"
}

.mi-icon_system_update:before {
    content: "\e62a"
}

.mi-icon_system_update_alt:before {
    content: "\e8d7"
}

.mi-icon_tab:before {
    content: "\e8d8"
}

.mi-icon_tab_unselected:before {
    content: "\e8d9"
}

.mi-icon_tablet:before {
    content: "\e32f"
}

.mi-icon_tablet_android:before {
    content: "\e330"
}

.mi-icon_tablet_mac:before {
    content: "\e331"
}

.mi-icon_tag_faces:before {
    content: "\e420"
}

.mi-icon_tap_and_play:before {
    content: "\e62b"
}

.mi-icon_terrain:before {
    content: "\e564"
}

.mi-icon_text_fields:before {
    content: "\e262"
}

.mi-icon_text_format:before {
    content: "\e165"
}

.mi-icon_textsms:before {
    content: "\e0d8"
}

.mi-icon_texture:before {
    content: "\e421"
}

.mi-icon_theaters:before {
    content: "\e8da"
}

.mi-icon_thumb_down:before {
    content: "\e8db"
}

.mi-icon_thumb_up:before {
    content: "\e8dc"
}

.mi-icon_thumbs_up_down:before {
    content: "\e8dd"
}

.mi-icon_time_to_leave:before {
    content: "\e62c"
}

.mi-icon_timelapse:before {
    content: "\e422"
}

.mi-icon_timeline:before {
    content: "\e922"
}

.mi-icon_timer:before {
    content: "\e425"
}

.mi-icon_timer_10:before {
    content: "\e423"
}

.mi-icon_timer_3:before {
    content: "\e424"
}

.mi-icon_timer_off:before {
    content: "\e426"
}

.mi-icon_title:before {
    content: "\e264"
}

.mi-icon_toc:before {
    content: "\e8de"
}

.mi-icon_today:before {
    content: "\e8df"
}

.mi-icon_toll:before {
    content: "\e8e0"
}

.mi-icon_tonality:before {
    content: "\e427"
}

.mi-icon_touch_app:before {
    content: "\e913"
}

.mi-icon_toys:before {
    content: "\e332"
}

.mi-icon_track_changes:before {
    content: "\e8e1"
}

.mi-icon_traffic:before {
    content: "\e565"
}

.mi-icon_train:before {
    content: "\e570"
}

.mi-icon_tram:before {
    content: "\e571"
}

.mi-icon_transfer_within_a_station:before {
    content: "\e572"
}

.mi-icon_transform:before {
    content: "\e428"
}

.mi-icon_translate:before {
    content: "\e8e2"
}

.mi-icon_trending_down:before {
    content: "\e8e3"
}

.mi-icon_trending_flat:before {
    content: "\e8e4"
}

.mi-icon_trending_up:before {
    content: "\e8e5"
}

.mi-icon_tune:before {
    content: "\e429"
}

.mi-icon_turned_in:before {
    content: "\e8e6"
}

.mi-icon_turned_in_not:before {
    content: "\e8e7"
}

.mi-icon_tv:before {
    content: "\e333"
}

.mi-icon_unarchive:before {
    content: "\e169"
}

.mi-icon_undo:before {
    content: "\e166"
}

.mi-icon_unfold_less:before {
    content: "\e5d6"
}

.mi-icon_unfold_more:before {
    content: "\e5d7"
}

.mi-icon_update:before {
    content: "\e923"
}

.mi-icon_usb:before {
    content: "\e1e0"
}

.mi-icon_verified_user:before {
    content: "\e8e8"
}

.mi-icon_vertical_align_bottom:before {
    content: "\e258"
}

.mi-icon_vertical_align_center:before {
    content: "\e259"
}

.mi-icon_vertical_align_top:before {
    content: "\e25a"
}

.mi-icon_vibration:before {
    content: "\e62d"
}

.mi-icon_video_call:before {
    content: "\e070"
}

.mi-icon_video_label:before {
    content: "\e071"
}

.mi-icon_video_library:before {
    content: "\e04a"
}

.mi-icon_videocam:before {
    content: "\e04b"
}

.mi-icon_videocam_off:before {
    content: "\e04c"
}

.mi-icon_videogame_asset:before {
    content: "\e338"
}

.mi-icon_view_agenda:before {
    content: "\e8e9"
}

.mi-icon_view_array:before {
    content: "\e8ea"
}

.mi-icon_view_carousel:before {
    content: "\e8eb"
}

.mi-icon_view_column:before {
    content: "\e8ec"
}

.mi-icon_view_comfy:before {
    content: "\e42a"
}

.mi-icon_view_compact:before {
    content: "\e42b"
}

.mi-icon_view_day:before {
    content: "\e8ed"
}

.mi-icon_view_headline:before {
    content: "\e8ee"
}

.mi-icon_view_list:before {
    content: "\e8ef"
}

.mi-icon_view_module:before {
    content: "\e8f0"
}

.mi-icon_view_quilt:before {
    content: "\e8f1"
}

.mi-icon_view_stream:before {
    content: "\e8f2"
}

.mi-icon_view_week:before {
    content: "\e8f3"
}

.mi-icon_vignette:before {
    content: "\e435"
}

.mi-icon_visibility:before {
    content: "\e8f4"
}

.mi-icon_visibility_off:before {
    content: "\e8f5"
}

.mi-icon_voice_chat:before {
    content: "\e62e"
}

.mi-icon_voicemail:before {
    content: "\e0d9"
}

.mi-icon_volume_down:before {
    content: "\e04d"
}

.mi-icon_volume_mute:before {
    content: "\e04e"
}

.mi-icon_volume_off:before {
    content: "\e04f"
}

.mi-icon_volume_up:before {
    content: "\e050"
}

.mi-icon_vpn_key:before {
    content: "\e0da"
}

.mi-icon_vpn_lock:before {
    content: "\e62f"
}

.mi-icon_wallpaper:before {
    content: "\e1bc"
}

.mi-icon_warning:before {
    content: "\e002"
}

.mi-icon_watch:before {
    content: "\e334"
}

.mi-icon_watch_later:before {
    content: "\e924"
}

.mi-icon_wb_auto:before {
    content: "\e42c"
}

.mi-icon_wb_cloudy:before {
    content: "\e42d"
}

.mi-icon_wb_incandescent:before {
    content: "\e42e"
}

.mi-icon_wb_iridescent:before {
    content: "\e436"
}

.mi-icon_wb_sunny:before {
    content: "\e430"
}

.mi-icon_wc:before {
    content: "\e63d"
}

.mi-icon_web:before {
    content: "\e051"
}

.mi-icon_web_asset:before {
    content: "\e069"
}

.mi-icon_weekend:before {
    content: "\e16b"
}

.mi-icon_whatshot:before {
    content: "\e80e"
}

.mi-icon_widgets:before {
    content: "\e1bd"
}

.mi-icon_wifi:before {
    content: "\e63e"
}

.mi-icon_wifi_lock:before {
    content: "\e1e1"
}

.mi-icon_wifi_tethering:before {
    content: "\e1e2"
}

.mi-icon_work:before {
    content: "\e8f9"
}

.mi-icon_wrap_text:before {
    content: "\e25b"
}

.mi-icon_youtube_searched_for:before {
    content: "\e8fa"
}

.mi-icon_zoom_in:before {
    content: "\e8ff"
}

.mi-icon_zoom_out:before {
    content: "\e900"
}

.mi-icon_zoom_out_map:before {
    content: "\e56b"
}