.mdi,
.csi {
    color: #777;
}

.mdi::before,
.csi::before {
    font-size: 25px;
    line-height: 18px;
}
.btn .mdi::before,
.btn .csi::before {
    position: relative;
    top: 4px;
}
.btn-xs .mdi::before,
.btn-xs .csi::before {
    font-size: 18px;
    top: 3px;
}
.btn-sm .mdi::before,
.btn-sm .csi::before {
    font-size: 18px;
    top: 3px;
}
.dropdown-menu .mdi,
.dropdown-menu .csi {
    width: 18px;
}
.dropdown-menu .mdi::before,
.dropdown-menu .csi::before {
    position: relative;
    top: 4px;
    left: -8px;
}
.nav .mdi::before,
.nav .csi::before {
    position: relative;
    top: 4px;
}
.navbar .navbar-toggle .mdi::before,
.navbar .navbar-toggle .csi::before {
    position: relative;
    top: 4px;
    color: #FFF;
}
.breadcrumb .mdi::before,
.breadcrumb .csi::before {
    position: relative;
    top: 4px;
}
.breadcrumb a:hover {
    text-decoration: none;
}
.breadcrumb a:hover span {
    text-decoration: underline;
}
.alert .mdi::before,
.alert .csi::before {
    position: relative;
    top: 4px;
    margin-right: 2px;
}
.input-group-addon .mdi::before,
.input-group-addon .csi::before {
    position: relative;
    top: 3px;
}
.navbar-brand .mdi::before,
.navbar-brand .csi::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.list-group-item .mdi::before,
.list-group-item .csi::before {
    position: relative;
    top: 3px;
    left: -3px
}