.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}

.form-control {
   
    font-size: 17px;
}
    .blue-bg {
    background: #0a1d56;
    border-bottom: 1px solid #e5e9f1;
}

body {
    color: #797979;
    background: #eaeaea;
    /*  font-family: 'SF-Khaled-Light';
    font-family: 'AD-Rsail Bold';
    font-family: 'bahij-palatino-arabic';*/
    font-family: '109-Traditional-Arabic';
    font-family: '117-Barada-Reqa';
    font-family: '127-K-Tabassom';
    font-family: '1LionsysReqa-Regular';
    font-family: '19720-sadokartbold_3';
    font-family: 'IRLotusBold';
    padding: 0px !important;
    margin: 0px !important;
    font-size: 20px;
    direction: rtl;
}
@font-face {
    font-family: 'IRLotusBold';
    src: url('../fonts/IRLotusBold.ttf') format('truetype');
}
@font-face {
    font-family: '19720-sadokartbold_3';
    src: url('../fonts/19720-sadokartbold_3.ttf') format('truetype');
}

@font-face {
    font-family: 'Jamil-nory';
    src: url('../fonts/Jamil-nory.ttf') format('truetype');
}

@font-face {
    font-family: 'ArabicUIDisplayBold';
    src: url('../fonts/ArabicUIDisplayBold.otf') format('opentype');
}
@font-face {
    font-family: '1LionsysReqa-Regular';
    src: url('../fonts/1LionsysReqa-Regular.ttf') format('truetype');
}
@font-face {
    font-family: '127-K-Tabassom';
    src: url('../fonts/127-K-Tabassom.ttf') format('truetype');
}
@font-face {
    font-family: '117-Barada-Reqa';
    src: url('../fonts/117-Barada-Reqa.ttf') format('truetype');
}
@font-face {
    font-family: 'Khaled-Font';
    src: url('../fonts/Khaled-Font.otf') format('opentype');
}
@font-face {
    font-family: '109-Traditional-Arabic';
    src: url('../fonts/109-Traditional-Arabic.ttf') format('truetype');
}
@font-face {
    font-family: 'bahij-palatino-arabic';
    src: url('../fonts/bahij-palatino-arabic.ttf') format('truetype');
}
@font-face {
    font-family: 'AD-Rsail Bold';
    src: url('../fonts/AD-Rsail Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SF-Khaled-Light';
    src: url('../fonts/SF-Khaled-Light.otf') format('opentype');
}



div.porderrad {
    height: auto;
    min-height: 600px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
}
/*.porderrad {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 5px;
    height:auto;
    padding-top:7px;

    margin-bottom: 5px;
}*/







/**



    my addedd
*/


.form-control {
    height: auto;
    min-height: 34px;
}

 .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: right;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}



th {
    text-align: right;
}

.portlet.light > .portlet-title {
    padding: 5px;
    min-height: 48px
}


.portlet.light.bordered > .portlet-title {
    border-bottom: 1px solid #eef1f5;
    background-color: #ecefed;
}

.portlet.light.bg-inverse {
    background: #f1f4f7
}

.portlet.light > .portlet-title {
    padding: 5px;
    min-height: 48px
}

    .portlet.light > .portlet-title > .caption {
        color: #666;
        padding: 0px 0
    }

        .portlet.light > .portlet-title > .caption > .caption-subject {
            font-size: 16px
        }

        .portlet.light > .portlet-title > .caption > i {
            color: #777;
            font-size: 15px;
            font-weight: 300;
            margin-top: 3px
        }


.portlet.light .portlet-body {
    padding-top: 8px
}

.portlet.light.portlet-fullscreen > .portlet-body {
    padding: 8px 0
}


.portlet.light.portlet-fullscreen > .portlet-body {
    padding: 8px 0
}

.portlet.light.portlet-fit {
    padding: 0
}

    .portlet.light.portlet-fit > .portlet-title {
        padding: 15px 20px 10px
    }

    .portlet.light.portlet-fit > .portlet-body {
        padding: 10px 20px 20px
    }

    .portlet.light.portlet-fit.portlet-form > .portlet-body {
        padding: 0
    }

        .portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions {
            background: 0 0
        }

.portlet.box.white > .portlet-title, .portlet.white, .portlet > .portlet-body.white {
    background-color: #fff
}

.portlet.light.portlet-datatable.portlet-fit > .portlet-body {
    padding-top: 10px;
    padding-bottom: 25px
}


/**/



.portlet.bordered {
    border-left: 2px solid #e6e9ec !important
}

    .portlet.bordered > .portlet-title {
        border-bottom: 0
    }


   
.general-item-list > .item > .item-body {
    color: #96a5aa
}

.file-drop-zone {
    border: 2px dashed #ddd;
    padding: 30px;
    text-align: center
}

  

      

        .btn.red-mint:not(.btn-outline).focus, .btn.red-mint:not(.btn-outline):focus {
            color: #fff;
            background-color: #cf1c28;
            border-color: #8b131b
        }

        .btn.red-mint:not(.btn-outline).active, .btn.red-mint:not(.btn-outline):active, .btn.red-mint:not(.btn-outline):hover, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #cf1c28;
            border-color: #c61b26
        }

            .btn.red-mint:not(.btn-outline).active.focus, .btn.red-mint:not(.btn-outline).active:focus, .btn.red-mint:not(.btn-outline).active:hover, .btn.red-mint:not(.btn-outline):active.focus, .btn.red-mint:not(.btn-outline):active:focus, .btn.red-mint:not(.btn-outline):active:hover, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #af1822;
                border-color: #8b131b
            }

        .btn.red-mint:not(.btn-outline).active, .btn.red-mint:not(.btn-outline):active, .open > .btn.red-mint:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.red-mint:not(.btn-outline).disabled.focus, .btn.red-mint:not(.btn-outline).disabled:focus, .btn.red-mint:not(.btn-outline).disabled:hover, .btn.red-mint:not(.btn-outline)[disabled].focus, .btn.red-mint:not(.btn-outline)[disabled]:focus, .btn.red-mint:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-mint:not(.btn-outline).focus, fieldset[disabled] .btn.red-mint:not(.btn-outline):focus, fieldset[disabled] .btn.red-mint:not(.btn-outline):hover {
            background-color: #e43a45;
            border-color: #e43a45
        }

        .btn.red-mint:not(.btn-outline) .badge {
            color: #e43a45;
            background-color: #fff
        }

    .btn.btn-outline.red-mint {
        border-color: #e43a45;
        color: #e43a45;
        background: 0 0
    }

        .btn.btn-outline.red-mint.active, .btn.btn-outline.red-mint:active, .btn.btn-outline.red-mint:active:focus, .btn.btn-outline.red-mint:active:hover, .btn.btn-outline.red-mint:focus, .btn.btn-outline.red-mint:hover {
            border-color: #e43a45;
            color: #fff;
            background-color: #e43a45
        }

    .btn.red-mint-stripe {
        border-left: 4px solid #e43a45 !important
    }

    .btn.red-mint.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow:not(.btn-outline) {
        color: #fff;
        background-color: #c49f47;
        border-color: #c49f47
    }

        .btn.yellow:not(.btn-outline).focus, .btn.yellow:not(.btn-outline):focus {
            color: #fff;
            background-color: #a48334;
            border-color: #6a5422
        }

        .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active, .btn.yellow:not(.btn-outline):hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #a48334;
            border-color: #9c7c32
        }

            .btn.yellow:not(.btn-outline).active.focus, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active:hover, .open > .btn.yellow:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #896d2c;
                border-color: #6a5422
            }

        .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active, .open > .btn.yellow:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow:not(.btn-outline).disabled.focus, .btn.yellow:not(.btn-outline).disabled:focus, .btn.yellow:not(.btn-outline).disabled:hover, .btn.yellow:not(.btn-outline)[disabled].focus, .btn.yellow:not(.btn-outline)[disabled]:focus, .btn.yellow:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow:not(.btn-outline).focus, fieldset[disabled] .btn.yellow:not(.btn-outline):focus, fieldset[disabled] .btn.yellow:not(.btn-outline):hover {
            background-color: #c49f47;
            border-color: #c49f47
        }

        .btn.yellow:not(.btn-outline) .badge {
            color: #c49f47;
            background-color: #fff
        }

    .btn.btn-outline.yellow {
        border-color: #c49f47;
        color: #c49f47;
        background: 0 0
    }

        .btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover {
            border-color: #c49f47;
            color: #fff;
            background-color: #c49f47
        }

    .btn.yellow-stripe {
        border-left: 4px solid #c49f47 !important
    }

    .btn.yellow.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-gold:not(.btn-outline) {
        color: #fff;
        background-color: #E87E04;
        border-color: #E87E04
    }

        .btn.yellow-gold:not(.btn-outline).focus, .btn.yellow-gold:not(.btn-outline):focus {
            color: #fff;
            background-color: #b66303;
            border-color: #6b3a02
        }

        .btn.yellow-gold:not(.btn-outline).active, .btn.yellow-gold:not(.btn-outline):active, .btn.yellow-gold:not(.btn-outline):hover, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #b66303;
            border-color: #ac5d03
        }

            .btn.yellow-gold:not(.btn-outline).active.focus, .btn.yellow-gold:not(.btn-outline).active:focus, .btn.yellow-gold:not(.btn-outline).active:hover, .btn.yellow-gold:not(.btn-outline):active.focus, .btn.yellow-gold:not(.btn-outline):active:focus, .btn.yellow-gold:not(.btn-outline):active:hover, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #935003;
                border-color: #6b3a02
            }

        .btn.yellow-gold:not(.btn-outline).active, .btn.yellow-gold:not(.btn-outline):active, .open > .btn.yellow-gold:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-gold:not(.btn-outline).disabled.focus, .btn.yellow-gold:not(.btn-outline).disabled:focus, .btn.yellow-gold:not(.btn-outline).disabled:hover, .btn.yellow-gold:not(.btn-outline)[disabled].focus, .btn.yellow-gold:not(.btn-outline)[disabled]:focus, .btn.yellow-gold:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-gold:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-gold:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-gold:not(.btn-outline):hover {
            background-color: #E87E04;
            border-color: #E87E04
        }

        .btn.yellow-gold:not(.btn-outline) .badge {
            color: #E87E04;
            background-color: #fff
        }

    .btn.btn-outline.yellow-gold {
        border-color: #E87E04;
        color: #E87E04;
        background: 0 0
    }

        .btn.btn-outline.yellow-gold.active, .btn.btn-outline.yellow-gold:active, .btn.btn-outline.yellow-gold:active:focus, .btn.btn-outline.yellow-gold:active:hover, .btn.btn-outline.yellow-gold:focus, .btn.btn-outline.yellow-gold:hover {
            border-color: #E87E04;
            color: #fff;
            background-color: #E87E04
        }

    .btn.yellow-gold-stripe {
        border-left: 4px solid #E87E04 !important
    }

    .btn.yellow-gold.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-casablanca:not(.btn-outline) {
        color: #fff;
        background-color: #f2784b;
        border-color: #f2784b
    }

        .btn.yellow-casablanca:not(.btn-outline).focus, .btn.yellow-casablanca:not(.btn-outline):focus {
            color: #fff;
            background-color: #ef541b;
            border-color: #b1390d
        }

        .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .btn.yellow-casablanca:not(.btn-outline):hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #ef541b;
            border-color: #ee4d12
        }

            .btn.yellow-casablanca:not(.btn-outline).active.focus, .btn.yellow-casablanca:not(.btn-outline).active:focus, .btn.yellow-casablanca:not(.btn-outline).active:hover, .btn.yellow-casablanca:not(.btn-outline):active.focus, .btn.yellow-casablanca:not(.btn-outline):active:focus, .btn.yellow-casablanca:not(.btn-outline):active:hover, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #d74510;
                border-color: #b1390d
            }

        .btn.yellow-casablanca:not(.btn-outline).active, .btn.yellow-casablanca:not(.btn-outline):active, .open > .btn.yellow-casablanca:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-casablanca:not(.btn-outline).disabled.focus, .btn.yellow-casablanca:not(.btn-outline).disabled:focus, .btn.yellow-casablanca:not(.btn-outline).disabled:hover, .btn.yellow-casablanca:not(.btn-outline)[disabled].focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:focus, .btn.yellow-casablanca:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-casablanca:not(.btn-outline):hover {
            background-color: #f2784b;
            border-color: #f2784b
        }

        .btn.yellow-casablanca:not(.btn-outline) .badge {
            color: #f2784b;
            background-color: #fff
        }

    .btn.btn-outline.yellow-casablanca {
        border-color: #f2784b;
        color: #f2784b;
        background: 0 0
    }

        .btn.btn-outline.yellow-casablanca.active, .btn.btn-outline.yellow-casablanca:active, .btn.btn-outline.yellow-casablanca:active:focus, .btn.btn-outline.yellow-casablanca:active:hover, .btn.btn-outline.yellow-casablanca:focus, .btn.btn-outline.yellow-casablanca:hover {
            border-color: #f2784b;
            color: #fff;
            background-color: #f2784b
        }

    .btn.yellow-casablanca-stripe {
        border-left: 4px solid #f2784b !important
    }

    .btn.yellow-casablanca.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-crusta:not(.btn-outline) {
        color: #fff;
        background-color: #f3c200;
        border-color: #f3c200
    }

        .btn.yellow-crusta:not(.btn-outline).focus, .btn.yellow-crusta:not(.btn-outline):focus {
            color: #fff;
            background-color: #c09900;
            border-color: #745c00
        }

        .btn.yellow-crusta:not(.btn-outline).active, .btn.yellow-crusta:not(.btn-outline):active, .btn.yellow-crusta:not(.btn-outline):hover, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #c09900;
            border-color: #b69100
        }

            .btn.yellow-crusta:not(.btn-outline).active.focus, .btn.yellow-crusta:not(.btn-outline).active:focus, .btn.yellow-crusta:not(.btn-outline).active:hover, .btn.yellow-crusta:not(.btn-outline):active.focus, .btn.yellow-crusta:not(.btn-outline):active:focus, .btn.yellow-crusta:not(.btn-outline):active:hover, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #9c7d00;
                border-color: #745c00
            }

        .btn.yellow-crusta:not(.btn-outline).active, .btn.yellow-crusta:not(.btn-outline):active, .open > .btn.yellow-crusta:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-crusta:not(.btn-outline).disabled.focus, .btn.yellow-crusta:not(.btn-outline).disabled:focus, .btn.yellow-crusta:not(.btn-outline).disabled:hover, .btn.yellow-crusta:not(.btn-outline)[disabled].focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:focus, .btn.yellow-crusta:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-crusta:not(.btn-outline):hover {
            background-color: #f3c200;
            border-color: #f3c200
        }

        .btn.yellow-crusta:not(.btn-outline) .badge {
            color: #f3c200;
            background-color: #fff
        }

    .btn.btn-outline.yellow-crusta {
        border-color: #f3c200;
        color: #f3c200;
        background: 0 0
    }

        .btn.btn-outline.yellow-crusta.active, .btn.btn-outline.yellow-crusta:active, .btn.btn-outline.yellow-crusta:active:focus, .btn.btn-outline.yellow-crusta:active:hover, .btn.btn-outline.yellow-crusta:focus, .btn.btn-outline.yellow-crusta:hover {
            border-color: #f3c200;
            color: #fff;
            background-color: #f3c200
        }

    .btn.yellow-crusta-stripe {
        border-left: 4px solid #f3c200 !important
    }

    .btn.yellow-crusta.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-lemon:not(.btn-outline) {
        color: #fff;
        background-color: #F7CA18;
        border-color: #F7CA18
    }

        .btn.yellow-lemon:not(.btn-outline).focus, .btn.yellow-lemon:not(.btn-outline):focus {
            color: #fff;
            background-color: #d5ab07;
            border-color: #8b7005
        }

        .btn.yellow-lemon:not(.btn-outline).active, .btn.yellow-lemon:not(.btn-outline):active, .btn.yellow-lemon:not(.btn-outline):hover, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #d5ab07;
            border-color: #cba307
        }

            .btn.yellow-lemon:not(.btn-outline).active.focus, .btn.yellow-lemon:not(.btn-outline).active:focus, .btn.yellow-lemon:not(.btn-outline).active:hover, .btn.yellow-lemon:not(.btn-outline):active.focus, .btn.yellow-lemon:not(.btn-outline):active:focus, .btn.yellow-lemon:not(.btn-outline):active:hover, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #b28f06;
                border-color: #8b7005
            }

        .btn.yellow-lemon:not(.btn-outline).active, .btn.yellow-lemon:not(.btn-outline):active, .open > .btn.yellow-lemon:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-lemon:not(.btn-outline).disabled.focus, .btn.yellow-lemon:not(.btn-outline).disabled:focus, .btn.yellow-lemon:not(.btn-outline).disabled:hover, .btn.yellow-lemon:not(.btn-outline)[disabled].focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:focus, .btn.yellow-lemon:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-lemon:not(.btn-outline):hover {
            background-color: #F7CA18;
            border-color: #F7CA18
        }

        .btn.yellow-lemon:not(.btn-outline) .badge {
            color: #F7CA18;
            background-color: #fff
        }

    .btn.btn-outline.yellow-lemon {
        border-color: #F7CA18;
        color: #F7CA18;
        background: 0 0
    }

        .btn.btn-outline.yellow-lemon.active, .btn.btn-outline.yellow-lemon:active, .btn.btn-outline.yellow-lemon:active:focus, .btn.btn-outline.yellow-lemon:active:hover, .btn.btn-outline.yellow-lemon:focus, .btn.btn-outline.yellow-lemon:hover {
            border-color: #F7CA18;
            color: #fff;
            background-color: #F7CA18
        }

    .btn.yellow-lemon-stripe {
        border-left: 4px solid #F7CA18 !important
    }

    .btn.yellow-lemon.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-saffron:not(.btn-outline) {
        color: #fff;
        background-color: #F4D03F;
        border-color: #F4D03F
    }

        .btn.yellow-saffron:not(.btn-outline).focus, .btn.yellow-saffron:not(.btn-outline):focus {
            color: #fff;
            background-color: #f1c40f;
            border-color: #aa8a0a
        }

        .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .btn.yellow-saffron:not(.btn-outline):hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #f1c40f;
            border-color: #e8bd0d
        }

            .btn.yellow-saffron:not(.btn-outline).active.focus, .btn.yellow-saffron:not(.btn-outline).active:focus, .btn.yellow-saffron:not(.btn-outline).active:hover, .btn.yellow-saffron:not(.btn-outline):active.focus, .btn.yellow-saffron:not(.btn-outline):active:focus, .btn.yellow-saffron:not(.btn-outline):active:hover, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #d0a90c;
                border-color: #aa8a0a
            }

        .btn.yellow-saffron:not(.btn-outline).active, .btn.yellow-saffron:not(.btn-outline):active, .open > .btn.yellow-saffron:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-saffron:not(.btn-outline).disabled.focus, .btn.yellow-saffron:not(.btn-outline).disabled:focus, .btn.yellow-saffron:not(.btn-outline).disabled:hover, .btn.yellow-saffron:not(.btn-outline)[disabled].focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:focus, .btn.yellow-saffron:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-saffron:not(.btn-outline):hover {
            background-color: #F4D03F;
            border-color: #F4D03F
        }

        .btn.yellow-saffron:not(.btn-outline) .badge {
            color: #F4D03F;
            background-color: #fff
        }

    .btn.btn-outline.yellow-saffron {
        border-color: #F4D03F;
        color: #F4D03F;
        background: 0 0
    }

        .btn.btn-outline.yellow-saffron.active, .btn.btn-outline.yellow-saffron:active, .btn.btn-outline.yellow-saffron:active:focus, .btn.btn-outline.yellow-saffron:active:hover, .btn.btn-outline.yellow-saffron:focus, .btn.btn-outline.yellow-saffron:hover {
            border-color: #F4D03F;
            color: #fff;
            background-color: #F4D03F
        }

    .btn.yellow-saffron-stripe {
        border-left: 4px solid #F4D03F !important
    }

    .btn.yellow-saffron.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-soft:not(.btn-outline) {
        color: #fff;
        background-color: #c8d046;
        border-color: #c8d046
    }

        .btn.yellow-soft:not(.btn-outline).focus, .btn.yellow-soft:not(.btn-outline):focus {
            color: #fff;
            background-color: #adb52e;
            border-color: #73781e
        }

        .btn.yellow-soft:not(.btn-outline).active, .btn.yellow-soft:not(.btn-outline):active, .btn.yellow-soft:not(.btn-outline):hover, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #adb52e;
            border-color: #a5ad2c
        }

            .btn.yellow-soft:not(.btn-outline).active.focus, .btn.yellow-soft:not(.btn-outline).active:focus, .btn.yellow-soft:not(.btn-outline).active:hover, .btn.yellow-soft:not(.btn-outline):active.focus, .btn.yellow-soft:not(.btn-outline):active:focus, .btn.yellow-soft:not(.btn-outline):active:hover, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #929927;
                border-color: #73781e
            }

        .btn.yellow-soft:not(.btn-outline).active, .btn.yellow-soft:not(.btn-outline):active, .open > .btn.yellow-soft:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-soft:not(.btn-outline).disabled.focus, .btn.yellow-soft:not(.btn-outline).disabled:focus, .btn.yellow-soft:not(.btn-outline).disabled:hover, .btn.yellow-soft:not(.btn-outline)[disabled].focus, .btn.yellow-soft:not(.btn-outline)[disabled]:focus, .btn.yellow-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-soft:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-soft:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-soft:not(.btn-outline):hover {
            background-color: #c8d046;
            border-color: #c8d046
        }

        .btn.yellow-soft:not(.btn-outline) .badge {
            color: #c8d046;
            background-color: #fff
        }

    .btn.btn-outline.yellow-soft {
        border-color: #c8d046;
        color: #c8d046;
        background: 0 0
    }

        .btn.btn-outline.yellow-soft.active, .btn.btn-outline.yellow-soft:active, .btn.btn-outline.yellow-soft:active:focus, .btn.btn-outline.yellow-soft:active:hover, .btn.btn-outline.yellow-soft:focus, .btn.btn-outline.yellow-soft:hover {
            border-color: #c8d046;
            color: #fff;
            background-color: #c8d046
        }

    .btn.yellow-soft-stripe {
        border-left: 4px solid #c8d046 !important
    }

    .btn.yellow-soft.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-haze:not(.btn-outline) {
        color: #fff;
        background-color: #c5bf66;
        border-color: #c5bf66
    }

        .btn.yellow-haze:not(.btn-outline).focus, .btn.yellow-haze:not(.btn-outline):focus {
            color: #fff;
            background-color: #b4ad44;
            border-color: #7c772f
        }

        .btn.yellow-haze:not(.btn-outline).active, .btn.yellow-haze:not(.btn-outline):active, .btn.yellow-haze:not(.btn-outline):hover, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #b4ad44;
            border-color: #aca641
        }

            .btn.yellow-haze:not(.btn-outline).active.focus, .btn.yellow-haze:not(.btn-outline).active:focus, .btn.yellow-haze:not(.btn-outline).active:hover, .btn.yellow-haze:not(.btn-outline):active.focus, .btn.yellow-haze:not(.btn-outline):active:focus, .btn.yellow-haze:not(.btn-outline):active:hover, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #9a943a;
                border-color: #7c772f
            }

        .btn.yellow-haze:not(.btn-outline).active, .btn.yellow-haze:not(.btn-outline):active, .open > .btn.yellow-haze:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-haze:not(.btn-outline).disabled.focus, .btn.yellow-haze:not(.btn-outline).disabled:focus, .btn.yellow-haze:not(.btn-outline).disabled:hover, .btn.yellow-haze:not(.btn-outline)[disabled].focus, .btn.yellow-haze:not(.btn-outline)[disabled]:focus, .btn.yellow-haze:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-haze:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-haze:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-haze:not(.btn-outline):hover {
            background-color: #c5bf66;
            border-color: #c5bf66
        }

        .btn.yellow-haze:not(.btn-outline) .badge {
            color: #c5bf66;
            background-color: #fff
        }

    .btn.btn-outline.yellow-haze {
        border-color: #c5bf66;
        color: #c5bf66;
        background: 0 0
    }

        .btn.btn-outline.yellow-haze.active, .btn.btn-outline.yellow-haze:active, .btn.btn-outline.yellow-haze:active:focus, .btn.btn-outline.yellow-haze:active:hover, .btn.btn-outline.yellow-haze:focus, .btn.btn-outline.yellow-haze:hover {
            border-color: #c5bf66;
            color: #fff;
            background-color: #c5bf66
        }

    .btn.yellow-haze-stripe {
        border-left: 4px solid #c5bf66 !important
    }

    .btn.yellow-haze.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.yellow-mint:not(.btn-outline) {
        color: #fff;
        background-color: #c5b96b;
        border-color: #c5b96b
    }

        .btn.yellow-mint:not(.btn-outline).focus, .btn.yellow-mint:not(.btn-outline):focus {
            color: #fff;
            background-color: #b6a747;
            border-color: #7f7532
        }

        .btn.yellow-mint:not(.btn-outline).active, .btn.yellow-mint:not(.btn-outline):active, .btn.yellow-mint:not(.btn-outline):hover, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #b6a747;
            border-color: #aea044
        }

            .btn.yellow-mint:not(.btn-outline).active.focus, .btn.yellow-mint:not(.btn-outline).active:focus, .btn.yellow-mint:not(.btn-outline).active:hover, .btn.yellow-mint:not(.btn-outline):active.focus, .btn.yellow-mint:not(.btn-outline):active:focus, .btn.yellow-mint:not(.btn-outline):active:hover, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle.focus, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:focus, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #9c8f3d;
                border-color: #7f7532
            }

        .btn.yellow-mint:not(.btn-outline).active, .btn.yellow-mint:not(.btn-outline):active, .open > .btn.yellow-mint:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.yellow-mint:not(.btn-outline).disabled.focus, .btn.yellow-mint:not(.btn-outline).disabled:focus, .btn.yellow-mint:not(.btn-outline).disabled:hover, .btn.yellow-mint:not(.btn-outline)[disabled].focus, .btn.yellow-mint:not(.btn-outline)[disabled]:focus, .btn.yellow-mint:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.yellow-mint:not(.btn-outline).focus, fieldset[disabled] .btn.yellow-mint:not(.btn-outline):focus, fieldset[disabled] .btn.yellow-mint:not(.btn-outline):hover {
            background-color: #c5b96b;
            border-color: #c5b96b
        }

        .btn.yellow-mint:not(.btn-outline) .badge {
            color: #c5b96b;
            background-color: #fff
        }

    .btn.btn-outline.yellow-mint {
        border-color: #c5b96b;
        color: #c5b96b;
        background: 0 0
    }

        .btn.btn-outline.yellow-mint.active, .btn.btn-outline.yellow-mint:active, .btn.btn-outline.yellow-mint:active:focus, .btn.btn-outline.yellow-mint:active:hover, .btn.btn-outline.yellow-mint:focus, .btn.btn-outline.yellow-mint:hover {
            border-color: #c5b96b;
            color: #fff;
            background-color: #c5b96b
        }

    .btn.yellow-mint-stripe {
        border-left: 4px solid #c5b96b !important
    }

    .btn.yellow-mint.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple:not(.btn-outline) {
        color: #fff;
        background-color: #8E44AD;
        border-color: #8E44AD
    }

        .btn.purple:not(.btn-outline).focus, .btn.purple:not(.btn-outline):focus {
            color: #fff;
            background-color: #703688;
            border-color: #432051
        }

        .btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):active, .btn.purple:not(.btn-outline):hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #703688;
            border-color: #6a3381
        }

            .btn.purple:not(.btn-outline).active.focus, .btn.purple:not(.btn-outline).active:focus, .btn.purple:not(.btn-outline).active:hover, .btn.purple:not(.btn-outline):active.focus, .btn.purple:not(.btn-outline):active:focus, .btn.purple:not(.btn-outline):active:hover, .open > .btn.purple:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #5b2c6f;
                border-color: #432051
            }

        .btn.purple:not(.btn-outline).active, .btn.purple:not(.btn-outline):active, .open > .btn.purple:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple:not(.btn-outline).disabled.focus, .btn.purple:not(.btn-outline).disabled:focus, .btn.purple:not(.btn-outline).disabled:hover, .btn.purple:not(.btn-outline)[disabled].focus, .btn.purple:not(.btn-outline)[disabled]:focus, .btn.purple:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple:not(.btn-outline).focus, fieldset[disabled] .btn.purple:not(.btn-outline):focus, fieldset[disabled] .btn.purple:not(.btn-outline):hover {
            background-color: #8E44AD;
            border-color: #8E44AD
        }

        .btn.purple:not(.btn-outline) .badge {
            color: #8E44AD;
            background-color: #fff
        }

    .btn.btn-outline.purple {
        border-color: #8E44AD;
        color: #8E44AD;
        background: 0 0
    }

        .btn.btn-outline.purple.active, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:focus, .btn.btn-outline.purple:hover {
            border-color: #8E44AD;
            color: #fff;
            background-color: #8E44AD
        }

    .btn.purple-stripe {
        border-left: 4px solid #8E44AD !important
    }

    .btn.purple.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-plum:not(.btn-outline) {
        color: #fff;
        background-color: #8775a7;
        border-color: #8775a7
    }

        .btn.purple-plum:not(.btn-outline).focus, .btn.purple-plum:not(.btn-outline):focus {
            color: #fff;
            background-color: #6d5b8e;
            border-color: #493d60
        }

        .btn.purple-plum:not(.btn-outline).active, .btn.purple-plum:not(.btn-outline):active, .btn.purple-plum:not(.btn-outline):hover, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #6d5b8e;
            border-color: #685788
        }

            .btn.purple-plum:not(.btn-outline).active.focus, .btn.purple-plum:not(.btn-outline).active:focus, .btn.purple-plum:not(.btn-outline).active:hover, .btn.purple-plum:not(.btn-outline):active.focus, .btn.purple-plum:not(.btn-outline):active:focus, .btn.purple-plum:not(.btn-outline):active:hover, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #5d4d78;
                border-color: #493d60
            }

        .btn.purple-plum:not(.btn-outline).active, .btn.purple-plum:not(.btn-outline):active, .open > .btn.purple-plum:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-plum:not(.btn-outline).disabled.focus, .btn.purple-plum:not(.btn-outline).disabled:focus, .btn.purple-plum:not(.btn-outline).disabled:hover, .btn.purple-plum:not(.btn-outline)[disabled].focus, .btn.purple-plum:not(.btn-outline)[disabled]:focus, .btn.purple-plum:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-plum:not(.btn-outline).focus, fieldset[disabled] .btn.purple-plum:not(.btn-outline):focus, fieldset[disabled] .btn.purple-plum:not(.btn-outline):hover {
            background-color: #8775a7;
            border-color: #8775a7
        }

        .btn.purple-plum:not(.btn-outline) .badge {
            color: #8775a7;
            background-color: #fff
        }

    .btn.btn-outline.purple-plum {
        border-color: #8775a7;
        color: #8775a7;
        background: 0 0
    }

        .btn.btn-outline.purple-plum.active, .btn.btn-outline.purple-plum:active, .btn.btn-outline.purple-plum:active:focus, .btn.btn-outline.purple-plum:active:hover, .btn.btn-outline.purple-plum:focus, .btn.btn-outline.purple-plum:hover {
            border-color: #8775a7;
            color: #fff;
            background-color: #8775a7
        }

    .btn.purple-plum-stripe {
        border-left: 4px solid #8775a7 !important
    }

    .btn.purple-plum.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-medium:not(.btn-outline) {
        color: #fff;
        background-color: #BF55EC;
        border-color: #BF55EC
    }

        .btn.purple-medium:not(.btn-outline).focus, .btn.purple-medium:not(.btn-outline):focus {
            color: #fff;
            background-color: #ae27e7;
            border-color: #8013ae
        }

        .btn.purple-medium:not(.btn-outline).active, .btn.purple-medium:not(.btn-outline):active, .btn.purple-medium:not(.btn-outline):hover, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #ae27e7;
            border-color: #aa1ee6
        }

            .btn.purple-medium:not(.btn-outline).active.focus, .btn.purple-medium:not(.btn-outline).active:focus, .btn.purple-medium:not(.btn-outline).active:hover, .btn.purple-medium:not(.btn-outline):active.focus, .btn.purple-medium:not(.btn-outline):active:focus, .btn.purple-medium:not(.btn-outline):active:hover, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #9b18d3;
                border-color: #8013ae
            }

        .btn.purple-medium:not(.btn-outline).active, .btn.purple-medium:not(.btn-outline):active, .open > .btn.purple-medium:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-medium:not(.btn-outline).disabled.focus, .btn.purple-medium:not(.btn-outline).disabled:focus, .btn.purple-medium:not(.btn-outline).disabled:hover, .btn.purple-medium:not(.btn-outline)[disabled].focus, .btn.purple-medium:not(.btn-outline)[disabled]:focus, .btn.purple-medium:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-medium:not(.btn-outline).focus, fieldset[disabled] .btn.purple-medium:not(.btn-outline):focus, fieldset[disabled] .btn.purple-medium:not(.btn-outline):hover {
            background-color: #BF55EC;
            border-color: #BF55EC
        }

        .btn.purple-medium:not(.btn-outline) .badge {
            color: #BF55EC;
            background-color: #fff
        }

    .btn.btn-outline.purple-medium {
        border-color: #BF55EC;
        color: #BF55EC;
        background: 0 0
    }

        .btn.btn-outline.purple-medium.active, .btn.btn-outline.purple-medium:active, .btn.btn-outline.purple-medium:active:focus, .btn.btn-outline.purple-medium:active:hover, .btn.btn-outline.purple-medium:focus, .btn.btn-outline.purple-medium:hover {
            border-color: #BF55EC;
            color: #fff;
            background-color: #BF55EC
        }

    .btn.purple-medium-stripe {
        border-left: 4px solid #BF55EC !important
    }

    .btn.purple-medium.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-studio:not(.btn-outline) {
        color: #fff;
        background-color: #8E44AD;
        border-color: #8E44AD
    }

        .btn.purple-studio:not(.btn-outline).focus, .btn.purple-studio:not(.btn-outline):focus {
            color: #fff;
            background-color: #703688;
            border-color: #432051
        }

        .btn.purple-studio:not(.btn-outline).active, .btn.purple-studio:not(.btn-outline):active, .btn.purple-studio:not(.btn-outline):hover, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #703688;
            border-color: #6a3381
        }

            .btn.purple-studio:not(.btn-outline).active.focus, .btn.purple-studio:not(.btn-outline).active:focus, .btn.purple-studio:not(.btn-outline).active:hover, .btn.purple-studio:not(.btn-outline):active.focus, .btn.purple-studio:not(.btn-outline):active:focus, .btn.purple-studio:not(.btn-outline):active:hover, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #5b2c6f;
                border-color: #432051
            }

        .btn.purple-studio:not(.btn-outline).active, .btn.purple-studio:not(.btn-outline):active, .open > .btn.purple-studio:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-studio:not(.btn-outline).disabled.focus, .btn.purple-studio:not(.btn-outline).disabled:focus, .btn.purple-studio:not(.btn-outline).disabled:hover, .btn.purple-studio:not(.btn-outline)[disabled].focus, .btn.purple-studio:not(.btn-outline)[disabled]:focus, .btn.purple-studio:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-studio:not(.btn-outline).focus, fieldset[disabled] .btn.purple-studio:not(.btn-outline):focus, fieldset[disabled] .btn.purple-studio:not(.btn-outline):hover {
            background-color: #8E44AD;
            border-color: #8E44AD
        }

        .btn.purple-studio:not(.btn-outline) .badge {
            color: #8E44AD;
            background-color: #fff
        }

    .btn.btn-outline.purple-studio {
        border-color: #8E44AD;
        color: #8E44AD;
        background: 0 0
    }

        .btn.btn-outline.purple-studio.active, .btn.btn-outline.purple-studio:active, .btn.btn-outline.purple-studio:active:focus, .btn.btn-outline.purple-studio:active:hover, .btn.btn-outline.purple-studio:focus, .btn.btn-outline.purple-studio:hover {
            border-color: #8E44AD;
            color: #fff;
            background-color: #8E44AD
        }

    .btn.purple-studio-stripe {
        border-left: 4px solid #8E44AD !important
    }

    .btn.purple-studio.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-wisteria:not(.btn-outline) {
        color: #fff;
        background-color: #9B59B6;
        border-color: #9B59B6
    }

        .btn.purple-wisteria:not(.btn-outline).focus, .btn.purple-wisteria:not(.btn-outline):focus {
            color: #fff;
            background-color: #804399;
            border-color: #532c64
        }

        .btn.purple-wisteria:not(.btn-outline).active, .btn.purple-wisteria:not(.btn-outline):active, .btn.purple-wisteria:not(.btn-outline):hover, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #804399;
            border-color: #7a4092
        }

            .btn.purple-wisteria:not(.btn-outline).active.focus, .btn.purple-wisteria:not(.btn-outline).active:focus, .btn.purple-wisteria:not(.btn-outline).active:hover, .btn.purple-wisteria:not(.btn-outline):active.focus, .btn.purple-wisteria:not(.btn-outline):active:focus, .btn.purple-wisteria:not(.btn-outline):active:hover, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #6b3880;
                border-color: #532c64
            }

        .btn.purple-wisteria:not(.btn-outline).active, .btn.purple-wisteria:not(.btn-outline):active, .open > .btn.purple-wisteria:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-wisteria:not(.btn-outline).disabled.focus, .btn.purple-wisteria:not(.btn-outline).disabled:focus, .btn.purple-wisteria:not(.btn-outline).disabled:hover, .btn.purple-wisteria:not(.btn-outline)[disabled].focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:focus, .btn.purple-wisteria:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline).focus, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):focus, fieldset[disabled] .btn.purple-wisteria:not(.btn-outline):hover {
            background-color: #9B59B6;
            border-color: #9B59B6
        }

        .btn.purple-wisteria:not(.btn-outline) .badge {
            color: #9B59B6;
            background-color: #fff
        }

    .btn.btn-outline.purple-wisteria {
        border-color: #9B59B6;
        color: #9B59B6;
        background: 0 0
    }

        .btn.btn-outline.purple-wisteria.active, .btn.btn-outline.purple-wisteria:active, .btn.btn-outline.purple-wisteria:active:focus, .btn.btn-outline.purple-wisteria:active:hover, .btn.btn-outline.purple-wisteria:focus, .btn.btn-outline.purple-wisteria:hover {
            border-color: #9B59B6;
            color: #fff;
            background-color: #9B59B6
        }

    .btn.purple-wisteria-stripe {
        border-left: 4px solid #9B59B6 !important
    }

    .btn.purple-wisteria.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-seance:not(.btn-outline) {
        color: #fff;
        background-color: #9A12B3;
        border-color: #9A12B3
    }

        .btn.purple-seance:not(.btn-outline).focus, .btn.purple-seance:not(.btn-outline):focus {
            color: #fff;
            background-color: #720d85;
            border-color: #36063f
        }

        .btn.purple-seance:not(.btn-outline).active, .btn.purple-seance:not(.btn-outline):active, .btn.purple-seance:not(.btn-outline):hover, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #720d85;
            border-color: #6a0c7b
        }

            .btn.purple-seance:not(.btn-outline).active.focus, .btn.purple-seance:not(.btn-outline).active:focus, .btn.purple-seance:not(.btn-outline).active:hover, .btn.purple-seance:not(.btn-outline):active.focus, .btn.purple-seance:not(.btn-outline):active:focus, .btn.purple-seance:not(.btn-outline):active:hover, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #560a64;
                border-color: #36063f
            }

        .btn.purple-seance:not(.btn-outline).active, .btn.purple-seance:not(.btn-outline):active, .open > .btn.purple-seance:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-seance:not(.btn-outline).disabled.focus, .btn.purple-seance:not(.btn-outline).disabled:focus, .btn.purple-seance:not(.btn-outline).disabled:hover, .btn.purple-seance:not(.btn-outline)[disabled].focus, .btn.purple-seance:not(.btn-outline)[disabled]:focus, .btn.purple-seance:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-seance:not(.btn-outline).focus, fieldset[disabled] .btn.purple-seance:not(.btn-outline):focus, fieldset[disabled] .btn.purple-seance:not(.btn-outline):hover {
            background-color: #9A12B3;
            border-color: #9A12B3
        }

        .btn.purple-seance:not(.btn-outline) .badge {
            color: #9A12B3;
            background-color: #fff
        }

    .btn.btn-outline.purple-seance {
        border-color: #9A12B3;
        color: #9A12B3;
        background: 0 0
    }

        .btn.btn-outline.purple-seance.active, .btn.btn-outline.purple-seance:active, .btn.btn-outline.purple-seance:active:focus, .btn.btn-outline.purple-seance:active:hover, .btn.btn-outline.purple-seance:focus, .btn.btn-outline.purple-seance:hover {
            border-color: #9A12B3;
            color: #fff;
            background-color: #9A12B3
        }

    .btn.purple-seance-stripe {
        border-left: 4px solid #9A12B3 !important
    }

    .btn.purple-seance.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-intense:not(.btn-outline) {
        color: #fff;
        background-color: #8775a7;
        border-color: #8775a7
    }

        .btn.purple-intense:not(.btn-outline).focus, .btn.purple-intense:not(.btn-outline):focus {
            color: #fff;
            background-color: #6d5b8e;
            border-color: #493d60
        }

        .btn.purple-intense:not(.btn-outline).active, .btn.purple-intense:not(.btn-outline):active, .btn.purple-intense:not(.btn-outline):hover, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #6d5b8e;
            border-color: #685788
        }

            .btn.purple-intense:not(.btn-outline).active.focus, .btn.purple-intense:not(.btn-outline).active:focus, .btn.purple-intense:not(.btn-outline).active:hover, .btn.purple-intense:not(.btn-outline):active.focus, .btn.purple-intense:not(.btn-outline):active:focus, .btn.purple-intense:not(.btn-outline):active:hover, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #5d4d78;
                border-color: #493d60
            }

        .btn.purple-intense:not(.btn-outline).active, .btn.purple-intense:not(.btn-outline):active, .open > .btn.purple-intense:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-intense:not(.btn-outline).disabled.focus, .btn.purple-intense:not(.btn-outline).disabled:focus, .btn.purple-intense:not(.btn-outline).disabled:hover, .btn.purple-intense:not(.btn-outline)[disabled].focus, .btn.purple-intense:not(.btn-outline)[disabled]:focus, .btn.purple-intense:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-intense:not(.btn-outline).focus, fieldset[disabled] .btn.purple-intense:not(.btn-outline):focus, fieldset[disabled] .btn.purple-intense:not(.btn-outline):hover {
            background-color: #8775a7;
            border-color: #8775a7
        }

        .btn.purple-intense:not(.btn-outline) .badge {
            color: #8775a7;
            background-color: #fff
        }

    .btn.btn-outline.purple-intense {
        border-color: #8775a7;
        color: #8775a7;
        background: 0 0
    }

        .btn.btn-outline.purple-intense.active, .btn.btn-outline.purple-intense:active, .btn.btn-outline.purple-intense:active:focus, .btn.btn-outline.purple-intense:active:hover, .btn.btn-outline.purple-intense:focus, .btn.btn-outline.purple-intense:hover {
            border-color: #8775a7;
            color: #fff;
            background-color: #8775a7
        }

    .btn.purple-intense-stripe {
        border-left: 4px solid #8775a7 !important
    }

    .btn.purple-intense.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-sharp:not(.btn-outline) {
        color: #fff;
        background-color: #796799;
        border-color: #796799
    }

        .btn.purple-sharp:not(.btn-outline).focus, .btn.purple-sharp:not(.btn-outline):focus {
            color: #fff;
            background-color: #61527b;
            border-color: #3d344d
        }

        .btn.purple-sharp:not(.btn-outline).active, .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline):hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #61527b;
            border-color: #5c4e75
        }

            .btn.purple-sharp:not(.btn-outline).active.focus, .btn.purple-sharp:not(.btn-outline).active:focus, .btn.purple-sharp:not(.btn-outline).active:hover, .btn.purple-sharp:not(.btn-outline):active.focus, .btn.purple-sharp:not(.btn-outline):active:focus, .btn.purple-sharp:not(.btn-outline):active:hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #504465;
                border-color: #3d344d
            }

        .btn.purple-sharp:not(.btn-outline).active, .btn.purple-sharp:not(.btn-outline):active, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-sharp:not(.btn-outline).disabled.focus, .btn.purple-sharp:not(.btn-outline).disabled:focus, .btn.purple-sharp:not(.btn-outline).disabled:hover, .btn.purple-sharp:not(.btn-outline)[disabled].focus, .btn.purple-sharp:not(.btn-outline)[disabled]:focus, .btn.purple-sharp:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover {
            background-color: #796799;
            border-color: #796799
        }

        .btn.purple-sharp:not(.btn-outline) .badge {
            color: #796799;
            background-color: #fff
        }

    .btn.btn-outline.purple-sharp {
        border-color: #796799;
        color: #796799;
        background: 0 0
    }

        .btn.btn-outline.purple-sharp.active, .btn.btn-outline.purple-sharp:active, .btn.btn-outline.purple-sharp:active:focus, .btn.btn-outline.purple-sharp:active:hover, .btn.btn-outline.purple-sharp:focus, .btn.btn-outline.purple-sharp:hover {
            border-color: #796799;
            color: #fff;
            background-color: #796799
        }

    .btn.purple-sharp-stripe {
        border-left: 4px solid #796799 !important
    }

    .btn.purple-sharp.btn-no-border:not(.active) {
        border-color: transparent
    }

    .btn.purple-soft:not(.btn-outline) {
        color: #fff;
        background-color: #8877a9;
        border-color: #8877a9
    }

        .btn.purple-soft:not(.btn-outline).focus, .btn.purple-soft:not(.btn-outline):focus {
            color: #fff;
            background-color: #6e5c91;
            border-color: #4a3e62
        }

        .btn.purple-soft:not(.btn-outline).active, .btn.purple-soft:not(.btn-outline):active, .btn.purple-soft:not(.btn-outline):hover, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {
            color: #fff;
            background-color: #6e5c91;
            border-color: #69588b
        }

            .btn.purple-soft:not(.btn-outline).active.focus, .btn.purple-soft:not(.btn-outline).active:focus, .btn.purple-soft:not(.btn-outline).active:hover, .btn.purple-soft:not(.btn-outline):active.focus, .btn.purple-soft:not(.btn-outline):active:focus, .btn.purple-soft:not(.btn-outline):active:hover, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle:hover {
                color: #fff;
                background-color: #5d4e7b;
                border-color: #4a3e62
            }

        .btn.purple-soft:not(.btn-outline).active, .btn.purple-soft:not(.btn-outline):active, .open > .btn.purple-soft:not(.btn-outline).dropdown-toggle {
            background-image: none
        }

        .btn.purple-soft:not(.btn-outline).disabled.focus, .btn.purple-soft:not(.btn-outline).disabled:focus, .btn.purple-soft:not(.btn-outline).disabled:hover, .btn.purple-soft:not(.btn-outline)[disabled].focus, .btn.purple-soft:not(.btn-outline)[disabled]:focus, .btn.purple-soft:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-soft:not(.btn-outline).focus, fieldset[disabled] .btn.purple-soft:not(.btn-outline):focus, fieldset[disabled] .btn.purple-soft:not(.btn-outline):hover {
            background-color: #8877a9;
            border-color: #8877a9
        }

        .btn.purple-soft:not(.btn-outline) .badge {
            color: #8877a9;
            background-color: #fff
        }

    .btn.btn-outline.purple-soft {
        border-color: #8877a9;
        color: #8877a9;
        background: 0 0
    }

        .btn.btn-outline.purple-soft.active, .btn.btn-outline.purple-soft:active, .btn.btn-outline.purple-soft:active:focus, .btn.btn-outline.purple-soft:active:hover, .btn.btn-outline.purple-soft:focus, .btn.btn-outline.purple-soft:hover {
            border-color: #8877a9;
            color: #fff;
            background-color: #8877a9
        }

    .btn.purple-soft-stripe {
        border-left: 4px solid #8877a9 !important
    }

    .btn.purple-soft.btn-no-border:not(.active) {
        border-color: transparent
    }

.btn-circle {
    border-radius: 25px !important;
    overflow: hidden
}

.btn-circle-right {
    border-radius: 0 25px 25px 0 !important
}

.btn-circle-left {
    border-radius: 25px 0 0 25px !important
}

.btn-circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.btn-circle-top {
    border-radius: 25px 25px 0 0 !important
}

.btn-icon-only {
    height: 34px;
    width: 34px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

    .btn-icon-only > [class^=icon-], .btn-icon-only > i {
        text-align: center;
        margin-top: 2px
    }

.btn-group.btn-group-circle > .btn:first-child {
    border-radius: 25px 0 0 25px !important
}

.btn-group.btn-group-circle > .btn:last-child {
    border-radius: 0 25px 25px 0 !important
}

.btn-group.btn-group-devided > .btn {
    margin-right: 5px
}

    .btn-group.btn-group-devided > .btn:last-child {
        margin-right: 0
    }

.btn-group-vertical.btn-group-vertical-circle > .btn:first-child {
    border-radius: 25px 25px 0 0 !important
}

.btn-group-vertical.btn-group-vertical-circle > .btn:last-child {
    border-radius: 0 0 25px 25px !important
}

.carousel.image-carousel .carousel-inner {
    padding-top: 0;
    padding-bottom: 0
}

.carousel.image-carousel .carousel-control i {
    position: absolute;
    top: 40%
}

.carousel.image-carousel.image-carousel-hoverable .carousel-control i {
    display: none
}

.carousel.image-carousel.image-carousel-hoverable:hover .carousel-control i {
    display: inline-block
}

.carousel.image-carousel .carousel-control.left i {
    left: 10px
}

.carousel.image-carousel .carousel-control.right i {
    right: 10px
}

.carousel.image-carousel .carousel-indicators {
    margin-top: 10px;
    bottom: -7px
}

    .carousel.image-carousel .carousel-indicators li, .carousel.image-carousel .carousel-indicators li.active {
        background-color: #666
    }

.carousel.image-carousel .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 15px 25px;
    background: #333;
    background: rgba(0,0,0,.75)
}

    .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4, .carousel.image-carousel .carousel-caption p {
        text-align: left;
        line-height: 20px;
        color: #fff
    }

    .carousel.image-carousel .carousel-caption h2, .carousel.image-carousel .carousel-caption h3, .carousel.image-carousel .carousel-caption h4 {
        margin: 0 0 5px
    }

        .carousel.image-carousel .carousel-caption h2 a, .carousel.image-carousel .carousel-caption h3 a, .carousel.image-carousel .carousel-caption h4 a {
            color: #aaa
        }

    .carousel.image-carousel .carousel-caption p {
        margin-bottom: 0
    }

    .carousel.image-carousel .carousel-caption .item {
        margin: 0
    }

.bars, .chart, .pie {
    overflow: hidden;
    height: 300px;
    width: 100%;
    font-size: 14px
}

.item-list.table .percent {
    width: 30px;
    float: right;
    margin-right: 10px;
    margin-top: 3px
}

.chart-tooltip {
    clear: both;
    z-index: 100;
    background-color: #736e6e !important;
    padding: 5px !important;
    color: #fff
}

    .chart-tooltip .label {
        clear: both;
        display: block;
        margin-bottom: 2px
    }

.bar-chart, .line-chart {
    display: none
}

.chats {
    margin: -15px 0 0;
    padding: 0
}

    .chats li {
        list-style: none;
        padding: 5px 0;
        margin: 10px auto;
        font-size: 12px
    }

        .chats li .body {
            display: block
        }

        .chats li .avatar {
            height: 45px;
            width: 45px;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important
        }

        .chats li.in .avatar {
            float: left;
            margin-right: 10px
        }

        .chats li.out .avatar {
            float: right;
            margin-left: 10px
        }

        .chats li .name {
            color: #3590c1;
            font-size: 13px;
            font-weight: 400
        }

        .chats li .datetime {
            color: #333;
            font-size: 13px;
            font-weight: 400
        }

        .chats li .message {
            display: block;
            padding: 5px;
            position: relative
        }

        .chats li.in .message .arrow, .chats li.out .message .arrow {
            display: block;
            position: absolute;
            top: 5px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent
        }

        .chats li.in .message {
            text-align: left;
            border-left: 2px solid #1BBC9B;
            margin-left: 65px;
            background: #fafafa
        }

            .chats li.in .message .arrow {
                left: -8px;
                width: 0;
                height: 0;
                border-right: 8px solid #1BBC9B
            }

        .chats li.out .message {
            border-right: 2px solid #F3565D;
            margin-right: 65px;
            background: #fafafa;
            text-align: right
        }

            .chats li.out .message .arrow {
                right: -8px;
                border-left: 8px solid #F3565D
            }

        .chats li.out .datetime, .chats li.out .name {
            text-align: right
        }

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #e9eff3;
    overflow: hidden;
    clear: both
}

    .chat-form .input-cont {
        margin-right: 40px
    }

        .chat-form .input-cont .form-control {
            border: 1px solid #ddd;
            width: 100% !important;
            margin-top: 0;
            background-color: #fff !important
        }

            .chat-form .input-cont .form-control:focus {
                border: 1px solid #4b8df9 !important
            }

    .chat-form .btn-cont {
        margin-top: -41px;
        position: relative;
        float: right;
        width: 44px
    }

        .chat-form .btn-cont .arrow {
            position: absolute;
            top: 17px;
            right: 43px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #4d90fe;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .chat-form .btn-cont .btn {
            margin-top: 7px
        }

        .chat-form .btn-cont:hover .arrow {
            border-right-color: #0362fd;
            transition: all .3s
        }

        .chat-form .btn-cont:hover .btn {
            background-color: #0362fd;
            transition: all .3s
        }

.close {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat !important;
    text-indent: -10000px;
    outline: 0;
    background-image: url(../img/remove-icon-small.png) !important
}

.dropdown.open > .dropdown-toggle, .dropup.open > .dropdown-toggle {
    border-color: #ddd
}

.dropdown-menu {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    left: 0;
    min-width: 175px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.dropdown-hoverable:hover .dropdown-menu {
    display: block
}

.dropdown-menu li.divider {
    background: #f1f3f6
}

.dropdown-menu li.header {
    padding: 8px 14px 2px
}

.dropdown-menu > li > a {
    padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap
}

    .dropdown-menu > li > a > [class*=" fa-"], .dropdown-menu > li > a > [class^=fa-] {
        color: #888
    }

    .dropdown-menu > li > a > [class*=" icon-"], .dropdown-menu > li > a > [class^=icon-] {
        color: #666
    }

    .dropdown-menu > li > a > [class*=" glyphicon-"], .dropdown-menu > li > a > [class^=glyphicon-] {
        color: #888
    }

.dropdown-menu > li.active:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li:hover > a {
    text-decoration: none;
    background-image: none;
    background-color: #f6f6f6;
    color: #555;
    filter: none
}

.dropdown-menu.bottom-up {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

    .dropdown-menu.bottom-up:after, .dropdown-menu.bottom-up:before {
        display: none !important
    }

.dropdown-menu > li:first-child:hover > a {
    border-radius: 4px 4px 0 0
}

.dropdown-menu > li:last-child:hover > a {
    border-radius: 0 0 4px 4px
}

.dropdown-hover:hover > .dropdown-menu {
    display: block
}

.btn-group > .dropdown-menu, .dropdown-toggle > .dropdown-menu, .dropdown > .dropdown-menu {
    margin-top: 10px
}

    .btn-group > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .dropdown > .dropdown-menu:before {
        position: absolute;
        top: -8px;
        left: 9px;
        right: auto;
        display: inline-block !important;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #e0e0e0;
        border-left: 8px solid transparent;
        content: ''
    }

    .btn-group > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .dropdown > .dropdown-menu:after {
        position: absolute;
        top: -7px;
        left: 10px;
        right: auto;
        display: inline-block !important;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        border-left: 7px solid transparent;
        content: ''
    }

    .btn-group > .dropdown-menu.pull-left:before, .dropdown-toggle > .dropdown-menu.pull-left:before, .dropdown > .dropdown-menu.pull-left:before {
        left: auto;
        right: 9px
    }

    .btn-group > .dropdown-menu.pull-left:after, .dropdown-toggle > .dropdown-menu.pull-left:after, .dropdown > .dropdown-menu.pull-left:after {
        left: auto;
        right: 10px
    }

    .btn-group > .dropdown-menu.pull-right:before, .dropdown-toggle > .dropdown-menu.pull-right:before, .dropdown > .dropdown-menu.pull-right:before {
        left: auto;
        right: 9px
    }

    .btn-group > .dropdown-menu.pull-right:after, .dropdown-toggle > .dropdown-menu.pull-right:after, .dropdown > .dropdown-menu.pull-right:after {
        left: auto;
        right: 10px
    }

.btn-group.dropup > .dropdown-menu, .dropdown-toggle.dropup > .dropdown-menu, .dropdown.dropup > .dropdown-menu {
    margin-top: 0;
    margin-bottom: 10px
}

    .btn-group.dropup > .dropdown-menu:after, .btn-group.dropup > .dropdown-menu:before, .dropdown-toggle.dropup > .dropdown-menu:after, .dropdown-toggle.dropup > .dropdown-menu:before, .dropdown.dropup > .dropdown-menu:after, .dropdown.dropup > .dropdown-menu:before {
        display: none !important
    }

.dropdown-toggle:after {
    display: none
}

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 5px;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px
    }

    .dropdown-submenu > a:after {
        position: absolute;
        display: inline-block;
        font-size: 14px;
        right: 7px;
        top: 7px;
        font-family: FontAwesome;
        height: auto;
        content: "\f105";
        font-weight: 300
    }

.label, .table.table-light > thead > tr > th {
    font-family: "Open Sans",sans-serif
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px
    }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px
}

.nav.pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto
}

    .nav.pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before {
        right: 12px;
        left: auto
    }

    .nav.pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after {
        right: 13px;
        left: auto
    }

    .nav.pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu {
        right: 100%;
        left: auto;
        margin-right: -1px;
        margin-left: 0
    }

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid #efefef;
        box-shadow: 5px 5px rgba(102,102,102,.1)
    }

        .navbar-nav .open .dropdown-menu > li > a {
            padding: 6px 0 6px 13px;
            color: #333
        }

            .navbar-nav .open .dropdown-menu > li > a:active, .navbar-nav .open .dropdown-menu > li > a:hover {
                background-color: #eee
            }
}

.dropdown-content {
    padding: 10px
}

    .dropdown-content form {
        margin: 0
    }

.dropdown.inline .dropdown-menu {
    display: inline-block;
    position: relative
}

.dropdown-checkboxes, .dropdown-radiobuttons {
    padding: 5px
}

    .dropdown-checkboxes label, .dropdown-radiobuttons label {
        display: block;
        font-weight: 300;
        color: #333;
        margin-bottom: 4px;
        margin-top: 4px
    }

        .dropdown-checkboxes label .radio, .dropdown-radiobuttons label .radio {
            margin-right: 3px
        }

.dropdown-menu-v2 {
    top: 100%;
    right: 0;
    z-index: 1001;
    display: none;
    float: left;
    min-width: 225px;
    padding: 20px 0;
    margin: 25px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    position: absolute;
    background: #242b31;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1)
}

    .dropdown-menu-v2:before {
        top: -10px;
        right: 0;
        width: 0;
        height: 0;
        content: ' ';
        position: absolute;
        border-style: solid;
        display: inline-block;
        border-width: 0 0 15px 15px;
        border-color: transparent transparent #242b31
    }

.feeds li .col1, .feeds li .col1 > .cont > .cont-col2 {
    width: 100%;
    float: left
}

.dropdown-menu-v2 > li > a {
    clear: both;
    color: #606e7a;
    display: block;
    font-weight: 600;
    padding: 8px 20px;
    position: relative;
    white-space: nowrap;
    line-height: 1.42857143;
    text-transform: uppercase
}

    .dropdown-menu-v2 > li > a:focus, .dropdown-menu-v2 > li > a:hover {
        background: #21282e;
        text-decoration: none;
        color: #009dc7
    }

.dropdown-menu-v2 .active > a, .dropdown-menu-v2 .active > a:focus, .dropdown-menu-v2 .active > a:hover {
    outline: 0;
    text-decoration: none;
    background-color: #21282e;
    color: #009dc7
}

.dropdown-menu-v2 .disabled > a, .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover {
    color: #009dc7
}

    .dropdown-menu-v2 .disabled > a:focus, .dropdown-menu-v2 .disabled > a:hover {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none
    }

.dropdown-menu-v2 .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #2e353c
}

.dropdown-menu-v2 .badge {
    top: 8px;
    right: 10px;
    position: absolute
}

.dropdown-menu-v2.pull-right, .pull-right > .dropdown-menu-v2 {
    right: 0;
    left: auto
}

.open > .dropdown-menu-v2 {
    display: block
}

td > .mt-checkbox.mt-checkbox-single, td > .mt-radio.mt-radio-single, th > .mt-checkbox.mt-checkbox-single, th > .mt-radio.mt-radio-single {
    right: -5px
}

.feeds {
    margin: 0;
    padding: 0;
    list-style: none
}

    .feeds li {
        background-color: #fafafa;
        color: #82949a;
        margin-bottom: 7px
    }

        .feeds li:after, .feeds li:before {
            display: table;
            line-height: 0;
            content: ""
        }

        .feeds li:after {
            clear: both
        }

        .feeds li:last-child {
            margin-bottom: 0
        }

        .feeds li .col1 {
            clear: both
        }

            .feeds li .col1 > .cont {
                float: left;
                margin-right: 75px;
                overflow: hidden
            }

                .feeds li .col1 > .cont > .cont-col1 {
                    float: left;
                    margin-right: -100%
                }

                    .feeds li .col1 > .cont > .cont-col1 > .label {
                        display: inline-block;
                        padding: 5px 4px 6px 5px;
                        vertical-align: middle;
                        text-align: center
                    }

                        .feeds li .col1 > .cont > .cont-col1 > .label > i {
                            text-align: center;
                            font-size: 14px
                        }

                .feeds li .col1 > .cont > .cont-col2 > .desc {
                    margin-left: 35px;
                    padding-top: 4px;
                    padding-bottom: 5px;
                    overflow: hidden
                }

        .feeds li .col2 {
            float: left;
            width: 75px;
            margin-left: -75px
        }

            .feeds li .col2 > .date {
                padding: 4px 9px 5px 4px;
                text-align: right;
                font-style: italic;
                color: #c1cbd0
            }

.static-info {
    margin-bottom: 10px
}

    .static-info .name {
        font-size: 14px
    }

    .static-info .value {
        font-size: 14px;
        font-weight: 600
    }

    .static-info.align-reverse .name, .static-info.align-reverse .value {
        text-align: right
    }

.help-block {
    margin-top: 5px;
    margin-bottom: 5px
}

.help-inline {
    font-size: 13px;
    color: #737373;
    display: inline-block;
    padding: 5px
}

.form-inline input {
    margin-bottom: 0 !important
}

.control-label {
    margin-top: 1px;
    font-weight: 400
}

    .control-label .required, .form-group .required {
        color: #e02222;
        font-size: 12px;
        padding-left: 2px
    }

.form {
    padding: 0 !important
}

    .form .form-body, .portlet-form .form-body {
        padding: 20px
    }

.portlet.light .form .form-body, .portlet.light .portlet-form .form-body {
    padding-left: 0;
    padding-right: 0
}

.form .form-actions, .portlet-form .form-actions {
    padding: 20px;
    margin: 0;
    background-color: #f5f5f5;
    border-top: 1px solid #e7ecf1
}

.portlet.light .form .form-actions, .portlet.light .portlet-form .form-actions {
    background: 0 0;
    padding-left: 0;
    padding-right: 0
}

.form .form-actions.nobg, .portlet-form .form-actions.nobg, .tiles .tile .tile-object {
    background-color: transparent
}

.form .form-actions.noborder, .portlet-form .form-actions.noborder {
    border-top: 0
}

.portlet .form .form-actions, .portlet .portlet-form .form-actions {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.form .form-actions:after, .form .form-actions:before, .portlet-form .form-actions:after, .portlet-form .form-actions:before {
    content: " ";
    display: table
}

.form .form-actions:after, .portlet-form .form-actions:after {
    clear: both
}

.form .form-actions.right, .portlet-form .form-actions.right {
    padding-left: 0;
    padding-right: 20px;
    text-align: right
}

.portlet.light .form .form-actions.right, .portlet.light .portlet-form .form-actions.right {
    padding-right: 0
}

.form .form-actions.left, .portlet-form .form-actions.left {
    padding-left: 20px;
    padding-right: 0;
    text-align: left
}

.checkbox-list > label.checkbox-inline:first-child, .checkbox > label, .form-horizontal .checkbox > label, .portlet.light .form .form-actions.left, .portlet.light .portlet-form .form-actions.left, .radio-list > label.radio-inline:first-child {
    padding-left: 0
}

.form .form-actions.top, .portlet-form .form-actions.top {
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e7ecf1
}

.portlet.light .form .form-actions.top, .portlet.light .portlet-form .form-actions.top {
    background: 0 0
}

.form .form-actions .btn-set, .portlet-form .form-actions .btn-set {
    display: inline-block
}

@media (max-width:767px) {
    .form .form-actions .btn-set, .portlet-form .form-actions .btn-set {
        margin-bottom: 3px;
        margin-top: 3px;
        float: left !important
    }
}

.form .form-section, .portlet-form .form-section {
    margin: 30px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7ecf1
}

.form .form-bordered .form-group .help-block, .form .form-row-seperated .form-group .help-block, .form-horizontal .radio-list > label {
    margin-bottom: 0
}

.form-fit .form .form-section, .form-fit .portlet-form .form-section {
    margin-left: 20px;
    margin-right: 20px
}

.checkbox, .form-horizontal .checkbox {
    padding: 0
}

.checkbox-list > label {
    display: block
}

    .checkbox-list > label.checkbox-inline {
        display: inline-block
    }

.radio-list > label {
    display: block
}

    .radio-list > label.radio-inline {
        display: inline-block
    }

.form-horizontal .radio-list .radio {
    padding-top: 1px
}

.form-horizontal .radio > span {
    margin-top: 2px
}

.form .form-row-seperated .portlet-body {
    padding: 0
}

.form .form-row-seperated .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding: 15px 0
}

    .form .form-row-seperated .form-group.last {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 13px
    }

.form .form-row-seperated .form-body {
    padding: 0
}

.form .form-row-seperated .form-actions {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.form .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef
}

    .form .form-bordered .form-group > div {
        padding: 15px;
        border-left: 1px solid #efefef
    }

    .form .form-bordered .form-group.last {
        border-bottom: 0
    }

    .form .form-bordered .form-group .control-label {
        padding-top: 20px
    }

@media (max-width:991px) {
    .form .form-bordered .form-group > div {
        border-left: 0
    }

    .form .form-bordered .form-group .control-label {
        padding-top: 10px
    }
}

.form .form-bordered .form-group .form-control {
    margin: 0
}

.form .form-bordered .form-body {
    margin: 0;
    padding: 0
}

.form .form-bordered .form-actions {
    margin-top: 0;
    padding-left: 16px !important;
    padding-right: 16px !important
}

@media (max-width:991px) {
    .form .form-bordered .form-actions {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
    background: #fff !important
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
    background-color: #fff
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form-horizontal .form-group .input-sm {
    margin-top: 3px
}

.form-horizontal .form-group .form-control-static {
    margin-top: 1px
}

.mt-repeater {
    display: table;
    width: 100%
}

    .mt-repeater .mt-repeater-item {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px
    }

        .mt-repeater .mt-repeater-item.mt-overflow {
            overflow: auto
        }

    .mt-repeater .mt-repeater-title {
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 0;
        font-weight: 600
    }

    .mt-repeater .mt-repeater-input {
        display: table-cell;
        vertical-align: top;
        padding: 0 10px 10px;
        width: 1%
    }

        .mt-repeater .mt-repeater-input input[type=text], .mt-repeater .mt-repeater-input select, .mt-repeater .mt-repeater-input textarea {
            width: 100%
        }

        .mt-repeater .mt-repeater-input .control-label {
            padding-top: 0;
            margin-bottom: 5px
        }

        .mt-repeater .mt-repeater-input.mt-repeater-textarea {
            width: 3%
        }

        .mt-repeater .mt-repeater-input:first-child {
            padding-left: 0
        }

        .mt-repeater .mt-repeater-input:last-child {
            padding-right: 0
        }

    .mt-repeater .mt-repeater-delete {
        margin-top: 1.8em
    }

        .mt-repeater .mt-repeater-delete.mt-repeater-del-right {
            float: right;
            margin-top: 10px
        }

    .mt-repeater .mt-repeater-cell {
        display: table;
        width: 100%
    }

        .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline, .mt-repeater .mt-repeater-cell .mt-repeater-input-inline {
            display: table-cell
        }

        .mt-repeater .mt-repeater-cell .mt-repeater-input-inline {
            width: 100%;
            border-right: none
        }

        .mt-repeater .mt-repeater-cell .mt-repeater-btn-inline {
            width: 1%;
            float: none
        }

    .mt-repeater .mt-repeater-row {
        margin-right: 0
    }

@media (max-width:991px) {
    .mt-repeater .mt-repeater-input {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0
    }

        .mt-repeater .mt-repeater-input.mt-repeater-textarea {
            width: 100%
        }

        .mt-repeater .mt-repeater-input .control-label {
            text-align: left !important
        }

        .mt-repeater .mt-repeater-input .mt-repeater-delete {
            margin-top: 0
        }
}

.input-mini, .input-xxs {
    width: 45px !important
}

.form-control {
    outline: 0 !important
}

    .form-control.height-auto {
        height: auto
    }

.input-group-addon > i {
    color: #c5cdda
}

.form-control.white {
    border-color: #fff
}

    .form-control.white:focus {
        border-color: #e6e6e6
    }

.form-control.focus-white:focus {
    border-color: #fff
}

.form-control.default {
    border-color: #e1e5ec
}

    .form-control.default:focus {
        border-color: #c2cad8
    }

.form-control.focus-default:focus {
    border-color: #e1e5ec
}

.form-control.dark {
    border-color: #2f353b
}

    .form-control.dark:focus {
        border-color: #181c1f
    }

.form-control.focus-dark:focus {
    border-color: #2f353b
}

.form-control.blue {
    border-color: #3598dc
}

    .form-control.blue:focus {
        border-color: #217ebd
    }

.form-control.focus-blue:focus {
    border-color: #3598dc
}

.form-control.blue-madison {
    border-color: #578ebe
}

    .form-control.blue-madison:focus {
        border-color: #3f74a3
    }

.form-control.focus-blue-madison:focus {
    border-color: #578ebe
}

.form-control.blue-chambray {
    border-color: #2C3E50
}

    .form-control.blue-chambray:focus {
        border-color: #1a252f
    }

.form-control.focus-blue-chambray:focus {
    border-color: #2C3E50
}

.form-control.blue-ebonyclay {
    border-color: #22313F
}

    .form-control.blue-ebonyclay:focus {
        border-color: #10171e
    }

.form-control.focus-blue-ebonyclay:focus {
    border-color: #22313F
}

.form-control.blue-hoki {
    border-color: #67809F
}

    .form-control.blue-hoki:focus {
        border-color: #526781
    }

.form-control.focus-blue-hoki:focus {
    border-color: #67809F
}

.form-control.blue-steel {
    border-color: #4B77BE
}

    .form-control.blue-steel:focus {
        border-color: #395f9d
    }

.form-control.focus-blue-steel:focus {
    border-color: #4B77BE
}

.form-control.blue-soft {
    border-color: #4c87b9
}

    .form-control.blue-soft:focus {
        border-color: #3b6d97
    }

.form-control.focus-blue-soft:focus {
    border-color: #4c87b9
}

.form-control.blue-dark {
    border-color: #5e738b
}

    .form-control.blue-dark:focus {
        border-color: #495a6d
    }

.form-control.focus-blue-dark:focus {
    border-color: #5e738b
}

.form-control.blue-sharp {
    border-color: #5C9BD1
}

    .form-control.blue-sharp:focus {
        border-color: #3782c3
    }

.form-control.focus-blue-sharp:focus {
    border-color: #5C9BD1
}

.form-control.blue-oleo {
    border-color: #94A0B2
}

    .form-control.blue-oleo:focus {
        border-color: #76869d
    }

.form-control.focus-blue-oleo:focus {
    border-color: #94A0B2
}

.form-control.green {
    border-color: #32c5d2
}

    .form-control.green:focus {
        border-color: #26a1ab
    }

.form-control.focus-green:focus {
    border-color: #32c5d2
}

.form-control.green-meadow {
    border-color: #1BBC9B
}

    .form-control.green-meadow:focus {
        border-color: #158f76
    }

.form-control.focus-green-meadow:focus {
    border-color: #1BBC9B
}

.form-control.green-seagreen {
    border-color: #1BA39C
}

    .form-control.green-seagreen:focus {
        border-color: #147772
    }

.form-control.focus-green-seagreen:focus {
    border-color: #1BA39C
}

.form-control.green-turquoise {
    border-color: #36D7B7
}

    .form-control.green-turquoise:focus {
        border-color: #24b699
    }

.form-control.focus-green-turquoise:focus {
    border-color: #36D7B7
}

.form-control.green-haze {
    border-color: #44b6ae
}

    .form-control.green-haze:focus {
        border-color: #36918b
    }

.form-control.focus-green-haze:focus {
    border-color: #44b6ae
}

.form-control.green-jungle {
    border-color: #26C281
}

    .form-control.green-jungle:focus {
        border-color: #1e9765
    }

.form-control.focus-green-jungle:focus {
    border-color: #26C281
}

.form-control.green-soft {
    border-color: #3faba4
}

    .form-control.green-soft:focus {
        border-color: #318680
    }

.form-control.focus-green-soft:focus {
    border-color: #3faba4
}

.form-control.green-dark {
    border-color: #4DB3A2
}

    .form-control.green-dark:focus {
        border-color: #3d9082
    }

.form-control.focus-green-dark:focus {
    border-color: #4DB3A2
}

.form-control.green-sharp {
    border-color: #2ab4c0
}

    .form-control.green-sharp:focus {
        border-color: #218d96
    }

.form-control.focus-green-sharp:focus {
    border-color: #2ab4c0
}

.form-control.green-steel {
    border-color: #29b4b6
}

    .form-control.green-steel:focus {
        border-color: #208b8c
    }

.form-control.focus-green-steel:focus {
    border-color: #29b4b6
}

.form-control.grey {
    border-color: #E5E5E5
}

    .form-control.grey:focus {
        border-color: #ccc
    }

.form-control.focus-grey:focus {
    border-color: #E5E5E5
}

.form-control.grey-steel {
    border-color: #e9edef
}

    .form-control.grey-steel:focus {
        border-color: #cbd5da
    }

.form-control.focus-grey-steel:focus {
    border-color: #e9edef
}

.form-control.grey-cararra {
    border-color: #fafafa
}

    .form-control.grey-cararra:focus {
        border-color: #e1e1e1
    }

.form-control.focus-grey-cararra:focus {
    border-color: #fafafa
}

.form-control.grey-gallery {
    border-color: #555
}

    .form-control.grey-gallery:focus {
        border-color: #3c3c3c
    }

.form-control.focus-grey-gallery:focus {
    border-color: #555
}

.form-control.grey-cascade {
    border-color: #95A5A6
}

    .form-control.grey-cascade:focus {
        border-color: #798d8f
    }

.form-control.focus-grey-cascade:focus {
    border-color: #95A5A6
}

.form-control.grey-silver {
    border-color: #BFBFBF
}

    .form-control.grey-silver:focus {
        border-color: #a6a6a6
    }

.form-control.focus-grey-silver:focus {
    border-color: #BFBFBF
}

.form-control.grey-salsa {
    border-color: #ACB5C3
}

    .form-control.grey-salsa:focus {
        border-color: #8e9bae
    }

.form-control.focus-grey-salsa:focus {
    border-color: #ACB5C3
}

.form-control.grey-salt {
    border-color: #bfcad1
}

    .form-control.grey-salt:focus {
        border-color: #a1b1bc
    }

.form-control.focus-grey-salt:focus {
    border-color: #bfcad1
}

.form-control.grey-mint {
    border-color: #525e64
}

    .form-control.grey-mint:focus {
        border-color: #3b4448
    }

.form-control.focus-grey-mint:focus {
    border-color: #525e64
}

.form-control.red {
    border-color: #e7505a
}

    .form-control.red:focus {
        border-color: #e12330
    }

.form-control.focus-red:focus {
    border-color: #e7505a
}

.form-control.red-pink {
    border-color: #E08283
}

    .form-control.red-pink:focus {
        border-color: #d6595a
    }

.form-control.focus-red-pink:focus {
    border-color: #E08283
}

.form-control.red-sunglo {
    border-color: #E26A6A
}

    .form-control.red-sunglo:focus {
        border-color: #da3f3f
    }

.form-control.focus-red-sunglo:focus {
    border-color: #E26A6A
}

.form-control.red-intense {
    border-color: #e35b5a
}

    .form-control.red-intense:focus {
        border-color: #dc302e
    }

.form-control.focus-red-intense:focus {
    border-color: #e35b5a
}

.form-control.red-thunderbird {
    border-color: #D91E18
}

    .form-control.red-thunderbird:focus {
        border-color: #ab1813
    }

.form-control.focus-red-thunderbird:focus {
    border-color: #D91E18
}

.form-control.red-flamingo {
    border-color: #EF4836
}

    .form-control.red-flamingo:focus {
        border-color: #e02612
    }

.form-control.focus-red-flamingo:focus {
    border-color: #EF4836
}

.form-control.red-soft {
    border-color: #d05454
}

    .form-control.red-soft:focus {
        border-color: #bd3434
    }

.form-control.focus-red-soft:focus {
    border-color: #d05454
}

.form-control.red-haze {
    border-color: #f36a5a
}

    .form-control.red-haze:focus {
        border-color: #f03f2a
    }

.form-control.focus-red-haze:focus {
    border-color: #f36a5a
}

.form-control.red-mint {
    border-color: #e43a45
}

    .form-control.red-mint:focus {
        border-color: #cf1c28
    }

.form-control.focus-red-mint:focus {
    border-color: #e43a45
}

.form-control.yellow {
    border-color: #c49f47
}

    .form-control.yellow:focus {
        border-color: #a48334
    }

.form-control.focus-yellow:focus {
    border-color: #c49f47
}

.form-control.yellow-gold {
    border-color: #E87E04
}

    .form-control.yellow-gold:focus {
        border-color: #b66303
    }

.form-control.focus-yellow-gold:focus {
    border-color: #E87E04
}

.form-control.yellow-casablanca {
    border-color: #f2784b
}

    .form-control.yellow-casablanca:focus {
        border-color: #ef541b
    }

.form-control.focus-yellow-casablanca:focus {
    border-color: #f2784b
}

.form-control.yellow-crusta {
    border-color: #f3c200
}

    .form-control.yellow-crusta:focus {
        border-color: #c09900
    }

.form-control.focus-yellow-crusta:focus {
    border-color: #f3c200
}

.form-control.yellow-lemon {
    border-color: #F7CA18
}

    .form-control.yellow-lemon:focus {
        border-color: #d5ab07
    }

.form-control.focus-yellow-lemon:focus {
    border-color: #F7CA18
}

.form-control.yellow-saffron {
    border-color: #F4D03F
}

    .form-control.yellow-saffron:focus {
        border-color: #f1c40f
    }

.form-control.focus-yellow-saffron:focus {
    border-color: #F4D03F
}

.form-control.yellow-soft {
    border-color: #c8d046
}

    .form-control.yellow-soft:focus {
        border-color: #adb52e
    }

.form-control.focus-yellow-soft:focus {
    border-color: #c8d046
}

.form-control.yellow-haze {
    border-color: #c5bf66
}

    .form-control.yellow-haze:focus {
        border-color: #b4ad44
    }

.form-control.focus-yellow-haze:focus {
    border-color: #c5bf66
}

.form-control.yellow-mint {
    border-color: #c5b96b
}

    .form-control.yellow-mint:focus {
        border-color: #b6a747
    }

.form-control.focus-yellow-mint:focus {
    border-color: #c5b96b
}

.form-control.purple {
    border-color: #8E44AD
}

    .form-control.purple:focus {
        border-color: #703688
    }

.form-control.focus-purple:focus {
    border-color: #8E44AD
}

.form-control.purple-plum {
    border-color: #8775a7
}

    .form-control.purple-plum:focus {
        border-color: #6d5b8e
    }

.form-control.focus-purple-plum:focus {
    border-color: #8775a7
}

.form-control.purple-medium {
    border-color: #BF55EC
}

    .form-control.purple-medium:focus {
        border-color: #ae27e7
    }

.form-control.focus-purple-medium:focus {
    border-color: #BF55EC
}

.form-control.purple-studio {
    border-color: #8E44AD
}

    .form-control.purple-studio:focus {
        border-color: #703688
    }

.form-control.focus-purple-studio:focus {
    border-color: #8E44AD
}

.form-control.purple-wisteria {
    border-color: #9B59B6
}

    .form-control.purple-wisteria:focus {
        border-color: #804399
    }

.form-control.focus-purple-wisteria:focus {
    border-color: #9B59B6
}

.form-control.purple-seance {
    border-color: #9A12B3
}

    .form-control.purple-seance:focus {
        border-color: #720d85
    }

.form-control.focus-purple-seance:focus {
    border-color: #9A12B3
}

.form-control.purple-intense {
    border-color: #8775a7
}

    .form-control.purple-intense:focus {
        border-color: #6d5b8e
    }

.form-control.focus-purple-intense:focus {
    border-color: #8775a7
}

.form-control.purple-sharp {
    border-color: #796799
}

    .form-control.purple-sharp:focus {
        border-color: #61527b
    }

.form-control.focus-purple-sharp:focus {
    border-color: #796799
}

.form-control.purple-soft {
    border-color: #8877a9
}

    .form-control.purple-soft:focus {
        border-color: #6e5c91
    }

.form-control.focus-purple-soft:focus {
    border-color: #8877a9
}

.uneditable-input {
    padding: 6px 12px;
    min-width: 206px;
    font-size: 14px;
    font-weight: 400;
    height: 34px;
    color: #555;
    background-color: #fff;
    border: 1px solid #c2cad8;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control-static {
    display: inline-block;
    margin: 0
}

.input-xsmall {
    width: 80px !important
}

.input-small {
    width: 645px !important
}

.input-medium {
    width: 240px !important
}

.input-large {
    width: 320px !important
}

.input-xlarge {
    width: 420px !important
}

@media (max-width:768px) {
    .input-large {
        width: 250px !important
    }

    .input-xlarge {
        width: 300px !important
    }
}

.input-inline {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.input-fixed {
    overflow: hidden
}

.modal, .modal-open {
    overflow-y: auto !important
}

.form-group .input-inline {
    margin-right: 5px
}

@media (max-width:768px) {
    .input-lg {
        width: 250px !important
    }

    .input-xlg {
        width: 300px !important
    }
}

.input-circle {
    border-radius: 25px !important
}

.input-circle-right {
    border-radius: 0 25px 25px 0 !important
}

.input-circle-left {
    border-radius: 25px 0 0 25px !important
}

.input-circle-bottom {
    border-radius: 0 0 25px 25px !important
}

.input-circle-top {
    border-radius: 25px 25px 0 0 !important
}

.mt-checkbox, .mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

    .mt-checkbox.mt-checkbox-disabled, .mt-checkbox.mt-radio-disabled, .mt-radio.mt-checkbox-disabled, .mt-radio.mt-radio-disabled {
        opacity: .8;
        filter: alpha(opacity=80);
        cursor: not-allowed
    }

    .mt-checkbox > input, .mt-radio > input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .mt-checkbox > span, .mt-radio > span {
        border: 1px solid transparent;
        position: absolute;
        top: 1px;
        left: 0;
        height: 18px;
        width: 18px;
        background: #E6E6E6
    }

        .mt-checkbox > span:after, .mt-radio > span:after {
            content: '';
            position: absolute;
            display: none
        }

    .input-icon > i, .mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-checkbox > input:checked ~ span:after, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio, .mt-radio > input:checked ~ span:after {
        display: block
    }

    .mt-checkbox:hover > input:not([disabled]) ~ span, .mt-checkbox > input:focus ~ span, .mt-radio:hover > input:not([disabled]) ~ span, .mt-radio > input:focus ~ span {
        background: #d9d9d9;
        webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

    .mt-checkbox:hover > input:not([disabled]):checked ~ span, .mt-checkbox > input:checked ~ span, .mt-radio:hover > input:not([disabled]):checked ~ span, .mt-radio > input:checked ~ span {
        webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #d9d9d9
    }

.icon-btn, .icon-btn:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.mt-checkbox > input:disabled ~ span, .mt-radio > input:disabled ~ span {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none
}

.icon-btn, .ie8 .icon-btn:hover {
    filter: none
}

.mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span, .mt-checkbox.mt-checkbox-outline > input:focus ~ span, .mt-checkbox.mt-checkbox-outline > span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline > input:checked ~ span, .mt-checkbox.mt-radio-outline > input:focus ~ span, .mt-checkbox.mt-radio-outline > span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline > span, .mt-radio.mt-radio-outline:hover > input:not([disabled]):checked ~ span, .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-radio-outline > span {
    border: 1px solid #d9d9d9;
    background: 0 0
}

.mt-radio > span, .timeline .timeline-badge-userpic img {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important
}

.mt-radio > span {
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    border-radius: 50% !important
}

    .mt-radio > span:after {
        left: 5px;
        top: 5px;
        height: 6px;
        width: 6px;
        border-radius: 100% !important;
        background: #888
    }

.mt-radio > input:disabled ~ span:after {
    background: #888
}

.mt-checkbox > span:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.mt-checkbox > input:disabled ~ span:after {
    border-color: #888
}

.form-inline .mt-checkbox {
    margin-left: 15px;
    margin-right: 15px
}

.mt-checkbox-list, .mt-radio-list {
    padding: 10px 0
}

.form-horizontal .form-group .mt-checkbox-list, .form-horizontal .form-group .mt-radio-list {
    padding-top: 0
}

.mt-checkbox-inline, .mt-radio-inline {
    padding: 10px 0
}

.form-horizontal .form-group .mt-checkbox-inline, .form-horizontal .form-group .mt-radio-inline {
    padding-top: 8px
}

.mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio, .mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio {
    display: inline-block;
    margin-right: 15px
}

    .mt-checkbox-inline .mt-checkbox:last-child, .mt-checkbox-inline .mt-radio:last-child, .mt-radio-inline .mt-checkbox:last-child, .mt-radio-inline .mt-radio:last-child {
        margin-right: 0
    }

.icon-btn {
    height: 60px;
    min-width: 80px;
    margin: 5px 5px 0 0;
    border: 1px solid #ddd;
    padding: 12px 0 0;
    background-color: #fafafa;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    color: #646464;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all .3s ease
}

.loading-message, .page-loading {
    min-width: 125px;
    vertical-align: middle
}

.icon-btn:hover, .icon-btn:hover > .badge {
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.modal.draggable-modal .modal-header, .portlet-sortable:not(.portlet-fullscreen) > .portlet-title {
    cursor: move
}

.icon-btn:hover {
    text-decoration: none;
    border-color: #999;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    transition: all .3s ease;
    box-shadow: none
}

    .icon-btn:hover > .badge {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        box-shadow: none
    }

.icon-btn > div {
    margin-top: 5px;
    margin-bottom: 20px;
    color: #3f444a;
    font-size: 12px;
    font-weight: 300
}

.icon-btn > .badge {
    position: absolute;
    font-size: 11px;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 6px;
    color: #fff;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.input-group .input-icon > .form-control, .tabs-left.nav-tabs > li > a:focus, .tabs-left.nav-tabs > li > a:hover {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px
}

.icon-btn > i {
    font-size: 18px
}

.input-icon {
    position: relative;
    left: 0
}

    .input-icon > .form-control {
        padding-left: 33px
    }

.input-group .input-icon > .form-control {
    border-radius: 4px 0 0 4px
}

.input-icon > i {
    color: #ccc;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0
}

.modal .input-icon > i {
    z-index: 10055
}

.has-success .input-icon > i {
    color: #36c6d3
}

.has-warning .input-icon > i {
    color: #F1C40F
}

.has-info .input-icon > i {
    color: #659be0
}

.has-error .input-icon > i {
    color: #ed6b75
}

.input-icon.right {
    left: auto;
    right: 0
}

    .input-icon.right > .form-control {
        padding-right: 33px;
        padding-left: 12px
    }

.input-group .input-icon.right > .form-control {
    -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
}

.input-icon.right > i {
    left: auto;
    right: 8px;
    float: right
}

.input-icon.input-icon-lg > i {
    margin-top: 16px
}

.input-icon.input-icon-sm > i {
    margin-top: 8px;
    font-size: 13px
}

.label {
    text-shadow: none !important;
    font-size: 14px;
    font-weight: 300;
    padding: 3px 6px;
    color: #fff
}

    .label.label-sm {
        font-size: 13px;
        padding: 2px 5px
    }

h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label {
    font-size: 75%
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #9ca8bb
}

.label-primary {
    background-color: #337ab7
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #286090
    }

.label-success {
    background-color: #36c6d3
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #27a4b0
    }

.label-info {
    background-color: #659be0
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #3a80d7
    }

.label-warning {
    background-color: #F1C40F
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #c29d0b
    }

.label-danger {
    background-color: #ed6b75
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #e73d4a
    }

.label.label-icon {
    padding: 4px 0 4px 4px;
    margin-right: 2px;
    text-align: center !important
}

    .label.label-icon > i {
        font-size: 12px;
        text-align: center !important
    }

.note p, .page-loading, .panel .panel-body {
    font-size: 13px
}

.ie8 .label.label-icon, .ie9 .label.label-icon {
    padding: 3px 0 3px 3px
}

.text-default {
    color: #bac3d0
}

.text-primary {
    color: #337ab7
}

.text-success {
    color: #36c6d3
}

.text-info {
    color: #659be0
}

.text-warning {
    color: #F1C40F
}

.text-danger {
    color: #ed6b75
}

.list-group > li:first-child {
    border-radius-topleft: 4px;
    border-radius-topright: 4px
}

.list-group > li:last-child {
    border-radius-bottomleft: 4px;
    border-radius-bottomright: 4px
}

.list-group .list-group-item-success {
    color: #27a4b0;
    background-color: #abe7ed
}

.list-group a.list-group-item-success, .list-group button.list-group-item-success {
    color: #27a4b0
}

    .list-group a.list-group-item-success .list-group-item-heading, .list-group button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-success:focus, .list-group a.list-group-item-success:hover, .list-group button.list-group-item-success:focus, .list-group button.list-group-item-success:hover {
        color: #27a4b0;
        background-color: #96e1e8
    }

    .list-group a.list-group-item-success.active, .list-group a.list-group-item-success.active:focus, .list-group a.list-group-item-success.active:hover, .list-group button.list-group-item-success.active, .list-group button.list-group-item-success.active:focus, .list-group button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #27a4b0;
        border-color: #27a4b0
    }

.list-group .list-group-item-info {
    color: #327ad5;
    background-color: #e0ebf9
}

.list-group a.list-group-item-info, .list-group button.list-group-item-info {
    color: #327ad5
}

    .list-group a.list-group-item-info .list-group-item-heading, .list-group button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-info:focus, .list-group a.list-group-item-info:hover, .list-group button.list-group-item-info:focus, .list-group button.list-group-item-info:hover {
        color: #327ad5;
        background-color: #caddf4
    }

    .list-group a.list-group-item-info.active, .list-group a.list-group-item-info.active:focus, .list-group a.list-group-item-info.active:hover, .list-group button.list-group-item-info.active, .list-group button.list-group-item-info.active:focus, .list-group button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #327ad5;
        border-color: #327ad5
    }

.list-group .list-group-item-warning {
    color: #c29d0b;
    background-color: #f9e491
}

.list-group a.list-group-item-warning, .list-group button.list-group-item-warning {
    color: #c29d0b
}

    .list-group a.list-group-item-warning .list-group-item-heading, .list-group button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-warning:focus, .list-group a.list-group-item-warning:hover, .list-group button.list-group-item-warning:focus, .list-group button.list-group-item-warning:hover {
        color: #c29d0b;
        background-color: #f7de79
    }

    .list-group a.list-group-item-warning.active, .list-group a.list-group-item-warning.active:focus, .list-group a.list-group-item-warning.active:hover, .list-group button.list-group-item-warning.active, .list-group button.list-group-item-warning.active:focus, .list-group button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #c29d0b;
        border-color: #c29d0b
    }

.list-group .list-group-item-danger {
    color: #e73d4a;
    background-color: #fbe1e3
}

.list-group a.list-group-item-danger, .list-group button.list-group-item-danger {
    color: #e73d4a
}

    .list-group a.list-group-item-danger .list-group-item-heading, .list-group button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    .list-group a.list-group-item-danger:focus, .list-group a.list-group-item-danger:hover, .list-group button.list-group-item-danger:focus, .list-group button.list-group-item-danger:hover {
        color: #e73d4a;
        background-color: #f8cace
    }

    .list-group a.list-group-item-danger.active, .list-group a.list-group-item-danger.active:focus, .list-group a.list-group-item-danger.active:hover, .list-group button.list-group-item-danger.active, .list-group button.list-group-item-danger.active:focus, .list-group button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #e73d4a;
        border-color: #e73d4a
    }

.loading-message {
    display: inline-block;
    padding: 10px;
    margin: 0 auto;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    text-align: center
}

    .loading-message.loading-message-boxed {
        border: 1px solid #ddd;
        background-color: #eee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
        box-shadow: 0 1px 8px rgba(0,0,0,.1)
    }

    .loading-message > span {
        line-height: 20px;
        vertical-align: middle
    }

.page-loading {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -30px;
    padding: 7px;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    box-shadow: 0 1px 8px rgba(0,0,0,.1)
}

.block-spinner-bar > div, .page-spinner-bar > div {
    background: #eee;
    border-radius: 100% !important
}

.page-loading > span {
    line-height: 20px;
    vertical-align: middle
}

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 40%;
    left: 50%;
    margin-left: -55px;
    text-align: center
}

    .page-spinner-bar > div {
        margin: 0 5px;
        width: 18px;
        height: 18px;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .page-spinner-bar .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .page-spinner-bar .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

.block-spinner-bar {
    display: inline-block;
    width: 80px;
    text-align: center
}

    .block-spinner-bar > div {
        margin: 0 2px;
        width: 15px;
        height: 15px;
        display: inline-block;
        -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
        animation: bounceDelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

[class^=m-icon-], [class^=m-icon-big-] {
    display: inline-block;
    background-image: url(../img/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.block-spinner-bar .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.block-spinner-bar .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

[class^=m-icon-] {
    width: 14px;
    height: 14px;
    margin-top: 3px;
    line-height: 14px;
    vertical-align: top
}

[class^=m-icon-big-] {
    width: 30px;
    height: 30px;
    margin: 6px;
    vertical-align: middle
}

.btn.m-icon-big {
    padding: 9px 16px 8px
}

    .btn.m-icon-big.m-icon-only {
        padding: 9px 8px 8px 0
    }

    .btn.m-icon-big [class^=m-icon-big-] {
        margin: 0 0 0 10px
    }

.btn.m-icon-ony > i {
    margin-left: 0
}

.btn.m-icon {
    padding: 7px 14px
}

    .btn.m-icon [class^=m-icon-] {
        margin: 4px 0 0 5px
    }

    .btn.m-icon.m-icon-only {
        padding: 7px 10px 7px 6px
    }

.m-icon-white {
    background-image: url(../img/syncfusion-icons-white.png)
}

.m-icon-swapright {
    background-position: -27px -10px
}

.m-icon-swapdown {
    background-position: -68px -10px
}

.m-icon-swapleft {
    background-position: -8px -10px
}

.m-icon-swapup {
    background-position: -46px -10px
}

.m-icon-big-swapright {
    background-position: -42px -28px
}

.m-icon-big-swapdown {
    background-position: -115px -28px
}

.m-icon-big-swapleft {
    background-position: -6px -28px
}

.m-icon-big-swapup {
    background-position: -78px -28px
}

.modal {
    z-index: 10050;
    outline: 0
}

.page-portlet-fullscreen .modal {
    z-index: 10060
}

.modal .modal-header {
    border-bottom: 1px solid #EFEFEF
}

    .modal .modal-header h3 {
        font-weight: 300
    }

    .modal .modal-header .close {
        margin-top: 0 !important
    }

.modal .modal-dialog {
    z-index: 10051
}

.modal > .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px
}

.modal.in .page-loading {
    display: none
}

.modal-open-noscroll {
    overflow-y: hidden !important
}

.modal-backdrop {
    border: 0;
    outline: 0
}

.note, .tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover {
    -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
}

.page-portlet-fullscreen .modal-backdrop {
    z-index: 10059
}

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #333 !important
}

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

body[ng-controller] .modal-backdrop {
    z-index: 10049 !important
}

body[ng-controller] .modal {
    z-index: 10050 !important
}

.modal-full.modal-dialog {
    width: 99%
}

@media (max-width:768px) {
    .modal-full.modal-dialog {
        width: auto
    }
}

.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    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
    }

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

    .note.note-default {
        border-color: #b0c1d2;
        color: #000
    }

        .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,.2)
        }

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

        .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,.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,.2)
        }

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

        .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,.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,.2)
        }

.pagination {
    margin: 10px 0
}

    .pagination.pagination-circle > li:first-child > a {
        border-radius: 25px 0 0 25px !important
    }

    .pagination.pagination-circle > li:last-child > a {
        border-radius: 0 25px 25px 0 !important
    }

.dashboard-stat, .portlet {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.panel {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.panel-group .panel {
    overflow: visible
}

.panel .panel-title > a:hover {
    text-decoration: none
}

.accordion .panel .panel-heading, .accordion .panel .panel-title {
    padding: 0
}

    .accordion .panel .panel-title .accordion-toggle {
        display: block;
        padding: 10px 15px
    }

        .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled {
            background: url(../img/accordion-plusminus.png) right -19px no-repeat;
            margin-right: 15px
        }

            .accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
                background-position: right 12px
            }

.panel-heading {
    background: #eee
}

    .panel-heading a, .panel-heading a:active, .panel-heading a:focus, .panel-heading a:hover {
        text-decoration: none
    }

.popover {
    box-shadow: 5px 5px rgba(102,102,102,.1);
    padding: 0
}

    .popover .popover-title {
        margin: 0 !important
    }

.page-portlet-fullscreen {
    overflow: hidden
}

.portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px
}

    .portlet.portlet-fullscreen {
        z-index: 10060;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #fff
    }

        .portlet.portlet-fullscreen > .portlet-body {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0 10px
        }

        .portlet.portlet-fullscreen > .portlet-title {
            padding: 0 10px
        }

    .portlet > .portlet-title {
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 6px;
        min-height: 41px;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

        .portlet > .portlet-title:after, .portlet > .portlet-title:before {
            content: " ";
            display: table
        }

        .portlet > .portlet-title:after {
            clear: both
        }

        .portlet > .portlet-title > .caption {
            float: left;
            display: inline-block;
            font-size: 18px;
            line-height: 18px;
            padding: 10px 0
        }

            .portlet > .portlet-title > .caption.bold {
                font-weight: 400
            }

            .portlet > .portlet-title > .caption > i {
                float: left;
                margin-top: 4px;
                display: inline-block;
                font-size: 13px;
                margin-right: 5px;
                color: #666
            }

                .portlet > .portlet-title > .caption > i.glyphicon {
                    margin-top: 2px
                }

            .portlet > .portlet-title > .caption > .caption-helper {
                padding: 0;
                margin: 0;
                line-height: 13px;
                color: #9eacb4;
                font-size: 13px;
                font-weight: 400
            }

        .portlet > .portlet-title > .actions {
            float: right;
            display: inline-block;
            padding: 6px 0
        }

            .portlet > .portlet-title > .actions > .dropdown-menu i {
                color: #555
            }

            .portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn.btn-sm {
                padding: 4px 10px;
                font-size: 13px;
                line-height: 1.5
            }

                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default, .portlet > .portlet-title > .actions > .btn.btn-default, .portlet > .portlet-title > .actions > .btn.btn-sm.btn-default {
                    padding: 3px 9px
                }

                .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn-group > .btn > i, .portlet > .portlet-title > .actions > .btn.btn-sm > i, .portlet > .portlet-title > .actions > .btn > i {
                    font-size: 13px
                }

            .portlet > .portlet-title > .actions .btn-icon-only {
                padding: 5px 7px 3px
            }

                .portlet > .portlet-title > .actions .btn-icon-only.btn-default {
                    padding: 4px 6px 2px
                }

                    .portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
                        font-size: 14px
                    }

                    .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen {
                        font-family: FontAwesome;
                        color: #a0a0a0;
                        padding-top: 3px
                    }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
                            padding: 3px !important;
                            height: 27px;
                            width: 27px
                        }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen:before {
                            content: "\f065"
                        }

                        .portlet > .portlet-title > .actions .btn-icon-only.btn-default.fullscreen.on:before {
                            content: "\f066"
                        }

        .portlet > .portlet-title > .tools {
            float: right;
            display: inline-block;
            padding: 12px 0 8px
        }

            .portlet > .portlet-title > .tools > a {
                display: inline-block;
                height: 16px;
                margin-left: 5px;
                opacity: 1;
                filter: alpha(opacity=100)
            }

                .portlet > .portlet-title > .tools > a.remove {
                    background-image: url(../img/portlet-remove-icon.png);
                    background-repeat: no-repeat;
                    width: 11px
                }

                .portlet > .portlet-title > .tools > a.config {
                    background-image: url(../img/portlet-config-icon.png);
                    background-repeat: no-repeat;
                    width: 12px
                }

                .portlet > .portlet-title > .tools > a.reload {
                    background-image: url(../img/portlet-reload-icon.png);
                    width: 13px
                }

                .portlet > .portlet-title > .tools > a.expand {
                    background-image: url(../img/portlet-expand-icon.png);
                    width: 14px;
                    visibility: visible
                }

                .portlet > .portlet-title > .tools > a.collapse {
                    background-image: url(../img/portlet-collapse-icon.png);
                    width: 14px;
                    visibility: visible
                }

                .portlet > .portlet-title > .tools > a.fullscreen {
                    display: inline-block;
                    top: -3px;
                    position: relative;
                    font-size: 13px;
                    font-family: FontAwesome;
                    color: #ACACAC
                }

                    .portlet > .portlet-title > .tools > a.fullscreen:before {
                        content: "\f065"
                    }

                    .portlet > .portlet-title > .tools > a.fullscreen.on:before {
                        content: "\f066"
                    }

                .portlet > .portlet-title > .tools > a:hover {
                    text-decoration: none;
                    -webkit-transition: all .1s ease-in-out;
                    -moz-transition: all .1s ease-in-out;
                    -o-transition: all .1s ease-in-out;
                    -ms-transition: all .1s ease-in-out;
                    transition: all .1s ease-in-out;
                    opacity: .8;
                    filter: alpha(opacity=80)
                }

        .portlet > .portlet-title > .pagination {
            float: right;
            display: inline-block;
            margin: 2px 0 0;
            border: 0;
            padding: 4px 0
        }

        .portlet > .portlet-title > .nav-tabs {
            background: 0 0;
            margin: 1px 0 0;
            float: right;
            display: inline-block;
            border: 0
        }

            .portlet > .portlet-title > .nav-tabs > li {
                background: 0 0;
                margin: 0;
                border: 0
            }

                .portlet > .portlet-title > .nav-tabs > li > a {
                    background: 0 0;
                    margin: 5px 0 0 1px;
                    border: 0;
                    padding: 8px 10px;
                    color: #fff
                }

                .portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
                    color: #333;
                    background: #fff;
                    border: 0
                }

    .portlet > .portlet-body {
        clear: both;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -ms-border-radius: 0 0 4px 4px;
        -o-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px
    }

        .portlet > .portlet-body p {
            margin-top: 0
        }

    .portlet > .portlet-empty {
        min-height: 125px
    }

    .portlet.full-height-content {
        margin-bottom: 0
    }

    .portlet.bordered {
        border-left: 2px solid #e6e9ec !important
    }

        .portlet.bordered > .portlet-title {
            border-bottom: 0
        }

    .portlet.solid {
        padding: 0 10px 10px;
        border: 0
    }

        .portlet.solid > .portlet-title {
            border-bottom: 0;
            margin-bottom: 10px
        }

            .portlet.solid > .portlet-title > .caption {
                padding: 16px 0 2px
            }

            .portlet.solid > .portlet-title > .actions {
                padding: 12px 0 6px
            }

            .portlet.solid > .portlet-title > .tools {
                padding: 14px 0 6px
            }

        .portlet.solid.bordered > .portlet-title {
            margin-bottom: 10px
        }

    .portlet.box {
        padding: 0 !important
    }

        .portlet.box > .portlet-title {
            border-bottom: 0;
            padding: 0 10px;
            margin-bottom: 0;
            color: #fff
        }

            .portlet.box > .portlet-title > .caption {
                padding: 11px 0 9px
            }

            .portlet.box > .portlet-title > .tools > a.remove {
                background-image: url(../img/portlet-remove-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.config {
                background-image: url(../img/portlet-config-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.reload {
                background-image: url(../img/portlet-reload-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.expand {
                background-image: url(../img/portlet-expand-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.collapse {
                background-image: url(../img/portlet-collapse-icon-white.png)
            }

            .portlet.box > .portlet-title > .tools > a.fullscreen {
                color: #fdfdfd
            }

            .portlet.box > .portlet-title > .actions {
                padding: 7px 0 5px
            }

        .portlet.box > .portlet-body {
            background-color: #fff;
            padding: 15px
        }

    .portlet.light {
        padding: 12px 20px 15px;
        background-color: #fff
    }

        .portlet.light.bordered {
            border: 1px solid #e7ecf1 !important
        }

            .portlet.light.bordered > .portlet-title {
                border-bottom: 1px solid #eef1f5;
                background-color: #ecefed;
            }

        .portlet.light.bg-inverse {
            background: #f1f4f7
        }

        .portlet.light > .portlet-title {
            padding: 5px;
            min-height: 48px
        }

            .portlet.light > .portlet-title > .caption {
                color: #666;
                padding: 0px 0
            }

                .portlet.light > .portlet-title > .caption > .caption-subject {
                    font-size: 16px
                }

                .portlet.light > .portlet-title > .caption > i {
                    color: #777;
                    font-size: 15px;
                    font-weight: 300;
                    margin-top: 3px
                }

    .portlet.solid.blue-chambray > .portlet-title > .caption, .portlet.solid.blue-dark > .portlet-title > .caption, .portlet.solid.blue-ebonyclay > .portlet-title > .caption, .portlet.solid.blue-hoki > .portlet-title > .caption, .portlet.solid.blue-madison > .portlet-title > .caption, .portlet.solid.blue-oleo > .portlet-title > .caption, .portlet.solid.blue-sharp > .portlet-title > .caption, .portlet.solid.blue-soft > .portlet-title > .caption, .portlet.solid.blue-steel > .portlet-title > .caption, .portlet.solid.blue > .portlet-title > .caption, .portlet.solid.dark > .portlet-title > .caption, .portlet.solid.default > .portlet-title > .caption, .portlet.solid.green-dark > .portlet-title > .caption, .portlet.solid.green-haze > .portlet-title > .caption, .portlet.solid.green-jungle > .portlet-title > .caption, .portlet.solid.green-meadow > .portlet-title > .caption, .portlet.solid.green-seagreen > .portlet-title > .caption, .portlet.solid.green-sharp > .portlet-title > .caption, .portlet.solid.green-soft > .portlet-title > .caption, .portlet.solid.green-steel > .portlet-title > .caption, .portlet.solid.green-turquoise > .portlet-title > .caption, .portlet.solid.green > .portlet-title > .caption, .portlet.solid.grey-cararra > .portlet-title > .caption, .portlet.solid.grey-cascade > .portlet-title > .caption, .portlet.solid.grey-gallery > .portlet-title > .caption, .portlet.solid.grey-mint > .portlet-title > .caption, .portlet.solid.grey-salt > .portlet-title > .caption, .portlet.solid.grey-silver > .portlet-title > .caption, .portlet.solid.grey-steel > .portlet-title > .caption, .portlet.solid.grey > .portlet-title > .caption, .portlet.solid.purple-intense > .portlet-title > .caption, .portlet.solid.purple-medium > .portlet-title > .caption, .portlet.solid.purple-plum > .portlet-title > .caption, .portlet.solid.purple-seance > .portlet-title > .caption, .portlet.solid.purple-sharp > .portlet-title > .caption, .portlet.solid.purple-soft > .portlet-title > .caption, .portlet.solid.purple-studio > .portlet-title > .caption, .portlet.solid.purple-wisteria > .portlet-title > .caption, .portlet.solid.purple > .portlet-title > .caption, .portlet.solid.red-flamingo > .portlet-title > .caption, .portlet.solid.red-haze > .portlet-title > .caption, .portlet.solid.red-intense > .portlet-title > .caption, .portlet.solid.red-mint > .portlet-title > .caption, .portlet.solid.red-pink > .portlet-title > .caption, .portlet.solid.red-soft > .portlet-title > .caption, .portlet.solid.red-sunglo > .portlet-title > .caption, .portlet.solid.red-thunderbird > .portlet-title > .caption, .portlet.solid.red > .portlet-title > .caption, .portlet.solid.white > .portlet-title > .caption, .portlet.solid.yellow-casablanca > .portlet-title > .caption, .portlet.solid.yellow-crusta > .portlet-title > .caption, .portlet.solid.yellow-gold > .portlet-title > .caption, .portlet.solid.yellow-haze > .portlet-title > .caption, .portlet.solid.yellow-lemon > .portlet-title > .caption, .portlet.solid.yellow-mint > .portlet-title > .caption, .portlet.solid.yellow-saffron > .portlet-title > .caption, .portlet.solid.yellow-soft > .portlet-title > .caption, .portlet.solid.yellow > .portlet-title > .caption {
        font-weight: 400
    }

    .portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
        font-size: 15px
    }

    .portlet.light > .portlet-title > .caption.caption-md > i {
        font-size: 14px
    }

    .portlet.light > .portlet-title > .actions {
        padding: 6px 0 14px
    }

        .portlet.light > .portlet-title > .actions .btn-default {
            color: #666
        }

        .portlet.light > .portlet-title > .actions .btn-icon-only {
            height: 27px;
            width: 27px
        }

        .portlet.light > .portlet-title > .actions .dropdown-menu li > a {
            color: #555
        }

    .portlet.light > .portlet-title > .inputs {
        float: right;
        display: inline-block;
        padding: 4px 0
    }

        .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
            font-size: 14px;
            margin-top: 9px
        }

        .portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
            height: 30px;
            padding: 2px 26px 3px 10px;
            font-size: 13px
        }

        .portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
            height: 30px;
            padding: 3px 10px;
            font-size: 13px
        }

    .portlet.light > .portlet-title > .pagination {
        padding: 2px 0 13px
    }

    .portlet.light > .portlet-title > .tools {
        padding: 10px 0 13px;
        margin-top: 2px
    }

    .portlet.light > .portlet-title > .nav-tabs > li {
        margin: 0;
        padding: 0
    }

        .portlet.light > .portlet-title > .nav-tabs > li > a {
            margin: 0;
            padding: 12px 13px 13px;
            font-size: 13px;
            color: #666
        }

        .portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
            margin: 0;
            background: 0 0;
            color: #333
        }

    .portlet.light.form-fit {
        padding: 0
    }

        .portlet.light.form-fit > .portlet-title {
            padding: 17px 20px 10px;
            margin-bottom: 0
        }

    .portlet.light .portlet-body {
        padding-top: 8px
    }

    .portlet.light.portlet-fullscreen > .portlet-body {
        padding: 8px 0
    }

    .portlet.light.portlet-fit {
        padding: 0
    }

        .portlet.light.portlet-fit > .portlet-title {
            padding: 15px 20px 10px
        }

        .portlet.light.portlet-fit > .portlet-body {
            padding: 10px 20px 20px
        }

        .portlet.light.portlet-fit.portlet-form > .portlet-body {
            padding: 0
        }

            .portlet.light.portlet-fit.portlet-form > .portlet-body .form-actions {
                background: 0 0
            }

    .portlet.box.white > .portlet-title, .portlet.white, .portlet > .portlet-body.white {
        background-color: #fff
    }

    .portlet.light.portlet-datatable.portlet-fit > .portlet-body {
        padding-top: 10px;
        padding-bottom: 25px
    }

.tab-pane > p:last-child {
    margin-bottom: 0
}

.tabs-reversed > li {
    float: right;
    margin-right: 0
}

    .tabs-reversed > li > a {
        margin-right: 0
    }

.portlet-sortable-placeholder {
    border: 2px dashed #eee;
    margin-bottom: 25px
}

.portlet-sortable-empty {
    box-shadow: none !important;
    height: 45px
}

.portlet-collapsed {
    display: none
}

@media (max-width:991px) {
    .portlet-collapsed-on-mobile {
        display: none
    }
}

.portlet.solid.white > .portlet-body, .portlet.solid.white > .portlet-title {
    border: 0;
    color: #666
}

    .portlet.solid.white > .portlet-title > .caption > i {
        color: #666
    }

    .portlet.solid.white > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.white > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.white > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.white > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.white > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.white > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.white {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.white > .portlet-title > .caption, .portlet.box.white > .portlet-title > .caption > i {
        color: #666
    }

    .portlet.box.white > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.default > .portlet-title, .portlet.default, .portlet > .portlet-body.default {
    background-color: #e1e5ec
}

.portlet.box.white > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.white > .portlet-title > .actions .btn-default.active, .portlet.box.white > .portlet-title > .actions .btn-default:active, .portlet.box.white > .portlet-title > .actions .btn-default:focus, .portlet.box.white > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.default > .portlet-body, .portlet.solid.default > .portlet-title {
    border: 0;
    color: #666
}

    .portlet.solid.default > .portlet-title > .caption > i {
        color: #666
    }

    .portlet.solid.default > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.default > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.default > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.default > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.default > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.default > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.default {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.default > .portlet-title > .caption, .portlet.box.default > .portlet-title > .caption > i {
        color: #666
    }

    .portlet.box.default > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.dark > .portlet-title, .portlet.dark, .portlet > .portlet-body.dark {
    background-color: #2f353b
}

.portlet.box.default > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.default > .portlet-title > .actions .btn-default.active, .portlet.box.default > .portlet-title > .actions .btn-default:active, .portlet.box.default > .portlet-title > .actions .btn-default:focus, .portlet.box.default > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.dark > .portlet-body, .portlet.solid.dark > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.dark > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.dark > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.dark > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.dark > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.dark > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.dark > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.dark > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.dark {
    border: 1px solid #464f57;
    border-top: 0
}

    .portlet.box.dark > .portlet-title > .caption, .portlet.box.dark > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.dark > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #616d79;
        color: #6c7a88
    }

.portlet.blue, .portlet.box.blue > .portlet-title, .portlet > .portlet-body.blue {
    background-color: #3598dc
}

.portlet.box.dark > .portlet-title > .actions .btn-default > i {
    color: #738290
}

.portlet.box.dark > .portlet-title > .actions .btn-default.active, .portlet.box.dark > .portlet-title > .actions .btn-default:active, .portlet.box.dark > .portlet-title > .actions .btn-default:focus, .portlet.box.dark > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #798794;
    color: #8793a0
}

.portlet.solid.blue > .portlet-body, .portlet.solid.blue > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue {
    border: 1px solid #60aee4;
    border-top: 0
}

    .portlet.box.blue > .portlet-title > .caption, .portlet.box.blue > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #95c9ed;
        color: #aad4f0
    }

.portlet.blue-madison, .portlet.box.blue-madison > .portlet-title, .portlet > .portlet-body.blue-madison {
    background-color: #578ebe
}

.portlet.box.blue > .portlet-title > .actions .btn-default > i {
    color: #b7daf3
}

.portlet.box.blue > .portlet-title > .actions .btn-default.active, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #c0dff4;
    color: #d6eaf8
}

.portlet.solid.blue-madison > .portlet-body, .portlet.solid.blue-madison > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-madison > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-madison > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-madison {
    border: 1px solid #7ca7cc;
    border-top: 0
}

    .portlet.box.blue-madison > .portlet-title > .caption, .portlet.box.blue-madison > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-madison > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #a8c4dd;
        color: #bad1e4
    }

.portlet.blue-chambray, .portlet.box.blue-chambray > .portlet-title, .portlet > .portlet-body.blue-chambray {
    background-color: #2C3E50
}

.portlet.box.blue-madison > .portlet-title > .actions .btn-default > i {
    color: #c5d8e9
}

.portlet.box.blue-madison > .portlet-title > .actions .btn-default.active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #cdddec;
    color: #dfeaf3
}

.portlet.solid.blue-chambray > .portlet-body, .portlet.solid.blue-chambray > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-chambray > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-chambray > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-chambray {
    border: 1px solid #3e5871;
    border-top: 0
}

    .portlet.box.blue-chambray > .portlet-title > .caption, .portlet.box.blue-chambray > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-chambray > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #547698;
        color: #5f83a7
    }

.portlet.blue-ebonyclay, .portlet.box.blue-ebonyclay > .portlet-title, .portlet > .portlet-body.blue-ebonyclay {
    background-color: #22313F
}

.portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i {
    color: #698bac
}

.portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #6f90b0;
    color: #809cb9
}

.portlet.solid.blue-ebonyclay > .portlet-body, .portlet.solid.blue-ebonyclay > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-ebonyclay > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-ebonyclay {
    border: 1px solid #344b60;
    border-top: 0
}

    .portlet.box.blue-ebonyclay > .portlet-title > .caption, .portlet.box.blue-ebonyclay > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #496a88;
        color: #527798
    }

.portlet.blue-hoki, .portlet.box.blue-hoki > .portlet-title, .portlet > .portlet-body.blue-hoki {
    background-color: #67809F
}

.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i {
    color: #587ea2
}

.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #5d83a7;
    color: #6d90b0
}

.portlet.solid.blue-hoki > .portlet-body, .portlet.solid.blue-hoki > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-hoki > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-hoki > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-hoki {
    border: 1px solid #869ab3;
    border-top: 0
}

    .portlet.box.blue-hoki > .portlet-title > .caption, .portlet.box.blue-hoki > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-hoki > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #acb9ca;
        color: #bbc7d4
    }

.portlet.blue-steel, .portlet.box.blue-steel > .portlet-title, .portlet > .portlet-body.blue-steel {
    background-color: #4B77BE
}

.portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i {
    color: #c5ceda
}

.portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #cbd4de;
    color: #dbe1e8
}

.portlet.solid.blue-steel > .portlet-body, .portlet.solid.blue-steel > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-steel > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-steel > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-steel {
    border: 1px solid #7093cc;
    border-top: 0
}

    .portlet.box.blue-steel > .portlet-title > .caption, .portlet.box.blue-steel > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-steel > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9db5dc;
        color: #b0c3e3
    }

.portlet.blue-soft, .portlet.box.blue-soft > .portlet-title, .portlet > .portlet-body.blue-soft {
    background-color: #4c87b9
}

.portlet.box.blue-steel > .portlet-title > .actions .btn-default > i {
    color: #bbcce7
}

.portlet.box.blue-steel > .portlet-title > .actions .btn-default.active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #c3d2e9;
    color: #d6e0f0
}

.portlet.solid.blue-soft > .portlet-body, .portlet.solid.blue-soft > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-soft > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-soft {
    border: 1px solid #71a0c7;
    border-top: 0
}

    .portlet.box.blue-soft > .portlet-title > .caption, .portlet.box.blue-soft > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-soft > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9dbdd9;
        color: #afc9e0
    }

.portlet.blue-dark, .portlet.box.blue-dark > .portlet-title, .portlet > .portlet-body.blue-dark {
    background-color: #5e738b
}

.portlet.box.blue-soft > .portlet-title > .actions .btn-default > i {
    color: #bad1e4
}

.portlet.box.blue-soft > .portlet-title > .actions .btn-default.active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #c1d6e7;
    color: #d4e2ee
}

.portlet.solid.blue-dark > .portlet-body, .portlet.solid.blue-dark > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-dark > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-dark > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-dark {
    border: 1px solid #788da4;
    border-top: 0
}

    .portlet.box.blue-dark > .portlet-title > .caption, .portlet.box.blue-dark > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-dark > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9dacbd;
        color: #acb8c7
    }

.portlet.blue-sharp, .portlet.box.blue-sharp > .portlet-title, .portlet > .portlet-body.blue-sharp {
    background-color: #5C9BD1
}

.portlet.box.blue-dark > .portlet-title > .actions .btn-default > i {
    color: #b5c0cd
}

.portlet.box.blue-dark > .portlet-title > .actions .btn-default.active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #bbc5d1;
    color: #cad2db
}

.portlet.solid.blue-sharp > .portlet-body, .portlet.solid.blue-sharp > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-sharp > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-sharp > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-sharp {
    border: 1px solid #84b3dc;
    border-top: 0
}

    .portlet.box.blue-sharp > .portlet-title > .caption, .portlet.box.blue-sharp > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-sharp > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #b4d1ea;
        color: #c7ddef
    }

.portlet.blue-oleo, .portlet.box.blue-oleo > .portlet-title, .portlet > .portlet-body.blue-oleo {
    background-color: #94A0B2
}

.portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i {
    color: #d3e4f3
}

.portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #dbe9f5;
    color: #eff5fb
}

.portlet.solid.blue-oleo > .portlet-body, .portlet.solid.blue-oleo > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-oleo > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.blue-oleo > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-oleo > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-oleo > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-oleo > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-oleo > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-oleo > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-oleo {
    border: 1px solid #b2bac7;
    border-top: 0
}

    .portlet.box.blue-oleo > .portlet-title > .caption, .portlet.box.blue-oleo > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.blue-oleo > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #d5dae1;
        color: #e4e7ec
    }

.portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green {
    background-color: #32c5d2
}

.portlet.box.blue-oleo > .portlet-title > .actions .btn-default > i {
    color: #edeff2
}

.portlet.box.blue-oleo > .portlet-title > .actions .btn-default.active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f3f4f6;
    color: #fff
}

.portlet.solid.green > .portlet-body, .portlet.solid.green > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green {
    border: 1px solid #5cd1db;
    border-top: 0
}

    .portlet.box.green > .portlet-title > .caption, .portlet.box.green > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #8edfe6;
        color: #a3e5eb
    }

.portlet.box.green-meadow > .portlet-title, .portlet.green-meadow, .portlet > .portlet-body.green-meadow {
    background-color: #1BBC9B
}

.portlet.box.green > .portlet-title > .actions .btn-default > i {
    color: #afe8ee
}

.portlet.box.green > .portlet-title > .actions .btn-default.active, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #b8ebef;
    color: #cdf1f4
}

.portlet.solid.green-meadow > .portlet-body, .portlet.solid.green-meadow > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-meadow > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-meadow > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-meadow {
    border: 1px solid #2ae0bb;
    border-top: 0
}

    .portlet.box.green-meadow > .portlet-title > .caption, .portlet.box.green-meadow > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-meadow > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #5fe8cc;
        color: #75ebd3
    }

.portlet.box.green-seagreen > .portlet-title, .portlet.green-seagreen, .portlet > .portlet-body.green-seagreen {
    background-color: #1BA39C
}

.portlet.box.green-meadow > .portlet-title > .actions .btn-default > i {
    color: #83edd7
}

.portlet.box.green-meadow > .portlet-title > .actions .btn-default.active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #8ceeda;
    color: #a2f2e1
}

.portlet.solid.green-seagreen > .portlet-body, .portlet.solid.green-seagreen > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-seagreen > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-seagreen > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-seagreen {
    border: 1px solid #22cfc6;
    border-top: 0
}

    .portlet.box.green-seagreen > .portlet-title > .caption, .portlet.box.green-seagreen > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-seagreen > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #4de1da;
        color: #63e5de
    }

.portlet.box.green-turquoise > .portlet-title, .portlet.green-turquoise, .portlet > .portlet-body.green-turquoise {
    background-color: #36D7B7
}

.portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i {
    color: #70e7e1
}

.portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #78e9e3;
    color: #8eece8
}

.portlet.solid.green-turquoise > .portlet-body, .portlet.solid.green-turquoise > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-turquoise > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-turquoise > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-turquoise {
    border: 1px solid #61dfc6;
    border-top: 0
}

    .portlet.box.green-turquoise > .portlet-title > .caption, .portlet.box.green-turquoise > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-turquoise > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #94ead9;
        color: #a9eee0
    }

.portlet.box.green-haze > .portlet-title, .portlet.green-haze, .portlet > .portlet-body.green-haze {
    background-color: #44b6ae
}

.portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i {
    color: #b6f0e5
}

.portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #bef2e8;
    color: #d3f6ef
}

.portlet.solid.green-haze > .portlet-body, .portlet.solid.green-haze > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-haze > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-haze > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-haze {
    border: 1px solid #67c6bf;
    border-top: 0
}

    .portlet.box.green-haze > .portlet-title > .caption, .portlet.box.green-haze > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-haze > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #93d7d2;
        color: #a6deda
    }

.portlet.box.green-jungle > .portlet-title, .portlet.green-jungle, .portlet > .portlet-body.green-jungle {
    background-color: #26C281
}

.portlet.box.green-haze > .portlet-title > .actions .btn-default > i {
    color: #b1e2de
}

.portlet.box.green-haze > .portlet-title > .actions .btn-default.active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #b9e5e2;
    color: #cbece9
}

.portlet.solid.green-jungle > .portlet-body, .portlet.solid.green-jungle > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-jungle > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-jungle > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-jungle {
    border: 1px solid #41da9a;
    border-top: 0
}

    .portlet.box.green-jungle > .portlet-title > .caption, .portlet.box.green-jungle > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-jungle > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #74e4b5;
        color: #8ae8c1
    }

.portlet.box.green-soft > .portlet-title, .portlet.green-soft, .portlet > .portlet-body.green-soft {
    background-color: #3faba4
}

.portlet.box.green-jungle > .portlet-title > .actions .btn-default > i {
    color: #96ebc8
}

.portlet.box.green-jungle > .portlet-title > .actions .btn-default.active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #9feccc;
    color: #b4f0d7
}

.portlet.solid.green-soft > .portlet-body, .portlet.solid.green-soft > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-soft > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-soft {
    border: 1px solid #5bc2bc;
    border-top: 0
}

    .portlet.box.green-soft > .portlet-title > .caption, .portlet.box.green-soft > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-soft > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #87d3ce;
        color: #9adad6
    }

.portlet.box.green-dark > .portlet-title, .portlet.green-dark, .portlet > .portlet-body.green-dark {
    background-color: #4DB3A2
}

.portlet.box.green-soft > .portlet-title > .actions .btn-default > i {
    color: #a5deda
}

.portlet.box.green-soft > .portlet-title > .actions .btn-default.active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:active, .portlet.box.green-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.green-soft > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #ade1dd;
    color: #bfe7e5
}

.portlet.solid.green-dark > .portlet-body, .portlet.solid.green-dark > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-dark > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-dark > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-dark > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-dark > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-dark > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-dark > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-dark > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-dark {
    border: 1px solid #71c2b5;
    border-top: 0
}

    .portlet.box.green-dark > .portlet-title > .caption, .portlet.box.green-dark > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-dark > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9cd5cb;
        color: #addcd4
    }

.portlet.box.green-sharp > .portlet-title, .portlet.green-sharp, .portlet > .portlet-body.green-sharp {
    background-color: #2ab4c0
}

.portlet.box.green-dark > .portlet-title > .actions .btn-default > i {
    color: #b8e1da
}

.portlet.box.green-dark > .portlet-title > .actions .btn-default.active, .portlet.box.green-dark > .portlet-title > .actions .btn-default:active, .portlet.box.green-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.green-dark > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #bfe4de;
    color: #d1ebe7
}

.portlet.solid.green-sharp > .portlet-body, .portlet.solid.green-sharp > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-sharp > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-sharp > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-sharp {
    border: 1px solid #46cbd7;
    border-top: 0
}

    .portlet.box.green-sharp > .portlet-title > .caption, .portlet.box.green-sharp > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-sharp > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #79d9e2;
        color: #8edfe6
    }

.portlet.box.green-steel > .portlet-title, .portlet.green-steel, .portlet > .portlet-body.green-steel {
    background-color: #29b4b6
}

.portlet.box.green-sharp > .portlet-title > .actions .btn-default > i {
    color: #9ae3e9
}

.portlet.box.green-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #a2e5eb;
    color: #b7ebef
}

.portlet.solid.green-steel > .portlet-body, .portlet.solid.green-steel > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-steel > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.green-steel > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-steel > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-steel > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-steel > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-steel > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-steel > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-steel {
    border: 1px solid #3ed1d4;
    border-top: 0
}

    .portlet.box.green-steel > .portlet-title > .caption, .portlet.box.green-steel > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.green-steel > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #70dddf;
        color: #85e2e4
    }

.portlet.box.grey > .portlet-title, .portlet.grey, .portlet > .portlet-body.grey {
    background-color: #E5E5E5
}

.portlet.box.green-steel > .portlet-title > .actions .btn-default > i {
    color: #92e5e6
}

.portlet.box.green-steel > .portlet-title > .actions .btn-default.active, .portlet.box.green-steel > .portlet-title > .actions .btn-default:active, .portlet.box.green-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.green-steel > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #9ae7e8;
    color: #afeced
}

.portlet.solid.grey > .portlet-body, .portlet.solid.grey > .portlet-title {
    border: 0;
    color: #333
}

    .portlet.solid.grey > .portlet-title > .caption > i {
        color: #333
    }

    .portlet.solid.grey > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey > .portlet-title > .caption, .portlet.box.grey > .portlet-title > .caption > i {
        color: #333
    }

    .portlet.box.grey > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-steel > .portlet-title, .portlet.grey-steel, .portlet > .portlet-body.grey-steel {
    background-color: #e9edef
}

.portlet.box.grey > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.grey > .portlet-title > .actions .btn-default.active, .portlet.box.grey > .portlet-title > .actions .btn-default:active, .portlet.box.grey > .portlet-title > .actions .btn-default:focus, .portlet.box.grey > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-steel > .portlet-body, .portlet.solid.grey-steel > .portlet-title {
    border: 0;
    color: #80898e
}

    .portlet.solid.grey-steel > .portlet-title > .caption > i {
        color: #80898e
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-steel > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-steel {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey-steel > .portlet-title > .caption, .portlet.box.grey-steel > .portlet-title > .caption > i {
        color: #80898e
    }

    .portlet.box.grey-steel > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-cararra > .portlet-title, .portlet.grey-cararra, .portlet > .portlet-body.grey-cararra {
    background-color: #fafafa
}

.portlet.box.grey-steel > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.grey-steel > .portlet-title > .actions .btn-default.active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:active, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-steel > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-cararra > .portlet-body, .portlet.solid.grey-cararra > .portlet-title {
    border: 0;
    color: #333
}

    .portlet.solid.grey-cararra > .portlet-title > .caption > i {
        color: #333
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-cararra > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-cararra {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey-cararra > .portlet-title > .caption, .portlet.box.grey-cararra > .portlet-title > .caption > i {
        color: #333
    }

    .portlet.box.grey-cararra > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-gallery > .portlet-title, .portlet.grey-gallery, .portlet > .portlet-body.grey-gallery {
    background-color: #555
}

.portlet.box.grey-cararra > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.grey-cararra > .portlet-title > .actions .btn-default.active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cararra > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-gallery > .portlet-body, .portlet.solid.grey-gallery > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.grey-gallery > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-gallery > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-gallery {
    border: 1px solid #6f6f6f;
    border-top: 0
}

    .portlet.box.grey-gallery > .portlet-title > .caption, .portlet.box.grey-gallery > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.grey-gallery > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #8d8d8d;
        color: #9a9a9a
    }

.portlet.box.grey-cascade > .portlet-title, .portlet.grey-cascade, .portlet > .portlet-body.grey-cascade {
    background-color: #95A5A6
}

.portlet.box.grey-gallery > .portlet-title > .actions .btn-default > i {
    color: #a2a2a2
}

.portlet.box.grey-gallery > .portlet-title > .actions .btn-default.active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:active, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-gallery > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #a7a7a7;
    color: #b3b3b3
}

.portlet.solid.grey-cascade > .portlet-body, .portlet.solid.grey-cascade > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.grey-cascade > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-cascade > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-cascade {
    border: 1px solid #b1bdbd;
    border-top: 0
}

    .portlet.box.grey-cascade > .portlet-title > .caption, .portlet.box.grey-cascade > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.grey-cascade > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #d2d9d9;
        color: #e0e5e5
    }

.portlet.box.grey-silver > .portlet-title, .portlet.grey-silver, .portlet > .portlet-body.grey-silver {
    background-color: #BFBFBF
}

.portlet.box.grey-cascade > .portlet-title > .actions .btn-default > i {
    color: #e8ecec
}

.portlet.box.grey-cascade > .portlet-title > .actions .btn-default.active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:active, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-cascade > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #eef0f0;
    color: #fcfcfc
}

.portlet.solid.grey-silver > .portlet-body, .portlet.solid.grey-silver > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-silver > .portlet-title > .caption > i {
        color: #FAFCFB
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-silver > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-silver {
    border: 1px solid #d9d9d9;
    border-top: 0
}

    .portlet.box.grey-silver > .portlet-title > .caption, .portlet.box.grey-silver > .portlet-title > .caption > i {
        color: #FAFCFB
    }

    .portlet.box.grey-silver > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f7f7f7;
        color: #fff
    }

.portlet.box.grey-salsa > .portlet-title, .portlet.grey-salsa, .portlet > .portlet-body.grey-salsa {
    background-color: #ACB5C3
}

.portlet.box.grey-silver > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.grey-silver > .portlet-title > .actions .btn-default.active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:active, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-silver > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-salsa > .portlet-body, .portlet.solid.grey-salsa > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-salsa > .portlet-title > .caption {
        font-weight: 400
    }

        .portlet.solid.grey-salsa > .portlet-title > .caption > i {
            color: #FAFCFB
        }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-salsa > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-salsa {
    border: 1px solid #cacfd8;
    border-top: 0
}

    .portlet.box.grey-salsa > .portlet-title > .caption, .portlet.box.grey-salsa > .portlet-title > .caption > i {
        color: #FAFCFB
    }

    .portlet.box.grey-salsa > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #edeff2;
        color: #fcfcfd
    }

.portlet.box.grey-salt > .portlet-title, .portlet.grey-salt, .portlet > .portlet-body.grey-salt {
    background-color: #bfcad1
}

.portlet.box.grey-salsa > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.grey-salsa > .portlet-title > .actions .btn-default.active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salsa > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-salt > .portlet-body, .portlet.solid.grey-salt > .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-salt > .portlet-title > .caption > i {
        color: #FAFCFB
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-salt > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-salt {
    border: 1px solid #dde3e6;
    border-top: 0
}

    .portlet.box.grey-salt > .portlet-title > .caption, .portlet.box.grey-salt > .portlet-title > .caption > i {
        color: #FAFCFB
    }

    .portlet.box.grey-salt > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-mint > .portlet-title, .portlet.grey-mint, .portlet > .portlet-body.grey-mint {
    background-color: #525e64
}

.portlet.box.grey-salt > .portlet-title > .actions .btn-default > i {
    color: #fff
}

.portlet.box.grey-salt > .portlet-title > .actions .btn-default.active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:active, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-salt > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-mint > .portlet-body, .portlet.solid.grey-mint > .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.grey-mint > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-mint > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-mint {
    border: 1px solid #697880;
    border-top: 0
}

    .portlet.box.grey-mint > .portlet-title > .caption, .portlet.box.grey-mint > .portlet-title > .caption > i {
        color: #FFF
    }

    .portlet.box.grey-mint > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #88979e;
        color: #96a3a9
    }

.portlet.box.red > .portlet-title, .portlet.red, .portlet > .portlet-body.red {
    background-color: #e7505a
}

.portlet.box.grey-mint > .portlet-title > .actions .btn-default > i {
    color: #9faab0
}

.portlet.box.grey-mint > .portlet-title > .actions .btn-default.active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:active, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.grey-mint > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #a4afb5;
    color: #b2bcc0
}

.portlet.solid.red > .portlet-body, .portlet.solid.red > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red {
    border: 1px solid #ed7d84;
    border-top: 0
}

    .portlet.box.red > .portlet-title > .caption, .portlet.box.red > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f5b3b7;
        color: #f8c9cc
    }

.portlet.box.red-pink > .portlet-title, .portlet.red-pink, .portlet > .portlet-body.red-pink {
    background-color: #E08283
}

.portlet.box.red > .portlet-title > .actions .btn-default > i {
    color: #f9d7d9
}

.portlet.box.red > .portlet-title > .actions .btn-default.active, .portlet.box.red > .portlet-title > .actions .btn-default:active, .portlet.box.red > .portlet-title > .actions .btn-default:focus, .portlet.box.red > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fbe0e1;
    color: #fef6f6
}

.portlet.solid.red-pink > .portlet-body, .portlet.solid.red-pink > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-pink > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-pink > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-pink {
    border: 1px solid #eaabac;
    border-top: 0
}

    .portlet.box.red-pink > .portlet-title > .caption, .portlet.box.red-pink > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-pink > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f6dcdc;
        color: #fbf0f0
    }

.portlet.box.red-sunglo > .portlet-title, .portlet.red-sunglo, .portlet > .portlet-body.red-sunglo {
    background-color: #E26A6A
}

.portlet.box.red-pink > .portlet-title > .actions .btn-default > i {
    color: #fefdfd
}

.portlet.box.red-pink > .portlet-title > .actions .btn-default.active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:active, .portlet.box.red-pink > .portlet-title > .actions .btn-default:focus, .portlet.box.red-pink > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.red-sunglo > .portlet-body, .portlet.solid.red-sunglo > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-sunglo > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-sunglo > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-sunglo {
    border: 1px solid #ea9595;
    border-top: 0
}

    .portlet.box.red-sunglo > .portlet-title > .caption, .portlet.box.red-sunglo > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-sunglo > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f4c8c8;
        color: #f8dddd
    }

.portlet.box.red-intense > .portlet-title, .portlet.red-intense, .portlet > .portlet-body.red-intense {
    background-color: #e35b5a
}

.portlet.box.red-sunglo > .portlet-title > .actions .btn-default > i {
    color: #fbeaea
}

.portlet.box.red-sunglo > .portlet-title > .actions .btn-default.active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:active, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-sunglo > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fdf3f3;
    color: #fff
}

.portlet.solid.red-intense > .portlet-body, .portlet.solid.red-intense > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-intense > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-intense > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-intense {
    border: 1px solid #ea8686;
    border-top: 0
}

    .portlet.box.red-intense > .portlet-title > .caption, .portlet.box.red-intense > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-intense > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f3baba;
        color: #f7d0d0
    }

.portlet.box.red-thunderbird > .portlet-title, .portlet.red-thunderbird, .portlet > .portlet-body.red-thunderbird {
    background-color: #D91E18
}

.portlet.box.red-intense > .portlet-title > .actions .btn-default > i {
    color: #f9dddd
}

.portlet.box.red-intense > .portlet-title > .actions .btn-default.active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:active, .portlet.box.red-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.red-intense > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fbe6e6;
    color: #fefbfb
}

.portlet.solid.red-thunderbird > .portlet-body, .portlet.solid.red-thunderbird > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-thunderbird > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-thunderbird > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-thunderbird {
    border: 1px solid #e9403b;
    border-top: 0
}

    .portlet.box.red-thunderbird > .portlet-title > .caption, .portlet.box.red-thunderbird > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #ef7672;
        color: #f28c89
    }

.portlet.box.red-flamingo > .portlet-title, .portlet.red-flamingo, .portlet > .portlet-body.red-flamingo {
    background-color: #EF4836
}

.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default > i {
    color: #f39997
}

.portlet.box.red-thunderbird > .portlet-title > .actions .btn-default.active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:active, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:focus, .portlet.box.red-thunderbird > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f4a2a0;
    color: #f7b9b7
}

.portlet.solid.red-flamingo > .portlet-body, .portlet.solid.red-flamingo > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-flamingo > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-flamingo > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-flamingo {
    border: 1px solid #f37365;
    border-top: 0
}

    .portlet.box.red-flamingo > .portlet-title > .caption, .portlet.box.red-flamingo > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-flamingo > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f7a79e;
        color: #f9bcb6
    }

.portlet.box.red-soft > .portlet-title, .portlet.red-soft, .portlet > .portlet-body.red-soft {
    background-color: #d05454
}

.portlet.box.red-flamingo > .portlet-title > .actions .btn-default > i {
    color: #fac9c4
}

.portlet.box.red-flamingo > .portlet-title > .actions .btn-default.active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:active, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:focus, .portlet.box.red-flamingo > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fbd2cd;
    color: #fde7e5
}

.portlet.solid.red-soft > .portlet-body, .portlet.solid.red-soft > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-soft > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-soft {
    border: 1px solid #db7c7c;
    border-top: 0
}

    .portlet.box.red-soft > .portlet-title > .caption, .portlet.box.red-soft > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-soft > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e8acac;
        color: #eec0c0
    }

.portlet.box.red-haze > .portlet-title, .portlet.red-haze, .portlet > .portlet-body.red-haze {
    background-color: #f36a5a
}

.portlet.box.red-soft > .portlet-title > .actions .btn-default > i {
    color: #f1cccc
}

.portlet.box.red-soft > .portlet-title > .actions .btn-default.active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:active, .portlet.box.red-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.red-soft > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f3d4d4;
    color: #f9e8e8
}

.portlet.solid.red-haze > .portlet-body, .portlet.solid.red-haze > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-haze > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-haze > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-haze {
    border: 1px solid #f6958a;
    border-top: 0
}

    .portlet.box.red-haze > .portlet-title > .caption, .portlet.box.red-haze > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-haze > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fbc8c3;
        color: #fcdeda
    }

.portlet.box.red-mint > .portlet-title, .portlet.red-mint, .portlet > .portlet-body.red-mint {
    background-color: #e43a45
}

.portlet.box.red-haze > .portlet-title > .actions .btn-default > i {
    color: #fdebe9
}

.portlet.box.red-haze > .portlet-title > .actions .btn-default.active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:active, .portlet.box.red-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.red-haze > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fef3f2;
    color: #fff
}

.portlet.solid.red-mint > .portlet-body, .portlet.solid.red-mint > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-mint > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.red-mint > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-mint > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-mint > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-mint > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-mint > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-mint > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-mint {
    border: 1px solid #ea676f;
    border-top: 0
}

    .portlet.box.red-mint > .portlet-title > .caption, .portlet.box.red-mint > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.red-mint > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f29da2;
        color: #f5b3b7
    }

.portlet.box.yellow > .portlet-title, .portlet.yellow, .portlet > .portlet-body.yellow {
    background-color: #c49f47
}

.portlet.box.red-mint > .portlet-title > .actions .btn-default > i {
    color: #f6c1c4
}

.portlet.box.red-mint > .portlet-title > .actions .btn-default.active, .portlet.box.red-mint > .portlet-title > .actions .btn-default:active, .portlet.box.red-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.red-mint > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f8cacd;
    color: #fbe0e2
}

.portlet.solid.yellow > .portlet-body, .portlet.solid.yellow > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow {
    border: 1px solid #d0b36e;
    border-top: 0
}

    .portlet.box.yellow > .portlet-title > .caption, .portlet.box.yellow > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #dfcb9c;
        color: #e5d5af
    }

.portlet.box.yellow-gold > .portlet-title, .portlet.yellow-gold, .portlet > .portlet-body.yellow-gold {
    background-color: #E87E04
}

.portlet.box.yellow > .portlet-title > .actions .btn-default > i {
    color: #e9dbbb
}

.portlet.box.yellow > .portlet-title > .actions .btn-default.active, .portlet.box.yellow > .portlet-title > .actions .btn-default:active, .portlet.box.yellow > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #ecdfc3;
    color: #f2ead6
}

.portlet.solid.yellow-gold > .portlet-body, .portlet.solid.yellow-gold > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-gold > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-gold > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-gold {
    border: 1px solid #fb9724;
    border-top: 0
}

    .portlet.box.yellow-gold > .portlet-title > .caption, .portlet.box.yellow-gold > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-gold > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fcb460;
        color: #fdbf79
    }

.portlet.box.yellow-casablanca > .portlet-title, .portlet.yellow-casablanca, .portlet > .portlet-body.yellow-casablanca {
    background-color: #f2784b
}

.portlet.box.yellow-gold > .portlet-title > .actions .btn-default > i {
    color: #fdc788
}

.portlet.box.yellow-gold > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-gold > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fdcb92;
    color: #fed7ab
}

.portlet.solid.yellow-casablanca > .portlet-body, .portlet.solid.yellow-casablanca > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-casablanca > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-casablanca > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-casablanca {
    border: 1px solid #f59c7b;
    border-top: 0
}

    .portlet.box.yellow-casablanca > .portlet-title > .caption, .portlet.box.yellow-casablanca > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fac6b4;
        color: #fbd8cb
    }

.portlet.box.yellow-crusta > .portlet-title, .portlet.yellow-crusta, .portlet > .portlet-body.yellow-crusta {
    background-color: #f3c200
}

.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default > i {
    color: #fce3da
}

.portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-casablanca > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fdeae3;
    color: #fffcfb
}

.portlet.solid.yellow-crusta > .portlet-body, .portlet.solid.yellow-crusta > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-crusta > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-crusta > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-crusta {
    border: 1px solid #ffd327;
    border-top: 0
}

    .portlet.box.yellow-crusta > .portlet-title > .caption, .portlet.box.yellow-crusta > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #ffe064;
        color: #ffe57e
    }

.portlet.box.yellow-lemon > .portlet-title, .portlet.yellow-lemon, .portlet > .portlet-body.yellow-lemon {
    background-color: #F7CA18
}

.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default > i {
    color: #ffe88d
}

.portlet.box.yellow-crusta > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-crusta > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #ffea97;
    color: #ffefb1
}

.portlet.solid.yellow-lemon > .portlet-body, .portlet.solid.yellow-lemon > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-lemon > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-lemon > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-lemon {
    border: 1px solid #f9d549;
    border-top: 0
}

    .portlet.box.yellow-lemon > .portlet-title > .caption, .portlet.box.yellow-lemon > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fbe384;
        color: #fce99d
    }

.portlet.box.yellow-saffron > .portlet-title, .portlet.yellow-saffron, .portlet > .portlet-body.yellow-saffron {
    background-color: #F4D03F
}

.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default > i {
    color: #fcecac
}

.portlet.box.yellow-lemon > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-lemon > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fceeb6;
    color: #fdf4ce
}

.portlet.solid.yellow-saffron > .portlet-body, .portlet.solid.yellow-saffron > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-saffron > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-saffron > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-saffron {
    border: 1px solid #f7dc6f;
    border-top: 0
}

    .portlet.box.yellow-saffron > .portlet-title > .caption, .portlet.box.yellow-saffron > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #faeaa9;
        color: #fbf0c1
    }

.portlet.box.yellow-soft > .portlet-title, .portlet.yellow-soft, .portlet > .portlet-body.yellow-soft {
    background-color: #c8d046
}

.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default > i {
    color: #fcf3d0
}

.portlet.box.yellow-saffron > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-saffron > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #fdf6d9;
    color: #fefcf1
}

.portlet.solid.yellow-soft > .portlet-body, .portlet.solid.yellow-soft > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-soft > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-soft > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-soft > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-soft > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-soft > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-soft {
    border: 1px solid #d4da6f;
    border-top: 0
}

    .portlet.box.yellow-soft > .portlet-title > .caption, .portlet.box.yellow-soft > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-soft > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e3e79f;
        color: #e9ecb4
    }

.portlet.box.yellow-haze > .portlet-title, .portlet.yellow-haze, .portlet > .portlet-body.yellow-haze {
    background-color: #c5bf66
}

.portlet.box.yellow-soft > .portlet-title > .actions .btn-default > i {
    color: #ecefc0
}

.portlet.box.yellow-soft > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-soft > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #eff1c8;
    color: #f5f6dc
}

.portlet.solid.yellow-haze > .portlet-body, .portlet.solid.yellow-haze > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-haze > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-haze > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-haze > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-haze > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-haze > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-haze > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-haze > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-haze {
    border: 1px solid #d3ce8b;
    border-top: 0
}

    .portlet.box.yellow-haze > .portlet-title > .caption, .portlet.box.yellow-haze > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-haze > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e4e1b7;
        color: #ebe9ca
    }

.portlet.box.yellow-mint > .portlet-title, .portlet.yellow-mint, .portlet > .portlet-body.yellow-mint {
    background-color: #c5b96b
}

.portlet.box.yellow-haze > .portlet-title > .actions .btn-default > i {
    color: #efedd5
}

.portlet.box.yellow-haze > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-haze > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f2f1dc;
    color: #f9f8ef
}

.portlet.solid.yellow-mint > .portlet-body, .portlet.solid.yellow-mint > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-mint > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.yellow-mint > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-mint > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-mint > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-mint > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-mint > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-mint > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-mint {
    border: 1px solid #d3ca90;
    border-top: 0
}

    .portlet.box.yellow-mint > .portlet-title > .caption, .portlet.box.yellow-mint > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.yellow-mint > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e5dfbc;
        color: #ece8ce
    }

.portlet.box.purple > .portlet-title, .portlet.purple, .portlet > .portlet-body.purple {
    background-color: #8E44AD
}

.portlet.box.yellow-mint > .portlet-title > .actions .btn-default > i {
    color: #f0edd9
}

.portlet.box.yellow-mint > .portlet-title > .actions .btn-default.active, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-mint > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f3f0e0;
    color: #faf9f3
}

.portlet.solid.purple > .portlet-body, .portlet.solid.purple > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple {
    border: 1px solid #a563c1;
    border-top: 0
}

    .portlet.box.purple > .portlet-title > .caption, .portlet.box.purple > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #bf8ed3;
        color: #c9a1da
    }

.portlet.box.purple-plum > .portlet-title, .portlet.purple-plum, .portlet > .portlet-body.purple-plum {
    background-color: #8775a7
}

.portlet.box.purple > .portlet-title > .actions .btn-default > i {
    color: #cfacde
}

.portlet.box.purple > .portlet-title > .actions .btn-default.active, .portlet.box.purple > .portlet-title > .actions .btn-default:active, .portlet.box.purple > .portlet-title > .actions .btn-default:focus, .portlet.box.purple > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #d4b3e1;
    color: #dec5e8
}

.portlet.solid.purple-plum > .portlet-body, .portlet.solid.purple-plum > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-plum > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-plum > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-plum {
    border: 1px solid #a294bb;
    border-top: 0
}

    .portlet.box.purple-plum > .portlet-title > .caption, .portlet.box.purple-plum > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-plum > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #c3bad3;
        color: #d0c9dd
    }

.portlet.box.purple-medium > .portlet-title, .portlet.purple-medium, .portlet > .portlet-body.purple-medium {
    background-color: #BF55EC
}

.portlet.box.purple-plum > .portlet-title > .actions .btn-default > i {
    color: #d8d2e3
}

.portlet.box.purple-plum > .portlet-title > .actions .btn-default.active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:active, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-plum > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #ded9e7;
    color: #ebe8f0
}

.portlet.solid.purple-medium > .portlet-body, .portlet.solid.purple-medium > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-medium > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-medium > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-medium {
    border: 1px solid #d083f1;
    border-top: 0
}

    .portlet.box.purple-medium > .portlet-title > .caption, .portlet.box.purple-medium > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-medium > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e5baf7;
        color: #eed1fa
    }

.portlet.box.purple-studio > .portlet-title, .portlet.purple-studio, .portlet > .portlet-body.purple-studio {
    background-color: #8E44AD
}

.portlet.box.purple-medium > .portlet-title > .actions .btn-default > i {
    color: #f3dffb
}

.portlet.box.purple-medium > .portlet-title > .actions .btn-default.active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:active, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-medium > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #f6e8fc;
    color: #fff
}

.portlet.solid.purple-studio > .portlet-body, .portlet.solid.purple-studio > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-studio > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-studio > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-studio {
    border: 1px solid #a563c1;
    border-top: 0
}

    .portlet.box.purple-studio > .portlet-title > .caption, .portlet.box.purple-studio > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-studio > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #bf8ed3;
        color: #c9a1da
    }

.portlet.box.purple-wisteria > .portlet-title, .portlet.purple-wisteria, .portlet > .portlet-body.purple-wisteria {
    background-color: #9B59B6
}

.portlet.box.purple-studio > .portlet-title > .actions .btn-default > i {
    color: #cfacde
}

.portlet.box.purple-studio > .portlet-title > .actions .btn-default.active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:active, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-studio > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #d4b3e1;
    color: #dec5e8
}

.portlet.solid.purple-wisteria > .portlet-body, .portlet.solid.purple-wisteria > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-wisteria > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-wisteria > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-wisteria {
    border: 1px solid #b07cc6;
    border-top: 0
}

    .portlet.box.purple-wisteria > .portlet-title > .caption, .portlet.box.purple-wisteria > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #caa7d8;
        color: #d5b9e0
    }

.portlet.box.purple-seance > .portlet-title, .portlet.purple-seance, .portlet > .portlet-body.purple-seance {
    background-color: #9A12B3
}

.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default > i {
    color: #dbc3e5
}

.portlet.box.purple-wisteria > .portlet-title > .actions .btn-default.active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:active, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-wisteria > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #dfcae8;
    color: #eadcf0
}

.portlet.solid.purple-seance > .portlet-body, .portlet.solid.purple-seance > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-seance > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-seance > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-seance {
    border: 1px solid #c217e1;
    border-top: 0
}

    .portlet.box.purple-seance > .portlet-title > .caption, .portlet.box.purple-seance > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-seance > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #d349ed;
        color: #d960ef
    }

.portlet.box.purple-intense > .portlet-title, .portlet.purple-intense, .portlet > .portlet-body.purple-intense {
    background-color: #8775a7
}

.portlet.box.purple-seance > .portlet-title > .actions .btn-default > i {
    color: #dc6ef0
}

.portlet.box.purple-seance > .portlet-title > .actions .btn-default.active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:active, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-seance > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #de77f1;
    color: #e48ef4
}

.portlet.solid.purple-intense > .portlet-body, .portlet.solid.purple-intense > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-intense > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-intense > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-intense {
    border: 1px solid #a294bb;
    border-top: 0
}

    .portlet.box.purple-intense > .portlet-title > .caption, .portlet.box.purple-intense > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-intense > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #c3bad3;
        color: #d0c9dd
    }

.portlet.box.purple-sharp > .portlet-title, .portlet.purple-sharp, .portlet > .portlet-body.purple-sharp {
    background-color: #796799
}

.portlet.box.purple-intense > .portlet-title > .actions .btn-default > i {
    color: #d8d2e3
}

.portlet.box.purple-intense > .portlet-title > .actions .btn-default.active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:active, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-intense > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #ded9e7;
    color: #ebe8f0
}

.portlet.solid.purple-sharp > .portlet-body, .portlet.solid.purple-sharp > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-sharp > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-sharp > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-sharp {
    border: 1px solid #9486ad;
    border-top: 0
}

    .portlet.box.purple-sharp > .portlet-title > .caption, .portlet.box.purple-sharp > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-sharp > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #b4aac6;
        color: #c2b9d0
    }

.portlet.box.purple-soft > .portlet-title, .portlet.purple-soft, .portlet > .portlet-body.purple-soft {
    background-color: #8877a9
}

.portlet.box.purple-sharp > .portlet-title > .actions .btn-default > i {
    color: #cac3d6
}

.portlet.box.purple-sharp > .portlet-title > .actions .btn-default.active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-sharp > .portlet-title > .actions .btn-default:hover {
    border: 1px solid #cfc9db;
    color: #ddd8e5
}

.portlet.solid.purple-soft > .portlet-body, .portlet.solid.purple-soft > .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-soft > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.remove {
        background-image: url(../img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.config {
        background-image: url(../img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.reload {
        background-image: url(../img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.expand {
        background-image: url(../img/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.collapse {
        background-image: url(../img/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-soft > .portlet-title > .tools > a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-soft {
    border: 1px solid #a396bd;
    border-top: 0
}

    .portlet.box.purple-soft > .portlet-title > .caption, .portlet.box.purple-soft > .portlet-title > .caption > i {
        color: #fff
    }

    .portlet.box.purple-soft > .portlet-title > .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #c4bcd4;
        color: #d2cbde
    }

        .portlet.box.purple-soft > .portlet-title > .actions .btn-default > i {
            color: #dad5e4
        }

        .portlet.box.purple-soft > .portlet-title > .actions .btn-default.active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:active, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.purple-soft > .portlet-title > .actions .btn-default:hover {
            border: 1px solid #dfdbe8;
            color: #edebf2
        }

.progress {
    border: 0;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

    .progress.progress-sm {
        height: 12px
    }

.page-md .progress {
    text-indent: -99999px
}

.progress-bar.white {
    background: #fff !important;
    color: #666 !important
}

.progress-bar.default {
    background: #e1e5ec !important;
    color: #666 !important
}

.progress-bar.dark {
    background: #2f353b !important;
    color: #FFF !important
}

.progress-bar.blue {
    background: #3598dc !important;
    color: #FFF !important
}

.progress-bar.blue-madison {
    background: #578ebe !important;
    color: #FFF !important
}

.progress-bar.blue-chambray {
    background: #2C3E50 !important;
    color: #FFF !important
}

.progress-bar.blue-ebonyclay {
    background: #22313F !important;
    color: #FFF !important
}

.progress-bar.blue-hoki {
    background: #67809F !important;
    color: #FFF !important
}

.progress-bar.blue-steel {
    background: #4B77BE !important;
    color: #FFF !important
}

.progress-bar.blue-soft {
    background: #4c87b9 !important;
    color: #FFF !important
}

.progress-bar.blue-dark {
    background: #5e738b !important;
    color: #FFF !important
}

.progress-bar.blue-sharp {
    background: #5C9BD1 !important;
    color: #FFF !important
}

.progress-bar.blue-oleo {
    background: #94A0B2 !important;
    color: #FFF !important
}

.progress-bar.green {
    background: #32c5d2 !important;
    color: #FFF !important
}

.progress-bar.green-meadow {
    background: #1BBC9B !important;
    color: #FFF !important
}

.progress-bar.green-seagreen {
    background: #1BA39C !important;
    color: #FFF !important
}

.progress-bar.green-turquoise {
    background: #36D7B7 !important;
    color: #FFF !important
}

.progress-bar.green-haze {
    background: #44b6ae !important;
    color: #FFF !important
}

.progress-bar.green-jungle {
    background: #26C281 !important;
    color: #FFF !important
}

.progress-bar.green-soft {
    background: #3faba4 !important;
    color: #FFF !important
}

.progress-bar.green-dark {
    background: #4DB3A2 !important;
    color: #FFF !important
}

.progress-bar.green-sharp {
    background: #2ab4c0 !important;
    color: #FFF !important
}

.progress-bar.green-steel {
    background: #29b4b6 !important;
    color: #FFF !important
}

.progress-bar.grey {
    background: #E5E5E5 !important;
    color: #333 !important
}

.progress-bar.grey-steel {
    background: #e9edef !important;
    color: #80898e !important
}

.progress-bar.grey-cararra {
    background: #fafafa !important;
    color: #333 !important
}

.progress-bar.grey-gallery {
    background: #555 !important;
    color: #fff !important
}

.progress-bar.grey-cascade {
    background: #95A5A6 !important;
    color: #FFF !important
}

.progress-bar.grey-silver {
    background: #BFBFBF !important;
    color: #FAFCFB !important
}

.progress-bar.grey-salsa {
    background: #ACB5C3 !important;
    color: #FAFCFB !important
}

.progress-bar.grey-salt {
    background: #bfcad1 !important;
    color: #FAFCFB !important
}

.progress-bar.grey-mint {
    background: #525e64 !important;
    color: #FFF !important
}

.progress-bar.red {
    background: #e7505a !important;
    color: #fff !important
}

.progress-bar.red-pink {
    background: #E08283 !important;
    color: #fff !important
}

.progress-bar.red-sunglo {
    background: #E26A6A !important;
    color: #fff !important
}

.progress-bar.red-intense {
    background: #e35b5a !important;
    color: #fff !important
}

.progress-bar.red-thunderbird {
    background: #D91E18 !important;
    color: #fff !important
}

.progress-bar.red-flamingo {
    background: #EF4836 !important;
    color: #fff !important
}

.progress-bar.red-soft {
    background: #d05454 !important;
    color: #fff !important
}

.progress-bar.red-haze {
    background: #f36a5a !important;
    color: #fff !important
}

.progress-bar.red-mint {
    background: #e43a45 !important;
    color: #fff !important
}

.progress-bar.yellow {
    background: #c49f47 !important;
    color: #fff !important
}

.progress-bar.yellow-gold {
    background: #E87E04 !important;
    color: #fff !important
}

.progress-bar.yellow-casablanca {
    background: #f2784b !important;
    color: #fff !important
}

.progress-bar.yellow-crusta {
    background: #f3c200 !important;
    color: #fff !important
}

.progress-bar.yellow-lemon {
    background: #F7CA18 !important;
    color: #fff !important
}

.progress-bar.yellow-saffron {
    background: #F4D03F !important;
    color: #fff !important
}

.progress-bar.yellow-soft {
    background: #c8d046 !important;
    color: #fff !important
}

.progress-bar.yellow-haze {
    background: #c5bf66 !important;
    color: #fff !important
}

.progress-bar.yellow-mint {
    background: #c5b96b !important;
    color: #fff !important
}

.progress-bar.purple {
    background: #8E44AD !important;
    color: #fff !important
}

.progress-bar.purple-plum {
    background: #8775a7 !important;
    color: #fff !important
}

.progress-bar.purple-medium {
    background: #BF55EC !important;
    color: #fff !important
}

.progress-bar.purple-studio {
    background: #8E44AD !important;
    color: #fff !important
}

.progress-bar.purple-wisteria {
    background: #9B59B6 !important;
    color: #fff !important
}

.progress-bar.purple-seance {
    background: #9A12B3 !important;
    color: #fff !important
}

.progress-bar.purple-intense {
    background: #8775a7 !important;
    color: #fff !important
}

.progress-bar.purple-sharp {
    background: #796799 !important;
    color: #fff !important
}

.progress-bar.purple-soft {
    background: #8877a9 !important;
    color: #fff !important
}

.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 4px
}

    .dashboard-stat:after, .dashboard-stat:before {
        content: " ";
        display: table
    }

    .dashboard-stat:after {
        clear: both
    }

.portlet .dashboard-stat:last-child {
    margin-bottom: 0
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px
}

    .dashboard-stat .visual > i {
        margin-left: -35px;
        font-size: 110px;
        line-height: 110px
    }

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px
}

    .dashboard-stat .details .number {
        padding-top: 25px;
        text-align: right;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: -1px;
        margin-bottom: 0;
        font-weight: 300
    }

    .dashboard-stat .details .desc {
        text-align: right;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 300
    }

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: .7;
    filter: alpha(opacity=70)
}

    .dashboard-stat .more:hover {
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .dashboard-stat .more > i {
        display: inline-block;
        margin-top: 1px;
        float: right
    }

.dashboard-stat.dashboard-stat-v2 .visual {
    padding-top: 35px;
    margin-bottom: 40px
}

.dashboard-stat.white {
    background-color: #fff
}

    .dashboard-stat.white.dashboard-stat-light:hover {
        background-color: #f5f5f5
    }

    .dashboard-stat.white .visual > i {
        color: #666;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.white .details .number {
        color: #666
    }

    .dashboard-stat.white .details .desc {
        color: #666;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.white .more {
        color: #666;
        background-color: #f5f5f5
    }

.dashboard-stat.default {
    background-color: #e1e5ec
}

    .dashboard-stat.default.dashboard-stat-light:hover {
        background-color: #d5dae4
    }

    .dashboard-stat.default .visual > i {
        color: #666;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.default .details .number {
        color: #666
    }

    .dashboard-stat.default .details .desc {
        color: #666;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.default .more {
        color: #666;
        background-color: #d5dae4
    }

.dashboard-stat.dark {
    background-color: #2f353b
}

    .dashboard-stat.dark.dashboard-stat-light:hover {
        background-color: #262b30
    }

    .dashboard-stat.dark .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.dark .details .number {
        color: #FFF
    }

    .dashboard-stat.dark .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.dark .more {
        color: #FFF;
        background-color: #262b30
    }

.dashboard-stat.blue {
    background-color: #3598dc
}

    .dashboard-stat.blue.dashboard-stat-light:hover {
        background-color: #258fd7
    }

    .dashboard-stat.blue .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue .details .number {
        color: #FFF
    }

    .dashboard-stat.blue .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue .more {
        color: #FFF;
        background-color: #258fd7
    }

.dashboard-stat.blue-madison {
    background-color: #578ebe
}

    .dashboard-stat.blue-madison.dashboard-stat-light:hover {
        background-color: #4884b8
    }

    .dashboard-stat.blue-madison .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-madison .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-madison .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-madison .more {
        color: #FFF;
        background-color: #4884b8
    }

.dashboard-stat.blue-chambray {
    background-color: #2C3E50
}

    .dashboard-stat.blue-chambray.dashboard-stat-light:hover {
        background-color: #253443
    }

    .dashboard-stat.blue-chambray .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-chambray .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-chambray .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-chambray .more {
        color: #FFF;
        background-color: #253443
    }

.dashboard-stat.blue-ebonyclay {
    background-color: #22313F
}

    .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
        background-color: #1b2732
    }

    .dashboard-stat.blue-ebonyclay .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-ebonyclay .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-ebonyclay .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-ebonyclay .more {
        color: #FFF;
        background-color: #1b2732
    }

.dashboard-stat.blue-hoki {
    background-color: #67809F
}

    .dashboard-stat.blue-hoki.dashboard-stat-light:hover {
        background-color: #5e7694
    }

    .dashboard-stat.blue-hoki .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-hoki .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-hoki .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-hoki .more {
        color: #FFF;
        background-color: #5e7694
    }

.dashboard-stat.blue-steel {
    background-color: #4B77BE
}

    .dashboard-stat.blue-steel.dashboard-stat-light:hover {
        background-color: #416db4
    }

    .dashboard-stat.blue-steel .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-steel .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-steel .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-steel .more {
        color: #FFF;
        background-color: #416db4
    }

.dashboard-stat.blue-soft {
    background-color: #4c87b9
}

    .dashboard-stat.blue-soft.dashboard-stat-light:hover {
        background-color: #447dad
    }

    .dashboard-stat.blue-soft .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-soft .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-soft .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-soft .more {
        color: #FFF;
        background-color: #447dad
    }

.dashboard-stat.blue-dark {
    background-color: #5e738b
}

    .dashboard-stat.blue-dark.dashboard-stat-light:hover {
        background-color: #56697f
    }

    .dashboard-stat.blue-dark .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-dark .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-dark .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-dark .more {
        color: #FFF;
        background-color: #56697f
    }

.dashboard-stat.blue-sharp {
    background-color: #5C9BD1
}

    .dashboard-stat.blue-sharp.dashboard-stat-light:hover {
        background-color: #4c91cd
    }

    .dashboard-stat.blue-sharp .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-sharp .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-sharp .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-sharp .more {
        color: #FFF;
        background-color: #4c91cd
    }

.dashboard-stat.blue-oleo {
    background-color: #94A0B2
}

    .dashboard-stat.blue-oleo.dashboard-stat-light:hover {
        background-color: #8895a9
    }

    .dashboard-stat.blue-oleo .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.blue-oleo .details .number {
        color: #FFF
    }

    .dashboard-stat.blue-oleo .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.blue-oleo .more {
        color: #FFF;
        background-color: #8895a9
    }

.dashboard-stat.green {
    background-color: #32c5d2
}

    .dashboard-stat.green.dashboard-stat-light:hover {
        background-color: #2bb8c4
    }

    .dashboard-stat.green .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green .details .number {
        color: #FFF
    }

    .dashboard-stat.green .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green .more {
        color: #FFF;
        background-color: #2bb8c4
    }

.dashboard-stat.green-meadow {
    background-color: #1BBC9B
}

    .dashboard-stat.green-meadow.dashboard-stat-light:hover {
        background-color: #18aa8c
    }

    .dashboard-stat.green-meadow .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-meadow .details .number {
        color: #FFF
    }

    .dashboard-stat.green-meadow .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-meadow .more {
        color: #FFF;
        background-color: #18aa8c
    }

.dashboard-stat.green-seagreen {
    background-color: #1BA39C
}

    .dashboard-stat.green-seagreen.dashboard-stat-light:hover {
        background-color: #18918b
    }

    .dashboard-stat.green-seagreen .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-seagreen .details .number {
        color: #FFF
    }

    .dashboard-stat.green-seagreen .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-seagreen .more {
        color: #FFF;
        background-color: #18918b
    }

.dashboard-stat.green-turquoise {
    background-color: #36D7B7
}

    .dashboard-stat.green-turquoise.dashboard-stat-light:hover {
        background-color: #29cfae
    }

    .dashboard-stat.green-turquoise .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-turquoise .details .number {
        color: #FFF
    }

    .dashboard-stat.green-turquoise .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-turquoise .more {
        color: #FFF;
        background-color: #29cfae
    }

.dashboard-stat.green-haze {
    background-color: #44b6ae
}

    .dashboard-stat.green-haze.dashboard-stat-light:hover {
        background-color: #3ea7a0
    }

    .dashboard-stat.green-haze .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-haze .details .number {
        color: #FFF
    }

    .dashboard-stat.green-haze .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-haze .more {
        color: #FFF;
        background-color: #3ea7a0
    }

.dashboard-stat.green-jungle {
    background-color: #26C281
}

    .dashboard-stat.green-jungle.dashboard-stat-light:hover {
        background-color: #23b176
    }

    .dashboard-stat.green-jungle .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-jungle .details .number {
        color: #FFF
    }

    .dashboard-stat.green-jungle .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-jungle .more {
        color: #FFF;
        background-color: #23b176
    }

.dashboard-stat.green-soft {
    background-color: #3faba4
}

    .dashboard-stat.green-soft.dashboard-stat-light:hover {
        background-color: #3a9c96
    }

    .dashboard-stat.green-soft .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-soft .details .number {
        color: #FFF
    }

    .dashboard-stat.green-soft .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-soft .more {
        color: #FFF;
        background-color: #3a9c96
    }

.dashboard-stat.green-dark {
    background-color: #4DB3A2
}

    .dashboard-stat.green-dark.dashboard-stat-light:hover {
        background-color: #46a595
    }

    .dashboard-stat.green-dark .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-dark .details .number {
        color: #FFF
    }

    .dashboard-stat.green-dark .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-dark .more {
        color: #FFF;
        background-color: #46a595
    }

.dashboard-stat.green-sharp {
    background-color: #2ab4c0
}

    .dashboard-stat.green-sharp.dashboard-stat-light:hover {
        background-color: #26a4af
    }

    .dashboard-stat.green-sharp .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-sharp .details .number {
        color: #FFF
    }

    .dashboard-stat.green-sharp .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-sharp .more {
        color: #FFF;
        background-color: #26a4af
    }

.dashboard-stat.green-steel {
    background-color: #29b4b6
}

    .dashboard-stat.green-steel.dashboard-stat-light:hover {
        background-color: #25a4a5
    }

    .dashboard-stat.green-steel .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.green-steel .details .number {
        color: #FFF
    }

    .dashboard-stat.green-steel .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.green-steel .more {
        color: #FFF;
        background-color: #25a4a5
    }

.dashboard-stat.grey {
    background-color: #E5E5E5
}

    .dashboard-stat.grey.dashboard-stat-light:hover {
        background-color: #dbdbdb
    }

    .dashboard-stat.grey .visual > i {
        color: #333;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey .details .number {
        color: #333
    }

    .dashboard-stat.grey .details .desc {
        color: #333;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey .more {
        color: #333;
        background-color: #dbdbdb
    }

.dashboard-stat.grey-steel {
    background-color: #e9edef
}

    .dashboard-stat.grey-steel.dashboard-stat-light:hover {
        background-color: #dde3e6
    }

    .dashboard-stat.grey-steel .visual > i {
        color: #80898e;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-steel .details .number {
        color: #80898e
    }

    .dashboard-stat.grey-steel .details .desc {
        color: #80898e;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-steel .more {
        color: #80898e;
        background-color: #dde3e6
    }

.dashboard-stat.grey-cararra {
    background-color: #fafafa
}

    .dashboard-stat.grey-cararra.dashboard-stat-light:hover {
        background-color: #f0f0f0
    }

    .dashboard-stat.grey-cararra .visual > i {
        color: #333;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-cararra .details .number {
        color: #333
    }

    .dashboard-stat.grey-cararra .details .desc {
        color: #333;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-cararra .more {
        color: #333;
        background-color: #f0f0f0
    }

.dashboard-stat.grey-gallery {
    background-color: #555
}

    .dashboard-stat.grey-gallery.dashboard-stat-light:hover {
        background-color: #4b4b4b
    }

    .dashboard-stat.grey-gallery .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-gallery .details .number {
        color: #fff
    }

    .dashboard-stat.grey-gallery .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-gallery .more {
        color: #fff;
        background-color: #4b4b4b
    }

.dashboard-stat.grey-cascade {
    background-color: #95A5A6
}

    .dashboard-stat.grey-cascade.dashboard-stat-light:hover {
        background-color: #8a9c9d
    }

    .dashboard-stat.grey-cascade .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-cascade .details .number {
        color: #FFF
    }

    .dashboard-stat.grey-cascade .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-cascade .more {
        color: #FFF;
        background-color: #8a9c9d
    }

.dashboard-stat.grey-silver {
    background-color: #BFBFBF
}

    .dashboard-stat.grey-silver.dashboard-stat-light:hover {
        background-color: #b5b5b5
    }

    .dashboard-stat.grey-silver .visual > i {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-silver .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-silver .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-silver .more {
        color: #FAFCFB;
        background-color: #b5b5b5
    }

.dashboard-stat.grey-salsa {
    background-color: #ACB5C3
}

    .dashboard-stat.grey-salsa.dashboard-stat-light:hover {
        background-color: #a0aaba
    }

    .dashboard-stat.grey-salsa .visual > i {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-salsa .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-salsa .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-salsa .more {
        color: #FAFCFB;
        background-color: #a0aaba
    }

.dashboard-stat.grey-salt {
    background-color: #bfcad1
}

    .dashboard-stat.grey-salt.dashboard-stat-light:hover {
        background-color: #b3c0c8
    }

    .dashboard-stat.grey-salt .visual > i {
        color: #FAFCFB;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-salt .details .number {
        color: #FAFCFB
    }

    .dashboard-stat.grey-salt .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-salt .more {
        color: #FAFCFB;
        background-color: #b3c0c8
    }

.dashboard-stat.grey-mint {
    background-color: #525e64
}

    .dashboard-stat.grey-mint.dashboard-stat-light:hover {
        background-color: #495359
    }

    .dashboard-stat.grey-mint .visual > i {
        color: #FFF;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.grey-mint .details .number {
        color: #FFF
    }

    .dashboard-stat.grey-mint .details .desc {
        color: #FFF;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.grey-mint .more {
        color: #FFF;
        background-color: #495359
    }

.dashboard-stat.red {
    background-color: #e7505a
}

    .dashboard-stat.red.dashboard-stat-light:hover {
        background-color: #e53e49
    }

    .dashboard-stat.red .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red .details .number {
        color: #fff
    }

    .dashboard-stat.red .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red .more {
        color: #fff;
        background-color: #e53e49
    }

.dashboard-stat.red-pink {
    background-color: #E08283
}

    .dashboard-stat.red-pink.dashboard-stat-light:hover {
        background-color: #dc7273
    }

    .dashboard-stat.red-pink .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-pink .details .number {
        color: #fff
    }

    .dashboard-stat.red-pink .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-pink .more {
        color: #fff;
        background-color: #dc7273
    }

.dashboard-stat.red-sunglo {
    background-color: #E26A6A
}

    .dashboard-stat.red-sunglo.dashboard-stat-light:hover {
        background-color: #df5959
    }

    .dashboard-stat.red-sunglo .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-sunglo .details .number {
        color: #fff
    }

    .dashboard-stat.red-sunglo .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-sunglo .more {
        color: #fff;
        background-color: #df5959
    }

.dashboard-stat.red-intense {
    background-color: #e35b5a
}

    .dashboard-stat.red-intense.dashboard-stat-light:hover {
        background-color: #e04a49
    }

    .dashboard-stat.red-intense .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-intense .details .number {
        color: #fff
    }

    .dashboard-stat.red-intense .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-intense .more {
        color: #fff;
        background-color: #e04a49
    }

.dashboard-stat.red-thunderbird {
    background-color: #D91E18
}

    .dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
        background-color: #c71b16
    }

    .dashboard-stat.red-thunderbird .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-thunderbird .details .number {
        color: #fff
    }

    .dashboard-stat.red-thunderbird .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-thunderbird .more {
        color: #fff;
        background-color: #c71b16
    }

.dashboard-stat.red-flamingo {
    background-color: #EF4836
}

    .dashboard-stat.red-flamingo.dashboard-stat-light:hover {
        background-color: #ed3723
    }

    .dashboard-stat.red-flamingo .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-flamingo .details .number {
        color: #fff
    }

    .dashboard-stat.red-flamingo .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-flamingo .more {
        color: #fff;
        background-color: #ed3723
    }

.dashboard-stat.red-soft {
    background-color: #d05454
}

    .dashboard-stat.red-soft.dashboard-stat-light:hover {
        background-color: #c44
    }

    .dashboard-stat.red-soft .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-soft .details .number {
        color: #fff
    }

    .dashboard-stat.red-soft .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-soft .more {
        color: #fff;
        background-color: #c44
    }

.dashboard-stat.red-haze {
    background-color: #f36a5a
}

    .dashboard-stat.red-haze.dashboard-stat-light:hover {
        background-color: #f25947
    }

    .dashboard-stat.red-haze .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-haze .details .number {
        color: #fff
    }

    .dashboard-stat.red-haze .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-haze .more {
        color: #fff;
        background-color: #f25947
    }

.dashboard-stat.red-mint {
    background-color: #e43a45
}

    .dashboard-stat.red-mint.dashboard-stat-light:hover {
        background-color: #e22834
    }

    .dashboard-stat.red-mint .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.red-mint .details .number {
        color: #fff
    }

    .dashboard-stat.red-mint .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.red-mint .more {
        color: #fff;
        background-color: #e22834
    }

.dashboard-stat.yellow {
    background-color: #c49f47
}

    .dashboard-stat.yellow.dashboard-stat-light:hover {
        background-color: #bb953c
    }

    .dashboard-stat.yellow .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow .details .number {
        color: #fff
    }

    .dashboard-stat.yellow .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow .more {
        color: #fff;
        background-color: #bb953c
    }

.dashboard-stat.yellow-gold {
    background-color: #E87E04
}

    .dashboard-stat.yellow-gold.dashboard-stat-light:hover {
        background-color: #d47304
    }

    .dashboard-stat.yellow-gold .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-gold .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-gold .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-gold .more {
        color: #fff;
        background-color: #d47304
    }

.dashboard-stat.yellow-casablanca {
    background-color: #f2784b
}

    .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
        background-color: #f16a38
    }

    .dashboard-stat.yellow-casablanca .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-casablanca .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-casablanca .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-casablanca .more {
        color: #fff;
        background-color: #f16a38
    }

.dashboard-stat.yellow-crusta {
    background-color: #f3c200
}

    .dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
        background-color: #dfb200
    }

    .dashboard-stat.yellow-crusta .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-crusta .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-crusta .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-crusta .more {
        color: #fff;
        background-color: #dfb200
    }

.dashboard-stat.yellow-lemon {
    background-color: #F7CA18
}

    .dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
        background-color: #f2c308
    }

    .dashboard-stat.yellow-lemon .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-lemon .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-lemon .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-lemon .more {
        color: #fff;
        background-color: #f2c308
    }

.dashboard-stat.yellow-saffron {
    background-color: #F4D03F
}

    .dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
        background-color: #f3cb2c
    }

    .dashboard-stat.yellow-saffron .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-saffron .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-saffron .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-saffron .more {
        color: #fff;
        background-color: #f3cb2c
    }

.dashboard-stat.yellow-soft {
    background-color: #c8d046
}

    .dashboard-stat.yellow-soft.dashboard-stat-light:hover {
        background-color: #c3cc36
    }

    .dashboard-stat.yellow-soft .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-soft .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-soft .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-soft .more {
        color: #fff;
        background-color: #c3cc36
    }

.dashboard-stat.yellow-haze {
    background-color: #c5bf66
}

    .dashboard-stat.yellow-haze.dashboard-stat-light:hover {
        background-color: #bfb957
    }

    .dashboard-stat.yellow-haze .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-haze .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-haze .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-haze .more {
        color: #fff;
        background-color: #bfb957
    }

.dashboard-stat.yellow-mint {
    background-color: #c5b96b
}

    .dashboard-stat.yellow-mint.dashboard-stat-light:hover {
        background-color: #bfb25c
    }

    .dashboard-stat.yellow-mint .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.yellow-mint .details .number {
        color: #fff
    }

    .dashboard-stat.yellow-mint .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.yellow-mint .more {
        color: #fff;
        background-color: #bfb25c
    }

.dashboard-stat.purple {
    background-color: #8E44AD
}

    .dashboard-stat.purple.dashboard-stat-light:hover {
        background-color: #823e9e
    }

    .dashboard-stat.purple .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple .details .number {
        color: #fff
    }

    .dashboard-stat.purple .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple .more {
        color: #fff;
        background-color: #823e9e
    }

.dashboard-stat.purple-plum {
    background-color: #8775a7
}

    .dashboard-stat.purple-plum.dashboard-stat-light:hover {
        background-color: #7c699f
    }

    .dashboard-stat.purple-plum .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-plum .details .number {
        color: #fff
    }

    .dashboard-stat.purple-plum .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-plum .more {
        color: #fff;
        background-color: #7c699f
    }

.dashboard-stat.purple-medium {
    background-color: #BF55EC
}

    .dashboard-stat.purple-medium.dashboard-stat-light:hover {
        background-color: #b843ea
    }

    .dashboard-stat.purple-medium .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-medium .details .number {
        color: #fff
    }

    .dashboard-stat.purple-medium .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-medium .more {
        color: #fff;
        background-color: #b843ea
    }

.dashboard-stat.purple-studio {
    background-color: #8E44AD
}

    .dashboard-stat.purple-studio.dashboard-stat-light:hover {
        background-color: #823e9e
    }

    .dashboard-stat.purple-studio .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-studio .details .number {
        color: #fff
    }

    .dashboard-stat.purple-studio .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-studio .more {
        color: #fff;
        background-color: #823e9e
    }

.dashboard-stat.purple-wisteria {
    background-color: #9B59B6
}

    .dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
        background-color: #924dae
    }

    .dashboard-stat.purple-wisteria .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-wisteria .details .number {
        color: #fff
    }

    .dashboard-stat.purple-wisteria .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-wisteria .more {
        color: #fff;
        background-color: #924dae
    }

.dashboard-stat.purple-seance {
    background-color: #9A12B3
}

    .dashboard-stat.purple-seance.dashboard-stat-light:hover {
        background-color: #8a10a0
    }

    .dashboard-stat.purple-seance .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-seance .details .number {
        color: #fff
    }

    .dashboard-stat.purple-seance .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-seance .more {
        color: #fff;
        background-color: #8a10a0
    }

.dashboard-stat.purple-intense {
    background-color: #8775a7
}

    .dashboard-stat.purple-intense.dashboard-stat-light:hover {
        background-color: #7c699f
    }

    .dashboard-stat.purple-intense .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-intense .details .number {
        color: #fff
    }

    .dashboard-stat.purple-intense .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-intense .more {
        color: #fff;
        background-color: #7c699f
    }

.dashboard-stat.purple-sharp {
    background-color: #796799
}

    .dashboard-stat.purple-sharp.dashboard-stat-light:hover {
        background-color: #6f5f8d
    }

    .dashboard-stat.purple-sharp .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-sharp .details .number {
        color: #fff
    }

    .dashboard-stat.purple-sharp .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-sharp .more {
        color: #fff;
        background-color: #6f5f8d
    }

.dashboard-stat.purple-soft {
    background-color: #8877a9
}

    .dashboard-stat.purple-soft.dashboard-stat-light:hover {
        background-color: #7d6ba1
    }

    .dashboard-stat.purple-soft .visual > i {
        color: #fff;
        opacity: .1;
        filter: alpha(opacity=10)
    }

    .dashboard-stat.purple-soft .details .number {
        color: #fff
    }

    .dashboard-stat.purple-soft .details .desc {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .dashboard-stat.purple-soft .more {
        color: #fff;
        background-color: #7d6ba1
    }

.dashboard-stat-light {
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .dashboard-stat-light .details {
        margin-bottom: 5px
    }

        .dashboard-stat-light .details .number {
            font-weight: 300;
            margin-bottom: 0
        }

.dashboard-stat2, .dashboard-stat2 .display {
    margin-bottom: 20px
}

.dashboard-stat2 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    padding: 15px 15px 30px
}

    .dashboard-stat2.bordered {
        border: 1px solid #e7ecf1
    }

    .dashboard-stat2 .display:after, .dashboard-stat2 .display:before {
        content: " ";
        display: table
    }

    .dashboard-stat2 .display:after {
        clear: both
    }

    .dashboard-stat2 .display .number {
        float: left;
        display: inline-block
    }

        .dashboard-stat2 .display .number h3 {
            margin: 0 0 2px;
            padding: 0;
            font-size: 30px;
            font-weight: 400
        }

            .dashboard-stat2 .display .number h3 > small {
                font-size: 23px
            }

        .dashboard-stat2 .display .number small {
            font-size: 14px;
            color: #AAB5BC;
            font-weight: 600;
            text-transform: uppercase
        }

    .dashboard-stat2 .display .icon {
        display: inline-block;
        float: right;
        padding: 7px 0 0
    }

        .dashboard-stat2 .display .icon > i {
            color: #cbd4e0;
            font-size: 26px
        }

    .dashboard-stat2 .progress-info {
        clear: both
    }

        .dashboard-stat2 .progress-info .progress {
            margin: 0;
            height: 4px;
            clear: both;
            display: block
        }

        .dashboard-stat2 .progress-info .status {
            margin-top: 5px;
            font-size: 11px;
            color: #AAB5BC;
            font-weight: 600;
            text-transform: uppercase
        }

            .dashboard-stat2 .progress-info .status .status-title {
                float: left;
                display: inline-block
            }

            .dashboard-stat2 .progress-info .status .status-number {
                float: right;
                display: inline-block
            }


/**
* Template Name: Dashio
* Template URL: https://templatemag.com/dashio-bootstrap-admin-template/
* Author: TemplateMag.com
* License: https://templatemag.com/license/
*/
/*
Template Name: DASHIO - Bootstrap 3.1.1 Admin Theme
Template Version: 1.0
Author: Carlos Alvarez
Website: http://Alvarez.is/
*/
/* Import fonts */
/* BASIC THEME CONFIGURATION */


ul li {
    list-style: none;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
::selection {

    background: #4ECDC4;
    color: #fff;
}
::-moz-selection {
    background: #4ECDC4;
    color: #fff;
}

#container {
    width: 100%;
    height: 100%;
}

/* Bootstrap Modifications */
.modal-header {
	background: #4ECDC4;
}

.modal-title {
	color: white;
}

.btn-round {
	border-radius: 20px;
	-webkit-border-radius: 20px;
}

.accordion-heading .accordion-toggle {
	display: block;
	cursor: pointer;
	border-top: 1px solid #F5F5F5;
	padding: 5px 0px;
	line-height: 28.75px;
	text-transform: uppercase;
	color: #1a1a1a;
	background-color: #ffffff;
	outline: none !important;
	text-decoration: none;
}



/*Theme Backgrounds*/

.bg-theme {
	background-color: #4ECDC4;
}

.bg-theme02 {
	background-color: #ac92ec;
}

.bg-theme03 {
  background-color: #48cfad;
}

.bg-theme04 {
  background-color: #ed5565;
}
/*Theme Buttons*/

.btn-theme {
  color: #fff;
  background-color: #4ECDC4;
  border-color: #48bcb4;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #48bcb4;
  border-color: #48bcb4;
}

.btn-theme02 {
  color: #fff;
  background-color: #ac92ec;
  border-color: #967adc;
}
.btn-theme02:hover,
.btn-theme02:focus,
.btn-theme02:active,
.btn-theme02.active,
.open .dropdown-toggle.btn-theme02 {
  color: #fff;
  background-color: #967adc;
  border-color: #967adc;
}

.btn-theme03 {
  color: #fff;
  background-color: #48cfad;
  border-color: #37bc9b;
}
.btn-theme03:hover,
.btn-theme03:focus,
.btn-theme03:active,
.btn-theme03.active,
.open .dropdown-toggle.btn-theme03 {
  color: #fff;
  background-color: #37bc9b;
  border-color: #37bc9b;
}

.btn-theme04 {
  color: #fff;
  background-color: #ed5565;
  border-color: #da4453;
}
.btn-theme04:hover,
.btn-theme04:focus,
.btn-theme04:active,
.btn-theme04.active,
.open .dropdown-toggle.btn-theme04 {
  color: #fff;
  background-color: #da4453;
  border-color: #da4453;
}

.btn-clear-g {
	color: #48bcb4;
	background: transparent;
	border-color: #48bcb4;
}

.btn-clear-g:hover {
	color: white;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #797979;
}



/*Helpers*/

.centered {
	text-align: center;
}

.goleft {
	text-align: left;
}

.goright {
	text-align: right;
}

.mt {
	margin-top: 25px;
}

.mb {
	margin-bottom: 25px;
}


.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

/*Exclusive Theme Colors Configuration*/

.label-theme {
	background-color: #4ECDC4;
}

.bg-theme {
	background-color: #4ECDC4;
}

ul.top-menu > li > .logout {
	color: #f2f2f2;
	font-size: 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #64c3c2 !important;
	padding: 5px 15px;
	margin-right: 15px;
	background: #4ECDC4;
	margin-top: 15px;
}


/*sidebar navigation*/

#sidebar {
    width: 210px;
    height: 100%;

    position: fixed;
    background: #2f323a;
   
}

#sidebar h5 {
	color: #f2f2f2;
	font-weight: 700;
}

#sidebar ul li {
    position: relative;
}

#sidebar .sub-menu > .sub li  {
    padding-left: 32px;
}

#sidebar .sub-menu > .sub li:last-child {
    padding-bottom: 10px;
}

/*LEFT NAVIGATION ICON*/
.dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background: url("../img/nav-expand.png") no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
    top:15px;
}
.active .dcjq-icon {
    background: url("../img/nav-expand.png") no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/*---*/

.nav-collapse.collapse {
    display: inline;
}

ul.sidebar-menu , ul.sidebar-menu li ul.sub{
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {
    margin-top: 75px;
}

#sidebar > ul > li > ul.sub {
    display: none;
}

#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
    display: block;
}

ul.sidebar-menu li ul.sub li{
    background: #2f323a;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

ul.sidebar-menu li ul.sub li:last-child{
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

ul.sidebar-menu li ul.sub li a {
    font-size: 14px;
    padding: 6px 19px;
    line-height: 35px;
    height: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #aeb2b7;
}

ul.sidebar-menu li ul.sub li a:hover {
	color: white;
	background: transparent;
}

ul.sidebar-menu li ul.sub li.active a {
    color: #4ECDC4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}

ul.sidebar-menu li{
    /*line-height: 20px !important;*/
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
}

ul.sidebar-menu li.sub-menu{
    line-height: 15px;
}

ul.sidebar-menu li a span{
    display: inline-block;
}

ul.sidebar-menu li a{
    color: #aeb2b7;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 10px;
    font-size: 17px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #4ECDC4;
    color: #fff;
    display: block;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


ul.sidebar-menu li a i {
    font-size: 15px;
    padding-right: 6px;
}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
    color: #fff;
}

ul.sidebar-menu li a.active i {
    color: #fff;
}


.mail-info, .mail-info:hover {
    margin: -3px 6px 0 0;
    font-size: 11px;
}

/* MAIN CONTENT CONFIGURATION */
#main-content {
    margin-right: 210px;
}

.header, .footer {
    min-height: 60px;
    padding: 0 15px;
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
}

.black-bg {
    background: #22242a;
    border-bottom: 1px solid #393d46;
}

.wrapper {
    display: inline-block;
    margin-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 0px;
    width: 100%;
}

a.logo {
    font-size: 24px;
    color: #f2f2f2;
    float: right;
    margin-top: 15px;
    text-transform: uppercase;
}

a.logo b {
    font-weight: 900;
}

a.logo:hover, a.logo:focus {
    text-decoration: none;
    outline: none;
}

a.logo span {
    color: #4ECDC4;
}


/*notification*/
#top_menu .nav > li, ul.top-menu > li {
    float: right;
}

.notify-row {
    float: right;
    margin-top: 15px;
    margin-left: 92px;
}

.notify-row .notification span.label {
    display: inline-block;
    height: 18px;
    width: 20px;
    padding: 5px;
}

ul.top-menu > li > a {
    color: #efe7e7;
    font-size: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #f9ebeb !important;
    padding: 2px 6px;
    margin-right: 15px;
    margin-top: 15px;
}

ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
    border:1px solid #b6b6b6 !important;
    background-color: transparent !important;
    border-color: #b6b6b6 !important;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #b6b6b6 !important;
}

.notify-row .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}

.dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 42px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .dropdown-menu.extended  {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
    };
    }

.dropdown-menu.extended li p {
    background-color: #F1F2F7;
    color: #666666;
    margin: 0;
    padding: 10px;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

.dropdown-menu.extended li p.green {
    background-color: #4ECDC4;
    color: #fff;
}

.dropdown-menu.extended li p.yellow {
    background-color: #fcb322;
    color: #fff;
}

.dropdown-menu.extended li a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}

.dropdown-menu.extended li a {
    padding: 15px 10px !important;
    width: 100%;
    display: inline-block;
}

.dropdown-menu.extended li a:hover {
    background-color: #F7F8F9 !important;
    color: #2E2E2E;
}

.dropdown-menu.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}

.dropdown-menu.tasks-bar .task-info .percent {
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    padding-left: 10px;
    margin-top: -4px;
}

.dropdown-menu.extended .progress {
    margin-bottom: 0 !important;
    height: 10px;
}

.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: right;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

.top-nav  {
    margin-top: 7px;
}

.top-nav ul.top-menu > li .dropdown-menu.logout {
    width: 268px !important;

}

.top-nav li.dropdown .dropdown-menu {
    float: left;
    right: 0;
    left: auto;
}

.dropdown-menu.extended.logout > li {
    float: right;
    text-align: center;
    width: 33.3%;
}

    .dropdown-menu.extended.logout > li:last-child {
        float: right;
        text-align: center;
        width: 100%;
        background: #a9d96c;
        border-radius: 0 0 3px 3px;
    }

.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
    color: #fff;
    border-bottom: none !important;
    text-transform: uppercase;
}

.dropdown-menu.extended.logout > li:last-child > a:hover > i{
    color: #fff;
}

.dropdown-menu.extended.logout > li > a {
    color: #a4abbb;
    border-bottom: none !important;
}

.full-width .dropdown-menu.extended.logout > li > a:hover {
    background: none !important;
    color: #50c8ea !important;
}

.dropdown-menu.extended.logout > li > a:hover {
    background: none !important;
}

.dropdown-menu.extended.logout > li > a:hover i {
    color: #50c8ea;
}

.dropdown-menu.extended.logout > li > a i {
    font-size: 17px;
}

.dropdown-menu.extended.logout > li > a > i {
    display: block;
}

.top-nav ul.top-menu > li > a {
    border: 1px solid #eeeeee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px;
    background: none;
    margin-right: 0;
}
.top-nav ul.top-menu > li {
    margin-left: 10px;
}

.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
    border:1px solid #F1F2F7;
    background: #F1F2F7;

}

.top-nav .dropdown-menu.extended.logout {
    top: 50px;
}

.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}
.top-nav ul.top-menu > li > a:hover .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}

.log-arrow-up {
    background: url("../img/arrow-up.png") no-repeat;
    width: 20px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -10px;
}

/*----*/

.notify-arrow {
    border-style: solid;
    border-width: 0 9px 9px;
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: 7px;
    top: -18px;
    transition: all 0.25s ease 0s;
    width: 0;
    z-index: 10;
    margin-top: 10px;
    opacity: 1;
}

.notify-arrow-yellow {
    border-color: transparent transparent #FCB322;
    border-bottom-color: #FCB322 !important;
    border-top-color: #FCB322 !important;
}
.notify-arrow-green {
    border-color: transparent transparent #4ECDC4;
    border-bottom-color: #4ECDC4 !important;
    border-top-color: #4ECDC4 !important;
}



/*--sidebar toggle---*/

.sidebar-toggle-box {
    float: right;
    padding-right: 15px;
    margin-top: 20px;
}

.sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
}


.sidebar-closed > #sidebar > ul {
    display: none;
}

.sidebar-closed #main-content {
    margin-left: 0px;
}

.sidebar-closed #sidebar {
    margin-left: -180px;
}


/* Dash Side */

.ds {
	background: #d6d9dc;
	padding-top: 20px;
}

.ds h4 {
	font-size: 14px;
	font-weight: 700;
}

.ds i {
	font-size: 14px;
}

.ds .desc {
	border-bottom: 1px dotted #979797;
	display: inline-block;
	padding: 15px 0;
	width: 100%;
}

.ds .desc:hover {
	background: #ffffff;
}

.ds .thumb {
	width: 30px;
	margin: 0 10px 0 20px;
	display: block;
	float: left;
}

.ds .details {
	width: 170px;
	float: left;
}

.ds > .desc p {
	font-size: 11px;
}

.ds p > muted {
	font-size: 9px;
	text-transform: uppercase;
	font-style: italic;
	color: #666666
}

.ds a {
	color: #4ECDC4;
}

/* MAIN CHART CONFIGURATION */
.main-chart {
	padding-top: 20px;
}

.border-head h3 {
    border-bottom: 1px solid #c9cdd7;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    font-weight: 300;
}

.custom-bar-chart {
    height: 290px;
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
    border-bottom: 1px solid #c9cdd7;
}

.custom-bar-chart .bar {
    height: 100%;
    position: relative;
    width: 6%;
    margin: 0px 4%;
    float: left;
    text-align: center;
    z-index: 10;
}

.custom-bar-chart .bar .title {
    position: absolute;
    bottom: -30px;
    width: 100%;
    text-align: center;
    font-size: 11px;
}

.custom-bar-chart .bar .value {
    position: absolute;
    bottom: 0;
    background: #4ECDC4;
    color: #4ECDC4;
    width: 100%;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}



.custom-bar-chart .bar .value:hover {
    background: #2f2f2f;
    color: #fff;
}

.y-axis {
    color: #555555;
    position: absolute;
    text-align: left;
    width: 100%;
    font-size: 11px;
}

.y-axis li {
    border-top: 1px dashed #dbdce0;
    display: block;
    height: 58px;
    width: 100%;
}

.y-axis li:last-child {
    border-top: none;
}

.y-axis li span {
    display: block;
    margin: -10px 0 0 -60px;
    padding: 0 10px;
    width: 40px;
}


/*Donut Chart Main Page Conf*/
.donut-main {
	display: block;
	text-align: center;
}

.donut-main h4 {
	font-weight: 700;
	font-size: 16px;
}

/* *************************************************************************************
PANELS CONFIGURATIONS
*************************************************************************************** */

/*Panel Size*/

.pn {
	height: 250px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}


/*Grey Panel*/

.grey-panel {
	text-align: center;
	background: #dfdfe1;
}
.grey-panel .grey-header {
	background: #ccd1d9;
	padding: 3px;
	margin-bottom: 15px;
}
.grey-panel h5 {
	font-weight: 200;
	margin-top: 10px;
}
.grey-panel p {
	margin-left: 5px;
}
/* Specific Conf for Donut Charts*/
.donut-chart p {
	margin-top: 20px;
	font-weight: 700;
	margin-left: 15px;
}
.donut-chart h2 {
	font-weight: 900;
	color: #FF6B6B;
	font-size: 38px;
}

/* Dark Blue*/

.darkblue-panel {
	text-align: center;
	background: #444c57;
}
.darkblue-panel .darkblue-header {
	background: transparent;
	padding: 3px;
	margin-bottom: 15px;
}
.darkblue-panel h1 {
	color: #f2f2f2;
}
.darkblue-panel h5 {
	font-weight: 200;
	margin-top: 10px;
	color: white;
}
.darkblue-panel footer {
	color: white;
}
.darkblue-panel footer h5 {
	margin-left:10px;
	margin-right: 10px;
	font-weight: 700;
}

/*Green Panel*/
.green-panel {
	text-align: center;
	background: #4ECDC4;
}
.green-panel .green-header {
	background: #43b1a9;
	padding: 3px;
	margin-bottom: 15px;
}
.green-panel h5 {
	color: white;
	font-weight: 200;
	margin-top: 10px;
}
.green-panel h3 {
	color: white;
	font-weight: 100;
}
.green-panel p {
	color: white;
}

/*White Panel */
.white-panel {
	text-align: center;
	background: #ffffff;
}
.white-panel .white-header {
	background: #f3f3f3;
	padding: 3px;
	margin-bottom: 15px;
}
.white-panel .small {
	font-size: 10px;
	color: #ccd1d9;
}

/*STOCK CARD Panel*/
.card {
  background: white;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 1em;
  height: 250px;
}
.stock .stock-chart {
  background: #00c5de;
}
.stock .stock-chart #chart {
    height: 10.7em;
    background: url(http://i.imgbox.com/abmuNQx2) center bottom no-repeat;
}
.stock .current-price {
  background: #1d2122;
  padding: 10px;
}
.stock .current-price .info abbr {
    display: block;
    color: #f8f8f8;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 0.18em;
}
.stock .current-price .changes {
    text-align: right;
}
.stock .changes .up {
	color: #4fd98b
}
.stock .current-price .changes .value {
      font-size: 1.8em;
      font-weight: 700;
}
.stock .summary {
    color: #2f2f2f;
    display: block;
    background: #f2f2f2;
    padding: 10px;
	text-align: center;
}
.stock .summary strong {
	font-weight: 900;
	font-size: 14px;
}

/*Content Panel*/
.content-panel {
	background: #ffffff;
	box-shadow: 0px 3px 2px #aab2bd;
	padding-top: 15px;
	padding-bottom: 5px;
}
.content-panel h4 {
	margin-left: 10px;
}

/*WEATHER PANELS*/

/* Weather 1 */
.weather {
	background: url(../img/weather.jpg) no-repeat center top;
	text-align: center;
	background-position: center center;
}
.weather i {
	color: white;
	margin-top: 45px;
}
.weather h2 {
	color: white;
	font-weight: 900;
}
.weather h4 {
	color: white;
	font-weight: 900;
	letter-spacing: 1px;
}

/* Weather 2 */
.weather-2 {
	background: #e9f0f4;
}
.weather-2 .weather-2-header {
	background: #54bae6;
	padding-top: 5px;
	margin-bottom: 5px;
}
.weather-2 .weather-2-header p {
	color: white;
	margin-left: 5px;
	margin-right: 5px;
}
.weather-2 .weather-2-header p small {
	font-size: 10px;
}
.weather-2 .data {
	margin-right: 10px;
	margin-left: 10px;
	color: #272b34;
}
.weather-2 .data h5 {
	margin-top: 0px;
	font-weight: lighter;
}
.weather-2 .data h1{
	margin-top: 2px;
}

/* Weather 3 */
.weather-3 {
	background: #ffcf00;
}

.weather-3 i {
	color: white;
	margin-top: 30px;
	font-size: 70px;
}
.weather-3 h1 {
	margin-top: 10px;
	color: white;
	font-weight: 900;
}
.weather-3 .info {
	background: #f2f2f2;
}
.weather-3 .info i {
	font-size: 15px;
	color: #c2c2c2;
	margin-bottom: 0px;
	margin-top: 10px;
}
.weather-3 .info h3 {
	font-weight: 900;
	margin-bottom: 0px;
}
.weather-3 .info p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 16px;
	color: #c2c2c2;
	font-size: 15px;
	font-weight: 700;
}


/* Message Panel */
.message-p {
	background: #f5f5f5;
}
.message-p .message-header {
	background: #dcdfe3;
	padding: 3px;
	margin-bottom: 15px;
	text-align: center;
}
.message-p h5 {
	font-weight: 200;
	margin-top: 10px;
}
.message-p p {
	margin-left: 10px;
}
.message-p .small {
	font-size: 11px;
	color: #aab2bd;
	margin-top: -10px;
}
.message-p name {
	color: #ed5565;
	font-weight: 700;
}
.message-p .message {
	font-size: 12px;
}
.message-p .form-inline {
	margin-left: 10px;
}
.message-p .form-inline .form-group {
	width: 80%;
}
.message-p .form-inline .form-control {
	width: 100%
}

/*Twitter Panel*/
.twitter-panel {
	background: #4fc1e9;
	text-align: center;
}
.twitter-panel i {
	color: white;
	margin-top: 40px;
}
.twitter-panel p {
	color: #f5f5f5;
	margin: 10px;
}
.twitter-panel .user {
	color: white;
	font-weight: 900;
}


/* Instagram Panel*/
.instagram-panel {
	background: url(../img/instagram.jpg) no-repeat center top;
	text-align: center;
	background-position: center center;
}
.instagram-panel i {
	color: white;
	margin-top: 35px;
}
.instagram-panel p {
	margin: 5px;
	color: white;
}

/* Product Panel */
.product-panel {
	background: #dadad2;
	text-align: center;
	padding-top: 50px;
	height: 100%;
}

/* Product Panel 2*/
.product-panel-2 {
	background: #dadad2;
	text-align: center;
}
.product-panel-2 .badge {
	position: absolute;
	top: 20px;
	left: 35px;
}
.badge-hot {
	background: #ed5565;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	border-radius: 100%;
}

/* Soptify Panel */
#spotify {
	background: url(../img/lorde.jpg) no-repeat center top;
	margin-top: -15px;
	background-attachment: relative;
	background-position: center center;
	min-height: 220px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#spotify .btn-clear-g {
	top: 15%;
	right: 10px;
	position: absolute;
	margin-top: 5px;
}
#spotify .sp-title {
	bottom: 15%;
	left: 25px;
	position: absolute;
	color: #efefef;
}
#spotify .sp-title h3 {
	font-weight: 900;
}
#spotify .play{
	bottom: 18%;
	right: 25px;
	position: absolute;
	color: #efefef;
	font-size: 20px
}
.followers {
	margin-left: 5px;
	margin-top: 5px;
}

/* BLOG PANEL */
#blog-bg {
	background: url(../img/blog-bg.jpg) no-repeat center top;
	margin-top: -15px;
	background-attachment: relative;
	background-position: center center;
	min-height: 150px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#blog-bg .badge {
	position: absolute;
	top: 20px;
	left: 35px;
}
.badge-popular {
	background: #3498db;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	border-radius: 100%;
}
.blog-title {
	background: rgba(0,0,0,0.5);
	bottom: 100px;
	padding: 6px;
	color: white;
	font-weight: 700;
	position: absolute;
	display: block;
	width: 120px;
}
.blog-text {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 15px;
	font-size: 12px;
}

/* Calendar Configuration */
#calendar {
	color: white;
	padding: 0px !important;
}
.calendar-month-header {
	background: #43b1a9;
}

/* TODO PANEL */
.steps{
  display: block;
}
.steps input[type=checkbox] {
  display: none;
}
.steps input[type=submit]{
  background: #f1783c;
  border: none;
  padding: 0px;
  margin: 0 auto;
  width: 100%;
  height: 55px;
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.5s ease
}
.steps input[type=submit]:hover{
  background: #8fde9c;
}
.steps label{
  background: #393D40;
  height: 65px;
  line-height: 65px;
  width: 100%;
  display: block;
  border-bottom: 1px solid #44494e;
  color: #889199;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1px;
  text-indent: 52px;
  cursor: pointer;
  transition: all 0.7s ease;
  margin: 0px;
}
.steps label:before{
  content:"";
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  margin: 26px 0px 0px 18px;
  border-radius: 100%;
  transition: border 0.7s ease
}
.steps label:hover{
  background: #2B2E30;
  color: #46b7e5
}
.steps label:hover:before{
  border: 1px solid #46b7e5;
}
#op1:checked ~ label[for=op1]:before,
#op2:checked ~ label[for=op2]:before,
#op3:checked ~ label[for=op3]:before{
  border: 2px solid #96c93c;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpinHLMhgEHKADia0xQThIQs6JJ9gPxZhYQAcS6QHwDiI8hSYJAC0gBPxDLAvFcIJ6JJJkDxFNBVtgBcQ8Qa6BLghgwN4A4a9ElQYAFSj8C4mwg3o8sCQIAAQYA78QTYqnPZuEAAAAASUVORK5CYII=') no-repeat center center;
}

/* PROFILE PANELS */
/* Profile 01*/
#profile-01 {
	background: url(../img/profile-01.jpg) no-repeat center top;
	margin-top: -15px;
	background-attachment: relative;
	background-position: center center;
	min-height: 150px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#profile-01 h3 {
	color: white;
	padding-top: 50px;
	margin: 0px;
	text-align: center;
}
#profile-01 h6 {
	color: white;
	text-align: center;
	margin-bottom: 0px;
	font-weight: 900;
}
.profile-01 {
	background: #4ECDC4;
	height: 50px;
}
.profile-01:hover {
	background: #2f2f2f;
  -webkit-transition: background-color 0.6s;
  -moz-transition: background-color 0.6s;
  -o-transition: background-color 0.6s;
  transition: background-color 0.6s;
  cursor: pointer;
}
.profile-01 p {
	color: white;
	padding-top: 15px;
	font-weight: 400;
	font-size: 15px;
}

/* Profile 02*/
#profile-02 {
	background: url(../img/profile-02.jpg) no-repeat center top;
	margin-top: -15px;
	background-attachment: relative;
	background-position: center center;
	min-height: 200px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#profile-02 .user {
	padding-top: 40px;
	text-align: center;
}
#profile-02 h4 {
	color: white;
	margin:0px;
	padding-top: 8px;
}
.pr2-social a {
	color: #cdcdcd;
}
.pr2-social a:hover {
	color: #4ECDC4;
}
.pr2-social i {
	margin-top: 15px;
	margin-right: 12px;
	font-size: 20px;
}


/*spark line*/
.chart {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.chart .heading {
    text-align: left;
}
.chart .heading span {
    display: block;
}
.panel.green-chart .chart-tittle {
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight:normal;
    background: #99c262;
    width: 100%;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
#barchart {
    margin-bottom: -15px;
    display: inline-block;
}
.panel.green-chart .chart-tittle .value {
    float: right;
    color: #c0f080;
}
.panel.green-chart {
    background: #a9d96c;
    color: #fff;
}
.panel.terques-chart {
    background: transparent;
    color: #797979;
}
.panel.terques-chart .chart-tittle .value {
    float: right;
    color: #fff;
}
.panel.terques-chart .chart-tittle .value a {
    color: #2f2f2f;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active {
    color: #4ECDC4;
    font-size: 12px;
}
.panel.terques-chart .chart-tittle {
    font-size: 16px;
    padding: 15px;
    display: inline-block;
    font-weight:normal;
    background: #39b7ac;
    width: 100%;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
.inline-block {
    display: inline-block;
}

/* showcase background */
.showback {
	background: #ffffff;
	padding: 15px;
	margin-bottom: 15px;
	box-shadow: 0px 3px 2px #aab2bd;
}

/* Font Awesome Showcase */
.fontawesome-list .fa-hover a {
	display: block;
	color: #222;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
}

.fontawesome-list i {
	margin-right: 8px;
}

/* Grid Showcase*/

	margin-bottom: 15px;
}

.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #ccc;
	border: 1px solid #ddd;
}

.show-grid [class^=col-]:hover {
	background-color: white;
}

/* Calendar Events - Calendar.html*/
.external-event {
	cursor: move;
	display: inline-block !important;
	margin-bottom: 7px !important;
	margin-right: 7px !important;
	padding: 10px;
}

.drop-after {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ccc;
}

.fc-state-default, .fc-state-default .fc-button-inner {
	background: #f2f2f2;
}

.fc-state-active .fc-button-inner {
	background: #FFFFFF;
}

/* Gallery Configuration */
.photo-wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #4ECDC4;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.project .overlay {
  position: absolute;
  text-align: center;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;

}

.project:hover .photo-wrapper {
  background-color: #4ECDC4;
	background-image:url(../img/zoom.png);
	background-repeat:no-repeat;
	background-position:center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
}
.project:hover .photo {
  opacity: 10;
  filter: alpha(opacity=4000);
  opacity: 0.1;
  filter: alpha(opacity=40);
}
.project:hover .overlay {
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 1;
  filter: alpha(opacity=100);
}



/* EZ Checklist */
.ez-checkbox {
	margin-right: 5px;
}

.ez-checkbox, .ez-radio {
	height: 20px;
	width: 20px;
}

.brand-highlight {
background: #fffbcc !important;
}


/* FORMS CONFIGURATION */
.form-panel {
	background: #ffffff;
	margin: 10px;
	padding: 10px;
	box-shadow: 0px 3px 2px #aab2bd;
	text-align: left;
}

label {
	font-weight: 400;
}

.form-horizontal.style-form .form-group {
	border-bottom: 1px solid #eff2f7;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.round-form {
	border-radius: 500px;
	-webkit-border-radius: 500px;
}

@media (min-width: 768px) {
		.form-horizontal .control-label {
		text-align: left;
	}
}

#focusedInput {
	border: 1px solid #ed5565;
	box-shadow: none;
}

.add-on {
	float: right;
	margin-top: -37px;
	padding: 3px;
	text-align: center;
}

.add-on .btn {
	height: 34px;
}

/* TOGGLE CONFIGURATION */
.has-switch {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    line-height: 1.231;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 80px;
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
    mask: url('../img/mask.png') 0 0 no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.has-switch.deactivate {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
    cursor: default !important;
}
.has-switch > div {
    width: 162%;
    position: relative;
    top: 0;
}
.has-switch > div.switch-animate {
    -webkit-transition: left 0.25s ease-out;
    -moz-transition: left 0.25s ease-out;
    -o-transition: left 0.25s ease-out;
    transition: left 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.has-switch > div.switch-off {
    left: -63%;
}
.has-switch > div.switch-off label {
    background-color: #7f8c9a;
    border-color: #bdc3c7;
    -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
    -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
}
.has-switch > div.switch-on {
    left: 0%;
}
.has-switch > div.switch-on label {
    background-color: #41cac0;
}
.has-switch input[type=checkbox] {
    display: none;
}
.has-switch span {
    cursor: pointer;
    font-size: 14.994px;
    font-weight: 700;
    float: left;
    height: 29px;
    line-height: 19px;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 50%;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.has-switch span.switch-left {
    border-radius: 30px 0 0 30px;
    background-color: #2A3542;
    color: #41cac0;
    border-left: 1px solid transparent;
}
.has-switch span.switch-right {
    border-radius: 0 30px 30px 0;
    background-color: #bdc3c7;
    color: #ffffff;
    text-indent: 7px;
}
.has-switch span.switch-right [class*="fui-"] {
    text-indent: 0;
}
.has-switch label {
    border: 4px solid #2A3542;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    height: 29px;
    margin: 0 -21px 0 -14px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 29px;
    z-index: 100;
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
    -webkit-backface-visibility: hidden;
}
.switch-square {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
    mask: url('../img/mask.png') 0 0 no-repeat;
}
.switch-square > div.switch-off label {
    border-color: #7f8c9a;
    border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left {
    border-radius: 6px 0 0 6px;
}
.switch-square span.switch-left [class*="fui-"] {
    text-indent: -10px;
}
.switch-square span.switch-right {
    border-radius: 0 6px 6px 0;
}
.switch-square span.switch-right [class*="fui-"] {
    text-indent: 5px;
}
.switch-square label {
    border-radius: 0 6px 6px 0;
    border-color: #41cac0;
}


/* TABLES CONF*/
.dataTables_paginate.paging_bootstrap.pagination {
	float: right;
	margin-top: -5px;
	margin-bottom: 15px;
}

.dataTables_paginate {
	padding: 15px 0;
}
.dataTables_paginate.paging_bootstrap.pagination li {
	float: left;
	margin: 0 1px;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul li {
	list-style: none;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
	color: #797979;
	padding: 5px 10px;
	display: inline-block;
}
.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a {
	color: #fff;
	background: #4ECDC4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*LOGIN CONFIGURATION PAGE*/
.form-login {
	max-width: 330px;
	margin: 100px auto 0;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.form-login h2.form-login-heading {
	margin: 0;
	padding: 25px 20px;
	text-align: center;
	background: #4ecdc4;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
}
.login-wrap {
	padding: 20px;
}
.login-wrap .registration {
	text-align: center;
}
.login-social-link {
	display: block;
	margin-top: 20px;
	margin-bottom: 15px;
}


/*LOCK SCREEN CONF*/
#showtime {
	width: 100%;
	color: #fff;
	font-size: 50px;
	margin-bottom: 30px;
	margin-top: 250px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
}

.lock-screen {
	text-align: center;
}

.lock-screen a {
	color: white;
}

.lock-screen a:hover {
	color: #48cfad
}

.lock-screen i {
	font-size: 60px;
}

.lock-screen .modal-content {
	position: relative;
	background-color: #f2f2f2;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
}


/* PROFILE PAGE CONF */
.profile-pic img {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 10px solid #f1f2f7;
	margin-top: 20px;
}

.profile-text h6 {
	margin-top: -10px;
	margin-bottom: 20px;
	color: #d3d3d3;
}

.profile-text h3 {
	font-weight: 700;
	color: #48cfad;
}

.profile-text h4 {
	color: #48cfad;
}

profile-text p {
	margin-left: 10px;
}

.right-divider {
	border-right: 1px solid #d3d3d3;
	height: 100%;
}

.panel-heading .nav {
	border: medium none;
	font-size: 13px;
	margin-left: 0px;
	margin-right: 0px;
	text-transform: uppercase;
}

.nav-tabs {
	background: #e0e1e7;
}

.nav-tabs a {
	color: #2f2f2f;
}

.grey-style {
	background: #f2f4f6;
	padding: 10px;
	height: 45px;
}

.detailed h4 {
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #e2e2e2;
	font-weight: 700;
	color: #48cfad;
}

ul.my-friends {
	margin: 0px;
	margin-top: 16px;
	margin-left: 10px;
	padding: 0;
}

ul.my-friends li .friends-pic {
	display: inline-block;
	float: left;
	overflow: hidden;
	margin: 4px;
}

.recent-activity {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.recent-activity:before {
	background-color: #eeeeee;
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	top: 50px;
	width: 2px;
	z-index: 0;
}

.activity-icon {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	margin: 20px auto 20px;
	position: relative;
}

.activity-panel {
	padding: 15px 30px;
	background: #f2f2f2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	text-align: center;
}

.activity-panel h5{
	font-weight: 700;
}

/* INVOICE CONF */
.well.green {
	background-color: #48cfad;
	color: #fff;
	border: none;
}
.well.well-small {
	padding: 13px;
	width: auto;
}
.invoice-body {
	padding: 30px;
}
.invoice-body h1 {
	font-weight: 900;
}
.invoice-body h4 {
	margin-left: 0px;
}

/* Map Wrap*/
#map {
	width: 100%;
	height: 450px;
}


/*PRICING TABLE*/
.custom-box {
	background:#FFFFFF;
	border: 1px solid #DCDBD7;
	margin: 30px 0;
	padding: 30px 20px 35px;
	text-align: center;
}
.servicetitle hr {
	border: 0 none;
	height:3px;
	margin: 10px auto;
	width: 80px;
	background-color:#4ECDC4;
}
.icn-main-container {
	position: relative;
}
.icn-container {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius:500px;
	text-align: center;
	margin:10px 0;
	font-weight:600;
	font-size: 2.4em;
	line-height: 100px;
	color: #fff;
	background-color:#4ECDC4;
		-webkit-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
}
.icn-container.active,
.icn-container:hover {
	background:#2B2E31 !important;
}
.pricing {list-style:none; padding:10px 0 20px;}
.pricing li {
	border-bottom: 1px solid #DCDBD7;
	font-size: 13px;
	font-weight: 100;
	line-height: 34px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 70%;
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear; }

.pricing li:last-child {border-bottom:0px solid #fff;}


/* FAQ CONF */
.dmbox {
	margin: 0;
	border: 0;
	border: 1px solid #EDEDED;
	background-color: #fff;
	padding: 9px 18px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align:center;
	-webkit-transition: background 0.3s ease-out;
	transition: background 0.3s ease-out;
}

.dm-icon {
	display: inline-block;
	cursor: pointer;
	margin: 15px;
	width: 105px;
	height: 105px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	background:#2B2E31;
	color: #ffffff;
}
.dm-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.dm-icon:before {
	speak: none;
	line-height: 105px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.dm-icon:active,
.dm-icon:hover {
	background: #4ECDC4
}


/* 404 & 500 Error Pages Conf*/
.p404 img {
	margin-top: 120px;
}

.p404 h1 {
	font-weight: 900;
}


/* MAIL CONFIGURATION - INBOX, MAIL COMPOSE & MAIL VIEW  */
.mail-nav {
    margin:15px -15px 0 -15px;
}
.mail-nav li a {
    border-radius:0;
    -webkit-border-radius:0;
    border-top:1px solid #f2f3f6;
    padding:15px;
    border-right:3px solid rgba(0,0,0,0);
    color: #a2a2a2;
}
.mail-nav>li>a:hover,.mail-nav>li>a:focus {
    background:#fafafa;
    color:#4ECDC4;
    border-right:3px solid #1fb5ad;
}
.mail-nav>li.active>a,.mail-nav>li.active>a:hover,.mail-nav>li.active>a:focus {
    background:#fafafa;
    color:#4ECDC4;
    border-right:3px solid #4ECDC4;
}
.mail-nav>li+li {
    margin-left:0;
    margin-top:0px;
}
.mail-nav i {
    font-size:16px;
    margin-right:10px;
}
.inbox-notification {
    margin-top:-2px;
}
.user-head .inbox-avatar {
    width: 65px;
    float: right;
}
.user-head .inbox-avatar img {
    border-radius:4px;
    -webkit-border-radius:4px;
}
.user-head .user-name {
    display:inline-block;
    margin:0 0 0 10px;
}
.user-head .user-name h5 {
    font-size:14px;
    margin-top:15px;
    margin-bottom:0;
    font-weight:300;
}
.user-head .user-name h5 a {
    color:#fff;
}
.user-head .user-name span a {
    font-size:12px;
    color:#87e2e7;
}
a.mail-dropdown {
    background:#80d3d9;
    padding:3px 5px;
    font-size:10px;
    color:#01a7b3;
    border-radius:2px;
    margin-top:20px;
}
.inbox-body {
    padding:20px;
}
.btn-compose {
    background:#4ECDC4;
    padding:12px 0;
    text-align:center;
    width:100%;
    color:#fff;
}
.btn-compose:hover,.btn-compose:focus {
    background:#1ca59e;
    color:#fff;
}

.btn-compose i {
	padding: 5px;
}

ul.inbox-nav {
    display:inline-block;
    width:100%;
    margin:0;
    padding:0;
}
.inbox-divider {
    border-bottom:1px solid #d5d8df;
}
.inbox-action {
    margin-top:50px;
}
.src-position {
    margin-top:-7px;
}
.mail-src-position {
    margin-top:-3px;
}
ul.labels-info {
    border-bottom:1px solid #f1f2f7;
    margin-bottom:10px;
}
ul.inbox-nav li {
    display:inline-block;
    line-height:45px;
    width:100%;
}
ul.inbox-nav li a {
    color:#6a6a6a;
    line-height:45px;
    width:100%;
    display:inline-block;
    padding:0 20px;
}
ul.inbox-nav li a:hover,ul.inbox-nav li.active a,ul.inbox-nav li a:focus {
    color:#6a6a6a;
    background:#d5d7de;
}
ul.inbox-nav li a i {
    padding-right:10px;
    font-size:16px;
    color:#6a6a6a;
}
ul.inbox-nav li a span.label {
    margin-top:13px;
}
ul.labels-info li h4 {
    padding-top:5px;
    color:#5c5c5e;
    font-size:15px;
    text-transform:uppercase;
}
ul.labels-info li {
    margin:0;
}
ul.labels-info li a {
    color:#6a6a6a;
    border-radius:0;
    padding-left:0;
    padding-right:0;
}
ul.labels-info li a:hover,ul.labels-info li a:focus {
    color:#6a6a6a;
    background:none;
}
ul.labels-info li img {
    margin-right:10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    margin-bottom:0;
    padding:0 22px;
    color:#9d9f9e;
    font-size:11px;
}
.inbox-head {
    padding:20px;
    background:#41cac0;
    color:#fff;
    border-radius:0 4px 0 0;
    -webkit-border-radius:0 4px 0 0;
    min-height:80px;
}
.inbox-head h3 {
    margin:0;
    display:inline-block;
    padding-top:6px;
    font-weight:300;
}
.inbox-head .sr-input {
    height:40px;
    border:none;
    box-shadow:none;
    padding:0 10px;
    float:left;
    border-radius:4px 0 0 4px;
    color:#8a8a8a;
}
.inbox-head .sr-btn {
    height:40px;
    border:none;
    background:#00a6b2;
    color:#fff;
    padding:0 20px;
    border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
}
.wht-bg {
    background:#fff;
}
.wht-bg h4 {
    font-size:24px;
    color:#a2a2a2;
    font-weight:300;
}
.table-inbox-wrap {
    margin:0 -15px;
}
.mail-checkbox {
    margin-right:10px;
}
.table-inbox {
    margin:0;
}
.table-inbox tr td {
    padding:12px !important;
}
.table-inbox tr td:first-child {
    width:5%;
}
.table-inbox tr td:first-child .icheckbox_minimal {
    margin-left:15px;
}
.table-inbox tr td:hover {
    cursor:pointer;
}
.table-inbox tr td .fa-star.inbox-started,.table-inbox tr td .fa-star:hover {
    color:#f78a09;
}
.table-inbox tr td .fa-star {
    color:#d5d5d5;
}
.table-inbox tr.unread td {
    font-weight:600;
    background:#f7f7f7;
}

.table-inbox tr.unread a {
    color: #32323a;
}
.table-inbox tr a {
    color: #767676;
}

ul.inbox-pagination {
    float:right;
}
ul.inbox-pagination li {
    float:left;
}

.pagination li a {
    color: #32323a;
}
.mail-option {
    display:inline-block;
    margin-bottom:10px;
    width:100%;
}
.mail-option .chk-all {
    float:left;
}
.mail-option .chk-all,.mail-option .btn-group {
    margin-right:5px;
}
.mail-option .chk-all,.mail-option .btn-group a.btn {
    border:1px solid #e7e7e7;
    padding:5px 10px;
    display:inline-block;
    background:#fcfcfc;
    color:#afafaf;
    border-radius:3px !important;
    -webkit-border-radius:3px !important;
}
.inbox-pagination a.np-btn {
    border:1px solid #e7e7e7;
    padding:5px 15px;
    display:inline-block;
    background:#fcfcfc;
    color:#afafaf;
    border-radius:3px !important;
    -webkit-border-radius:3px !important;
}
.mail-option .chk-all input[type=checkbox] {
    margin-top:0;
}
.mail-option .btn-group a.all {
    padding:0;
    border:none;
}
.inbox-pagination a.np-btn {
    margin-left:5px;
}
.inbox-pagination li span {
    display:inline-block;
    margin-top:7px;
    margin-right:5px;
}
.fileinput-button {
    border:1px solid #e6e6e6;
    background:#eeeeee;
}
.inbox-body .modal .modal-body input,.inbox-body .modal .modal-body textarea {
    border:1px solid #e6e6e6;
    box-shadow:none;
}
.btn-send,.btn-send:hover {
    background:#00A8B3;
    color:#fff;
}
.btn-send:hover {
    background:#009da7;
}
.modal-header h4.modal-title {
    font-weight:300;
    font-family:'Open Sans',sans-serif;
}
.modal-body label {
    font-weight:400;
    font-family: 'Open Sans',sans-serif;
}

.compose-mail {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}


.compose-mail .compose-options {
    color: #979797;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.compose-mail input, .compose-mail input:focus {
    border:none;
    padding: 0;
    width: 80%;
    float: left;
}
.compose-mail .form-group {
    border:1px solid #F2F3F6;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.compose-mail .form-group label {
    line-height: 34px;
    width: 10%;
    float: left;
    padding-left: 5px;
    margin-bottom: 0;
}

.compose-editor input {
    margin-top: 15px;
}

.compose-editor {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.compose-btn {
    float: left;
    margin-top: 6px;
}

.mail-header h4 {
    font-weight: 300;
}

.mail-sender, .attachment-mail {
    width: 100%;
    display: inline-block;
    margin: 20px 0;
    border-top:1px solid #EFF2F7 ;
    border-bottom:1px solid #EFF2F7 ;
    padding: 10px 0;

}

.mail-sender img {
    width: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.mail-sender .date {
    line-height: 30px;
    margin-bottom: 0;
    text-align: right;
}

.view-mail a, .attachment-mail a:hover {
    color: #4ECDC4;
}

.attachment-mail a{
    color: #4ECDC4;
}

.attachment-mail ul li  {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-top: 15px;
    list-style: none;
}

.attachment-mail ul li a.atch-thumb img {
    width: 200px;
    height: 180px;
    margin-bottom: 10px;
}

.attachment-mail ul li a.name span {
    float: right;
    color: #767676;
}


/*CHAT ROOM & LOBBY CONFIGURATION*/

/*chat room*/
.chat-room {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}

.chat-room aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.chat-room .mid-side {
    width: 75%;
    background: #fff;
    border-right: 1px solid #e5e8ef;
}

.chat-room .right-side {
    width: 25%;
    background: #fff;
}

.chat-room .right-side .user-head {
    background: #3498db;
    color: #FFFFFF;
    min-height: 70px;
    padding: 10px;
    border-left: 1px solid #3498db;
    margin-left: -1px;
    position: relative;
}


.chat-room .user-head i {
   float: left;
   font-size: 40px;
   margin-right: 10px;
}

.chat-room .user-head h3 {
    margin: 6px 0 0 0;
    font-weight: 100;
    letter-spacing: 1px;
}

.chat-room-head {
    background:#4ECDC4;
    color: #FFFFFF;
    min-height: 70px;
    padding: 15px;
}

.chat-room-head h3 {
    margin: 5px 0 0;
    font-weight: 100;
    letter-spacing: 1px;
    display: inline-block;
}

.chat-room-head .search-btn {
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: none;
    background: #34495e;
    padding:0 5px 0 35px;
    margin-top: 2px;
    border: none;
    color: #fff;
}

.chat-room-head .search-btn:focus {
    width: 180px;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    /*background: #01a6b2;*/
    font-weight: 300;
    color: #fff;
}

.chat-room-head .search-btn:focus::-moz-placeholder {
    color: #fff;
}

ul.chat-list li a {
    color: #6a6a6a;
    display: block;
    padding: 15px;
    font-weight: 300;
}
ul.chat-list li a:hover, ul.chat-list li.active a {
    color: #00a9b4;
    background: #f2f4f7;
}

ul.chat-list li h4 {
    padding: 17px 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #D5D7DE;
}

ul.chat-list li h4 i {
    padding-right: 5px;
}

ul.chat-list li a span {
    padding-left: 10px;
}

ul.chat-list li a i.fa-times {
    color: #9fa3b0;
}

ul.chat-list li.active {
    color: #00a9b4;
    background: #f2f4f7;
}

ul.chat-list {
    border-bottom: 1px solid #d5d7de;
}

ul.chat-user  {
    margin-bottom: 200px;
}

ul.chat-user li {
    border-bottom: none;
}

ul.chat-user li a:hover{
    background: none;
    color: #6a6a6a;
}

.chat-room .mid-side footer {
    background: #f6f6f6;
    padding: 15px;
    height: 70px;
    width: 75%;
    position: absolute;
    bottom: 0;
    border-right: 1px solid #E5E8EF;
}

.chat-room .right-side footer {
    background: #fff;
    padding: 15px;
    height: 70px;
    width: 25%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #E5E8EF;
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}

.room-desk {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    padding: 15px;
}

.room-desk h4 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.room-box {
    border: 1px solid #e7e7e7;
    background: #f7f8fa;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.room-box:hover {
	background: #f0f0f0
}

.room-box h5 {
    margin: 0 0 5px 0;
    font-weight: 300;
    font-size: 16px;
}
.room-box h5 a {
    color: #4ECDC4;
}

.chat-tools {
    float: right;
    padding: 3px;
    width: 40px;
    height: 35px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin-top: 6px;
    margin-left: 10px;
}

.chat-tools i {
    font-size: 16px !important;
    float: none !important;
    margin-right: 0 !important;
    color: #fff;
}

.invite-row {
    background: #ecf0f1;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
}

.invite-row h4 {
    font-size: 16px;
    font-weight: 300;
}

ul.chat-available-user {
    padding: 10px;
}

ul.chat-available-user li {
    margin-bottom: 15px;
}

ul.chat-available-user li a {
    color: #6a6a6a;
}

ul.chat-available-user li a:hover {
    color: #4ECDC4;
}


.group-rom {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eaebee;
}

.group-rom .first-part, .group-rom .second-part, .group-rom .third-part {
    float: left;
    padding: 15px;
}

.group-rom .first-part {
    width: 25%;
}

.group-rom .first-part.odd {
    background: #f7f8fa;
    color: #6a6a6a;
    font-weight: 600;
}

.group-rom .second-part{
    width: 60%;
}

.group-rom .third-part{
    width: 15%;
    color: #d4d3d3;
}

.last-group {
	margin-bottom: 70px;
}

.chat-txt {
    float: left;
    width: 75%;
    margin-right: 5px;
}

.lobby {
    padding: 0 !important;
}


/* GOOGLE MAPS - SCRIPT HELPER*/
#gmap-list,#gmap-tabs {
    height:450px;
}
.gmaps {
    height:300px;
    width:100%;
}
.ullist {
    border-bottom:#ccc 1px solid;
    margin-left:20px;
}
.ullist li {
    display:inline-block;
    margin-left:5px;
}
.ullist li a {
    display:inline-block;
    padding:10px 20px !important;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
    border-right:#ccc 1px solid;
    -moz-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
    background:#f1f1f1;
}
.ullist li.active a {
    background:#fff;
    border-bottom:#fff 1px solid;
    position:relative;
    top:1px;
    margin-bottom: -1px;
}


.btn-facebook {
  color: #fff;
  background-color: #5193ea;
  border-color: #2775e2;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2775e2;
  border-color: #2775e2;
}

.btn-twitter {
  color: #fff;
  background-color: #44ccfe;
  border-color: #2bb4e8;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2bb4e8;
  border-color: #2bb4e8;
}


/*badge*/
.badge.bg-primary {
    background: #8075c4;
}

.badge.bg-success {
    background: #a9d86e;
}

.badge.bg-warning {
    background: #FCB322;
}

.badge.bg-important {
    background: #ff6c60;
}

.badge.bg-info {
    background: #41cac0;
}

.badge.bg-inverse {
    background: #2A3542;
}


/*easy pie chart*/
.easy-pie-chart {
    display: inline-block;
    padding: 30px 0;
}

.chart-info, .chart-info .increase, .chart-info .decrease {
    display: inline-block;
}

.chart-info {
    width: 100%;
    margin-bottom:5px;
}

.chart-position {
    margin-top: 70px;
}

.chart-info span {
    margin: 0 3px;
}

.chart-info .increase {
    background: #ff6c60;
    width: 10px;
    height: 10px;
}

.chart-info .decrease {
    background: #f2f2f2;
    width: 10px;
    height: 10px;
}

.panel-footer.revenue-foot {
    background-color: #e6e7ec;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    border: none;
    padding: 0;
    width: 100%;
    display: inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .panel-footer.revenue-foot {
        margin-bottom: -4px;
    };
    }


.panel-footer.revenue-foot ul  {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-flex;
}

.panel-footer.revenue-foot ul li {
    float: left;
    width: 33.33%;
}

.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
    -webkit-border-radius: 0px 0px 0px 4px;
    border-radius: 0px 0px 0px 4px;
}

.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
    -webkit-border-radius: 0px 0px 4px 0px;
    border-radius: 0px 0px 4px 0px;
    border-right: none;

}

.panel-footer.revenue-foot ul li a{
    display: inline-block;
    width: 100%;
    padding: 14px 15px;
    text-align: center;
    border-right: 1px solid #d5d8df;
    color: #797979;
}

.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
    background: #fff;
    position: relative;
}

.panel-footer.revenue-foot ul li a i {
    color: #c6cad5;
    display: block;
    font-size: 16px;
}
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
    color: #ff6c60;
    display: block;
    font-size: 16px;
}


/*fontawesome*/
.fontawesome-icon-list h2 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 300;
}

.fontawesome-icon-list .col-sm-4, .fontawesome-icon-list .col-md-3, .fontawesome-icon-list .col-xs-6 {
    margin-bottom: 10px;
}

.fontawesome-icon-list .page-header {
    border-bottom: 1px solid #C9CDD7;
}

.fontawesome-icon-list a {
    color: #797979;
}

.fontawesome-icon-list a:hover{
    color: #35404D;
}

.fontawesome-icon-list i {
    font-size: 16px;
    padding-right: 10px;
}

#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency {
    margin-top: 10px;
}

/*flot chart*/
.flot-chart .chart, .flot-chart .pie, .flot-chart .bars {
    height: 300px;
}


/*xchart*/
.demo-xchart {
    height: 400px;
    width: 100%;
}


/*todolist*/
#sortable {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}
#sortable li {
    padding-left: 3em;
    font-size: 12px;
}
#sortable li i {
    position: absolute;
    left:6px;
    padding:4px 10px 0 10px;
    cursor: pointer;
}

#sortable li input[type=checkbox]{
    margin-top: 0;
}

.ui-sortable > li {
    padding: 15px 0 15px 35px !important ;
    position: relative;
    background: #f5f6f8;
    margin-bottom: 2px;
    border-bottom   : none !important;
}

.ui-sortable li.list-primary {
    border-left: 3px solid #41CAC0;
}

.ui-sortable li.list-success {
    border-left: 3px solid #78CD51;
}

.ui-sortable li.list-danger {
    border-left: 3px solid #FF6C60;
}

.ui-sortable li.list-warning {
    border-left: 3px solid #F1C500;
}

.ui-sortable li.list-info {
    border-left: 3px solid #58C9F3;
}

.ui-sortable li.list-inverse {
    border-left: 3px solid #BEC3C7;
}

/*footer*/
.site-footer {
    background: #4ECDC4;
    color: #fff;
    padding: 15px 0;
}

.site-footer p {
  margin-bottom: 5px;
}

.credits, .credits a {
  color: #fff;
}

.go-top {
    margin-right: 1%;
    margin-top: -25px;
    float: right;
    background: rgba(255,255,255,.5);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.go-top i {
    color: #2A3542;
}

.site-min-height {
    min-height: 900px;
}





/* Contact Form */

#contact {
  padding: 40px 0;
}

.contact-form {

}

.contact-form label {
   color: #999;
}

.contact-form input, .contact-form textarea {
  padding: 10px 12px;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: auto;
}

.contact-form .form-send {
  text-align: center;
}

.contact-form .form-send button  {
  background: #4ECDC4;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
}

.contact-form .form-send button:hover {
  background: #2cb5ab;
}

.contact-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact-form .loading {
  display: none;
  color: #555;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin: 15px 0;
}

.contact-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

@-webkit-keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.contact-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

.contact-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

/* Copyrights */

#copyrights {
  background: #222222;
  padding: 20px 0;
  text-align: center;
}

#copyrights p {
  margin-bottom: 5px;
  color: #fff;
}

#copyrights a {
  color: #fff;
}