﻿/*
1. Dashboard
2. Dashboard Settings
3. Dashboards and Widgets
4. Buttons
5. Modals
6. Context Menus
*/

/* Beginning of Dashboard*/

#dashboard {
    border: 0px solid #000000;
}

#emptyDashboardMessage, #emptyDashboardMessage_readonly, #noDashboardMessage {
    color: #4E453B;
}

.titleButtons div:hover, .editDashboardWidgets.edit {
    color: #FF7733;
}

.dashboard-loading {
    color: #322C26;
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #4E453B;
}

.dashboard-abort {
    color: #D15E5E;
}

@keyframes dots {
    0%, 20% {
        color: rgba(78, 69, 59,0);
        text-shadow: .25em 0 0 rgba(78, 69, 59, 0), .5em 0 0 rgba(78, 69, 59, 0);
    }

    40% {
        color: #4E453B;
        text-shadow: .25em 0 0 rgba(78, 69, 59, 0), .5em 0 0 rgba(78, 69, 59, 0);
    }

    60% {
        text-shadow: .25em 0 0 #4E453B, .5em 0 0 rgba(78, 69, 59, 0);
    }

    80%, 100% {
        text-shadow: .25em 0 0 #4E453B, .5em 0 0 #4E453B;
    }
}

/* Ending of Dashboard*/

/* Beginning of Dashboards and Widgets*/

.actionContainer {
    background-color: #CDC4BC;
}

.heading {
    color: #ffffff;
    background-color: #322C26;
}

[data-widgetpart="waiting"], #dashboardWidgetSettings .waiting, .chartWrapper .waiting {
    background-image: url(ThemeImages/progress.gif);
}

/* Ending of Dashboards and Widgets*/

/* Beginning of Modals*/

.modalbackground {
    background-color: #000000;
}

/* Ending of Modals*/

/* Beginning of Context Menus*/

[data-widgetpart="contextmenu"] .title, div[data-widgetpart="contextmenu"] li.title:hover {
    border-bottom: 1px solid #4E453B;
    color: #ffffff;
    background-color: #4E453B;
}

/* Ending of Context Menus*/

/* Beginning of Context Items*/

#mnuHeaderDashboards ul {
    border: 1px solid #322C26;
}

#mnuHeaderDashboards li {
    color: #322C26;
    background-color: #F2F2F2;
}

    #mnuHeaderDashboards li:hover, #mnuHeaderDashboards li:hover > a, #mnuHeaderDashboards li:hover > a > i {
        color: #ffffff;
    }

    #mnuHeaderDashboards li:hover {
        background-color: #ff7733;
    }

/* Ending of Context Items*/
