/***
Notes
***/
.note {
    margin: 0 0 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

    .note h1,
    .note h2,
    .note h3,
    .note h4,
    .note h5,
    .note h6 {
        margin-top: 0;
    }

        .note h1 .close,
        .note h2 .close,
        .note h3 .close,
        .note h4 .close,
        .note h5 .close,
        .note h6 .close {
            margin-right: -10px;
        }

    .note p {
        margin: 0;
        font-size: 13px;
    }

        .note p:last-child {
            margin-bottom: 0;
        }

    .note code,
    .note .highlight {
        background-color: #fff;
    }

    .note.note-default {
        background-color: white;
        border-color: #b0c1d2;
        color: black;
    }

        .note.note-default.note-bordered {
            background-color: #eef1f5;
            border-color: #c0cedb;
        }

        .note.note-default.note-shadow {
            background-color: #f1f4f7;
            border-color: #d1dbe4;
            box-shadow: 5px 5px rgba(212, 221, 230, 0.2);
        }

    .note.note-success {
        background-color: #c0edf1;
        border-color: #58d0da;
        color: black;
    }

        .note.note-success.note-bordered {
            background-color: #a7e6ec;
            border-color: #6dd6df;
        }

        .note.note-success.note-shadow {
            background-color: #abe7ed;
            border-color: #81dbe3;
            box-shadow: 5px 5px rgba(134, 221, 228, 0.2);
        }

    .note.note-info {
        background-color: #f5f8fd;
        border-color: #8bb4e7;
        color: #010407;
    }

        .note.note-info.note-bordered {
            background-color: #dbe8f8;
            border-color: #a0c2ec;
        }

        .note.note-info.note-shadow {
            background-color: #e0ebf9;
            border-color: #b5cff0;
            box-shadow: 5px 5px rgba(185, 210, 241, 0.2);
        }

    .note.note-warning {
        background-color: #faeaa9;
        border-color: #f3cc31;
        color: black;
    }

        .note.note-warning.note-bordered {
            background-color: #f8e38c;
            border-color: #f4d249;
        }

        .note.note-warning.note-shadow {
            background-color: #f9e491;
            border-color: #f6d861;
            box-shadow: 5px 5px rgba(246, 217, 102, 0.2);
        }

    .note.note-danger {
        background-color: #fef7f8;
        border-color: #f0868e;
        color: #210406;
    }

        .note.note-danger.note-bordered {
            background-color: #fbdcde;
            border-color: #f39da3;
        }

        .note.note-danger.note-shadow {
            background-color: #fbe1e3;
            border-color: #f6b3b8;
            box-shadow: 5px 5px rgba(246, 184, 189, 0.2);
        }

.mt-element-ribbon .ribbon,
.mt-element-ribbon .ribbon.ribbon-color-default,
.mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub,
.mt-element-ribbon .ribbon > .ribbon-sub {
    background-color: #bac3d0;
    color: #384353
}

.mt-element-ribbon {
    position: relative;
    margin-bottom: 30px
}

    .mt-element-ribbon .ribbon-content {
        margin: 0;
        padding: 25px;
        clear: both
    }

        .mt-element-ribbon .ribbon-content.no-padding {
            padding-top: 0
        }

    .mt-element-ribbon .ribbon {
        padding: .5em 1em;
        z-index: 5;
        float: left;
        margin: 10px 0 0 -2px;
        clear: left;
        position: relative
    }

        .mt-element-ribbon .ribbon.ribbon-right {
            float: right;
            clear: right;
            margin: 10px -2px 0 0
        }

        .mt-element-ribbon .ribbon.ribbon-vertical-left {
            clear: none;
            margin: -2px 0 0 10px;
            padding-top: 1em;
            padding-bottom: 1em;
            width: 41px;
            text-align: center
        }

        .mt-element-ribbon .ribbon.ribbon-vertical-right {
            clear: none;
            float: right;
            margin: -2px 10px 0 0;
            padding-top: 1em;
            padding-bottom: 1em;
            width: 41px;
            text-align: center
        }

        .mt-element-ribbon .ribbon.ribbon-shadow {
            box-shadow: 2px 2px 7px rgba(0, 0, 0, .4)
        }

            .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,
            .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
                box-shadow: -2px 2px 7px rgba(0, 0, 0, .4)
            }

        .mt-element-ribbon .ribbon.ribbon-round {
            border-top-right-radius: 5px !important;
            border-bottom-right-radius: 5px !important
        }

            .mt-element-ribbon .ribbon.ribbon-round.ribbon-right {
                border-radius: 5px 0 0 5px !important
            }

            .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left,
            .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right {
                border-radius: 0 0 5px 5px !important
            }

        .mt-element-ribbon .ribbon.ribbon-border:after {
            border: 1px solid;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-vert:after {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid;
            border-right: 1px solid;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-hor:after {
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-left: none;
            border-right: none;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            right: 0
        }

        .mt-element-ribbon .ribbon.ribbon-border-dash:after {
            border: 1px dashed;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid;
            border-right: 1px solid;
            border-left-style: dashed;
            border-right-style: dashed;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 5px;
            right: 5px
        }

        .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {
            border-top: 1px solid;
            border-bottom: 1px solid;
            border-left: none;
            border-right: none;
            border-top-style: dashed;
            border-bottom-style: dashed;
            content: '';
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: 0;
            right: 0
        }

        .mt-element-ribbon .ribbon.ribbon-clip {
            left: -10px;
            margin-left: 0
        }

            .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {
                left: auto;
                right: -10px;
                margin-right: 0
            }

        .mt-element-ribbon .ribbon > .ribbon-sub {
            z-index: -1;
            position: absolute;
            padding: 0;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after,
            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-color: transparent !important;
                bottom: -10px
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
                border-width: 0 10px 10px 0;
                border-right-color: #222 !important;
                left: 0
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after,
            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
                content: '';
                position: absolute;
                border-style: solid;
                border-color: transparent;
                bottom: -10px
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
                border-right-color: transparent !important
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
                border-width: 0 0 10px 10px;
                border-left-color: #222 !important;
                right: 0
            }

            .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {
                border-left: 21px solid;
                border-right: 20px solid;
                border-bottom: 1em solid transparent !important;
                bottom: -1em;
                content: '';
                height: 0;
                left: 0;
                position: absolute;
                width: 0
            }

        .mt-element-ribbon .ribbon:after {
            border-color: #62748f
        }

        .mt-element-ribbon .ribbon > .ribbon-sub:after {
            border-color: #62748f #bac3d0
        }

        .mt-element-ribbon .ribbon.ribbon-color-default:after {
            border-color: #9ca8bb
        }

        .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
            border-color: #62748f #bac3d0
        }

        .mt-element-ribbon .ribbon.ribbon-color-primary {
            background-color: #337ab7;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-primary:after {
                border-color: #286090
            }

            .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub {
                background-color: #337ab7;
                color: #000
            }

                .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
                    border-color: #122b40 #337ab7
                }

        .mt-element-ribbon .ribbon.ribbon-color-info {
            background-color: #659be0;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-info:after {
                border-color: #3a80d7
            }

            .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub {
                background-color: #659be0;
                color: #0c203a
            }

                .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after {
                    border-color: #1d4f8e #659be0
                }

        .mt-element-ribbon .ribbon.ribbon-color-success {
            background-color: #00c5dc;
            color: #fff
        }

            .mt-element-ribbon .ribbon.ribbon-color-success:after {
                border-color: #27a4b0
            }

            .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub {
                background-color: #007ea7;
                color: #020808
            }

                .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after {
                    border-color: #14565c #36c6d3
                }

        .mt-element-ribbon .ribbon.ribbon-color-warning,
        .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub {
            background-color: #F1C40F;
            color: #010100
        }

        .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {
            border-color: #a91520 #ed6b75
        }

        .mt-element-ribbon .ribbon.ribbon-color-warning:after {
            border-color: #c29d0b
        }

        .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {
            border-color: #614f06 #F1C40F
        }

.h7 {
    font-weight: 900 !important;
}