<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@font-face {
    font-family: 'fontawesome';
    src: url('../../mypage/assets/plugins/select2/docs/vendor/fonts/fontawesome.otf') format('opentype');
}
.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 &gt; label.checkbox-inline:first-child, .checkbox &gt; label, .form-horizontal .checkbox &gt; label, .portlet.light .form .form-actions.left, .portlet.light .portlet-form .form-actions.left, .radio-list &gt; 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 &gt; label {
    margin-bottom: 0
}

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


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


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


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

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


.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 &gt; 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 &gt; .portlet-body {
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0 10px
        }

        .portlet.portlet-fullscreen &gt; .portlet-title {
            padding: 0 10px
        }

    .portlet &gt; .portlet-title {
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 10px;
        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 &gt; .portlet-title:after, .portlet &gt; .portlet-title:before {
            content: " ";
            display: table
        }

        .portlet &gt; .portlet-title:after {
            clear: both
        }

        .portlet &gt; .portlet-title &gt; .caption {
            float: left;
            display: inline-block;
            font-size: 18px;
            line-height: 18px;
            padding: 10px 0
        }

            .portlet &gt; .portlet-title &gt; .caption.bold {
                font-weight: 400
            }

            .portlet &gt; .portlet-title &gt; .caption &gt; i {
                float: left;
                margin-top: 4px;
                display: inline-block;
                font-size: 13px;
                margin-right: 5px;
                color: #666
            }

                .portlet &gt; .portlet-title &gt; .caption &gt; i.glyphicon {
                    margin-top: 2px
                }

            .portlet &gt; .portlet-title &gt; .caption &gt; .caption-helper {
                padding: 0;
                margin: 0;
                line-height: 13px;
                color: #9eacb4;
                font-size: 13px;
                font-weight: 400
            }

        .portlet &gt; .portlet-title &gt; .actions {
            float: right;
            display: inline-block;
            padding: 6px 0
        }

            .portlet &gt; .portlet-title &gt; .actions &gt; .dropdown-menu i {
                color: #555
            }

            .portlet &gt; .portlet-title &gt; .actions &gt; .btn, .portlet &gt; .portlet-title &gt; .actions &gt; .btn-group &gt; .btn, .portlet &gt; .portlet-title &gt; .actions &gt; .btn-group &gt; .btn.btn-sm, .portlet &gt; .portlet-title &gt; .actions &gt; .btn.btn-sm {
                padding: 4px 10px;
                font-size: 13px;
                line-height: 1.5
            }

                .portlet &gt; .portlet-title &gt; .actions &gt; .btn-group &gt; .btn.btn-default, .portlet &gt; .portlet-title &gt; .actions &gt; .btn-group &gt; .btn.btn-sm.btn-default, .portlet &gt; .portlet-title &gt; .actions &gt; .btn.btn-default, .portlet &gt; .portlet-title &gt; .actions &gt; .btn.btn-sm.btn-default {
                    padding: 3px 9px
                }

                .portlet &gt; .portlet-title &gt; .actions &gt; .btn-group &gt; .btn.btn-sm &gt; i, .portlet &gt; .portlet-title &gt; .actions &gt; .btn-group &gt; .btn &gt; i, .portlet &gt; .portlet-title &gt; .actions &gt; .btn.btn-sm &gt; i, .portlet &gt; .portlet-title &gt; .actions &gt; .btn &gt; i {
                    font-size: 13px
                }

            .portlet &gt; .portlet-title &gt; .actions .btn-icon-only {
                padding: 5px 7px 3px
            }

                .portlet &gt; .portlet-title &gt; .actions .btn-icon-only.btn-default {
                    padding: 4px 6px 2px
                }

                    .portlet &gt; .portlet-title &gt; .actions .btn-icon-only.btn-default &gt; i {
                        font-size: 14px
                    }

                    .portlet &gt; .portlet-title &gt; .actions .btn-icon-only.btn-default.fullscreen {
                        font-family: FontAwesome;
                        color: #a0a0a0;
                        padding-top: 3px
                    }

                        .portlet &gt; .portlet-title &gt; .actions .btn-icon-only.btn-default.fullscreen.btn-sm {
                            padding: 3px !important;
                            height: 27px;
                            width: 27px
                        }

                        .portlet &gt; .portlet-title &gt; .actions .btn-icon-only.btn-default.fullscreen:before {
                            content: "\f065"
                        }

                        .portlet &gt; .portlet-title &gt; .actions .btn-icon-only.btn-default.fullscreen.on:before {
                            content: "\f066"
                        }

        .portlet &gt; .portlet-title &gt; .tools {
            float: right;
            display: inline-block;
            padding: 12px 0 8px
        }

            .portlet &gt; .portlet-title &gt; .tools &gt; a {
                display: inline-block;
                height: 16px;
                margin-left: 5px;
                opacity: 1;
                filter: alpha(opacity=100)
            }

                .portlet &gt; .portlet-title &gt; .tools &gt; a.remove {
                    background-image: url(/img/portlet-remove-icon.png);
                    background-repeat: no-repeat;
                    width: 11px
                }

                .portlet &gt; .portlet-title &gt; .tools &gt; a.config {
                    background-image: url(/img/portlet-config-icon.png);
                    background-repeat: no-repeat;
                    width: 12px
                }

                .portlet &gt; .portlet-title &gt; .tools &gt; a.reload {
                    background-image: url(/img/portlet-reload-icon.png);
                    width: 13px
                }

                .portlet &gt; .portlet-title &gt; .tools &gt; a.expand {
                    background-image: url(/img/portlet-expand-icon.png);
                    width: 14px;
                    visibility: visible
                }

                .portlet &gt; .portlet-title &gt; .tools &gt; a.collapse {
                    /*background-image: url(/img/portlet-collapse-icon.png);*/
                    width: 14px;
                    visibility: visible
                }

                .portlet &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
                    display: inline-block;
                    top: -3px;
                    position: relative;
                    font-size: 13px;
                    font-family: FontAwesome;
                    color: #ACACAC
                }

                    .portlet &gt; .portlet-title &gt; .tools &gt; a.fullscreen:before {
                        content: "\f065"
                    }

                    .portlet &gt; .portlet-title &gt; .tools &gt; a.fullscreen.on:before {
                        content: "\f066"
                    }

                .portlet &gt; .portlet-title &gt; .tools &gt; 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 &gt; .portlet-title &gt; .pagination {
            float: right;
            display: inline-block;
            margin: 2px 0 0;
            border: 0;
            padding: 4px 0
        }

        .portlet &gt; .portlet-title &gt; .nav-tabs {
            background: 0 0;
            margin: 1px 0 0;
            float: right;
            display: inline-block;
            border: 0
        }

            .portlet &gt; .portlet-title &gt; .nav-tabs &gt; li {
                background: 0 0;
                margin: 0;
                border: 0
            }

                .portlet &gt; .portlet-title &gt; .nav-tabs &gt; li &gt; a {
                    background: 0 0;
                    margin: 5px 0 0 1px;
                    border: 0;
                    padding: 8px 10px;
                    color: #fff
                }

                .portlet &gt; .portlet-title &gt; .nav-tabs &gt; li.active &gt; a, .portlet &gt; .portlet-title &gt; .nav-tabs &gt; li:hover &gt; a {
                    color: #333;
                    background: #fff;
                    border: 0
                }

    .portlet &gt; .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 &gt; .portlet-body p {
            margin-top: 0
        }

    .portlet &gt; .portlet-empty {
        min-height: 125px
    }

    .portlet.full-height-content {
        margin-bottom: 0
    }

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

        .portlet.bordered &gt; .portlet-title {
            border-bottom: 0
        }

    .portlet.solid {
        padding: 0 10px 10px;
        border: 0
    }

        .portlet.solid &gt; .portlet-title {
            border-bottom: 0;
            margin-bottom: 10px
        }

            .portlet.solid &gt; .portlet-title &gt; .caption {
                padding: 16px 0 2px
            }

            .portlet.solid &gt; .portlet-title &gt; .actions {
                padding: 12px 0 6px
            }

            .portlet.solid &gt; .portlet-title &gt; .tools {
                padding: 14px 0 6px
            }

        .portlet.solid.bordered &gt; .portlet-title {
            margin-bottom: 10px
        }

    .portlet.box {
        padding: 0 !important
    }

        .portlet.box &gt; .portlet-title {
            border-bottom: 0;
            padding: 0 10px;
            margin-bottom: 0;
            color: #fff
        }

            .portlet.box &gt; .portlet-title &gt; .caption {
                padding: 11px 0 9px
            }

            .portlet.box &gt; .portlet-title &gt; .tools &gt; a.remove {
                background-image: url(/img/portlet-remove-icon-white.png)
            }

            .portlet.box &gt; .portlet-title &gt; .tools &gt; a.config {
                background-image: url(/img/portlet-config-icon-white.png)
            }

            .portlet.box &gt; .portlet-title &gt; .tools &gt; a.reload {
                background-image: url(/img/portlet-reload-icon-white.png)
            }

            .portlet.box &gt; .portlet-title &gt; .tools &gt; a.expand {
                background-image: url(/assets/images/portlet-expand-icon-white.png)
            }

            .portlet.box &gt; .portlet-title &gt; .tools &gt; a.collapse {
                background-image: url(/assets/images/portlet-collapse-icon-white.png)
            }

            .portlet.box &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
                color: #fdfdfd
            }

            .portlet.box &gt; .portlet-title &gt; .actions {
                padding: 7px 0 5px
            }

        .portlet.box &gt; .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 &gt; .portlet-title {
                border-bottom: 1px solid #eef1f5
            }

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

        .portlet.light &gt; .portlet-title {
            padding: 0;
            min-height: 48px
        }

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

                .portlet.light &gt; .portlet-title &gt; .caption &gt; .caption-subject {
                    font-size: 16px
                }

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

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .caption, .portlet.solid.blue-dark &gt; .portlet-title &gt; .caption, .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .caption, .portlet.solid.blue-hoki &gt; .portlet-title &gt; .caption, .portlet.solid.blue-madison &gt; .portlet-title &gt; .caption, .portlet.solid.blue-oleo &gt; .portlet-title &gt; .caption, .portlet.solid.blue-sharp &gt; .portlet-title &gt; .caption, .portlet.solid.blue-soft &gt; .portlet-title &gt; .caption, .portlet.solid.blue-steel &gt; .portlet-title &gt; .caption, .portlet.solid.blue &gt; .portlet-title &gt; .caption, .portlet.solid.dark &gt; .portlet-title &gt; .caption, .portlet.solid.default &gt; .portlet-title &gt; .caption, .portlet.solid.green-dark &gt; .portlet-title &gt; .caption, .portlet.solid.green-haze &gt; .portlet-title &gt; .caption, .portlet.solid.green-jungle &gt; .portlet-title &gt; .caption, .portlet.solid.green-meadow &gt; .portlet-title &gt; .caption, .portlet.solid.green-seagreen &gt; .portlet-title &gt; .caption, .portlet.solid.green-sharp &gt; .portlet-title &gt; .caption, .portlet.solid.green-soft &gt; .portlet-title &gt; .caption, .portlet.solid.green-steel &gt; .portlet-title &gt; .caption, .portlet.solid.green-turquoise &gt; .portlet-title &gt; .caption, .portlet.solid.green &gt; .portlet-title &gt; .caption, .portlet.solid.grey-cararra &gt; .portlet-title &gt; .caption, .portlet.solid.grey-cascade &gt; .portlet-title &gt; .caption, .portlet.solid.grey-gallery &gt; .portlet-title &gt; .caption, .portlet.solid.grey-mint &gt; .portlet-title &gt; .caption, .portlet.solid.grey-salt &gt; .portlet-title &gt; .caption, .portlet.solid.grey-silver &gt; .portlet-title &gt; .caption, .portlet.solid.grey-steel &gt; .portlet-title &gt; .caption, .portlet.solid.grey &gt; .portlet-title &gt; .caption, .portlet.solid.purple-intense &gt; .portlet-title &gt; .caption, .portlet.solid.purple-medium &gt; .portlet-title &gt; .caption, .portlet.solid.purple-plum &gt; .portlet-title &gt; .caption, .portlet.solid.purple-seance &gt; .portlet-title &gt; .caption, .portlet.solid.purple-sharp &gt; .portlet-title &gt; .caption, .portlet.solid.purple-soft &gt; .portlet-title &gt; .caption, .portlet.solid.purple-studio &gt; .portlet-title &gt; .caption, .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .caption, .portlet.solid.purple &gt; .portlet-title &gt; .caption, .portlet.solid.red-flamingo &gt; .portlet-title &gt; .caption, .portlet.solid.red-haze &gt; .portlet-title &gt; .caption, .portlet.solid.red-intense &gt; .portlet-title &gt; .caption, .portlet.solid.red-mint &gt; .portlet-title &gt; .caption, .portlet.solid.red-pink &gt; .portlet-title &gt; .caption, .portlet.solid.red-soft &gt; .portlet-title &gt; .caption, .portlet.solid.red-sunglo &gt; .portlet-title &gt; .caption, .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .caption, .portlet.solid.red &gt; .portlet-title &gt; .caption, .portlet.solid.white &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-gold &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-haze &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-mint &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .caption, .portlet.solid.yellow-soft &gt; .portlet-title &gt; .caption, .portlet.solid.yellow &gt; .portlet-title &gt; .caption {
        font-weight: 400
    }

    .portlet.light &gt; .portlet-title &gt; .caption.caption-md &gt; .caption-subject {
        font-size: 15px
    }

    .portlet.light &gt; .portlet-title &gt; .caption.caption-md &gt; i {
        font-size: 14px
    }

    .portlet.light &gt; .portlet-title &gt; .actions {
        padding: 6px 0 14px
    }

        .portlet.light &gt; .portlet-title &gt; .actions .btn-default {
            color: #666
        }

        .portlet.light &gt; .portlet-title &gt; .actions .btn-icon-only {
            height: 27px;
            width: 27px
        }

        .portlet.light &gt; .portlet-title &gt; .actions .dropdown-menu li &gt; a {
            color: #555
        }

    .portlet.light &gt; .portlet-title &gt; .inputs {
        float: right;
        display: inline-block;
        padding: 4px 0
    }

        .portlet.light &gt; .portlet-title &gt; .inputs &gt; .portlet-input .input-icon &gt; i {
            font-size: 14px;
            margin-top: 9px
        }

        .portlet.light &gt; .portlet-title &gt; .inputs &gt; .portlet-input .input-icon &gt; .form-control {
            height: 30px;
            padding: 2px 26px 3px 10px;
            font-size: 13px
        }

        .portlet.light &gt; .portlet-title &gt; .inputs &gt; .portlet-input &gt; .form-control {
            height: 30px;
            padding: 3px 10px;
            font-size: 13px
        }

    .portlet.light &gt; .portlet-title &gt; .pagination {
        padding: 2px 0 13px
    }

    .portlet.light &gt; .portlet-title &gt; .tools {
        padding: 10px 0 13px;
        margin-top: 2px
    }

    .portlet.light &gt; .portlet-title &gt; .nav-tabs &gt; li {
        margin: 0;
        padding: 0
    }

        .portlet.light &gt; .portlet-title &gt; .nav-tabs &gt; li &gt; a {
            margin: 0;
            padding: 12px 13px 13px;
            font-size: 13px;
            color: #666
        }

        .portlet.light &gt; .portlet-title &gt; .nav-tabs &gt; li.active &gt; a, .portlet.light &gt; .portlet-title &gt; .nav-tabs &gt; li:hover &gt; a {
            margin: 0;
            background: 0 0;
            color: #333
        }

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

        .portlet.light.form-fit &gt; .portlet-title {
            padding: 17px 20px 10px;
            margin-bottom: 0
        }

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

    .portlet.light.portlet-fullscreen &gt; .portlet-body {
        padding: 8px 0
    }

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

        .portlet.light.portlet-fit &gt; .portlet-title {
            padding: 15px 20px 10px
        }

        .portlet.light.portlet-fit &gt; .portlet-body {
            padding: 10px 20px 20px
        }

        .portlet.light.portlet-fit.portlet-form &gt; .portlet-body {
            padding: 0
        }

            .portlet.light.portlet-fit.portlet-form &gt; .portlet-body .form-actions {
                background: 0 0
            }

    .portlet.box.white &gt; .portlet-title, .portlet.white, .portlet &gt; .portlet-body.white {
        background-color: #fff
    }

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

.tab-pane &gt; p:last-child {
    margin-bottom: 0
}

.tabs-reversed &gt; li {
    float: right;
    margin-right: 0
}

    .tabs-reversed &gt; li &gt; 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 &gt; .portlet-body, .portlet.solid.white &gt; .portlet-title {
    border: 0;
    color: #666
}

    .portlet.solid.white &gt; .portlet-title &gt; .caption &gt; i {
        color: #666
    }

    .portlet.solid.white &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.white &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.white &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.white &gt; .portlet-title &gt; .tools &gt; a.expand:before {
        font-family: fontawesome;
        content: "\f077";
        display: inline-block;
        vertical-align: middle;
        font-weight: 100;
        color: red;
    }

    .portlet.solid.white &gt; .portlet-title &gt; .tools &gt; a.collapse:before {
        font-family: fontawesome;
        content: "\f078";
        display: inline-block;
        vertical-align: middle;
        font-weight: 100;
        color: red;
    }

    .portlet.solid.white &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.white {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.white &gt; .portlet-title &gt; .caption, .portlet.box.white &gt; .portlet-title &gt; .caption &gt; i {
        color: #666
    }

    .portlet.box.white &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.default &gt; .portlet-title, .portlet.default, .portlet &gt; .portlet-body.default {
    background-color: #e1e5ec
}

.portlet.box.white &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.white &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.white &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.white &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.white &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.default &gt; .portlet-body, .portlet.solid.default &gt; .portlet-title {
    border: 0;
    color: #666
}

    .portlet.solid.default &gt; .portlet-title &gt; .caption &gt; i {
        color: #666
    }

    .portlet.solid.default &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.default &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.default &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.default &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.default &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.default &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.default {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.default &gt; .portlet-title &gt; .caption, .portlet.box.default &gt; .portlet-title &gt; .caption &gt; i {
        color: #666
    }

    .portlet.box.default &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.dark &gt; .portlet-title, .portlet.dark, .portlet &gt; .portlet-body.dark {
    background-color: #2f353b
}

.portlet.box.default &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.default &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.default &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.default &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.default &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.dark &gt; .portlet-body, .portlet.solid.dark &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.dark &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.dark &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.dark &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.dark &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.dark &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.dark &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.dark &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.dark {
    border: 1px solid #464f57;
    border-top: 0
}

    .portlet.box.dark &gt; .portlet-title &gt; .caption, .portlet.box.dark &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.dark &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #616d79;
        color: #6c7a88
    }

.portlet.blue, .portlet.box.blue &gt; .portlet-title, .portlet &gt; .portlet-body.blue {
    background-color: #3598dc
}

.portlet.box.dark &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #738290
}

.portlet.box.dark &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.dark &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.dark &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.dark &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #798794;
    color: #8793a0
}

.portlet.solid.blue &gt; .portlet-body, .portlet.solid.blue &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue {
    border: 1px solid #60aee4;
    border-top: 0
}

    .portlet.box.blue &gt; .portlet-title &gt; .caption, .portlet.box.blue &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #95c9ed;
        color: #aad4f0
    }

.portlet.blue-madison, .portlet.box.blue-madison &gt; .portlet-title, .portlet &gt; .portlet-body.blue-madison {
    background-color: #578ebe
}

.portlet.box.blue &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #b7daf3
}

.portlet.box.blue &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #c0dff4;
    color: #d6eaf8
}

.portlet.solid.blue-madison &gt; .portlet-body, .portlet.solid.blue-madison &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-madison &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-madison {
    border: 1px solid #7ca7cc;
    border-top: 0
}

    .portlet.box.blue-madison &gt; .portlet-title &gt; .caption, .portlet.box.blue-madison &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-madison &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #a8c4dd;
        color: #bad1e4
    }

.portlet.blue-chambray, .portlet.box.blue-chambray &gt; .portlet-title, .portlet &gt; .portlet-body.blue-chambray {
    background-color: #2C3E50
}

.portlet.box.blue-madison &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #c5d8e9
}

.portlet.box.blue-madison &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-madison &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-madison &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-madison &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #cdddec;
    color: #dfeaf3
}

.portlet.solid.blue-chambray &gt; .portlet-body, .portlet.solid.blue-chambray &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-chambray &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-chambray {
    border: 1px solid #3e5871;
    border-top: 0
}

    .portlet.box.blue-chambray &gt; .portlet-title &gt; .caption, .portlet.box.blue-chambray &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-chambray &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #547698;
        color: #5f83a7
    }

.portlet.blue-ebonyclay, .portlet.box.blue-ebonyclay &gt; .portlet-title, .portlet &gt; .portlet-body.blue-ebonyclay {
    background-color: #22313F
}

.portlet.box.blue-chambray &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #698bac
}

.portlet.box.blue-chambray &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-chambray &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-chambray &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-chambray &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #6f90b0;
    color: #809cb9
}

.portlet.solid.blue-ebonyclay &gt; .portlet-body, .portlet.solid.blue-ebonyclay &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-ebonyclay &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-ebonyclay {
    border: 1px solid #344b60;
    border-top: 0
}

    .portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .caption, .portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #496a88;
        color: #527798
    }

.portlet.blue-hoki, .portlet.box.blue-hoki &gt; .portlet-title, .portlet &gt; .portlet-body.blue-hoki {
    background-color: #67809F
}

.portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #587ea2
}

.portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-ebonyclay &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #5d83a7;
    color: #6d90b0
}

.portlet.solid.blue-hoki &gt; .portlet-body, .portlet.solid.blue-hoki &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-hoki &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-hoki {
    border: 1px solid #869ab3;
    border-top: 0
}

    .portlet.box.blue-hoki &gt; .portlet-title &gt; .caption, .portlet.box.blue-hoki &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-hoki &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #acb9ca;
        color: #bbc7d4
    }

.portlet.blue-steel, .portlet.box.blue-steel &gt; .portlet-title, .portlet &gt; .portlet-body.blue-steel {
    background-color: #4B77BE
}

.portlet.box.blue-hoki &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #c5ceda
}

.portlet.box.blue-hoki &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-hoki &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-hoki &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-hoki &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #cbd4de;
    color: #dbe1e8
}

.portlet.solid.blue-steel &gt; .portlet-body, .portlet.solid.blue-steel &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-steel &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-steel {
    border: 1px solid #7093cc;
    border-top: 0
}

    .portlet.box.blue-steel &gt; .portlet-title &gt; .caption, .portlet.box.blue-steel &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-steel &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9db5dc;
        color: #b0c3e3
    }

.portlet.blue-soft, .portlet.box.blue-soft &gt; .portlet-title, .portlet &gt; .portlet-body.blue-soft {
    background-color: #4c87b9
}

.portlet.box.blue-steel &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #bbcce7
}

.portlet.box.blue-steel &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-steel &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-steel &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-steel &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #c3d2e9;
    color: #d6e0f0
}

.portlet.solid.blue-soft &gt; .portlet-body, .portlet.solid.blue-soft &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-soft &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-soft {
    border: 1px solid #71a0c7;
    border-top: 0
}

    .portlet.box.blue-soft &gt; .portlet-title &gt; .caption, .portlet.box.blue-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-soft &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9dbdd9;
        color: #afc9e0
    }

.portlet.blue-dark, .portlet.box.blue-dark &gt; .portlet-title, .portlet &gt; .portlet-body.blue-dark {
    background-color: #5e738b
}

.portlet.box.blue-soft &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #bad1e4
}

.portlet.box.blue-soft &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-soft &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-soft &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-soft &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #c1d6e7;
    color: #d4e2ee
}

.portlet.solid.blue-dark &gt; .portlet-body, .portlet.solid.blue-dark &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-dark &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-dark {
    border: 1px solid #788da4;
    border-top: 0
}

    .portlet.box.blue-dark &gt; .portlet-title &gt; .caption, .portlet.box.blue-dark &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-dark &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9dacbd;
        color: #acb8c7
    }

.portlet.blue-sharp, .portlet.box.blue-sharp &gt; .portlet-title, .portlet &gt; .portlet-body.blue-sharp {
    background-color: #5C9BD1
}

.portlet.box.blue-dark &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #b5c0cd
}

.portlet.box.blue-dark &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-dark &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-dark &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-dark &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #bbc5d1;
    color: #cad2db
}

.portlet.solid.blue-sharp &gt; .portlet-body, .portlet.solid.blue-sharp &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-sharp &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-sharp {
    border: 1px solid #84b3dc;
    border-top: 0
}

    .portlet.box.blue-sharp &gt; .portlet-title &gt; .caption, .portlet.box.blue-sharp &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-sharp &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #b4d1ea;
        color: #c7ddef
    }

.portlet.blue-oleo, .portlet.box.blue-oleo &gt; .portlet-title, .portlet &gt; .portlet-body.blue-oleo {
    background-color: #94A0B2
}

.portlet.box.blue-sharp &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #d3e4f3
}

.portlet.box.blue-sharp &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-sharp &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-sharp &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-sharp &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #dbe9f5;
    color: #eff5fb
}

.portlet.solid.blue-oleo &gt; .portlet-body, .portlet.solid.blue-oleo &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.blue-oleo &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.blue-oleo {
    border: 1px solid #b2bac7;
    border-top: 0
}

    .portlet.box.blue-oleo &gt; .portlet-title &gt; .caption, .portlet.box.blue-oleo &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.blue-oleo &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #d5dae1;
        color: #e4e7ec
    }

.portlet.box.green &gt; .portlet-title, .portlet.green, .portlet &gt; .portlet-body.green {
    background-color: #32c5d2
}

.portlet.box.blue-oleo &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #edeff2
}

.portlet.box.blue-oleo &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.blue-oleo &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.blue-oleo &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.blue-oleo &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f3f4f6;
    color: #fff
}

.portlet.solid.green &gt; .portlet-body, .portlet.solid.green &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green {
    border: 1px solid #5cd1db;
    border-top: 0
}

    .portlet.box.green &gt; .portlet-title &gt; .caption, .portlet.box.green &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #8edfe6;
        color: #a3e5eb
    }

.portlet.box.green-meadow &gt; .portlet-title, .portlet.green-meadow, .portlet &gt; .portlet-body.green-meadow {
    background-color: #1BBC9B
}

.portlet.box.green &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #afe8ee
}

.portlet.box.green &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #b8ebef;
    color: #cdf1f4
}

.portlet.solid.green-meadow &gt; .portlet-body, .portlet.solid.green-meadow &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-meadow &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-meadow {
    border: 1px solid #2ae0bb;
    border-top: 0
}

    .portlet.box.green-meadow &gt; .portlet-title &gt; .caption, .portlet.box.green-meadow &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-meadow &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #5fe8cc;
        color: #75ebd3
    }

.portlet.box.green-seagreen &gt; .portlet-title, .portlet.green-seagreen, .portlet &gt; .portlet-body.green-seagreen {
    background-color: #1BA39C
}

.portlet.box.green-meadow &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #83edd7
}

.portlet.box.green-meadow &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-meadow &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-meadow &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-meadow &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #8ceeda;
    color: #a2f2e1
}

.portlet.solid.green-seagreen &gt; .portlet-body, .portlet.solid.green-seagreen &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-seagreen &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-seagreen {
    border: 1px solid #22cfc6;
    border-top: 0
}

    .portlet.box.green-seagreen &gt; .portlet-title &gt; .caption, .portlet.box.green-seagreen &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-seagreen &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #4de1da;
        color: #63e5de
    }

.portlet.box.green-turquoise &gt; .portlet-title, .portlet.green-turquoise, .portlet &gt; .portlet-body.green-turquoise {
    background-color: #36D7B7
}

.portlet.box.green-seagreen &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #70e7e1
}

.portlet.box.green-seagreen &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-seagreen &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-seagreen &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-seagreen &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #78e9e3;
    color: #8eece8
}

.portlet.solid.green-turquoise &gt; .portlet-body, .portlet.solid.green-turquoise &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-turquoise &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-turquoise {
    border: 1px solid #61dfc6;
    border-top: 0
}

    .portlet.box.green-turquoise &gt; .portlet-title &gt; .caption, .portlet.box.green-turquoise &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-turquoise &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #94ead9;
        color: #a9eee0
    }

.portlet.box.green-haze &gt; .portlet-title, .portlet.green-haze, .portlet &gt; .portlet-body.green-haze {
    background-color: #44b6ae
}

.portlet.box.green-turquoise &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #b6f0e5
}

.portlet.box.green-turquoise &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-turquoise &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-turquoise &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-turquoise &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #bef2e8;
    color: #d3f6ef
}

.portlet.solid.green-haze &gt; .portlet-body, .portlet.solid.green-haze &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-haze &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-haze &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-haze &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-haze &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-haze &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-haze &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-haze &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-haze {
    border: 1px solid #67c6bf;
    border-top: 0
}

    .portlet.box.green-haze &gt; .portlet-title &gt; .caption, .portlet.box.green-haze &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-haze &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #93d7d2;
        color: #a6deda
    }

.portlet.box.green-jungle &gt; .portlet-title, .portlet.green-jungle, .portlet &gt; .portlet-body.green-jungle {
    background-color: #26C281
}

.portlet.box.green-haze &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #b1e2de
}

.portlet.box.green-haze &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-haze &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-haze &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-haze &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #b9e5e2;
    color: #cbece9
}

.portlet.solid.green-jungle &gt; .portlet-body, .portlet.solid.green-jungle &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-jungle &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-jungle {
    border: 1px solid #41da9a;
    border-top: 0
}

    .portlet.box.green-jungle &gt; .portlet-title &gt; .caption, .portlet.box.green-jungle &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-jungle &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #74e4b5;
        color: #8ae8c1
    }

.portlet.box.green-soft &gt; .portlet-title, .portlet.green-soft, .portlet &gt; .portlet-body.green-soft {
    background-color: #3faba4
}

.portlet.box.green-jungle &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #96ebc8
}

.portlet.box.green-jungle &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-jungle &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-jungle &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-jungle &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #9feccc;
    color: #b4f0d7
}

.portlet.solid.green-soft &gt; .portlet-body, .portlet.solid.green-soft &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-soft &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-soft &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-soft &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-soft &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-soft &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-soft &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-soft {
    border: 1px solid #5bc2bc;
    border-top: 0
}

    .portlet.box.green-soft &gt; .portlet-title &gt; .caption, .portlet.box.green-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-soft &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #87d3ce;
        color: #9adad6
    }

.portlet.box.green-dark &gt; .portlet-title, .portlet.green-dark, .portlet &gt; .portlet-body.green-dark {
    background-color: #4DB3A2
}

.portlet.box.green-soft &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #a5deda
}

.portlet.box.green-soft &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-soft &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-soft &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-soft &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #ade1dd;
    color: #bfe7e5
}

.portlet.solid.green-dark &gt; .portlet-body, .portlet.solid.green-dark &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-dark &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-dark &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-dark &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-dark &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-dark &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-dark &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-dark &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-dark {
    border: 1px solid #71c2b5;
    border-top: 0
}

    .portlet.box.green-dark &gt; .portlet-title &gt; .caption, .portlet.box.green-dark &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-dark &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #9cd5cb;
        color: #addcd4
    }

.portlet.box.green-sharp &gt; .portlet-title, .portlet.green-sharp, .portlet &gt; .portlet-body.green-sharp {
    background-color: #2ab4c0
}

.portlet.box.green-dark &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #b8e1da
}

.portlet.box.green-dark &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-dark &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-dark &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-dark &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #bfe4de;
    color: #d1ebe7
}

.portlet.solid.green-sharp &gt; .portlet-body, .portlet.solid.green-sharp &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-sharp &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-sharp {
    border: 1px solid #46cbd7;
    border-top: 0
}

    .portlet.box.green-sharp &gt; .portlet-title &gt; .caption, .portlet.box.green-sharp &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-sharp &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #79d9e2;
        color: #8edfe6
    }

.portlet.box.green-steel &gt; .portlet-title, .portlet.green-steel, .portlet &gt; .portlet-body.green-steel {
    background-color: #29b4b6
}

.portlet.box.green-sharp &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #9ae3e9
}

.portlet.box.green-sharp &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-sharp &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-sharp &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-sharp &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #a2e5eb;
    color: #b7ebef
}

.portlet.solid.green-steel &gt; .portlet-body, .portlet.solid.green-steel &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.green-steel &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.green-steel &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.green-steel &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.green-steel &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.green-steel &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.green-steel &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.green-steel &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.green-steel {
    border: 1px solid #3ed1d4;
    border-top: 0
}

    .portlet.box.green-steel &gt; .portlet-title &gt; .caption, .portlet.box.green-steel &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.green-steel &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #70dddf;
        color: #85e2e4
    }

.portlet.box.grey &gt; .portlet-title, .portlet.grey, .portlet &gt; .portlet-body.grey {
    background-color: #E5E5E5
}

.portlet.box.green-steel &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #92e5e6
}

.portlet.box.green-steel &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.green-steel &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.green-steel &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.green-steel &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #9ae7e8;
    color: #afeced
}

.portlet.solid.grey &gt; .portlet-body, .portlet.solid.grey &gt; .portlet-title {
    border: 0;
    color: #333
}

    .portlet.solid.grey &gt; .portlet-title &gt; .caption &gt; i {
        color: #333
    }

    .portlet.solid.grey &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey &gt; .portlet-title &gt; .caption, .portlet.box.grey &gt; .portlet-title &gt; .caption &gt; i {
        color: #333
    }

    .portlet.box.grey &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-steel &gt; .portlet-title, .portlet.grey-steel, .portlet &gt; .portlet-body.grey-steel {
    background-color: #e9edef
}

.portlet.box.grey &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.grey &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-steel &gt; .portlet-body, .portlet.solid.grey-steel &gt; .portlet-title {
    border: 0;
    color: #80898e
}

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .caption &gt; i {
        color: #80898e
    }

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-steel &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-steel {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey-steel &gt; .portlet-title &gt; .caption, .portlet.box.grey-steel &gt; .portlet-title &gt; .caption &gt; i {
        color: #80898e
    }

    .portlet.box.grey-steel &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-cararra &gt; .portlet-title, .portlet.grey-cararra, .portlet &gt; .portlet-body.grey-cararra {
    background-color: #fafafa
}

.portlet.box.grey-steel &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.grey-steel &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-steel &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-steel &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-steel &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-cararra &gt; .portlet-body, .portlet.solid.grey-cararra &gt; .portlet-title {
    border: 0;
    color: #333
}

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .caption &gt; i {
        color: #333
    }

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-cararra &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-cararra {
    border: 1px solid #fff;
    border-top: 0
}

    .portlet.box.grey-cararra &gt; .portlet-title &gt; .caption, .portlet.box.grey-cararra &gt; .portlet-title &gt; .caption &gt; i {
        color: #333
    }

    .portlet.box.grey-cararra &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-gallery &gt; .portlet-title, .portlet.grey-gallery, .portlet &gt; .portlet-body.grey-gallery {
    background-color: #555
}

.portlet.box.grey-cararra &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.grey-cararra &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-cararra &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-cararra &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-cararra &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-gallery &gt; .portlet-body, .portlet.solid.grey-gallery &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-gallery &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-gallery {
    border: 1px solid #6f6f6f;
    border-top: 0
}

    .portlet.box.grey-gallery &gt; .portlet-title &gt; .caption, .portlet.box.grey-gallery &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.grey-gallery &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #8d8d8d;
        color: #9a9a9a
    }

.portlet.box.grey-cascade &gt; .portlet-title, .portlet.grey-cascade, .portlet &gt; .portlet-body.grey-cascade {
    background-color: #95A5A6
}

.portlet.box.grey-gallery &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #a2a2a2
}

.portlet.box.grey-gallery &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-gallery &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-gallery &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-gallery &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #a7a7a7;
    color: #b3b3b3
}

.portlet.solid.grey-cascade &gt; .portlet-body, .portlet.solid.grey-cascade &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-cascade &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-cascade {
    border: 1px solid #b1bdbd;
    border-top: 0
}

    .portlet.box.grey-cascade &gt; .portlet-title &gt; .caption, .portlet.box.grey-cascade &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.grey-cascade &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #d2d9d9;
        color: #e0e5e5
    }

.portlet.box.grey-silver &gt; .portlet-title, .portlet.grey-silver, .portlet &gt; .portlet-body.grey-silver {
    background-color: #BFBFBF
}

.portlet.box.grey-cascade &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #e8ecec
}

.portlet.box.grey-cascade &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-cascade &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-cascade &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-cascade &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #eef0f0;
    color: #fcfcfc
}

.portlet.solid.grey-silver &gt; .portlet-body, .portlet.solid.grey-silver &gt; .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .caption &gt; i {
        color: #FAFCFB
    }

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-silver &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-silver {
    border: 1px solid #d9d9d9;
    border-top: 0
}

    .portlet.box.grey-silver &gt; .portlet-title &gt; .caption, .portlet.box.grey-silver &gt; .portlet-title &gt; .caption &gt; i {
        color: #FAFCFB
    }

    .portlet.box.grey-silver &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f7f7f7;
        color: #fff
    }

.portlet.box.grey-salsa &gt; .portlet-title, .portlet.grey-salsa, .portlet &gt; .portlet-body.grey-salsa {
    background-color: #ACB5C3
}

.portlet.box.grey-silver &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.grey-silver &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-silver &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-silver &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-silver &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-salsa &gt; .portlet-body, .portlet.solid.grey-salsa &gt; .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .caption {
        font-weight: 400
    }

        .portlet.solid.grey-salsa &gt; .portlet-title &gt; .caption &gt; i {
            color: #FAFCFB
        }

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-salsa &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-salsa {
    border: 1px solid #cacfd8;
    border-top: 0
}

    .portlet.box.grey-salsa &gt; .portlet-title &gt; .caption, .portlet.box.grey-salsa &gt; .portlet-title &gt; .caption &gt; i {
        color: #FAFCFB
    }

    .portlet.box.grey-salsa &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #edeff2;
        color: #fcfcfd
    }

.portlet.box.grey-salt &gt; .portlet-title, .portlet.grey-salt, .portlet &gt; .portlet-body.grey-salt {
    background-color: #bfcad1
}

.portlet.box.grey-salsa &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.grey-salsa &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-salsa &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-salsa &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-salsa &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-salt &gt; .portlet-body, .portlet.solid.grey-salt &gt; .portlet-title {
    border: 0;
    color: #FAFCFB
}

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .caption &gt; i {
        color: #FAFCFB
    }

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-salt &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-salt {
    border: 1px solid #dde3e6;
    border-top: 0
}

    .portlet.box.grey-salt &gt; .portlet-title &gt; .caption, .portlet.box.grey-salt &gt; .portlet-title &gt; .caption &gt; i {
        color: #FAFCFB
    }

    .portlet.box.grey-salt &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fff;
        color: #fff
    }

.portlet.box.grey-mint &gt; .portlet-title, .portlet.grey-mint, .portlet &gt; .portlet-body.grey-mint {
    background-color: #525e64
}

.portlet.box.grey-salt &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fff
}

.portlet.box.grey-salt &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-salt &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-salt &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-salt &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.grey-mint &gt; .portlet-body, .portlet.solid.grey-mint &gt; .portlet-title {
    border: 0;
    color: #FFF
}

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.grey-mint &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.grey-mint {
    border: 1px solid #697880;
    border-top: 0
}

    .portlet.box.grey-mint &gt; .portlet-title &gt; .caption, .portlet.box.grey-mint &gt; .portlet-title &gt; .caption &gt; i {
        color: #FFF
    }

    .portlet.box.grey-mint &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #88979e;
        color: #96a3a9
    }

.portlet.box.red &gt; .portlet-title, .portlet.red, .portlet &gt; .portlet-body.red {
    background-color: #e7505a
}

.portlet.box.grey-mint &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #9faab0
}

.portlet.box.grey-mint &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.grey-mint &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.grey-mint &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.grey-mint &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #a4afb5;
    color: #b2bcc0
}

.portlet.solid.red &gt; .portlet-body, .portlet.solid.red &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red {
    border: 1px solid #ed7d84;
    border-top: 0
}

    .portlet.box.red &gt; .portlet-title &gt; .caption, .portlet.box.red &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f5b3b7;
        color: #f8c9cc
    }

.portlet.box.red-pink &gt; .portlet-title, .portlet.red-pink, .portlet &gt; .portlet-body.red-pink {
    background-color: #E08283
}

.portlet.box.red &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f9d7d9
}

.portlet.box.red &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fbe0e1;
    color: #fef6f6
}

.portlet.solid.red-pink &gt; .portlet-body, .portlet.solid.red-pink &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-pink &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-pink &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-pink &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-pink &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-pink &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-pink &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-pink &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-pink {
    border: 1px solid #eaabac;
    border-top: 0
}

    .portlet.box.red-pink &gt; .portlet-title &gt; .caption, .portlet.box.red-pink &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-pink &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f6dcdc;
        color: #fbf0f0
    }

.portlet.box.red-sunglo &gt; .portlet-title, .portlet.red-sunglo, .portlet &gt; .portlet-body.red-sunglo {
    background-color: #E26A6A
}

.portlet.box.red-pink &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fefdfd
}

.portlet.box.red-pink &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-pink &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-pink &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-pink &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fff;
    color: #fff
}

.portlet.solid.red-sunglo &gt; .portlet-body, .portlet.solid.red-sunglo &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-sunglo &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-sunglo {
    border: 1px solid #ea9595;
    border-top: 0
}

    .portlet.box.red-sunglo &gt; .portlet-title &gt; .caption, .portlet.box.red-sunglo &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-sunglo &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f4c8c8;
        color: #f8dddd
    }

.portlet.box.red-intense &gt; .portlet-title, .portlet.red-intense, .portlet &gt; .portlet-body.red-intense {
    background-color: #e35b5a
}

.portlet.box.red-sunglo &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fbeaea
}

.portlet.box.red-sunglo &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-sunglo &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-sunglo &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-sunglo &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fdf3f3;
    color: #fff
}

.portlet.solid.red-intense &gt; .portlet-body, .portlet.solid.red-intense &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-intense &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-intense &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-intense &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-intense &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-intense &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-intense &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-intense &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-intense {
    border: 1px solid #ea8686;
    border-top: 0
}

    .portlet.box.red-intense &gt; .portlet-title &gt; .caption, .portlet.box.red-intense &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-intense &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f3baba;
        color: #f7d0d0
    }

.portlet.box.red-thunderbird &gt; .portlet-title, .portlet.red-thunderbird, .portlet &gt; .portlet-body.red-thunderbird {
    background-color: #D91E18
}

.portlet.box.red-intense &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f9dddd
}

.portlet.box.red-intense &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-intense &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-intense &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-intense &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fbe6e6;
    color: #fefbfb
}

.portlet.solid.red-thunderbird &gt; .portlet-body, .portlet.solid.red-thunderbird &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-thunderbird &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-thunderbird {
    border: 1px solid #e9403b;
    border-top: 0
}

    .portlet.box.red-thunderbird &gt; .portlet-title &gt; .caption, .portlet.box.red-thunderbird &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-thunderbird &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #ef7672;
        color: #f28c89
    }

.portlet.box.red-flamingo &gt; .portlet-title, .portlet.red-flamingo, .portlet &gt; .portlet-body.red-flamingo {
    background-color: #EF4836
}

.portlet.box.red-thunderbird &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f39997
}

.portlet.box.red-thunderbird &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-thunderbird &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-thunderbird &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-thunderbird &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f4a2a0;
    color: #f7b9b7
}

.portlet.solid.red-flamingo &gt; .portlet-body, .portlet.solid.red-flamingo &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-flamingo &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-flamingo {
    border: 1px solid #f37365;
    border-top: 0
}

    .portlet.box.red-flamingo &gt; .portlet-title &gt; .caption, .portlet.box.red-flamingo &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-flamingo &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f7a79e;
        color: #f9bcb6
    }

.portlet.box.red-soft &gt; .portlet-title, .portlet.red-soft, .portlet &gt; .portlet-body.red-soft {
    background-color: #d05454
}

.portlet.box.red-flamingo &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fac9c4
}

.portlet.box.red-flamingo &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-flamingo &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-flamingo &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-flamingo &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fbd2cd;
    color: #fde7e5
}

.portlet.solid.red-soft &gt; .portlet-body, .portlet.solid.red-soft &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-soft &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-soft &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-soft &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-soft &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-soft &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-soft &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-soft {
    border: 1px solid #db7c7c;
    border-top: 0
}

    .portlet.box.red-soft &gt; .portlet-title &gt; .caption, .portlet.box.red-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-soft &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e8acac;
        color: #eec0c0
    }

.portlet.box.red-haze &gt; .portlet-title, .portlet.red-haze, .portlet &gt; .portlet-body.red-haze {
    background-color: #f36a5a
}

.portlet.box.red-soft &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f1cccc
}

.portlet.box.red-soft &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-soft &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-soft &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-soft &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f3d4d4;
    color: #f9e8e8
}

.portlet.solid.red-haze &gt; .portlet-body, .portlet.solid.red-haze &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-haze &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-haze &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-haze &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-haze &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-haze &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-haze &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-haze &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-haze {
    border: 1px solid #f6958a;
    border-top: 0
}

    .portlet.box.red-haze &gt; .portlet-title &gt; .caption, .portlet.box.red-haze &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-haze &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fbc8c3;
        color: #fcdeda
    }

.portlet.box.red-mint &gt; .portlet-title, .portlet.red-mint, .portlet &gt; .portlet-body.red-mint {
    background-color: #e43a45
}

.portlet.box.red-haze &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fdebe9
}

.portlet.box.red-haze &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-haze &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-haze &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-haze &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fef3f2;
    color: #fff
}

.portlet.solid.red-mint &gt; .portlet-body, .portlet.solid.red-mint &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.red-mint &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.red-mint &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.red-mint &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.red-mint &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.red-mint &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.red-mint &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.red-mint &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.red-mint {
    border: 1px solid #ea676f;
    border-top: 0
}

    .portlet.box.red-mint &gt; .portlet-title &gt; .caption, .portlet.box.red-mint &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.red-mint &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #f29da2;
        color: #f5b3b7
    }

.portlet.box.yellow &gt; .portlet-title, .portlet.yellow, .portlet &gt; .portlet-body.yellow {
    background-color: #c49f47
}

.portlet.box.red-mint &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f6c1c4
}

.portlet.box.red-mint &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.red-mint &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.red-mint &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.red-mint &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f8cacd;
    color: #fbe0e2
}

.portlet.solid.yellow &gt; .portlet-body, .portlet.solid.yellow &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow {
    border: 1px solid #d0b36e;
    border-top: 0
}

    .portlet.box.yellow &gt; .portlet-title &gt; .caption, .portlet.box.yellow &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #dfcb9c;
        color: #e5d5af
    }

.portlet.box.yellow-gold &gt; .portlet-title, .portlet.yellow-gold, .portlet &gt; .portlet-body.yellow-gold {
    background-color: #E87E04
}

.portlet.box.yellow &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #e9dbbb
}

.portlet.box.yellow &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #ecdfc3;
    color: #f2ead6
}

.portlet.solid.yellow-gold &gt; .portlet-body, .portlet.solid.yellow-gold &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-gold &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-gold {
    border: 1px solid #fb9724;
    border-top: 0
}

    .portlet.box.yellow-gold &gt; .portlet-title &gt; .caption, .portlet.box.yellow-gold &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-gold &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fcb460;
        color: #fdbf79
    }

.portlet.box.yellow-casablanca &gt; .portlet-title, .portlet.yellow-casablanca, .portlet &gt; .portlet-body.yellow-casablanca {
    background-color: #f2784b
}

.portlet.box.yellow-gold &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fdc788
}

.portlet.box.yellow-gold &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-gold &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-gold &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-gold &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fdcb92;
    color: #fed7ab
}

.portlet.solid.yellow-casablanca &gt; .portlet-body, .portlet.solid.yellow-casablanca &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-casablanca &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-casablanca {
    border: 1px solid #f59c7b;
    border-top: 0
}

    .portlet.box.yellow-casablanca &gt; .portlet-title &gt; .caption, .portlet.box.yellow-casablanca &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-casablanca &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fac6b4;
        color: #fbd8cb
    }

.portlet.box.yellow-crusta &gt; .portlet-title, .portlet.yellow-crusta, .portlet &gt; .portlet-body.yellow-crusta {
    background-color: #f3c200
}

.portlet.box.yellow-casablanca &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fce3da
}

.portlet.box.yellow-casablanca &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-casablanca &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-casablanca &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-casablanca &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fdeae3;
    color: #fffcfb
}

.portlet.solid.yellow-crusta &gt; .portlet-body, .portlet.solid.yellow-crusta &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-crusta &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-crusta {
    border: 1px solid #ffd327;
    border-top: 0
}

    .portlet.box.yellow-crusta &gt; .portlet-title &gt; .caption, .portlet.box.yellow-crusta &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-crusta &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #ffe064;
        color: #ffe57e
    }

.portlet.box.yellow-lemon &gt; .portlet-title, .portlet.yellow-lemon, .portlet &gt; .portlet-body.yellow-lemon {
    background-color: #F7CA18
}

.portlet.box.yellow-crusta &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #ffe88d
}

.portlet.box.yellow-crusta &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-crusta &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-crusta &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-crusta &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #ffea97;
    color: #ffefb1
}

.portlet.solid.yellow-lemon &gt; .portlet-body, .portlet.solid.yellow-lemon &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-lemon &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-lemon {
    border: 1px solid #f9d549;
    border-top: 0
}

    .portlet.box.yellow-lemon &gt; .portlet-title &gt; .caption, .portlet.box.yellow-lemon &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-lemon &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #fbe384;
        color: #fce99d
    }

.portlet.box.yellow-saffron &gt; .portlet-title, .portlet.yellow-saffron, .portlet &gt; .portlet-body.yellow-saffron {
    background-color: #F4D03F
}

.portlet.box.yellow-lemon &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fcecac
}

.portlet.box.yellow-lemon &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-lemon &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-lemon &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-lemon &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fceeb6;
    color: #fdf4ce
}

.portlet.solid.yellow-saffron &gt; .portlet-body, .portlet.solid.yellow-saffron &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-saffron &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-saffron {
    border: 1px solid #f7dc6f;
    border-top: 0
}

    .portlet.box.yellow-saffron &gt; .portlet-title &gt; .caption, .portlet.box.yellow-saffron &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-saffron &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #faeaa9;
        color: #fbf0c1
    }

.portlet.box.yellow-soft &gt; .portlet-title, .portlet.yellow-soft, .portlet &gt; .portlet-body.yellow-soft {
    background-color: #c8d046
}

.portlet.box.yellow-saffron &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #fcf3d0
}

.portlet.box.yellow-saffron &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-saffron &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-saffron &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-saffron &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #fdf6d9;
    color: #fefcf1
}

.portlet.solid.yellow-soft &gt; .portlet-body, .portlet.solid.yellow-soft &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-soft &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-soft {
    border: 1px solid #d4da6f;
    border-top: 0
}

    .portlet.box.yellow-soft &gt; .portlet-title &gt; .caption, .portlet.box.yellow-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-soft &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e3e79f;
        color: #e9ecb4
    }

.portlet.box.yellow-haze &gt; .portlet-title, .portlet.yellow-haze, .portlet &gt; .portlet-body.yellow-haze {
    background-color: #c5bf66
}

.portlet.box.yellow-soft &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #ecefc0
}

.portlet.box.yellow-soft &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-soft &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-soft &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-soft &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #eff1c8;
    color: #f5f6dc
}

.portlet.solid.yellow-haze &gt; .portlet-body, .portlet.solid.yellow-haze &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-haze &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-haze {
    border: 1px solid #d3ce8b;
    border-top: 0
}

    .portlet.box.yellow-haze &gt; .portlet-title &gt; .caption, .portlet.box.yellow-haze &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-haze &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e4e1b7;
        color: #ebe9ca
    }

.portlet.box.yellow-mint &gt; .portlet-title, .portlet.yellow-mint, .portlet &gt; .portlet-body.yellow-mint {
    background-color: #c5b96b
}

.portlet.box.yellow-haze &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #efedd5
}

.portlet.box.yellow-haze &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-haze &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-haze &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-haze &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f2f1dc;
    color: #f9f8ef
}

.portlet.solid.yellow-mint &gt; .portlet-body, .portlet.solid.yellow-mint &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.yellow-mint &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.yellow-mint {
    border: 1px solid #d3ca90;
    border-top: 0
}

    .portlet.box.yellow-mint &gt; .portlet-title &gt; .caption, .portlet.box.yellow-mint &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.yellow-mint &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e5dfbc;
        color: #ece8ce
    }

.portlet.box.purple &gt; .portlet-title, .portlet.purple, .portlet &gt; .portlet-body.purple {
    background-color: #8E44AD
}

.portlet.box.yellow-mint &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f0edd9
}

.portlet.box.yellow-mint &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.yellow-mint &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.yellow-mint &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.yellow-mint &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f3f0e0;
    color: #faf9f3
}

.portlet.solid.purple &gt; .portlet-body, .portlet.solid.purple &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple {
    border: 1px solid #a563c1;
    border-top: 0
}

    .portlet.box.purple &gt; .portlet-title &gt; .caption, .portlet.box.purple &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #bf8ed3;
        color: #c9a1da
    }

.portlet.box.purple-plum &gt; .portlet-title, .portlet.purple-plum, .portlet &gt; .portlet-body.purple-plum {
    background-color: #8775a7
}

.portlet.box.purple &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #cfacde
}

.portlet.box.purple &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #d4b3e1;
    color: #dec5e8
}

.portlet.solid.purple-plum &gt; .portlet-body, .portlet.solid.purple-plum &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-plum &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-plum {
    border: 1px solid #a294bb;
    border-top: 0
}

    .portlet.box.purple-plum &gt; .portlet-title &gt; .caption, .portlet.box.purple-plum &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-plum &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #c3bad3;
        color: #d0c9dd
    }

.portlet.box.purple-medium &gt; .portlet-title, .portlet.purple-medium, .portlet &gt; .portlet-body.purple-medium {
    background-color: #BF55EC
}

.portlet.box.purple-plum &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #d8d2e3
}

.portlet.box.purple-plum &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-plum &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-plum &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-plum &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #ded9e7;
    color: #ebe8f0
}

.portlet.solid.purple-medium &gt; .portlet-body, .portlet.solid.purple-medium &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-medium &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-medium {
    border: 1px solid #d083f1;
    border-top: 0
}

    .portlet.box.purple-medium &gt; .portlet-title &gt; .caption, .portlet.box.purple-medium &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-medium &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #e5baf7;
        color: #eed1fa
    }

.portlet.box.purple-studio &gt; .portlet-title, .portlet.purple-studio, .portlet &gt; .portlet-body.purple-studio {
    background-color: #8E44AD
}

.portlet.box.purple-medium &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #f3dffb
}

.portlet.box.purple-medium &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-medium &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-medium &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-medium &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #f6e8fc;
    color: #fff
}

.portlet.solid.purple-studio &gt; .portlet-body, .portlet.solid.purple-studio &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-studio &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-studio {
    border: 1px solid #a563c1;
    border-top: 0
}

    .portlet.box.purple-studio &gt; .portlet-title &gt; .caption, .portlet.box.purple-studio &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-studio &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #bf8ed3;
        color: #c9a1da
    }

.portlet.box.purple-wisteria &gt; .portlet-title, .portlet.purple-wisteria, .portlet &gt; .portlet-body.purple-wisteria {
    background-color: #9B59B6
}

.portlet.box.purple-studio &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #cfacde
}

.portlet.box.purple-studio &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-studio &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-studio &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-studio &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #d4b3e1;
    color: #dec5e8
}

.portlet.solid.purple-wisteria &gt; .portlet-body, .portlet.solid.purple-wisteria &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-wisteria &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-wisteria {
    border: 1px solid #b07cc6;
    border-top: 0
}

    .portlet.box.purple-wisteria &gt; .portlet-title &gt; .caption, .portlet.box.purple-wisteria &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-wisteria &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #caa7d8;
        color: #d5b9e0
    }

.portlet.box.purple-seance &gt; .portlet-title, .portlet.purple-seance, .portlet &gt; .portlet-body.purple-seance {
    background-color: #9A12B3
}

.portlet.box.purple-wisteria &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #dbc3e5
}

.portlet.box.purple-wisteria &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-wisteria &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-wisteria &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-wisteria &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #dfcae8;
    color: #eadcf0
}

.portlet.solid.purple-seance &gt; .portlet-body, .portlet.solid.purple-seance &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-seance &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-seance {
    border: 1px solid #c217e1;
    border-top: 0
}

    .portlet.box.purple-seance &gt; .portlet-title &gt; .caption, .portlet.box.purple-seance &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-seance &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #d349ed;
        color: #d960ef
    }

.portlet.box.purple-intense &gt; .portlet-title, .portlet.purple-intense, .portlet &gt; .portlet-body.purple-intense {
    background-color: #8775a7
}

.portlet.box.purple-seance &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #dc6ef0
}

.portlet.box.purple-seance &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-seance &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-seance &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-seance &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #de77f1;
    color: #e48ef4
}

.portlet.solid.purple-intense &gt; .portlet-body, .portlet.solid.purple-intense &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-intense &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-intense {
    border: 1px solid #a294bb;
    border-top: 0
}

    .portlet.box.purple-intense &gt; .portlet-title &gt; .caption, .portlet.box.purple-intense &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-intense &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #c3bad3;
        color: #d0c9dd
    }

.portlet.box.purple-sharp &gt; .portlet-title, .portlet.purple-sharp, .portlet &gt; .portlet-body.purple-sharp {
    background-color: #796799
}

.portlet.box.purple-intense &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #d8d2e3
}

.portlet.box.purple-intense &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-intense &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-intense &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-intense &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #ded9e7;
    color: #ebe8f0
}

.portlet.solid.purple-sharp &gt; .portlet-body, .portlet.solid.purple-sharp &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-sharp &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-sharp {
    border: 1px solid #9486ad;
    border-top: 0
}

    .portlet.box.purple-sharp &gt; .portlet-title &gt; .caption, .portlet.box.purple-sharp &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-sharp &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #b4aac6;
        color: #c2b9d0
    }

.portlet.box.purple-soft &gt; .portlet-title, .portlet.purple-soft, .portlet &gt; .portlet-body.purple-soft {
    background-color: #8877a9
}

.portlet.box.purple-sharp &gt; .portlet-title &gt; .actions .btn-default &gt; i {
    color: #cac3d6
}

.portlet.box.purple-sharp &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-sharp &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-sharp &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-sharp &gt; .portlet-title &gt; .actions .btn-default:hover {
    border: 1px solid #cfc9db;
    color: #ddd8e5
}

.portlet.solid.purple-soft &gt; .portlet-body, .portlet.solid.purple-soft &gt; .portlet-title {
    border: 0;
    color: #fff
}

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .tools &gt; a.remove {
        background-image: url(/img/portlet-remove-icon-white.png)
    }

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .tools &gt; a.config {
        background-image: url(/img/portlet-config-icon-white.png)
    }

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .tools &gt; a.reload {
        background-image: url(/img/portlet-reload-icon-white.png)
    }

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .tools &gt; a.expand {
        background-image: url(/assets/images/portlet-expand-icon-white.png)
    }

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .tools &gt; a.collapse {
        background-image: url(/assets/images/portlet-collapse-icon-white.png)
    }

    .portlet.solid.purple-soft &gt; .portlet-title &gt; .tools &gt; a.fullscreen {
        color: #fdfdfd
    }

.portlet.box.purple-soft {
    border: 1px solid #a396bd;
    border-top: 0
}

    .portlet.box.purple-soft &gt; .portlet-title &gt; .caption, .portlet.box.purple-soft &gt; .portlet-title &gt; .caption &gt; i {
        color: #fff
    }

    .portlet.box.purple-soft &gt; .portlet-title &gt; .actions .btn-default {
        background: 0 0 !important;
        border: 1px solid #c4bcd4;
        color: #d2cbde
    }

        .portlet.box.purple-soft &gt; .portlet-title &gt; .actions .btn-default &gt; i {
            color: #dad5e4
        }

        .portlet.box.purple-soft &gt; .portlet-title &gt; .actions .btn-default.active, .portlet.box.purple-soft &gt; .portlet-title &gt; .actions .btn-default:active, .portlet.box.purple-soft &gt; .portlet-title &gt; .actions .btn-default:focus, .portlet.box.purple-soft &gt; .portlet-title &gt; .actions .btn-default:hover {
            border: 1px solid #dfdbe8;
            color: #edebf2
        }

.portlet .dashboard-stat:last-child {
    margin-bottom: 0
}


.portlet:not(.light) .tabbable-line {
    padding-top: 15px
}


.portlet .tabbable-line &gt; .tab-content {
    padding-bottom: 0
}


.portlet .tabbable-bordered {
    margin-top: 20px
}
</pre></body></html>