body {
    background: #E9ECF2 !important;
}
/*Tabs in Modules*/
.nav-tabs > li > a {
    font-size: small;
}
/*Form groups without a lot of margin*/
.form-group {
    margin-bottom: 5px !important;
}

.notes {
    cursor: pointer;
}

.modal-dialog {
    z-index: 999999;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 6%;
}

.page-sidebar .page-sidebar-menu > li > a > .title {
    background: none !important;
    color: inherit;
    position: initial;
}

.dx-header-row td {
    text-align: center !important;
    font-weight: bold;
    color: #484848;
}

.modal-backdrop {
    background-color: #000 !important;
    opacity: 0.8 !important;
}
/*Fonts Picker*/
@media (min-width: 1200px) {
    .ui-iconpicker > ul.dropdown-menu {
        max-height: 11.1em !important;
        width: 10.8em !important;
    }
}

/*Fix dxcheckbox on dxdatagrid*/
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
    padding: 7px !important;
    vertical-align: top !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    display: table-cell;
}

/* OVERWRITE GREEN CLASES*/
.portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green {
    background-color: #3598dc;
}

.portlet.box.green {
    border: 1px solid #3598dc;
    border-top: 1px;
}

.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #3598dc;
    border-color: #3598dc;
}

p {
    margin: 0 !important;
}


.datetime-picker-dropdown {
    width: auto !important;
    text-align: center;
}

    .datetime-picker-dropdown > li.date-picker-menu div > table .btn-default {
        border: 0;
    }

    .datetime-picker-dropdown > li.time-picker-menu div > table {
    }


/*Mdi Picker*/
.mdi-picker {
    display: inline-block;
}

    .mdi-picker .dropdown-toggle {
        padding: 4px;
        line-height: 24px;
        height: 34px;
    }

    .mdi-picker .dropdown-menu {
        width: 270px;
    }

        .mdi-picker .dropdown-menu .icons span.mdi {
            display: inline-block;
            margin: 4px 4px 0 0;
            width: 30px;
            height: 30px;
            border: 1px solid #DDD;
            border-radius: 2px;
            padding: 2px;
            line-height: 24px;
        }

        .mdi-picker .dropdown-menu .icons {
            overflow: auto;
            max-height: 200px;
        }

            .mdi-picker .dropdown-menu .icons span.mdi:hover {
                border-color: #444;
            }

        .mdi-picker .dropdown-menu .search {
            position: absolute;
            top: 7px;
            right: 10px;
            color: #444;
        }
/* ANGULAR VALIDATION */
input.ng-invalid.ng-touched {
    border: 1px solid #FA787E;
}

input.ng-invalid {
    border: 1px solid #FA787E;
}

select.ng-invalid.ng-touched {
    border: 1px solid #FA787E;
}

select.ng-invalid {
    border: 1px solid #FA787E;
}
/*  */

.dx-datagrid-rowsview .dx-selection.dx-row > td {
    background-color: #DFF0D8 !important;
    color: #2F353B !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #DFF0D8;
    color: #FFF;
}
/* Edit Cell - Data Grid */
.dx-datagrid-rowsview .editCellDxDataGrid {
    position: relative;
}

.dx-datagrid-rowsview .dx-data-row .editCellDxDataGrid:after {
    color: #767676;
    content: "\f040";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute !important;
    right: 5px !important;
    top: 5px;
    z-index: 1;
}

.dx-row.dx-freespace-row.dx-column-lines {
    display: none !important;
}

.dx-datagrid-rowsview .editCellDxDataGrid .dx-highlight-outline {
    z-index: 2;
}
/* Edit Cell - Data Grid */
/* Fixing fa stack*/
.fix-stack {
    padding-bottom: 12px !important;
    height: auto !important;
}

/*Align Vertically*/
.vcenter {
    display: flex;
    align-items: center;
}
/*Fixing bootstrap Margin in alert and thumbnail*/
.fix-margin {
    margin-bottom: 0px !important;
}
/*New metronic themes*/


.mt-element-step .row {
    margin: 0;
}

.mt-element-step .step-default .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.mt-element-step .step-default .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto auto 20px;
    padding: 3px 14px;
}

.mt-element-step .step-default .mt-step-title {
    font-size: 30px;
    font-weight: 100;
}

.mt-element-step .step-default .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-default .active .mt-step-number {
        color: #32c5d2 !important;
    }

    .mt-element-step .step-default .active .mt-step-content, .mt-element-step .step-default .active .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-default .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-default .done .mt-step-number {
        color: #26C281 !important;
    }

    .mt-element-step .step-default .done .mt-step-content, .mt-element-step .step-default .done .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-default .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-default .error .mt-step-number {
        color: #E7505A !important;
    }

    .mt-element-step .step-default .error .mt-step-content, .mt-element-step .step-default .error .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mt-element-step .step-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
}

.mt-element-step .step-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px;
}

.mt-element-step .step-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px;
}

.mt-element-step .step-thin .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-thin .active .mt-step-number {
        color: #32c5d2 !important;
    }

    .mt-element-step .step-thin .active .mt-step-content, .mt-element-step .step-thin .active .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-thin .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-thin .done .mt-step-number {
        color: #26C281 !important;
    }

    .mt-element-step .step-thin .done .mt-step-content, .mt-element-step .step-thin .done .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-thin .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-thin .error .mt-step-number {
        color: #E7505A !important;
    }

    .mt-element-step .step-thin .error .mt-step-content, .mt-element-step .step-thin .error .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-background .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    height: 160px;
}

.mt-element-step .step-background .mt-step-number {
    font-size: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: .79em;
    color: #dae1e4;
    z-index: 4;
}

.mt-element-step .step-background .mt-step-content, .mt-element-step .step-background .mt-step-title {
    text-align: right;
    z-index: 5;
    position: relative;
    padding-right: 25%;
}

.mt-element-step .step-background .mt-step-title {
    font-size: 30px;
    font-weight: 100;
}

.mt-element-step .step-background .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-background .active .mt-step-number {
        color: #2ab4c0 !important;
    }

    .mt-element-step .step-background .active .mt-step-content, .mt-element-step .step-background .active .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-background .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-background .done .mt-step-number {
        color: #22ad73 !important;
    }

    .mt-element-step .step-background .done .mt-step-content, .mt-element-step .step-background .done .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-background .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-background .error .mt-step-number {
        color: #e43a45 !important;
    }

    .mt-element-step .step-background .error .mt-step-content, .mt-element-step .step-background .error .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-background-thin .mt-step-col {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.mt-element-step .step-background-thin .mt-step-number {
    font-size: 120px;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: .79em;
    color: #dae1e4;
    z-index: 4;
}

.mt-element-step .step-background-thin .mt-step-title {
    font-size: 30px;
    font-weight: 100;
    text-align: right;
    padding-right: 25%;
    z-index: 5;
    position: relative;
}

.mt-element-step .step-background-thin .mt-step-content {
    text-align: right;
    position: relative;
    padding-right: 25%;
    z-index: 5;
}

.mt-element-step .step-background-thin .active {
    background-color: #32c5d2 !important;
}

    .mt-element-step .step-background-thin .active .mt-step-number {
        color: #2ab4c0 !important;
    }

    .mt-element-step .step-background-thin .active .mt-step-content, .mt-element-step .step-background-thin .active .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-background-thin .done {
    background-color: #26C281 !important;
}

    .mt-element-step .step-background-thin .done .mt-step-number {
        color: #22ad73 !important;
    }

    .mt-element-step .step-background-thin .done .mt-step-content, .mt-element-step .step-background-thin .done .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-background-thin .error {
    background-color: #E7505A !important;
}

    .mt-element-step .step-background-thin .error .mt-step-number {
        color: #e43a45 !important;
    }

    .mt-element-step .step-background-thin .error .mt-step-content, .mt-element-step .step-background-thin .error .mt-step-title {
        color: #fff !important;
    }

.mt-element-step .step-no-background .mt-step-col {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.mt-element-step .step-no-background .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto auto 20px;
    padding: 3px 14px;
    border: 1px solid #e5e5e5;
}

.mt-element-step .step-no-background .mt-step-title {
    font-size: 30px;
    font-weight: 100;
}

.mt-element-step .step-no-background .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .active .mt-step-content, .mt-element-step .step-no-background .active .mt-step-title {
    color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .done .mt-step-content, .mt-element-step .step-no-background .done .mt-step-title {
    color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-no-background .error .mt-step-content, .mt-element-step .step-no-background .error .mt-step-title {
    color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mt-element-step .step-no-background-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
    border: 1px solid #e5e5e5;
}

.mt-element-step .step-no-background-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px;
}

.mt-element-step .step-no-background-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px;
}

.mt-element-step .step-no-background-thin .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .active .mt-step-content, .mt-element-step .step-no-background-thin .active .mt-step-title {
    color: #32c5d2 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .done .mt-step-content, .mt-element-step .step-no-background-thin .done .mt-step-title {
    color: #26C281 !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-no-background-thin .error .mt-step-content, .mt-element-step .step-no-background-thin .error .mt-step-title {
    color: #E7505A !important;
    font-weight: 700;
}

.mt-element-step .step-line .mt-step-col {
    padding: 30px 0;
    text-align: center;
}

.mt-element-step .step-line .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    display: inline-block;
    margin: auto auto 5px;
    padding: 9px;
    border: 3px solid #e5e5e5;
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    text-align: center;
}

    .mt-element-step .step-line .mt-step-number > i {
        position: relative;
        top: 50%;
        transform: translateY(-120%);
    }

.mt-element-step .step-line .mt-step-title {
    font-size: 20px;
    font-weight: 400;
    position: relative;
}

    .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {
        content: '';
        height: 3px;
        width: 50%;
        position: absolute;
        background-color: #e5e5e5;
        top: -32px;
        z-index: 4;
        transform: translateY(-100%);
    }

    .mt-element-step .step-line .mt-step-title:after {
        left: 50%;
    }

    .mt-element-step .step-line .mt-step-title:before {
        right: 50%;
    }

.mt-element-step .step-line .first .mt-step-title:before, .mt-element-step .step-line .last .mt-step-title:after {
    content: none;
}

.mt-element-step .step-line .active .mt-step-number {
    color: #32c5d2 !important;
    border-color: #32c5d2 !important;
}

.mt-element-step .step-line .active .mt-step-content, .mt-element-step .step-line .active .mt-step-title {
    color: #32c5d2 !important;
}

    .mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
        background-color: #32c5d2;
    }

.mt-element-step .step-line .done .mt-step-number {
    color: #26C281 !important;
    border-color: #26C281 !important;
}

.mt-element-step .step-line .done .mt-step-content, .mt-element-step .step-line .done .mt-step-title {
    color: #26C281 !important;
}

    .mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
        background-color: #26C281;
    }

.mt-element-step .step-line .error .mt-step-number {
    color: #E7505A !important;
    border-color: #E7505A !important;
}

.mt-element-step .step-line .error .mt-step-content, .mt-element-step .step-line .error .mt-step-title {
    color: #E7505A !important;
}

    .mt-element-step .step-line .error .mt-step-title:after, .mt-element-step .step-line .error .mt-step-title:before {
        background-color: #E7505A;
    }

@media (max-width:991px) {
    .mt-element-step .step-line .mt-step-title: after, .mt-element-step .step-line .mt-step-title:before {
        content: none;
    }
}

.mt-element-list .list-default.mt-list-head {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
}

    .mt-element-list .list-default.mt-list-head .list-title {
        margin: 0 0 .7em;
        font-size: 18px;
    }

    .mt-element-list .list-default.mt-list-head .list-date {
        font-size: 12px;
    }

    .mt-element-list .list-default.mt-list-head .list-pending {
        margin-bottom: 10px;
    }

    .mt-element-list .list-default.mt-list-head .list-count {
        display: inline-block;
        padding: 3px 7px;
    }

        .mt-element-list .list-default.mt-list-head .list-count.last {
            margin-bottom: 0;
        }

    .mt-element-list .list-default.mt-list-head .list-label {
        display: inline-block;
        font-size: 12px;
    }

.mt-element-list .list-default.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px;
}

    .mt-element-list .list-default.mt-list-container .mt-list-title {
        padding-bottom: 15px;
        font-size: 14px;
        font-weight: 700;
    }

    .mt-element-list .list-default.mt-list-container ul {
        margin-bottom: 0;
        padding: 0;
    }

        .mt-element-list .list-default.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #e7ecf1;
            padding: 25px 0;
            min-height: 45px;
        }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item:first-child {
                padding-top: 0;
            }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item:last-child {
                padding-bottom: 0;
                border: none;
            }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container {
                border: 1px solid #e7ecf1;
                border-radius: 50% !important;
                padding: .9em;
                float: left;
                width: 45px;
                height: 45px;
            }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a {
                    color: #34495e;
                }

                    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
                        color: #26C281;
                        text-decoration: none;
                    }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done {
                    border-color: #26C281;
                }

                    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
                        color: #26C281;
                    }

                        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
                            color: #26C281;
                            text-decoration: none;
                        }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 75px 0 60px;
            }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin-top: 0;
                    margin-bottom: 5px;
                    font-size: 16px;
                }

                    .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e;
                    }

                        .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #26C281;
                            text-decoration: none;
                        }

                .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-item-content > p {
                    margin: 0;
                }

            .mt-element-list .list-default.mt-list-container ul > .mt-list-item > .list-datetime {
                text-align: right;
                float: right;
                width: 60px;
            }

.mt-element-list .list-default.ext-1.mt-list-container {
    padding: 15px 0 0;
}

    .mt-element-list .list-default.ext-1.mt-list-container .mt-list-title {
        padding: 0 15px 15px;
    }

    .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item {
        padding: 15px;
        border-left: 3px solid;
        border-color: red red #e7ecf1;
    }

        .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item:hover {
            background-color: #e5e5e5;
        }

        .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done {
            border-color: #26C281 #26C281 #e7ecf1;
        }

            .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item.done:hover {
                background-color: #96ebc8;
            }

        .mt-element-list .list-default.ext-1.mt-list-container ul > .mt-list-item > .list-icon-container {
            border: none;
        }

.mt-element-list .list-default.group .list-toggle-container:active, .mt-element-list .list-default.group .list-toggle-container:focus, .mt-element-list .list-default.group .list-toggle-container:hover {
    text-decoration: none;
}

.mt-element-list .list-default.group .list-toggle-container .list-toggle {
    padding: 15px;
    background-color: #2F353B;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

    .mt-element-list .list-default.group .list-toggle-container .list-toggle.done {
        background-color: #26C281;
    }

.mt-element-list .list-simple.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px;
}

    .mt-element-list .list-simple.mt-list-container ul {
        margin-bottom: 0;
        padding: 0;
    }

        .mt-element-list .list-simple.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #e7ecf1;
            padding: 15px 0;
        }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:first-child {
                padding-top: 0;
            }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item:last-child {
                padding-bottom: 0;
                border: none;
            }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container {
                font-size: 14px;
                float: left;
            }

                .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a {
                    color: #34495e;
                }

                    .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container > a:hover {
                        color: #26C281;
                        text-decoration: none;
                    }

                .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done, .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a {
                    color: #26C281;
                }

                    .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-icon-container.done > a:hover {
                        color: #26C281;
                        text-decoration: none;
                    }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 75px 0 60px;
            }

                .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin: 0;
                    font-size: 18px;
                }

                    .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e;
                    }

                        .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #26C281;
                            text-decoration: none;
                        }

            .mt-element-list .list-simple.mt-list-container ul > .mt-list-item > .list-datetime {
                text-align: right;
                float: right;
                width: 60px;
            }

.mt-element-list .list-simple.mt-list-head {
    padding: 15px;
}

    .mt-element-list .list-simple.mt-list-head .list-title {
        margin: 0;
        padding-right: 85px;
    }

    .mt-element-list .list-simple.mt-list-head .list-date {
        font-size: 12px;
        opacity: .8;
        float: right;
        width: 75px;
    }

.mt-element-list .list-simple.ext-1.mt-list-container {
    padding: 0;
}

    .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item {
        padding: 15px;
        border-left: 3px solid;
        border-color: #34495e #34495e #e7ecf1;
    }

        .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item:hover {
            background-color: #e5e5e5;
        }

        .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done {
            border-color: #26C281 #26C281 #e7ecf1;
        }

            .mt-element-list .list-simple.ext-1.mt-list-container ul > .mt-list-item.done:hover {
                background-color: #96ebc8;
            }

.mt-element-list .list-simple.group .list-toggle-container:active, .mt-element-list .list-simple.group .list-toggle-container:focus, .mt-element-list .list-simple.group .list-toggle-container:hover {
    text-decoration: none;
}

.mt-element-list .list-simple.group .list-toggle-container .list-toggle {
    padding: 15px;
    background-color: #34495e;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

    .mt-element-list .list-simple.group .list-toggle-container .list-toggle.done {
        background-color: #26C281;
    }

.mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:hover, .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:hover {
    background-color: #e5e5e5;
}

.mt-element-list .list-news.mt-list-head {
    padding: 15px;
    text-align: center;
}

    .mt-element-list .list-news.mt-list-head .list-title {
        margin: 0;
    }

    .mt-element-list .list-news.mt-list-head .badge {
        margin-top: 5px;
    }

.mt-element-list .list-news.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    padding: 15px 0;
}

    .mt-element-list .list-news.mt-list-container ul {
        margin-bottom: 0;
        padding: 0;
    }

        .mt-element-list .list-news.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-color: #e7ecf1;
            padding: 15px;
            position: relative;
        }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item:first-child {
                padding-top: 0;
            }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item:last-child {
                padding-bottom: 0;
                border: none;
            }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container {
                font-size: 20px;
                position: absolute;
                right: 5px;
                top: 50%;
                margin-top: -10px;
            }

                .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a {
                    color: #2f353b;
                }

                    .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
                        color: #32c5d2;
                    }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 25px 0 0;
            }

                .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin: 0 0 10px;
                    font-size: 18px;
                }

                    .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e;
                    }

                        .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #32c5d2;
                            text-decoration: none;
                        }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-datetime {
                margin-bottom: 10px;
            }

.mt-element-list .list-news.ext-1.mt-list-head {
    position: relative;
    text-align: left;
}

    .mt-element-list .list-news.ext-1.mt-list-head .list-count {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 19px;
    }

.mt-element-list .list-news.ext-1 .list-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
}

    .mt-element-list .list-news.ext-1 .list-thumb img {
        width: 100%;
    }

.mt-element-list .list-news.ext-1.mt-list-container {
    padding: 0;
}

    .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item {
        padding: 15px;
    }

        .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item > .list-item-content {
            padding-left: 90px;
        }

        .mt-element-list .list-news.ext-1.mt-list-container ul > .mt-list-item:last-child {
            padding-bottom: 15px;
        }

.mt-element-list .list-news.ext-2.mt-list-head {
    position: relative;
    text-align: left;
}

    .mt-element-list .list-news.ext-2.mt-list-head .list-count {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 19px;
    }

.mt-element-list .list-news.ext-2 .list-thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left;
}

    .mt-element-list .list-news.ext-2 .list-thumb img {
        width: 100%;
    }

.mt-element-list .list-news.ext-2.mt-list-container {
    padding: 0;
}

    .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item {
        padding: 15px;
    }

        .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-datetime, .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content {
            padding-left: 90px;
        }

            .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                font-size: 16px;
            }

                .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                    color: #F2784B;
                }

        .mt-element-list .list-news.ext-2.mt-list-container ul > .mt-list-item:last-child {
            padding-bottom: 15px;
        }

.mt-element-list .list-todo.mt-list-head {
    padding: 15px;
    position: relative;
}

    .mt-element-list .list-todo.mt-list-head .list-title {
        margin: 0;
    }

    .mt-element-list .list-todo.mt-list-head .list-head-count {
        margin-top: 5px;
    }

        .mt-element-list .list-todo.mt-list-head .list-head-count > .list-head-count-item {
            display: inline-block;
            margin-right: 15px;
        }

    .mt-element-list .list-todo.mt-list-head .list-count {
        position: absolute;
        top: 0;
        right: 0;
        padding: 29px;
        font-size: 16px;
    }

    .mt-element-list .list-todo.mt-list-head a {
        color: #fff;
    }

        .mt-element-list .list-todo.mt-list-head a:hover {
            text-decoration: none;
        }

.mt-element-list .list-todo.mt-list-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e7ecf1;
    position: relative;
}

    .mt-element-list .list-todo.mt-list-container .list-todo-line {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 1px;
        top: 0;
        left: 25px;
        border-left: 1px solid;
        border-color: #e7ecf1;
    }

    .mt-element-list .list-todo.mt-list-container ul {
        margin-bottom: 0;
        padding: 0;
        position: relative;
        z-index: 5;
    }

        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item {
            list-style: none;
            border-bottom: 1px solid;
            border-bottom-style: dashed;
            border-color: #e7ecf1;
            padding: 15px;
            position: relative;
        }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item:last-child {
                border: none;
            }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-icon {
                display: inline-block;
                margin-top: .7em;
                padding: .7em 0;
                vertical-align: top;
            }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item {
                margin-left: 15px;
                display: inline-block;
                vertical-align: top;
                width: 90%;
                position: relative;
            }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item:after {
                    right: 100%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                    border-color: rgba(47, 53, 59, 0);
                    border-right-color: #2f353b;
                    border-width: 8px;
                    top: 18px;
                }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:active, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:focus, .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container:hover {
                    text-decoration: none;
                }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle {
                    padding: 15px;
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item > .list-toggle-container .list-toggle > .list-toggle-title {
                        display: inline-block;
                    }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list {
                    border: 1px solid #e7ecf1;
                    padding: 0;
                    margin: 0;
                    position: relative;
                    border-top: none;
                    border-bottom: none;
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item {
                        list-style: none;
                        padding: 15px;
                        border-bottom: 1px solid;
                        border-color: #e7ecf1;
                    }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a {
                            color: #2f353b;
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item a:hover {
                                text-decoration: none;
                                color: #e43a45;
                            }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item:last-child {
                            border-bottom: none;
                        }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-icon {
                            float: left;
                        }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content {
                            padding: 0 45px 0 35px;
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > h4 {
                                margin-top: 0;
                                font-size: 14px;
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-content > p {
                                font-size: 13px;
                                margin: 0;
                            }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status {
                            float: right;
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status a {
                                color: #e5e5e5;
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .done:hover {
                                color: #26C281;
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item > .task-status .pending:hover {
                                color: #e43a45;
                            }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-list-item.done > .task-status .done {
                            color: #26C281;
                        }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer {
                        padding: 15px;
                        text-align: center;
                    }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a {
                            color: #2f353b;
                        }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a:hover {
                                text-decoration: none;
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-trash:hover {
                                color: #e43a45;
                            }

                            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-todo-item .task-list .task-footer a.task-add:hover {
                                color: #26C281;
                            }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container {
                font-size: 20px;
                position: absolute;
                right: 5px;
                top: 50%;
                margin-top: -10px;
            }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a {
                    color: #2f353b;
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
                        color: #32c5d2;
                    }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content {
                padding: 0 25px 0 0;
            }

                .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 {
                    margin: 0 0 10px;
                    font-size: 18px;
                }

                    .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a {
                        color: #34495e;
                    }

                        .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
                            color: #32c5d2;
                            text-decoration: none;
                        }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-datetime {
                margin-bottom: 10px;
            }

.mt-element-list .list-default.mt-list-head.white, .mt-element-list .list-default.mt-list-head.white .badge {
    background-color: #fff;
    color: #666;
}

    .mt-element-list .list-default.mt-list-head.white.ext-1 .badge {
        background-color: #e6e6e6;
    }

    .mt-element-list .list-default.mt-list-head.white .list-date, .mt-element-list .list-default.mt-list-head.white .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.white, .mt-element-list .list-todo.mt-list-head.white {
    background-color: #fff;
    color: #666;
}

    .mt-element-list .list-todo .list-count.white:hover {
        background-color: #f2f2f2;
    }

.mt-element-list .list-todo .list-todo-line.white {
    border-color: #fff;
}

.mt-element-list .list-todo .list-todo-item.white:after {
    border-right-color: #fff !important;
}

.mt-element-list .list-todo .list-todo-item.white .list-toggle {
    background: #fff;
    color: #666 !important;
}

    .mt-element-list .list-todo .list-todo-item.white .list-toggle > .badge {
        color: #fff;
        background: #666;
    }

.mt-element-list .list-default.mt-list-head.default {
    background-color: #e1e5ec;
    color: #666;
}

    .mt-element-list .list-default.mt-list-head.default .badge {
        background-color: #fff;
        color: #666;
    }

    .mt-element-list .list-default.mt-list-head.default.ext-1 .badge {
        background-color: #c2cad8;
    }

    .mt-element-list .list-default.mt-list-head.default .list-date, .mt-element-list .list-default.mt-list-head.default .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.default, .mt-element-list .list-todo.mt-list-head.default {
    background-color: #e1e5ec;
    color: #666;
}

    .mt-element-list .list-todo .list-count.default:hover {
        background-color: #d1d7e2;
    }

.mt-element-list .list-todo .list-todo-line.default {
    border-color: #e1e5ec;
}

.mt-element-list .list-todo .list-todo-item.default:after {
    border-right-color: #e1e5ec !important;
}

.mt-element-list .list-todo .list-todo-item.default .list-toggle {
    background: #e1e5ec;
    color: #666 !important;
}

    .mt-element-list .list-todo .list-todo-item.default .list-toggle > .badge {
        color: #e1e5ec;
        background: #666;
    }

.mt-element-list .list-default.mt-list-head.dark {
    background-color: #2f353b;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.dark .badge {
        background-color: #464f57;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.dark.ext-1 .badge {
        background-color: #181c1f;
    }

    .mt-element-list .list-default.mt-list-head.dark .list-date, .mt-element-list .list-default.mt-list-head.dark .list-label {
        color: #acb5bd;
    }

.mt-element-list .list-todo .list-count.dark, .mt-element-list .list-todo.mt-list-head.dark {
    background-color: #2f353b;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.dark:hover {
        background-color: #24282d;
    }

.mt-element-list .list-todo .list-todo-line.dark {
    border-color: #2f353b;
}

.mt-element-list .list-todo .list-todo-item.dark:after {
    border-right-color: #2f353b !important;
}

.mt-element-list .list-todo .list-todo-item.dark .list-toggle {
    background: #2f353b;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.dark .list-toggle > .badge {
        color: #2f353b;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue {
    background-color: #3598dc;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue .badge {
        background-color: #60aee4;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue.ext-1 .badge {
        background-color: #217ebd;
    }

    .mt-element-list .list-default.mt-list-head.blue .list-date, .mt-element-list .list-default.mt-list-head.blue .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue, .mt-element-list .list-todo.mt-list-head.blue {
    background-color: #3598dc;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue:hover {
        background-color: #258cd3;
    }

.mt-element-list .list-todo .list-todo-line.blue {
    border-color: #3598dc;
}

.mt-element-list .list-todo .list-todo-item.blue:after {
    border-right-color: #3598dc !important;
}

.mt-element-list .list-todo .list-todo-item.blue .list-toggle {
    background: #3598dc;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue .list-toggle > .badge {
        color: #3598dc;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-madison {
    background-color: #578ebe;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-madison .badge {
        background-color: #7ca7cc;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-madison.ext-1 .badge {
        background-color: #3f74a3;
    }

    .mt-element-list .list-default.mt-list-head.blue-madison .list-date, .mt-element-list .list-default.mt-list-head.blue-madison .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue-madison, .mt-element-list .list-todo.mt-list-head.blue-madison {
    background-color: #578ebe;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-madison:hover {
        background-color: #4682b5;
    }

.mt-element-list .list-todo .list-todo-line.blue-madison {
    border-color: #578ebe;
}

.mt-element-list .list-todo .list-todo-item.blue-madison:after {
    border-right-color: #578ebe !important;
}

.mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle {
    background: #578ebe;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-madison .list-toggle > .badge {
        color: #578ebe;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-chambray {
    background-color: #2C3E50;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-chambray .badge {
        background-color: #3e5871;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-chambray.ext-1 .badge {
        background-color: #1a252f;
    }

    .mt-element-list .list-default.mt-list-head.blue-chambray .list-date, .mt-element-list .list-default.mt-list-head.blue-chambray .list-label {
        color: #aabed1;
    }

.mt-element-list .list-todo .list-count.blue-chambray, .mt-element-list .list-todo.mt-list-head.blue-chambray {
    background-color: #2C3E50;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-chambray:hover {
        background-color: #233140;
    }

.mt-element-list .list-todo .list-todo-line.blue-chambray {
    border-color: #2C3E50;
}

.mt-element-list .list-todo .list-todo-item.blue-chambray:after {
    border-right-color: #2C3E50 !important;
}

.mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle {
    background: #2C3E50;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-chambray .list-toggle > .badge {
        color: #2C3E50;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-ebonyclay {
    background-color: #22313F;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-ebonyclay .badge {
        background-color: #344b60;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-ebonyclay.ext-1 .badge {
        background-color: #10171e;
    }

    .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-date, .mt-element-list .list-default.mt-list-head.blue-ebonyclay .list-label {
        color: #98b1c8;
    }

.mt-element-list .list-todo .list-count.blue-ebonyclay, .mt-element-list .list-todo.mt-list-head.blue-ebonyclay {
    background-color: #22313F;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-ebonyclay:hover {
        background-color: #19242e;
    }

.mt-element-list .list-todo .list-todo-line.blue-ebonyclay {
    border-color: #22313F;
}

.mt-element-list .list-todo .list-todo-item.blue-ebonyclay:after {
    border-right-color: #22313F !important;
}

.mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle {
    background: #22313F;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-ebonyclay .list-toggle > .badge {
        color: #22313F;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-hoki {
    background-color: #67809F;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-hoki .badge {
        background-color: #869ab3;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-hoki.ext-1 .badge {
        background-color: #526781;
    }

    .mt-element-list .list-default.mt-list-head.blue-hoki .list-date, .mt-element-list .list-default.mt-list-head.blue-hoki .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue-hoki, .mt-element-list .list-todo.mt-list-head.blue-hoki {
    background-color: #67809F;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-hoki:hover {
        background-color: #5c7391;
    }

.mt-element-list .list-todo .list-todo-line.blue-hoki {
    border-color: #67809F;
}

.mt-element-list .list-todo .list-todo-item.blue-hoki:after {
    border-right-color: #67809F !important;
}

.mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle {
    background: #67809F;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-hoki .list-toggle > .badge {
        color: #67809F;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-steel {
    background-color: #4B77BE;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-steel .badge {
        background-color: #7093cc;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-steel.ext-1 .badge {
        background-color: #395f9d;
    }

    .mt-element-list .list-default.mt-list-head.blue-steel .list-date, .mt-element-list .list-default.mt-list-head.blue-steel .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue-steel, .mt-element-list .list-todo.mt-list-head.blue-steel {
    background-color: #4B77BE;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-steel:hover {
        background-color: #406bb0;
    }

.mt-element-list .list-todo .list-todo-line.blue-steel {
    border-color: #4B77BE;
}

.mt-element-list .list-todo .list-todo-item.blue-steel:after {
    border-right-color: #4B77BE !important;
}

.mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle {
    background: #4B77BE;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-steel .list-toggle > .badge {
        color: #4B77BE;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-soft {
    background-color: #4c87b9;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-soft .badge {
        background-color: #71a0c7;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-soft.ext-1 .badge {
        background-color: #3b6d97;
    }

    .mt-element-list .list-default.mt-list-head.blue-soft .list-date, .mt-element-list .list-default.mt-list-head.blue-soft .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue-soft, .mt-element-list .list-todo.mt-list-head.blue-soft {
    background-color: #4c87b9;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-soft:hover {
        background-color: #427aa9;
    }

.mt-element-list .list-todo .list-todo-line.blue-soft {
    border-color: #4c87b9;
}

.mt-element-list .list-todo .list-todo-item.blue-soft:after {
    border-right-color: #4c87b9 !important;
}

.mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle {
    background: #4c87b9;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-soft .list-toggle > .badge {
        color: #4c87b9;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-dark {
    background-color: #5e738b;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-dark .badge {
        background-color: #788da4;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-dark.ext-1 .badge {
        background-color: #495a6d;
    }

    .mt-element-list .list-default.mt-list-head.blue-dark .list-date, .mt-element-list .list-default.mt-list-head.blue-dark .list-label {
        color: #f2f4f6;
    }

.mt-element-list .list-todo .list-count.blue-dark, .mt-element-list .list-todo.mt-list-head.blue-dark {
    background-color: #5e738b;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-dark:hover {
        background-color: #54667c;
    }

.mt-element-list .list-todo .list-todo-line.blue-dark {
    border-color: #5e738b;
}

.mt-element-list .list-todo .list-todo-item.blue-dark:after {
    border-right-color: #5e738b !important;
}

.mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle {
    background: #5e738b;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-dark .list-toggle > .badge {
        color: #5e738b;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-sharp {
    background-color: #5C9BD1;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-sharp .badge {
        background-color: #84b3dc;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-sharp.ext-1 .badge {
        background-color: #3782c3;
    }

    .mt-element-list .list-default.mt-list-head.blue-sharp .list-date, .mt-element-list .list-default.mt-list-head.blue-sharp .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue-sharp, .mt-element-list .list-todo.mt-list-head.blue-sharp {
    background-color: #5C9BD1;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-sharp:hover {
        background-color: #488fcb;
    }

.mt-element-list .list-todo .list-todo-line.blue-sharp {
    border-color: #5C9BD1;
}

.mt-element-list .list-todo .list-todo-item.blue-sharp:after {
    border-right-color: #5C9BD1 !important;
}

.mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle {
    background: #5C9BD1;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-sharp .list-toggle > .badge {
        color: #5C9BD1;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.blue-oleo {
    background-color: #94A0B2;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.blue-oleo .badge {
        background-color: #b2bac7;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.blue-oleo.ext-1 .badge {
        background-color: #76869d;
    }

    .mt-element-list .list-default.mt-list-head.blue-oleo .list-date, .mt-element-list .list-default.mt-list-head.blue-oleo .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.blue-oleo, .mt-element-list .list-todo.mt-list-head.blue-oleo {
    background-color: #94A0B2;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.blue-oleo:hover {
        background-color: #8593a7;
    }

.mt-element-list .list-todo .list-todo-line.blue-oleo {
    border-color: #94A0B2;
}

.mt-element-list .list-todo .list-todo-item.blue-oleo:after {
    border-right-color: #94A0B2 !important;
}

.mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle {
    background: #94A0B2;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.blue-oleo .list-toggle > .badge {
        color: #94A0B2;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green {
    background-color: #32c5d2;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green .badge {
        background-color: #5cd1db;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green.ext-1 .badge {
        background-color: #26a1ab;
    }

    .mt-element-list .list-default.mt-list-head.green .list-date, .mt-element-list .list-default.mt-list-head.green .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.green, .mt-element-list .list-todo.mt-list-head.green {
    background-color: #32c5d2;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green:hover {
        background-color: #2ab4c0;
    }

.mt-element-list .list-todo .list-todo-line.green {
    border-color: #32c5d2;
}

.mt-element-list .list-todo .list-todo-item.green:after {
    border-right-color: #32c5d2 !important;
}

.mt-element-list .list-todo .list-todo-item.green .list-toggle {
    background: #32c5d2;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green .list-toggle > .badge {
        color: #32c5d2;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-meadow {
    background-color: #1BBC9B;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-meadow .badge {
        background-color: #2ae0bb;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-meadow.ext-1 .badge {
        background-color: #158f76;
    }

    .mt-element-list .list-default.mt-list-head.green-meadow .list-date, .mt-element-list .list-default.mt-list-head.green-meadow .list-label {
        color: #dcfaf4;
    }

.mt-element-list .list-todo .list-count.green-meadow, .mt-element-list .list-todo.mt-list-head.green-meadow {
    background-color: #1BBC9B;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-meadow:hover {
        background-color: #18a689;
    }

.mt-element-list .list-todo .list-todo-line.green-meadow {
    border-color: #1BBC9B;
}

.mt-element-list .list-todo .list-todo-item.green-meadow:after {
    border-right-color: #1BBC9B !important;
}

.mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle {
    background: #1BBC9B;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-meadow .list-toggle > .badge {
        color: #1BBC9B;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-seagreen {
    background-color: #1BA39C;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-seagreen .badge {
        background-color: #22cfc6;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-seagreen.ext-1 .badge {
        background-color: #147772;
    }

    .mt-element-list .list-default.mt-list-head.green-seagreen .list-date, .mt-element-list .list-default.mt-list-head.green-seagreen .list-label {
        color: #c7f6f3;
    }

.mt-element-list .list-todo .list-count.green-seagreen, .mt-element-list .list-todo.mt-list-head.green-seagreen {
    background-color: #1BA39C;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-seagreen:hover {
        background-color: #178d87;
    }

.mt-element-list .list-todo .list-todo-line.green-seagreen {
    border-color: #1BA39C;
}

.mt-element-list .list-todo .list-todo-item.green-seagreen:after {
    border-right-color: #1BA39C !important;
}

.mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle {
    background: #1BA39C;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-seagreen .list-toggle > .badge {
        color: #1BA39C;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-turquoise {
    background-color: #36D7B7;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-turquoise .badge {
        background-color: #61dfc6;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-turquoise.ext-1 .badge {
        background-color: #24b699;
    }

    .mt-element-list .list-default.mt-list-head.green-turquoise .list-date, .mt-element-list .list-default.mt-list-head.green-turquoise .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.green-turquoise, .mt-element-list .list-todo.mt-list-head.green-turquoise {
    background-color: #36D7B7;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-turquoise:hover {
        background-color: #28cbab;
    }

.mt-element-list .list-todo .list-todo-line.green-turquoise {
    border-color: #36D7B7;
}

.mt-element-list .list-todo .list-todo-item.green-turquoise:after {
    border-right-color: #36D7B7 !important;
}

.mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle {
    background: #36D7B7;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-turquoise .list-toggle > .badge {
        color: #36D7B7;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-haze {
    background-color: #44b6ae;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-haze .badge {
        background-color: #67c6bf;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-haze.ext-1 .badge {
        background-color: #36918b;
    }

    .mt-element-list .list-default.mt-list-head.green-haze .list-date, .mt-element-list .list-default.mt-list-head.green-haze .list-label {
        color: #fbfefd;
    }

.mt-element-list .list-todo .list-count.green-haze, .mt-element-list .list-todo.mt-list-head.green-haze {
    background-color: #44b6ae;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-haze:hover {
        background-color: #3da39c;
    }

.mt-element-list .list-todo .list-todo-line.green-haze {
    border-color: #44b6ae;
}

.mt-element-list .list-todo .list-todo-item.green-haze:after {
    border-right-color: #44b6ae !important;
}

.mt-element-list .list-todo .list-todo-item.green-haze .list-toggle {
    background: #44b6ae;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-haze .list-toggle > .badge {
        color: #44b6ae;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-jungle {
    background-color: #26C281;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-jungle .badge {
        background-color: #41da9a;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-jungle.ext-1 .badge {
        background-color: #1e9765;
    }

    .mt-element-list .list-default.mt-list-head.green-jungle .list-date, .mt-element-list .list-default.mt-list-head.green-jungle .list-label {
        color: #ecfbf5;
    }

.mt-element-list .list-todo .list-count.green-jungle, .mt-element-list .list-todo.mt-list-head.green-jungle {
    background-color: #26C281;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-jungle:hover {
        background-color: #22ad73;
    }

.mt-element-list .list-todo .list-todo-line.green-jungle {
    border-color: #26C281;
}

.mt-element-list .list-todo .list-todo-item.green-jungle:after {
    border-right-color: #26C281 !important;
}

.mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle {
    background: #26C281;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-jungle .list-toggle > .badge {
        color: #26C281;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-soft {
    background-color: #3faba4;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-soft .badge {
        background-color: #5bc2bc;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-soft.ext-1 .badge {
        background-color: #318680;
    }

    .mt-element-list .list-default.mt-list-head.green-soft .list-date, .mt-element-list .list-default.mt-list-head.green-soft .list-label {
        color: #f0f9f9;
    }

.mt-element-list .list-todo .list-count.green-soft, .mt-element-list .list-todo.mt-list-head.green-soft {
    background-color: #3faba4;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-soft:hover {
        background-color: #389892;
    }

.mt-element-list .list-todo .list-todo-line.green-soft {
    border-color: #3faba4;
}

.mt-element-list .list-todo .list-todo-item.green-soft:after {
    border-right-color: #3faba4 !important;
}

.mt-element-list .list-todo .list-todo-item.green-soft .list-toggle {
    background: #3faba4;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-soft .list-toggle > .badge {
        color: #3faba4;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-dark {
    background-color: #4DB3A2;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-dark .badge {
        background-color: #71c2b5;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-dark.ext-1 .badge {
        background-color: #3d9082;
    }

    .mt-element-list .list-default.mt-list-head.green-dark .list-date, .mt-element-list .list-default.mt-list-head.green-dark .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.green-dark, .mt-element-list .list-todo.mt-list-head.green-dark {
    background-color: #4DB3A2;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-dark:hover {
        background-color: #45a292;
    }

.mt-element-list .list-todo .list-todo-line.green-dark {
    border-color: #4DB3A2;
}

.mt-element-list .list-todo .list-todo-item.green-dark:after {
    border-right-color: #4DB3A2 !important;
}

.mt-element-list .list-todo .list-todo-item.green-dark .list-toggle {
    background: #4DB3A2;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-dark .list-toggle > .badge {
        color: #4DB3A2;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-sharp {
    background-color: #2ab4c0;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-sharp .badge {
        background-color: #46cbd7;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-sharp.ext-1 .badge {
        background-color: #218d96;
    }

    .mt-element-list .list-default.mt-list-head.green-sharp .list-date, .mt-element-list .list-default.mt-list-head.green-sharp .list-label {
        color: #eefafb;
    }

.mt-element-list .list-todo .list-count.green-sharp, .mt-element-list .list-todo.mt-list-head.green-sharp {
    background-color: #2ab4c0;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-sharp:hover {
        background-color: #25a0ab;
    }

.mt-element-list .list-todo .list-todo-line.green-sharp {
    border-color: #2ab4c0;
}

.mt-element-list .list-todo .list-todo-item.green-sharp:after {
    border-right-color: #2ab4c0 !important;
}

.mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle {
    background: #2ab4c0;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-sharp .list-toggle > .badge {
        color: #2ab4c0;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.green-steel {
    background-color: #29b4b6;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.green-steel .badge {
        background-color: #3ed1d4;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.green-steel.ext-1 .badge {
        background-color: #208b8c;
    }

    .mt-element-list .list-default.mt-list-head.green-steel .list-date, .mt-element-list .list-default.mt-list-head.green-steel .list-label {
        color: #e5f9f9;
    }

.mt-element-list .list-todo .list-count.green-steel, .mt-element-list .list-todo.mt-list-head.green-steel {
    background-color: #29b4b6;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.green-steel:hover {
        background-color: #249fa1;
    }

.mt-element-list .list-todo .list-todo-line.green-steel {
    border-color: #29b4b6;
}

.mt-element-list .list-todo .list-todo-item.green-steel:after {
    border-right-color: #29b4b6 !important;
}

.mt-element-list .list-todo .list-todo-item.green-steel .list-toggle {
    background: #29b4b6;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.green-steel .list-toggle > .badge {
        color: #29b4b6;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.grey {
    background-color: #E5E5E5;
    color: #333;
}

    .mt-element-list .list-default.mt-list-head.grey .badge {
        background-color: #fff;
        color: #333;
    }

    .mt-element-list .list-default.mt-list-head.grey.ext-1 .badge {
        background-color: #ccc;
    }

    .mt-element-list .list-default.mt-list-head.grey .list-date, .mt-element-list .list-default.mt-list-head.grey .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey, .mt-element-list .list-todo.mt-list-head.grey {
    background-color: #E5E5E5;
    color: #333;
}

    .mt-element-list .list-todo .list-count.grey:hover {
        background-color: #d8d8d8;
    }

.mt-element-list .list-todo .list-todo-line.grey {
    border-color: #E5E5E5;
}

.mt-element-list .list-todo .list-todo-item.grey:after {
    border-right-color: #E5E5E5 !important;
}

.mt-element-list .list-todo .list-todo-item.grey .list-toggle {
    background: #E5E5E5;
    color: #333 !important;
}

    .mt-element-list .list-todo .list-todo-item.grey .list-toggle > .badge {
        color: #E5E5E5;
        background: #333;
    }

.mt-element-list .list-default.mt-list-head.grey-steel {
    background-color: #e9edef;
    color: #80898e;
}

    .mt-element-list .list-default.mt-list-head.grey-steel .badge {
        background-color: #fff;
        color: #80898e;
    }

    .mt-element-list .list-default.mt-list-head.grey-steel.ext-1 .badge {
        background-color: #cbd5da;
    }

    .mt-element-list .list-default.mt-list-head.grey-steel .list-date, .mt-element-list .list-default.mt-list-head.grey-steel .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey-steel, .mt-element-list .list-todo.mt-list-head.grey-steel {
    background-color: #e9edef;
    color: #80898e;
}

    .mt-element-list .list-todo .list-count.grey-steel:hover {
        background-color: #dae1e4;
    }

.mt-element-list .list-todo .list-todo-line.grey-steel {
    border-color: #e9edef;
}

.mt-element-list .list-todo .list-todo-item.grey-steel:after {
    border-right-color: #e9edef !important;
}

.mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle {
    background: #e9edef;
    color: #80898e !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-steel .list-toggle > .badge {
        color: #e9edef;
        background: #80898e;
    }

.mt-element-list .list-default.mt-list-head.grey-cararra {
    background-color: #fafafa;
    color: #333;
}

    .mt-element-list .list-default.mt-list-head.grey-cararra .badge {
        background-color: #fff;
        color: #333;
    }

    .mt-element-list .list-default.mt-list-head.grey-cararra.ext-1 .badge {
        background-color: #e1e1e1;
    }

    .mt-element-list .list-default.mt-list-head.grey-cararra .list-date, .mt-element-list .list-default.mt-list-head.grey-cararra .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey-cararra, .mt-element-list .list-todo.mt-list-head.grey-cararra {
    background-color: #fafafa;
    color: #333;
}

    .mt-element-list .list-todo .list-count.grey-cararra:hover {
        background-color: #ededed;
    }

.mt-element-list .list-todo .list-todo-line.grey-cararra {
    border-color: #fafafa;
}

.mt-element-list .list-todo .list-todo-item.grey-cararra:after {
    border-right-color: #fafafa !important;
}

.mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle {
    background: #fafafa;
    color: #333 !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-cararra .list-toggle > .badge {
        color: #fafafa;
        background: #333;
    }

.mt-element-list .list-default.mt-list-head.grey-gallery {
    background-color: #555;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.grey-gallery .badge {
        background-color: #6f6f6f;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.grey-gallery.ext-1 .badge {
        background-color: #3c3c3c;
    }

    .mt-element-list .list-default.mt-list-head.grey-gallery .list-date, .mt-element-list .list-default.mt-list-head.grey-gallery .list-label {
        color: #d5d5d5;
    }

.mt-element-list .list-todo .list-count.grey-gallery, .mt-element-list .list-todo.mt-list-head.grey-gallery {
    background-color: #555;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.grey-gallery:hover {
        background-color: #484848;
    }

.mt-element-list .list-todo .list-todo-line.grey-gallery {
    border-color: #555;
}

.mt-element-list .list-todo .list-todo-item.grey-gallery:after {
    border-right-color: #555 !important;
}

.mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle {
    background: #555;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-gallery .list-toggle > .badge {
        color: #555;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.grey-cascade {
    background-color: #95A5A6;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.grey-cascade .badge {
        background-color: #b1bdbd;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.grey-cascade.ext-1 .badge {
        background-color: #798d8f;
    }

    .mt-element-list .list-default.mt-list-head.grey-cascade .list-date, .mt-element-list .list-default.mt-list-head.grey-cascade .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey-cascade, .mt-element-list .list-todo.mt-list-head.grey-cascade {
    background-color: #95A5A6;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.grey-cascade:hover {
        background-color: #87999a;
    }

.mt-element-list .list-todo .list-todo-line.grey-cascade {
    border-color: #95A5A6;
}

.mt-element-list .list-todo .list-todo-item.grey-cascade:after {
    border-right-color: #95A5A6 !important;
}

.mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle {
    background: #95A5A6;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-cascade .list-toggle > .badge {
        color: #95A5A6;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.grey-silver {
    background-color: #BFBFBF;
    color: #FAFCFB;
}

    .mt-element-list .list-default.mt-list-head.grey-silver .badge {
        background-color: #d9d9d9;
        color: #FAFCFB;
    }

    .mt-element-list .list-default.mt-list-head.grey-silver.ext-1 .badge {
        background-color: #a6a6a6;
    }

    .mt-element-list .list-default.mt-list-head.grey-silver .list-date, .mt-element-list .list-default.mt-list-head.grey-silver .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey-silver, .mt-element-list .list-todo.mt-list-head.grey-silver {
    background-color: #BFBFBF;
    color: #FAFCFB;
}

    .mt-element-list .list-todo .list-count.grey-silver:hover {
        background-color: #b2b2b2;
    }

.mt-element-list .list-todo .list-todo-line.grey-silver {
    border-color: #BFBFBF;
}

.mt-element-list .list-todo .list-todo-item.grey-silver:after {
    border-right-color: #BFBFBF !important;
}

.mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle {
    background: #BFBFBF;
    color: #FAFCFB !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-silver .list-toggle > .badge {
        color: #BFBFBF;
        background: #FAFCFB;
    }

.mt-element-list .list-default.mt-list-head.grey-salsa {
    background-color: #ACB5C3;
    color: #FAFCFB;
}

    .mt-element-list .list-default.mt-list-head.grey-salsa .badge {
        background-color: #cacfd8;
        color: #FAFCFB;
    }

    .mt-element-list .list-default.mt-list-head.grey-salsa.ext-1 .badge {
        background-color: #8e9bae;
    }

    .mt-element-list .list-default.mt-list-head.grey-salsa .list-date, .mt-element-list .list-default.mt-list-head.grey-salsa .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey-salsa, .mt-element-list .list-todo.mt-list-head.grey-salsa {
    background-color: #ACB5C3;
    color: #FAFCFB;
}

    .mt-element-list .list-todo .list-count.grey-salsa:hover {
        background-color: #9da8b8;
    }

.mt-element-list .list-todo .list-todo-line.grey-salsa {
    border-color: #ACB5C3;
}

.mt-element-list .list-todo .list-todo-item.grey-salsa:after {
    border-right-color: #ACB5C3 !important;
}

.mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle {
    background: #ACB5C3;
    color: #FAFCFB !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-salsa .list-toggle > .badge {
        color: #ACB5C3;
        background: #FAFCFB;
    }

.mt-element-list .list-default.mt-list-head.grey-salt {
    background-color: #bfcad1;
    color: #FAFCFB;
}

    .mt-element-list .list-default.mt-list-head.grey-salt .badge {
        background-color: #dde3e6;
        color: #FAFCFB;
    }

    .mt-element-list .list-default.mt-list-head.grey-salt.ext-1 .badge {
        background-color: #a1b1bc;
    }

    .mt-element-list .list-default.mt-list-head.grey-salt .list-date, .mt-element-list .list-default.mt-list-head.grey-salt .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.grey-salt, .mt-element-list .list-todo.mt-list-head.grey-salt {
    background-color: #bfcad1;
    color: #FAFCFB;
}

    .mt-element-list .list-todo .list-count.grey-salt:hover {
        background-color: #b0bec6;
    }

.mt-element-list .list-todo .list-todo-line.grey-salt {
    border-color: #bfcad1;
}

.mt-element-list .list-todo .list-todo-item.grey-salt:after {
    border-right-color: #bfcad1 !important;
}

.mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle {
    background: #bfcad1;
    color: #FAFCFB !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-salt .list-toggle > .badge {
        color: #bfcad1;
        background: #FAFCFB;
    }

.mt-element-list .list-default.mt-list-head.grey-mint {
    background-color: #525e64;
    color: #FFF;
}

    .mt-element-list .list-default.mt-list-head.grey-mint .badge {
        background-color: #697880;
        color: #FFF;
    }

    .mt-element-list .list-default.mt-list-head.grey-mint.ext-1 .badge {
        background-color: #3b4448;
    }

    .mt-element-list .list-default.mt-list-head.grey-mint .list-date, .mt-element-list .list-default.mt-list-head.grey-mint .list-label {
        color: #d7dcde;
    }

.mt-element-list .list-todo .list-count.grey-mint, .mt-element-list .list-todo.mt-list-head.grey-mint {
    background-color: #525e64;
    color: #FFF;
}

    .mt-element-list .list-todo .list-count.grey-mint:hover {
        background-color: #475156;
    }

.mt-element-list .list-todo .list-todo-line.grey-mint {
    border-color: #525e64;
}

.mt-element-list .list-todo .list-todo-item.grey-mint:after {
    border-right-color: #525e64 !important;
}

.mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle {
    background: #525e64;
    color: #FFF !important;
}

    .mt-element-list .list-todo .list-todo-item.grey-mint .list-toggle > .badge {
        color: #525e64;
        background: #FFF;
    }

.mt-element-list .list-default.mt-list-head.red {
    background-color: #e7505a;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red .badge {
        background-color: #ed7d84;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red.ext-1 .badge {
        background-color: #e12330;
    }

    .mt-element-list .list-default.mt-list-head.red .list-date, .mt-element-list .list-default.mt-list-head.red .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red, .mt-element-list .list-todo.mt-list-head.red {
    background-color: #e7505a;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red:hover {
        background-color: #e43a45;
    }

.mt-element-list .list-todo .list-todo-line.red {
    border-color: #e7505a;
}

.mt-element-list .list-todo .list-todo-item.red:after {
    border-right-color: #e7505a !important;
}

.mt-element-list .list-todo .list-todo-item.red .list-toggle {
    background: #e7505a;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red .list-toggle > .badge {
        color: #e7505a;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-pink {
    background-color: #E08283;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-pink .badge {
        background-color: #eaabac;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-pink.ext-1 .badge {
        background-color: #d6595a;
    }

    .mt-element-list .list-default.mt-list-head.red-pink .list-date, .mt-element-list .list-default.mt-list-head.red-pink .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-pink, .mt-element-list .list-todo.mt-list-head.red-pink {
    background-color: #E08283;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-pink:hover {
        background-color: #db6e6f;
    }

.mt-element-list .list-todo .list-todo-line.red-pink {
    border-color: #E08283;
}

.mt-element-list .list-todo .list-todo-item.red-pink:after {
    border-right-color: #E08283 !important;
}

.mt-element-list .list-todo .list-todo-item.red-pink .list-toggle {
    background: #E08283;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-pink .list-toggle > .badge {
        color: #E08283;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-sunglo {
    background-color: #E26A6A;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-sunglo .badge {
        background-color: #ea9595;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-sunglo.ext-1 .badge {
        background-color: #da3f3f;
    }

    .mt-element-list .list-default.mt-list-head.red-sunglo .list-date, .mt-element-list .list-default.mt-list-head.red-sunglo .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-sunglo, .mt-element-list .list-todo.mt-list-head.red-sunglo {
    background-color: #E26A6A;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-sunglo:hover {
        background-color: #de5555;
    }

.mt-element-list .list-todo .list-todo-line.red-sunglo {
    border-color: #E26A6A;
}

.mt-element-list .list-todo .list-todo-item.red-sunglo:after {
    border-right-color: #E26A6A !important;
}

.mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle {
    background: #E26A6A;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-sunglo .list-toggle > .badge {
        color: #E26A6A;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-intense {
    background-color: #e35b5a;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-intense .badge {
        background-color: #ea8686;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-intense.ext-1 .badge {
        background-color: #dc302e;
    }

    .mt-element-list .list-default.mt-list-head.red-intense .list-date, .mt-element-list .list-default.mt-list-head.red-intense .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-intense, .mt-element-list .list-todo.mt-list-head.red-intense {
    background-color: #e35b5a;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-intense:hover {
        background-color: #df4544;
    }

.mt-element-list .list-todo .list-todo-line.red-intense {
    border-color: #e35b5a;
}

.mt-element-list .list-todo .list-todo-item.red-intense:after {
    border-right-color: #e35b5a !important;
}

.mt-element-list .list-todo .list-todo-item.red-intense .list-toggle {
    background: #e35b5a;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-intense .list-toggle > .badge {
        color: #e35b5a;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-thunderbird {
    background-color: #D91E18;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-thunderbird .badge {
        background-color: #e9403b;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-thunderbird.ext-1 .badge {
        background-color: #ab1813;
    }

    .mt-element-list .list-default.mt-list-head.red-thunderbird .list-date, .mt-element-list .list-default.mt-list-head.red-thunderbird .list-label {
        color: #fef3f2;
    }

.mt-element-list .list-todo .list-count.red-thunderbird, .mt-element-list .list-todo.mt-list-head.red-thunderbird {
    background-color: #D91E18;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-thunderbird:hover {
        background-color: #c21b15;
    }

.mt-element-list .list-todo .list-todo-line.red-thunderbird {
    border-color: #D91E18;
}

.mt-element-list .list-todo .list-todo-item.red-thunderbird:after {
    border-right-color: #D91E18 !important;
}

.mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle {
    background: #D91E18;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-thunderbird .list-toggle > .badge {
        color: #D91E18;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-flamingo {
    background-color: #EF4836;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-flamingo .badge {
        background-color: #f37365;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-flamingo.ext-1 .badge {
        background-color: #e02612;
    }

    .mt-element-list .list-default.mt-list-head.red-flamingo .list-date, .mt-element-list .list-default.mt-list-head.red-flamingo .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-flamingo, .mt-element-list .list-todo.mt-list-head.red-flamingo {
    background-color: #EF4836;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-flamingo:hover {
        background-color: #ed321e;
    }

.mt-element-list .list-todo .list-todo-line.red-flamingo {
    border-color: #EF4836;
}

.mt-element-list .list-todo .list-todo-item.red-flamingo:after {
    border-right-color: #EF4836 !important;
}

.mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle {
    background: #EF4836;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-flamingo .list-toggle > .badge {
        color: #EF4836;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-soft {
    background-color: #d05454;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-soft .badge {
        background-color: #db7c7c;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-soft.ext-1 .badge {
        background-color: #bd3434;
    }

    .mt-element-list .list-default.mt-list-head.red-soft .list-date, .mt-element-list .list-default.mt-list-head.red-soft .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-soft, .mt-element-list .list-todo.mt-list-head.red-soft {
    background-color: #d05454;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-soft:hover {
        background-color: #cb4040;
    }

.mt-element-list .list-todo .list-todo-line.red-soft {
    border-color: #d05454;
}

.mt-element-list .list-todo .list-todo-item.red-soft:after {
    border-right-color: #d05454 !important;
}

.mt-element-list .list-todo .list-todo-item.red-soft .list-toggle {
    background: #d05454;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-soft .list-toggle > .badge {
        color: #d05454;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-haze {
    background-color: #f36a5a;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-haze .badge {
        background-color: #f6958a;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-haze.ext-1 .badge {
        background-color: #f03f2a;
    }

    .mt-element-list .list-default.mt-list-head.red-haze .list-date, .mt-element-list .list-default.mt-list-head.red-haze .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-haze, .mt-element-list .list-todo.mt-list-head.red-haze {
    background-color: #f36a5a;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-haze:hover {
        background-color: #f15542;
    }

.mt-element-list .list-todo .list-todo-line.red-haze {
    border-color: #f36a5a;
}

.mt-element-list .list-todo .list-todo-item.red-haze:after {
    border-right-color: #f36a5a !important;
}

.mt-element-list .list-todo .list-todo-item.red-haze .list-toggle {
    background: #f36a5a;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-haze .list-toggle > .badge {
        color: #f36a5a;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.red-mint {
    background-color: #e43a45;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.red-mint .badge {
        background-color: #ea676f;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.red-mint.ext-1 .badge {
        background-color: #cf1c28;
    }

    .mt-element-list .list-default.mt-list-head.red-mint .list-date, .mt-element-list .list-default.mt-list-head.red-mint .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.red-mint, .mt-element-list .list-todo.mt-list-head.red-mint {
    background-color: #e43a45;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.red-mint:hover {
        background-color: #e12430;
    }

.mt-element-list .list-todo .list-todo-line.red-mint {
    border-color: #e43a45;
}

.mt-element-list .list-todo .list-todo-item.red-mint:after {
    border-right-color: #e43a45 !important;
}

.mt-element-list .list-todo .list-todo-item.red-mint .list-toggle {
    background: #e43a45;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.red-mint .list-toggle > .badge {
        color: #e43a45;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow {
    background-color: #c49f47;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow .badge {
        background-color: #d0b36e;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow.ext-1 .badge {
        background-color: #a48334;
    }

    .mt-element-list .list-default.mt-list-head.yellow .list-date, .mt-element-list .list-default.mt-list-head.yellow .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow, .mt-element-list .list-todo.mt-list-head.yellow {
    background-color: #c49f47;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow:hover {
        background-color: #b7923b;
    }

.mt-element-list .list-todo .list-todo-line.yellow {
    border-color: #c49f47;
}

.mt-element-list .list-todo .list-todo-item.yellow:after {
    border-right-color: #c49f47 !important;
}

.mt-element-list .list-todo .list-todo-item.yellow .list-toggle {
    background: #c49f47;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow .list-toggle > .badge {
        color: #c49f47;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-gold {
    background-color: #E87E04;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-gold .badge {
        background-color: #fb9724;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-gold.ext-1 .badge {
        background-color: #b66303;
    }

    .mt-element-list .list-default.mt-list-head.yellow-gold .list-date, .mt-element-list .list-default.mt-list-head.yellow-gold .list-label {
        color: #fff6ec;
    }

.mt-element-list .list-todo .list-count.yellow-gold, .mt-element-list .list-todo.mt-list-head.yellow-gold {
    background-color: #E87E04;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-gold:hover {
        background-color: #cf7004;
    }

.mt-element-list .list-todo .list-todo-line.yellow-gold {
    border-color: #E87E04;
}

.mt-element-list .list-todo .list-todo-item.yellow-gold:after {
    border-right-color: #E87E04 !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle {
    background: #E87E04;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-gold .list-toggle > .badge {
        color: #E87E04;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-casablanca {
    background-color: #f2784b;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-casablanca .badge {
        background-color: #f59c7b;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-casablanca.ext-1 .badge {
        background-color: #ef541b;
    }

    .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-date, .mt-element-list .list-default.mt-list-head.yellow-casablanca .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow-casablanca, .mt-element-list .list-todo.mt-list-head.yellow-casablanca {
    background-color: #f2784b;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-casablanca:hover {
        background-color: #f06633;
    }

.mt-element-list .list-todo .list-todo-line.yellow-casablanca {
    border-color: #f2784b;
}

.mt-element-list .list-todo .list-todo-item.yellow-casablanca:after {
    border-right-color: #f2784b !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle {
    background: #f2784b;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-casablanca .list-toggle > .badge {
        color: #f2784b;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-crusta {
    background-color: #f3c200;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-crusta .badge {
        background-color: #ffd327;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-crusta.ext-1 .badge {
        background-color: #c09900;
    }

    .mt-element-list .list-default.mt-list-head.yellow-crusta .list-date, .mt-element-list .list-default.mt-list-head.yellow-crusta .list-label {
        color: #fffdf3;
    }

.mt-element-list .list-todo .list-count.yellow-crusta, .mt-element-list .list-todo.mt-list-head.yellow-crusta {
    background-color: #f3c200;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-crusta:hover {
        background-color: #daae00;
    }

.mt-element-list .list-todo .list-todo-line.yellow-crusta {
    border-color: #f3c200;
}

.mt-element-list .list-todo .list-todo-item.yellow-crusta:after {
    border-right-color: #f3c200 !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle {
    background: #f3c200;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-crusta .list-toggle > .badge {
        color: #f3c200;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-lemon {
    background-color: #F7CA18;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-lemon .badge {
        background-color: #f9d549;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-lemon.ext-1 .badge {
        background-color: #d5ab07;
    }

    .mt-element-list .list-default.mt-list-head.yellow-lemon .list-date, .mt-element-list .list-default.mt-list-head.yellow-lemon .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow-lemon, .mt-element-list .list-todo.mt-list-head.yellow-lemon {
    background-color: #F7CA18;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-lemon:hover {
        background-color: #edbf08;
    }

.mt-element-list .list-todo .list-todo-line.yellow-lemon {
    border-color: #F7CA18;
}

.mt-element-list .list-todo .list-todo-item.yellow-lemon:after {
    border-right-color: #F7CA18 !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle {
    background: #F7CA18;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-lemon .list-toggle > .badge {
        color: #F7CA18;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-saffron {
    background-color: #F4D03F;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-saffron .badge {
        background-color: #f7dc6f;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-saffron.ext-1 .badge {
        background-color: #f1c40f;
    }

    .mt-element-list .list-default.mt-list-head.yellow-saffron .list-date, .mt-element-list .list-default.mt-list-head.yellow-saffron .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow-saffron, .mt-element-list .list-todo.mt-list-head.yellow-saffron {
    background-color: #F4D03F;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-saffron:hover {
        background-color: #f3ca27;
    }

.mt-element-list .list-todo .list-todo-line.yellow-saffron {
    border-color: #F4D03F;
}

.mt-element-list .list-todo .list-todo-item.yellow-saffron:after {
    border-right-color: #F4D03F !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle {
    background: #F4D03F;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-saffron .list-toggle > .badge {
        color: #F4D03F;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-soft {
    background-color: #c8d046;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-soft .badge {
        background-color: #d4da6f;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-soft.ext-1 .badge {
        background-color: #adb52e;
    }

    .mt-element-list .list-default.mt-list-head.yellow-soft .list-date, .mt-element-list .list-default.mt-list-head.yellow-soft .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow-soft, .mt-element-list .list-todo.mt-list-head.yellow-soft {
    background-color: #c8d046;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-soft:hover {
        background-color: #c1c933;
    }

.mt-element-list .list-todo .list-todo-line.yellow-soft {
    border-color: #c8d046;
}

.mt-element-list .list-todo .list-todo-item.yellow-soft:after {
    border-right-color: #c8d046 !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle {
    background: #c8d046;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-soft .list-toggle > .badge {
        color: #c8d046;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-haze {
    background-color: #c5bf66;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-haze .badge {
        background-color: #d3ce8b;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-haze.ext-1 .badge {
        background-color: #b4ad44;
    }

    .mt-element-list .list-default.mt-list-head.yellow-haze .list-date, .mt-element-list .list-default.mt-list-head.yellow-haze .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow-haze, .mt-element-list .list-todo.mt-list-head.yellow-haze {
    background-color: #c5bf66;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-haze:hover {
        background-color: #beb754;
    }

.mt-element-list .list-todo .list-todo-line.yellow-haze {
    border-color: #c5bf66;
}

.mt-element-list .list-todo .list-todo-item.yellow-haze:after {
    border-right-color: #c5bf66 !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle {
    background: #c5bf66;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-haze .list-toggle > .badge {
        color: #c5bf66;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.yellow-mint {
    background-color: #c5b96b;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.yellow-mint .badge {
        background-color: #d3ca90;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.yellow-mint.ext-1 .badge {
        background-color: #b6a747;
    }

    .mt-element-list .list-default.mt-list-head.yellow-mint .list-date, .mt-element-list .list-default.mt-list-head.yellow-mint .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.yellow-mint, .mt-element-list .list-todo.mt-list-head.yellow-mint {
    background-color: #c5b96b;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.yellow-mint:hover {
        background-color: #beb059;
    }

.mt-element-list .list-todo .list-todo-line.yellow-mint {
    border-color: #c5b96b;
}

.mt-element-list .list-todo .list-todo-item.yellow-mint:after {
    border-right-color: #c5b96b !important;
}

.mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle {
    background: #c5b96b;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.yellow-mint .list-toggle > .badge {
        color: #c5b96b;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple {
    background-color: #8E44AD;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple .badge {
        background-color: #a563c1;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple.ext-1 .badge {
        background-color: #703688;
    }

    .mt-element-list .list-default.mt-list-head.purple .list-date, .mt-element-list .list-default.mt-list-head.purple .list-label {
        color: #f9f5fb;
    }

.mt-element-list .list-todo .list-count.purple, .mt-element-list .list-todo.mt-list-head.purple {
    background-color: #8E44AD;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple:hover {
        background-color: #7f3d9b;
    }

.mt-element-list .list-todo .list-todo-line.purple {
    border-color: #8E44AD;
}

.mt-element-list .list-todo .list-todo-item.purple:after {
    border-right-color: #8E44AD !important;
}

.mt-element-list .list-todo .list-todo-item.purple .list-toggle {
    background: #8E44AD;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple .list-toggle > .badge {
        color: #8E44AD;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-plum {
    background-color: #8775a7;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-plum .badge {
        background-color: #a294bb;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-plum.ext-1 .badge {
        background-color: #6d5b8e;
    }

    .mt-element-list .list-default.mt-list-head.purple-plum .list-date, .mt-element-list .list-default.mt-list-head.purple-plum .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.purple-plum, .mt-element-list .list-todo.mt-list-head.purple-plum {
    background-color: #8775a7;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-plum:hover {
        background-color: #79659d;
    }

.mt-element-list .list-todo .list-todo-line.purple-plum {
    border-color: #8775a7;
}

.mt-element-list .list-todo .list-todo-item.purple-plum:after {
    border-right-color: #8775a7 !important;
}

.mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle {
    background: #8775a7;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-plum .list-toggle > .badge {
        color: #8775a7;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-medium {
    background-color: #BF55EC;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-medium .badge {
        background-color: #d083f1;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-medium.ext-1 .badge {
        background-color: #ae27e7;
    }

    .mt-element-list .list-default.mt-list-head.purple-medium .list-date, .mt-element-list .list-default.mt-list-head.purple-medium .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.purple-medium, .mt-element-list .list-todo.mt-list-head.purple-medium {
    background-color: #BF55EC;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-medium:hover {
        background-color: #b63ee9;
    }

.mt-element-list .list-todo .list-todo-line.purple-medium {
    border-color: #BF55EC;
}

.mt-element-list .list-todo .list-todo-item.purple-medium:after {
    border-right-color: #BF55EC !important;
}

.mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle {
    background: #BF55EC;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-medium .list-toggle > .badge {
        color: #BF55EC;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-studio {
    background-color: #8E44AD;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-studio .badge {
        background-color: #a563c1;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-studio.ext-1 .badge {
        background-color: #703688;
    }

    .mt-element-list .list-default.mt-list-head.purple-studio .list-date, .mt-element-list .list-default.mt-list-head.purple-studio .list-label {
        color: #f9f5fb;
    }

.mt-element-list .list-todo .list-count.purple-studio, .mt-element-list .list-todo.mt-list-head.purple-studio {
    background-color: #8E44AD;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-studio:hover {
        background-color: #7f3d9b;
    }

.mt-element-list .list-todo .list-todo-line.purple-studio {
    border-color: #8E44AD;
}

.mt-element-list .list-todo .list-todo-item.purple-studio:after {
    border-right-color: #8E44AD !important;
}

.mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle {
    background: #8E44AD;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-studio .list-toggle > .badge {
        color: #8E44AD;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-wisteria {
    background-color: #9B59B6;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-wisteria .badge {
        background-color: #b07cc6;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-wisteria.ext-1 .badge {
        background-color: #804399;
    }

    .mt-element-list .list-default.mt-list-head.purple-wisteria .list-date, .mt-element-list .list-default.mt-list-head.purple-wisteria .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.purple-wisteria, .mt-element-list .list-todo.mt-list-head.purple-wisteria {
    background-color: #9B59B6;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-wisteria:hover {
        background-color: #8f4bab;
    }

.mt-element-list .list-todo .list-todo-line.purple-wisteria {
    border-color: #9B59B6;
}

.mt-element-list .list-todo .list-todo-item.purple-wisteria:after {
    border-right-color: #9B59B6 !important;
}

.mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle {
    background: #9B59B6;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-wisteria .list-toggle > .badge {
        color: #9B59B6;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-seance {
    background-color: #9A12B3;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-seance .badge {
        background-color: #c217e1;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-seance.ext-1 .badge {
        background-color: #720d85;
    }

    .mt-element-list .list-default.mt-list-head.purple-seance .list-date, .mt-element-list .list-default.mt-list-head.purple-seance .list-label {
        color: #f2cafa;
    }

.mt-element-list .list-todo .list-count.purple-seance, .mt-element-list .list-todo.mt-list-head.purple-seance {
    background-color: #9A12B3;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-seance:hover {
        background-color: #86109c;
    }

.mt-element-list .list-todo .list-todo-line.purple-seance {
    border-color: #9A12B3;
}

.mt-element-list .list-todo .list-todo-item.purple-seance:after {
    border-right-color: #9A12B3 !important;
}

.mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle {
    background: #9A12B3;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-seance .list-toggle > .badge {
        color: #9A12B3;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-intense {
    background-color: #8775a7;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-intense .badge {
        background-color: #a294bb;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-intense.ext-1 .badge {
        background-color: #6d5b8e;
    }

    .mt-element-list .list-default.mt-list-head.purple-intense .list-date, .mt-element-list .list-default.mt-list-head.purple-intense .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.purple-intense, .mt-element-list .list-todo.mt-list-head.purple-intense {
    background-color: #8775a7;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-intense:hover {
        background-color: #79659d;
    }

.mt-element-list .list-todo .list-todo-line.purple-intense {
    border-color: #8775a7;
}

.mt-element-list .list-todo .list-todo-item.purple-intense:after {
    border-right-color: #8775a7 !important;
}

.mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle {
    background: #8775a7;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-intense .list-toggle > .badge {
        color: #8775a7;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-sharp {
    background-color: #796799;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-sharp .badge {
        background-color: #9486ad;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-sharp.ext-1 .badge {
        background-color: #61527b;
    }

    .mt-element-list .list-default.mt-list-head.purple-sharp .list-date, .mt-element-list .list-default.mt-list-head.purple-sharp .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.purple-sharp, .mt-element-list .list-todo.mt-list-head.purple-sharp {
    background-color: #796799;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-sharp:hover {
        background-color: #6d5d8a;
    }

.mt-element-list .list-todo .list-todo-line.purple-sharp {
    border-color: #796799;
}

.mt-element-list .list-todo .list-todo-item.purple-sharp:after {
    border-right-color: #796799 !important;
}

.mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle {
    background: #796799;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-sharp .list-toggle > .badge {
        color: #796799;
        background: #fff;
    }

.mt-element-list .list-default.mt-list-head.purple-soft {
    background-color: #8877a9;
    color: #fff;
}

    .mt-element-list .list-default.mt-list-head.purple-soft .badge {
        background-color: #a396bd;
        color: #fff;
    }

    .mt-element-list .list-default.mt-list-head.purple-soft.ext-1 .badge {
        background-color: #6e5c91;
    }

    .mt-element-list .list-default.mt-list-head.purple-soft .list-date, .mt-element-list .list-default.mt-list-head.purple-soft .list-label {
        color: #fff;
    }

.mt-element-list .list-todo .list-count.purple-soft, .mt-element-list .list-todo.mt-list-head.purple-soft {
    background-color: #8877a9;
    color: #fff;
}

    .mt-element-list .list-todo .list-count.purple-soft:hover {
        background-color: #7a679f;
    }

.mt-element-list .list-todo .list-todo-line.purple-soft {
    border-color: #8877a9;
}

.mt-element-list .list-todo .list-todo-item.purple-soft:after {
    border-right-color: #8877a9 !important;
}

.mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle {
    background: #8877a9;
    color: #fff !important;
}

    .mt-element-list .list-todo .list-todo-item.purple-soft .list-toggle > .badge {
        color: #8877a9;
        background: #fff;
    }

.mt-element-list .list-todo-item.white:after {
    border-right-color: #fff;
}

.mt-element-list .list-todo-item.white .list-toggle {
    background: #fff;
}

.mt-element-list .list-todo-item.default:after {
    border-right-color: #e1e5ec;
}

.mt-element-list .list-todo-item.default .list-toggle {
    background: #e1e5ec;
}

.mt-element-list .list-todo-item.dark:after {
    border-right-color: #2f353b;
}

.mt-element-list .list-todo-item.dark .list-toggle {
    background: #2f353b;
}

.mt-element-list .list-todo-item.blue:after {
    border-right-color: #3598dc;
}

.mt-element-list .list-todo-item.blue .list-toggle {
    background: #3598dc;
}

.mt-element-list .list-todo-item.blue-madison:after {
    border-right-color: #578ebe;
}

.mt-element-list .list-todo-item.blue-madison .list-toggle {
    background: #578ebe;
}

.mt-element-list .list-todo-item.blue-chambray:after {
    border-right-color: #2C3E50;
}

.mt-element-list .list-todo-item.blue-chambray .list-toggle {
    background: #2C3E50;
}

.mt-element-list .list-todo-item.blue-ebonyclay:after {
    border-right-color: #22313F;
}

.mt-element-list .list-todo-item.blue-ebonyclay .list-toggle {
    background: #22313F;
}

.mt-element-list .list-todo-item.blue-hoki:after {
    border-right-color: #67809F;
}

.mt-element-list .list-todo-item.blue-hoki .list-toggle {
    background: #67809F;
}

.mt-element-list .list-todo-item.blue-steel:after {
    border-right-color: #4B77BE;
}

.mt-element-list .list-todo-item.blue-steel .list-toggle {
    background: #4B77BE;
}

.mt-element-list .list-todo-item.blue-soft:after {
    border-right-color: #4c87b9;
}

.mt-element-list .list-todo-item.blue-soft .list-toggle {
    background: #4c87b9;
}

.mt-element-list .list-todo-item.blue-dark:after {
    border-right-color: #5e738b;
}

.mt-element-list .list-todo-item.blue-dark .list-toggle {
    background: #5e738b;
}

.mt-element-list .list-todo-item.blue-sharp:after {
    border-right-color: #5C9BD1;
}

.mt-element-list .list-todo-item.blue-sharp .list-toggle {
    background: #5C9BD1;
}

.mt-element-list .list-todo-item.blue-oleo:after {
    border-right-color: #94A0B2;
}

.mt-element-list .list-todo-item.blue-oleo .list-toggle {
    background: #94A0B2;
}

.mt-element-list .list-todo-item.green:after {
    border-right-color: #32c5d2;
}

.mt-element-list .list-todo-item.green .list-toggle {
    background: #32c5d2;
}

.mt-element-list .list-todo-item.green-meadow:after {
    border-right-color: #1BBC9B;
}

.mt-element-list .list-todo-item.green-meadow .list-toggle {
    background: #1BBC9B;
}

.mt-element-list .list-todo-item.green-seagreen:after {
    border-right-color: #1BA39C;
}

.mt-element-list .list-todo-item.green-seagreen .list-toggle {
    background: #1BA39C;
}

.mt-element-list .list-todo-item.green-turquoise:after {
    border-right-color: #36D7B7;
}

.mt-element-list .list-todo-item.green-turquoise .list-toggle {
    background: #36D7B7;
}

.mt-element-list .list-todo-item.green-haze:after {
    border-right-color: #44b6ae;
}

.mt-element-list .list-todo-item.green-haze .list-toggle {
    background: #44b6ae;
}

.mt-element-list .list-todo-item.green-jungle:after {
    border-right-color: #26C281;
}

.mt-element-list .list-todo-item.green-jungle .list-toggle {
    background: #26C281;
}

.mt-element-list .list-todo-item.green-soft:after {
    border-right-color: #3faba4;
}

.mt-element-list .list-todo-item.green-soft .list-toggle {
    background: #3faba4;
}

.mt-element-list .list-todo-item.green-dark:after {
    border-right-color: #4DB3A2;
}

.mt-element-list .list-todo-item.green-dark .list-toggle {
    background: #4DB3A2;
}

.mt-element-list .list-todo-item.green-sharp:after {
    border-right-color: #2ab4c0;
}

.mt-element-list .list-todo-item.green-sharp .list-toggle {
    background: #2ab4c0;
}

.mt-element-list .list-todo-item.green-steel:after {
    border-right-color: #29b4b6;
}

.mt-element-list .list-todo-item.green-steel .list-toggle {
    background: #29b4b6;
}

.mt-element-list .list-todo-item.grey:after {
    border-right-color: #E5E5E5;
}

.mt-element-list .list-todo-item.grey .list-toggle {
    background: #E5E5E5;
}

.mt-element-list .list-todo-item.grey-steel:after {
    border-right-color: #e9edef;
}

.mt-element-list .list-todo-item.grey-steel .list-toggle {
    background: #e9edef;
}

.mt-element-list .list-todo-item.grey-cararra:after {
    border-right-color: #fafafa;
}

.mt-element-list .list-todo-item.grey-cararra .list-toggle {
    background: #fafafa;
}

.mt-element-list .list-todo-item.grey-gallery:after {
    border-right-color: #555;
}

.mt-element-list .list-todo-item.grey-gallery .list-toggle {
    background: #555;
}

.mt-element-list .list-todo-item.grey-cascade:after {
    border-right-color: #95A5A6;
}

.mt-element-list .list-todo-item.grey-cascade .list-toggle {
    background: #95A5A6;
}

.mt-element-list .list-todo-item.grey-silver:after {
    border-right-color: #BFBFBF;
}

.mt-element-list .list-todo-item.grey-silver .list-toggle {
    background: #BFBFBF;
}

.mt-element-list .list-todo-item.grey-salsa:after {
    border-right-color: #ACB5C3;
}

.mt-element-list .list-todo-item.grey-salsa .list-toggle {
    background: #ACB5C3;
}

.mt-element-list .list-todo-item.grey-salt:after {
    border-right-color: #bfcad1;
}

.mt-element-list .list-todo-item.grey-salt .list-toggle {
    background: #bfcad1;
}

.mt-element-list .list-todo-item.grey-mint:after {
    border-right-color: #525e64;
}

.mt-element-list .list-todo-item.grey-mint .list-toggle {
    background: #525e64;
}

.mt-element-list .list-todo-item.red:after {
    border-right-color: #e7505a;
}

.mt-element-list .list-todo-item.red .list-toggle {
    background: #e7505a;
}

.mt-element-list .list-todo-item.red-pink:after {
    border-right-color: #E08283;
}

.mt-element-list .list-todo-item.red-pink .list-toggle {
    background: #E08283;
}

.mt-element-list .list-todo-item.red-sunglo:after {
    border-right-color: #E26A6A;
}

.mt-element-list .list-todo-item.red-sunglo .list-toggle {
    background: #E26A6A;
}

.mt-element-list .list-todo-item.red-intense:after {
    border-right-color: #e35b5a;
}

.mt-element-list .list-todo-item.red-intense .list-toggle {
    background: #e35b5a;
}

.mt-element-list .list-todo-item.red-thunderbird:after {
    border-right-color: #D91E18;
}

.mt-element-list .list-todo-item.red-thunderbird .list-toggle {
    background: #D91E18;
}

.mt-element-list .list-todo-item.red-flamingo:after {
    border-right-color: #EF4836;
}

.mt-element-list .list-todo-item.red-flamingo .list-toggle {
    background: #EF4836;
}

.mt-element-list .list-todo-item.red-soft:after {
    border-right-color: #d05454;
}

.mt-element-list .list-todo-item.red-soft .list-toggle {
    background: #d05454;
}

.mt-element-list .list-todo-item.red-haze:after {
    border-right-color: #f36a5a;
}

.mt-element-list .list-todo-item.red-haze .list-toggle {
    background: #f36a5a;
}

.mt-element-list .list-todo-item.red-mint:after {
    border-right-color: #e43a45;
}

.mt-element-list .list-todo-item.red-mint .list-toggle {
    background: #e43a45;
}

.mt-element-list .list-todo-item.yellow:after {
    border-right-color: #c49f47;
}

.mt-element-list .list-todo-item.yellow .list-toggle {
    background: #c49f47;
}

.mt-element-list .list-todo-item.yellow-gold:after {
    border-right-color: #E87E04;
}

.mt-element-list .list-todo-item.yellow-gold .list-toggle {
    background: #E87E04;
}

.mt-element-list .list-todo-item.yellow-casablanca:after {
    border-right-color: #f2784b;
}

.mt-element-list .list-todo-item.yellow-casablanca .list-toggle {
    background: #f2784b;
}

.mt-element-list .list-todo-item.yellow-crusta:after {
    border-right-color: #f3c200;
}

.mt-element-list .list-todo-item.yellow-crusta .list-toggle {
    background: #f3c200;
}

.mt-element-list .list-todo-item.yellow-lemon:after {
    border-right-color: #F7CA18;
}

.mt-element-list .list-todo-item.yellow-lemon .list-toggle {
    background: #F7CA18;
}

.mt-element-list .list-todo-item.yellow-saffron:after {
    border-right-color: #F4D03F;
}

.mt-element-list .list-todo-item.yellow-saffron .list-toggle {
    background: #F4D03F;
}

.mt-element-list .list-todo-item.yellow-soft:after {
    border-right-color: #c8d046;
}

.mt-element-list .list-todo-item.yellow-soft .list-toggle {
    background: #c8d046;
}

.mt-element-list .list-todo-item.yellow-haze:after {
    border-right-color: #c5bf66;
}

.mt-element-list .list-todo-item.yellow-haze .list-toggle {
    background: #c5bf66;
}

.mt-element-list .list-todo-item.yellow-mint:after {
    border-right-color: #c5b96b;
}

.mt-element-list .list-todo-item.yellow-mint .list-toggle {
    background: #c5b96b;
}

.mt-element-list .list-todo-item.purple:after {
    border-right-color: #8E44AD;
}

.mt-element-list .list-todo-item.purple .list-toggle {
    background: #8E44AD;
}

.mt-element-list .list-todo-item.purple-plum:after {
    border-right-color: #8775a7;
}

.mt-element-list .list-todo-item.purple-plum .list-toggle {
    background: #8775a7;
}

.mt-element-list .list-todo-item.purple-medium:after {
    border-right-color: #BF55EC;
}

.mt-element-list .list-todo-item.purple-medium .list-toggle {
    background: #BF55EC;
}

.mt-element-list .list-todo-item.purple-studio:after {
    border-right-color: #8E44AD;
}

.mt-element-list .list-todo-item.purple-studio .list-toggle {
    background: #8E44AD;
}

.mt-element-list .list-todo-item.purple-wisteria:after {
    border-right-color: #9B59B6;
}

.mt-element-list .list-todo-item.purple-wisteria .list-toggle {
    background: #9B59B6;
}

.mt-element-list .list-todo-item.purple-seance:after {
    border-right-color: #9A12B3;
}

.mt-element-list .list-todo-item.purple-seance .list-toggle {
    background: #9A12B3;
}

.mt-element-list .list-todo-item.purple-intense:after {
    border-right-color: #8775a7;
}

.mt-element-list .list-todo-item.purple-intense .list-toggle {
    background: #8775a7;
}

.mt-element-list .list-todo-item.purple-sharp:after {
    border-right-color: #796799;
}

.mt-element-list .list-todo-item.purple-sharp .list-toggle {
    background: #796799;
}

.mt-element-list .list-todo-item.purple-soft:after {
    border-right-color: #8877a9;
}

.mt-element-list .list-todo-item.purple-soft .list-toggle {
    background: #8877a9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .mt-element-ribbon .ribbon.ribbon-color-success {
            background-color: #36c6d3;
            color: #fff;
        }

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

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

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

        .mt-element-ribbon .ribbon.ribbon-color-danger {
            background-color: #ed6b75;
            color: #fff;
        }

            .mt-element-ribbon .ribbon.ribbon-color-danger:after {
                border-color: #e73d4a;
            }

            .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub {
                background-color: #ed6b75;
                color: #4f0a0f;
            }

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

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

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

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

.mt-element-card .mt-card-item {
    border: 1px solid #e7ecf1;
    position: relative;
    margin-bottom: 30px;
}

    .mt-element-card .mt-card-item .mt-card-avatar {
        margin-bottom: 15px;
    }

    .mt-element-card .mt-card-item .mt-card-content {
        text-align: center;
    }

        .mt-element-card .mt-card-item .mt-card-content .mt-card-name {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
            font-size: 14px;
            margin: 0 0 10px;
        }

        .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul {
            padding: 0;
            margin-bottom: 10px;
        }

            .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {
                list-style: none;
                display: inline-block;
                margin: 0 3px;
            }

                .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a {
                    color: #000;
                    font-size: 18px;
                }

                    .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn {
                        color: #fff;
                    }

                        .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a.mt-card-btn:hover {
                            color: #36c6d3;
                        }

                    .mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li > a:hover {
                        color: #F1C40F;
                    }

.mt-element-card.mt-card-round .mt-card-item {
    padding: 40px 40px 10px;
}

    .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar {
        border-radius: 50% !important;
        -webkit-mask-image: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    }

        .mt-element-card.mt-card-round .mt-card-item .mt-card-avatar .mt-overlay {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }

.mt-element-overlay .mt-overlay-1 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .mt-element-overlay .mt-overlay-1 img {
        display: block;
        position: relative;
        -webkit-transition: all .4s linear;
        transition: all .4s linear;
        width: 100%;
        height: auto;
    }

    .mt-element-overlay .mt-overlay-1 h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        background: rgba(0, 0, 0, .6);
        -webkit-transform: translatey(-100px) translateZ(0);
        -ms-transform: translatey(-100px) translateZ(0);
        transform: translatey(-100px) translateZ(0);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        padding: 10px;
    }

    .mt-element-overlay .mt-overlay-1 .mt-info {
        text-decoration: none;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        padding: 0;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%) translateZ(0);
        -webkit-transform: translateY(-50%) translateZ(0);
        -ms-transform: translateY(-50%) translateZ(0);
    }

        .mt-element-overlay .mt-overlay-1 .mt-info > li {
            list-style: none;
            display: inline-block;
            margin: 0 3px;
        }

            .mt-element-overlay .mt-overlay-1 .mt-info > li:hover {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                cursor: pointer;
            }

    .mt-element-overlay .mt-overlay-1:hover .mt-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

    .mt-element-overlay .mt-overlay-1:hover img {
        -ms-transform: scale(1.2) translateZ(0);
        -webkit-transform: scale(1.2) translateZ(0);
        transform: scale(1.2) translateZ(0);
    }

    .mt-element-overlay .mt-overlay-1:hover .mt-info {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .mt-element-overlay .mt-overlay-1 .mt-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay {
        bottom: 0;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {
        bottom: -100%;
        top: auto;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay {
        top: 0;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay {
        top: -100%;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay {
        right: 0;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay {
        right: -100%;
        left: auto;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay {
        left: 0;
    }

    .mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay {
        left: -100%;
    }

.mt-element-overlay .mt-overlay-2 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .mt-element-overlay .mt-overlay-2 img {
        display: block;
        position: relative;
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
        width: 100%;
        height: auto;
    }

    .mt-element-overlay .mt-overlay-2 h2 {
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, .6);
    }

    .mt-element-overlay .mt-overlay-2 .mt-info, .mt-element-overlay .mt-overlay-2 h2 {
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7);
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
        opacity: 0;
        filter: alpha(opacity=0);
        color: #fff;
        text-transform: uppercase;
    }

    .mt-element-overlay .mt-overlay-2 .mt-info {
        display: inline-block;
        text-decoration: none;
        margin: auto;
        position: absolute;
        top: 50%;
        -webkit-transform: scale(.7) translateY(-50%) translateX(-50%);
        -ms-transform: scale(.7) translateY(-50%) translateX(-50%);
        transform: scale(.7) translateY(-50%) translateX(-50%);
    }

        .mt-element-overlay .mt-overlay-2 .mt-info:hover {
            box-shadow: 0 0 5px #fff;
        }

    .mt-element-overlay .mt-overlay-2:hover img {
        filter: url('data:image/svg+xml; charset=utf-8, <svg xmlns="http: //www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
        filter: blur(3px);
        -webkit-filter: blur(3px);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }

    .mt-element-overlay .mt-overlay-2:hover .mt-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .mt-element-overlay .mt-overlay-2:hover h2 {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }

    .mt-element-overlay .mt-overlay-2:hover .mt-info, .mt-element-overlay .mt-overlay-2:hover h2 {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1) translateY(-50%);
        -ms-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%);
    }

    .mt-element-overlay .mt-overlay-2:hover .mt-info {
        -webkit-transform: scale(1) translateY(-50%) translateX(-50%);
        -ms-transform: scale(1) translateY(-50%) translateX(-50%);
        transform: scale(1) translateY(-50%) translateX(-50%);
    }

    .mt-element-overlay .mt-overlay-2 .mt-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .mt-element-overlay .mt-overlay-2.mt-overlay-2-grey:hover img {
        filter: url('data:image/svg+xml; charset=utf-8, <svg xmlns="http: //www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
        filter: grayscale(1) blur(3px);
        -webkit-filter: grayscale(1) blur(3px);
    }

    .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info {
        border: none;
        width: 100%;
        padding: 0;
        -webkit-transform: scale(.7) translateY(-50%) translateX(-50%);
        -ms-transform: scale(.7) translateY(-50%) translateX(-50%);
        transform: scale(.7) translateY(-50%) translateX(-50%);
    }

        .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info:hover {
            box-shadow: none;
        }

        .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li {
            list-style: none;
            display: inline-block;
            margin: 0 3px;
        }

            .mt-element-overlay .mt-overlay-2.mt-overlay-2-icons .mt-info > li:hover {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                cursor: pointer;
            }

.mt-element-overlay .mt-overlay-3 .mt-info, .mt-element-overlay .mt-overlay-3 h2 {
    -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
    color: #fff;
    text-transform: uppercase;
}

.mt-element-overlay .mt-overlay-2.mt-overlay-2-icons:hover .mt-info {
    -webkit-transform: scale(1) translateY(-50%) translateX(-50%);
    -ms-transform: scale(1) translateY(-50%) translateX(-50%);
    transform: scale(1) translateY(-50%) translateX(-50%);
}

.mt-element-overlay .mt-overlay-3 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .mt-element-overlay .mt-overlay-3 img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }

    .mt-element-overlay .mt-overlay-3 h2 {
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, .6);
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
        transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
    }

    .mt-element-overlay .mt-overlay-3 .mt-info {
        display: inline-block;
        text-decoration: none;
        border: 1px solid #fff;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        font-weight: 400;
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        margin: auto;
        padding: 45% 0 0;
    }

        .mt-element-overlay .mt-overlay-3 .mt-info:hover {
            box-shadow: 0 0 5px #fff;
        }

    .mt-element-overlay .mt-overlay-3:hover .mt-overlay {
        background-color: rgba(48, 152, 157, .7);
    }

    .mt-element-overlay .mt-overlay-3:hover h2 {
        -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }

    .mt-element-overlay .mt-overlay-3:hover .mt-info {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .mt-element-overlay .mt-overlay-3 .mt-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        background-color: rgba(75, 75, 75, .7);
        -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
    }

    .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info {
        padding: 40% 0 0;
    }

        .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li {
            list-style: none;
            display: inline-block;
            margin: 0 3px;
        }

            .mt-element-overlay .mt-overlay-3.mt-overlay-3-icons .mt-info > li:hover {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                cursor: pointer;
            }

.mt-element-overlay .mt-overlay-4 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .mt-element-overlay .mt-overlay-4 img {
        display: block;
        position: relative;
        -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        width: 100%;
        height: auto;
    }

    .mt-element-overlay .mt-overlay-4 h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        background: rgba(0, 0, 0, .6);
        -webkit-transform: translatey(-100px);
        -ms-transform: translatey(-100px);
        transform: translatey(-100px);
        -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        padding: 10px;
    }

    .mt-element-overlay .mt-overlay-4 .mt-info {
        display: inline-block;
        text-transform: uppercase;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        margin: 50px 0 0;
    }

    .mt-element-overlay .mt-overlay-4:hover .mt-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mt-element-overlay .mt-overlay-4:hover .mt-info, .mt-element-overlay .mt-overlay-4:hover h2 {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-transform: translatey(0);
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }

    .mt-element-overlay .mt-overlay-4:hover .mt-info {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .mt-element-overlay .mt-overlay-4 .mt-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        background-color: rgba(0, 0, 0, .7);
        -webkit-transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
        transition: all .4s cubic-bezier(.88, -.99, 0, 1.81);
    }

    .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info {
        border: none;
        position: absolute;
        padding: 0;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
    }

        .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info:hover {
            box-shadow: none;
        }

        .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li {
            list-style: none;
            display: inline-block;
            margin: 0 3px;
        }

            .mt-element-overlay .mt-overlay-4.mt-overlay-4-icons .mt-info > li:hover {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
                cursor: pointer;
            }

.mt-element-overlay .mt-overlay-5 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: -webkit-linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0, #05abe0 100%);
}

    .mt-element-overlay .mt-overlay-5 .mt-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 3em;
        text-align: left;
    }

        .mt-element-overlay .mt-overlay-5 .mt-overlay:before {
            position: absolute;
            top: 20px;
            right: 20px;
            bottom: 20px;
            left: 20px;
            border: 1px solid #fff;
            content: '';
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: opacity .35s, -webkit-transform .45s;
            transition: opacity .35s, transform .45s;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }

.border-after-white:after, .border-before-white:before, .border-white {
    border-color: #fff !important;
}

.border-top-after-white:after, .border-top-before-white:before, .border-top-white {
    border-top-color: #fff !important;
}

.border-bottom-after-white:after, .border-bottom-before-white:before, .border-bottom-white {
    border-bottom-color: #fff !important;
}

.border-left-after-white:after, .border-left-before-white:before, .border-left-white {
    border-left-color: #fff !important;
}

.border-right-after-white:after, .border-right-before-white:before, .border-right-white {
    border-right-color: #fff !important;
}

.mt-element-overlay .mt-overlay-5 img {
    display: block;
    position: relative;
    max-width: none;
    width: calc(113% + 60px);
    -webkit-transition: opacity .35s, -webkit-transform .45s;
    transition: opacity .35s, transform .45s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

.mt-element-overlay .mt-overlay-5 h2 {
    text-transform: uppercase;
    color: #fff;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    padding: 15% 0 10px;
    text-align: left;
}

.mt-element-overlay .mt-overlay-5 a, .mt-element-overlay .mt-overlay-5 p {
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .35s, -webkit-transform .45s;
    transition: opacity .35s, transform .45s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

    .mt-element-overlay .mt-overlay-5 a:hover {
        text-decoration: none;
        opacity: .6;
        filter: alpha(opacity=60);
    }

.mt-element-overlay .mt-overlay-5:hover img {
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mt-element-overlay .mt-overlay-5:hover .mt-overlay:before, .mt-element-overlay .mt-overlay-5:hover a, .mt-element-overlay .mt-overlay-5:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mt-element-overlay .mt-overlay-6 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #42b078;
}

    .mt-element-overlay .mt-overlay-6 .mt-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 50px 20px;
    }

    .mt-element-overlay .mt-overlay-6 img {
        display: block;
        position: relative;
        max-width: none;
        width: calc(100% + 20px);
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .mt-element-overlay .mt-overlay-6 h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        overflow: hidden;
        padding: .5em 0;
        background-color: transparent;
    }

        .mt-element-overlay .mt-overlay-6 h2:after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #fff;
            content: '';
            -webkit-transition: -webkit-transform .35s;
            transition: transform .35s;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

    .mt-element-overlay .mt-overlay-6 a, .mt-element-overlay .mt-overlay-6 p {
        color: #FFF;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    .mt-element-overlay .mt-overlay-6 p {
        margin-top: 20px;
    }

    .mt-element-overlay .mt-overlay-6 .mt-info:hover {
        text-decoration: none;
        opacity: .6;
        filter: alpha(opacity=60);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer;
    }

    .mt-element-overlay .mt-overlay-6:hover img {
        opacity: .4;
        filter: alpha(opacity=40);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .mt-element-overlay .mt-overlay-6:hover h2:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .mt-element-overlay .mt-overlay-6:hover a, .mt-element-overlay .mt-overlay-6:hover p {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-btn {
    height: 60px;
    min-width: 80px;
    margin: 5px 5px 0 0;
    border: 1px solid #ddd;
    padding: 12px 0 0;
    background-color: #fafafa;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    color: #646464;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
}
/*Show the spinner screen for import finances*/
.spinnerBackground {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #F0F0F0;
    filter: alpha(opacy=80);
    opacity: 0.8;
    z-index: 100000;
}
/*Classes for load spinner*/
@keyframes preload-show-1 {
    from {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-hide-1 {
    to {
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-cycle-1 {
    5% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    10%, 75% {
        transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    80%, 100% {
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-show-2 {
    from {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-hide-2 {
    to {
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-cycle-2 {
    10% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    15%, 70% {
        transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    75%, 100% {
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-show-3 {
    from {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-hide-3 {
    to {
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-cycle-3 {
    15% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    20%, 65% {
        transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    70%, 100% {
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-show-4 {
    from {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-hide-4 {
    to {
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-cycle-4 {
    20% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    25%, 60% {
        transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    65%, 100% {
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-show-5 {
    from {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-hide-5 {
    to {
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-cycle-5 {
    25% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    30%, 55% {
        transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    60%, 100% {
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-show-6 {
    from {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-hide-6 {
    to {
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-cycle-6 {
    30% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    35%, 50% {
        transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #3B3F51;
    }

    55%, 100% {
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3B3F51;
    }
}

@keyframes preload-flip {
    0% {
        transform: rotateY(0deg) rotateZ(-60deg);
    }

    100% {
        transform: rotateY(360deg) rotateZ(-60deg);
    }
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    display: block;
    width: 3.75em;
    height: 4.25em;
    margin-left: -1.875em;
    margin-top: -2.125em;
    transform-origin: center center;
    transform: rotateY(180deg) rotateZ(-60deg);
}

    .preloader .slice {
        border-top: 1.125em solid transparent;
        border-right: none;
        border-bottom: 1em solid transparent;
        border-left: 1.875em solid #3B3F51;
        position: absolute;
        top: 0px;
        left: 50%;
        transform-origin: left bottom;
        border-radius: 3px 3px 0 0;
    }

        .preloader .slice:nth-child(1) {
            transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
            animation: 0.15s linear 0.82s preload-hide-1 both 1;
        }

        .preloader .slice:nth-child(2) {
            transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
            animation: 0.15s linear 0.74s preload-hide-2 both 1;
        }

        .preloader .slice:nth-child(3) {
            transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
            animation: 0.15s linear 0.66s preload-hide-3 both 1;
        }

        .preloader .slice:nth-child(4) {
            transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
            animation: 0.15s linear 0.58s preload-hide-4 both 1;
        }

        .preloader .slice:nth-child(5) {
            transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
            animation: 0.15s linear 0.5s preload-hide-5 both 1;
        }

        .preloader .slice:nth-child(6) {
            transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
            animation: 0.15s linear 0.42s preload-hide-6 both 1;
        }

    .preloader.loading {
        animation: 2s preload-flip steps(2) infinite both;
    }

        .preloader.loading .slice:nth-child(1) {
            transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
            animation: 2s preload-cycle-1 linear infinite both;
        }

        .preloader.loading .slice:nth-child(2) {
            transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
            animation: 2s preload-cycle-2 linear infinite both;
        }

        .preloader.loading .slice:nth-child(3) {
            transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
            animation: 2s preload-cycle-3 linear infinite both;
        }

        .preloader.loading .slice:nth-child(4) {
            transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
            animation: 2s preload-cycle-4 linear infinite both;
        }

        .preloader.loading .slice:nth-child(5) {
            transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
            animation: 2s preload-cycle-5 linear infinite both;
        }

        .preloader.loading .slice:nth-child(6) {
            transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
            animation: 2s preload-cycle-6 linear infinite both;
        }

.loadingSpinner {
    position: relative;
    margin-top: 30%;
}

.yelUser {
    width: 9%;
    height: 9%;
}

.img-yelp {
    width: 70%;
    height: 90px;
    border-radius: 50% !important;
}

.circular {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 50% !important;
    ;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
}

    .circular img {
        opacity: 0;
        filter: alpha(opacity=0);
    }

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #e7ecf1;
    margin: 10px 0 !important;
}

    .table-scrollable.table-scrollable-borderless, .table-scrollable > .table-bordered {
        border: 0;
    }

.heightFixed {
    max-height:550px !important;
}

.image_picker_image {
    height:70px !important;
    width:160px;
    max-width: 160px;
    max-height: 70px !important;
    background-color: #FF0000;
}
.rowLetterColor {
    color:black !important;
}
/*#chart-modal {
    width: 850px;
    height: 440px;
}*/
/*
/*==========  Mobile First Method  ==========*/

/*@media only screen and (min-width : 320px) {
    #gridContainer {
        height: 400px !important;
    }
}

@media only screen and (min-width : 480px) {
    #gridContainer {
        height: 400px !important;
    }
}

@media only screen and (min-width : 768px) {
    #gridContainer {
        height: 400px !important;
    }
}

@media only screen and (min-width : 992px) {
    #gridContainer {
        height: 400px !important;
    }
}

@media only screen and (min-width : 1200px) {
    #gridContainer {
        height: 700px !important;
    }
    .dx-scrollable-native.dx-scrollable-both{
        height: 360px !important;
    }
}
@media only screen and (min-width : 1366px) {
    #gridContainer {
        height: 400px !important;
    }
    .dx-scrollable-native.dx-scrollable-both{
        height: 360px !important;
    }
}
@media only screen and (min-width : 1900px) {
    #gridContainer {
        height: 820px !important;
    }
}*/

/*==========  Non-Mobile First Method  ==========*/

/*@media only screen and (max-width : 1200px) {
    #gridContainer {
        height: 500px !important;
    }
}

@media only screen and (max-width : 992px) {
    #gridContainer {
        height: 300px !important;
    }
    .dx-scrollable-native.dx-scrollable-both{
        height: 170px !important;
    }
}

@media only screen and (max-width : 768px) {
    #gridContainer {
        height: 300px !important;
    }
    .dx-scrollable-native.dx-scrollable-both{
        height: 165px !important;
    }
}

@media only screen and (max-width : 480px) {
    #gridContainer {
        height: 200px !important;
    }
    .dx-scrollable-native.dx-scrollable-both{
        height: 50px !important;
    }
}

@media only screen and (max-width : 320px) {
    #gridContainer {
        height: 160px !important;
    }
    .dx-scrollable-native.dx-scrollable-both{
        height: 30px !important;
    }
}*/