.card_m {
border: 0;
margin-bottom: 30px;
margin-top: 30px;
border-radius: 6px;
color: #333;
background: #fff;
width: 100%;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
  
.card_m [class*="card_m-header-"] {
margin: 0 15px;
padding: 0;
position: relative;
}

.card_m .card_m-header {
z-index: 3 !important;
}

.card_m [class*="card_m-header-"] .card_m-icon, .card_m [class*="card_m-header-"] .card_m-text {
border-radius: 3px;
background-color: #999;
padding: 15px;
margin-top: -20px;
margin-right: 15px;
float: left;
}

.card_m-stats .card_m-header.card_m-header-icon i {
font-size: 36px;
line-height: 56px;
width: 56px;
height: 56px;
text-align: center;
}
.card_m .card_m-header.card_m-header-icon i, .card_m .card_m-header.card_m-header-text i {
width: 33px;
height: 33px;
text-align: center;
line-height: 33px;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
}

.card_m .card_m-header-warning .card_m-icon, .card_m .card_m-header-warning .card_m-text, .card_m .card_m-header-warning:not(.card_m-header-icon):not(.card_m-header-text) {
box-shadow: 0 4px 20px 0 
rgba(0,0,0,.14),0 7px 10px -5px
rgba(255,152,0,.4);
}
.card_m.bg-warning, .card_m .card_m-header-warning .card_m-icon, .card_m .card_m-header-warning .card_m-text, .card_m .card_m-header-warning:not(.card_m-header-icon):not(.card_m-header-text), .card_m.card_m-rotate.bg-warning .back, .card_m.card_m-rotate.bg-warning .front {
background: linear-gradient(60deg,
#ffa726,
#fb8c00);
background-color: rgba(0, 0, 0, 0);
}

.card_m .card_m-header-success .card_m-icon, .card_m .card_m-header-success .card_m-text, .card_m .card_m-header-success:not(.card_m-header-icon):not(.card_m-header-text) {
box-shadow: 0 4px 20px 0 
rgba(0,0,0,.14),0 7px 10px -5px
rgba(76,175,80,.4);
}
.card_m.bg-success, .card_m .card_m-header-success .card_m-icon, .card_m .card_m-header-success .card_m-text, .card_m .card_m-header-success:not(.card_m-header-icon):not(.card_m-header-text), .card_m.card_m-rotate.bg-success .back, .card_m.card_m-rotate.bg-success .front {
background: linear-gradient(60deg,
#66bb6a,
#43a047);
background-color: rgba(0, 0, 0, 0);
}

.card_m .card_m-header-danger .card_m-icon, .card_m .card_m-header-danger .card_m-text, .card_m .card_m-header-danger:not(.card_m-header-icon):not(.card_m-header-text) {
box-shadow: 0 4px 20px 0 
rgba(0,0,0,.14),0 7px 10px -5px
rgba(244,67,54,.4);
}
.card_m.bg-danger, .card_m .card_m-header-danger .card_m-icon, .card_m .card_m-header-danger .card_m-text, .card_m .card_m-header-danger:not(.card_m-header-icon):not(.card_m-header-text), .card_m.card_m-rotate.bg-danger .back, .card_m.card_m-rotate.bg-danger .front {
background: linear-gradient(60deg,
#ef5350,
#e53935);
background-color: rgba(0, 0, 0, 0);
}

.card_m .card_m-header-info .card_m-icon, .card_m .card_m-header-info .card_m-text, .card_m .card_m-header-info:not(.card_m-header-icon):not(.card_m-header-text) {
box-shadow: 0 4px 20px 0 
rgba(0,0,0,.14),0 7px 10px -5px
rgba(0,188,212,.4);
}
.card_m.bg-info, .card_m .card_m-header-info .card_m-icon, .card_m .card_m-header-info .card_m-text, .card_m .card_m-header-info:not(.card_m-header-icon):not(.card_m-header-text), .card_m.card_m-rotate.bg-info .back, .card_m.card_m-rotate.bg-info .front {
background: linear-gradient(60deg,
#26c6da,
#00acc1);
background-color: rgba(0, 0, 0, 0);
}