.maleo-theme-info {
    background-color: #1565C0 !important;
}

.maleo-theme-primary {
    background-color: #0D47A1 !important;
}

.maleo-theme-blue {
    background-color: #2196F3 !important;
}

.maleo-theme-indigo {
    background-color: #283593 !important;
}

.maleo-theme-deeppurple {
    background-color: #4527A0 !important;
}

.maleo-theme-purple {
    background-color: #7E57C2 !important;
}

.maleo-theme-pink {
    background-color: #E91E63 !important;
}

.maleo-theme-danger {
    background-color: #B71C1C !important;
}

.maleo-theme-teal {
    background-color: #009688 !important;
}

.maleo-theme-green {
    background-color: #4CAF50 !important;
}

.maleo-theme-success {
    background-color: #8BC34A !important;
}

.maleo-theme-lime {
    background-color: #CDDC39 !important;
}

.maleo-theme-yellow {
    background-color: #FFEB3B !important;
}

.maleo-theme-warning {
    background-color: #F57C00 !important;
}

.maleo-theme-orange {
    background-color: #FF9800 !important;
}

.maleo-theme-deeporange {
    background-color: #FF5722 !important;
}

.maleo-theme-midnightblue {
    background-color: #0277BD !important;
}

.maleo-theme-bluegray {
    background-color: #00B0FF !important;
}

.maleo-theme-bluegraylight {
    background-color: #80D8FF !important;
}

.maleo-theme-black {
    background-color: #212121 !important;
}

.maleo-theme-grey {
    background-color: #9E9E9E !important;
}

.maleo-theme-white {
    background-color: #FAFAFA !important;
}

.maleo-theme-brown {
    background-color: #795548 !important;
}

.maleo-theme-default {
    background-color: #EFEBE9 !important;
}

.maleo-theme-graylight {
    background-color: #F5F5F5 !important;
}

/*Contet Placeholder Loader*/
@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

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

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

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

.left-round-image {
    /*float: left;*/
    margin-right: 10px;
    border-radius: 50%;
    /*height: 120px;*/
}

.content-placeholder {
    display: inline-block;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    height: inherit;
    position: relative;
}

/*<div style="margin-bottom:30px;">
    <div class="content-placeholder m-b-2" style="width:100%;height:50px;">&nbsp;</div>
    <span class="content-placeholder m-b-2" style="width:100%;">&nbsp;</span>
    <!--<div class="left-round-image content-placeholder" style="width:80px;height: 80px;">&nbsp;</div>-->
    <span class="content-placeholder m-b-2" style="width:23%;margin-right:10px;">&nbsp;</span>
    <span class="content-placeholder m-b-2" style="width:75%;">&nbsp;</span>
    <span class="content-placeholder m-b-2" style="width:23%;margin-right:10px;">&nbsp;</span>
    <span class="content-placeholder m-b-2" style="width:75%;">&nbsp;</span>
</div>

<div class="content-placeholder m-b-2" style="width:100%;height:50px;">&nbsp;</div>
<span class="content-placeholder m-b-2" style="width:100%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>
<span class="content-placeholder m-b-2" style="width:33%;">&nbsp;</span>*/