/*Dashboard Common Statics css*/
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

    .box.box-info {
        border-top-color: #00c0ef;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.box-header .with-border {
    border-bottom: 1px solid #f4f4f4;
}

.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-red {
    background-color: #dd4b39 !important;
}

.small-box {
    color: #fff !important;
}

    .small-box .icon {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        position: absolute;
        top: -10px;
        right: 16px;
        z-index: 0;
        font-size: 76px;
        color: rgba(0,0,0,0.15);
    }

    .small-box > .inner, .small-box > .inner p {
        padding: 10px;
        color: #fff;
    }

    .small-box > .small-box-footer {
        position: relative;
        text-align: center;
        padding: 3px 0;
        color: #fff;
        color: rgba(255,255,255,0.8);
        display: block;
        z-index: 10;
        background: rgba(0,0,0,0.1);
        text-decoration: none;
    }

.box-title {
    display: inline-block;
    font-size: 18px;
    margin: 8px;
    vertical-align: middle;
    line-height: 1;
}