.MobidiOfisMultipleNumberBadget .panel-body div {
    padding-left: 2px;
    padding-right: 2px;
}

.widget-panel {
    padding: 5px;
}

@media print {
    @page {
        size: A4;
        margin: 0;
    }
}

.hasframe > .widget-inpanel-area:fullscreen .widget-inpanel,
.widget-panel:fullscreen .widget-inpanel {
    height: 95% !important;
}

.widget-inpanel-area:fullscreen .widget-inpanel,
.widget-panel:fullscreen .widget-inpanel {
    height: 100% !important;
}

.widget-edit-mode .widgetArea {
    box-shadow: inset 0px 0px 0px 2px #36415040;
    min-height: 50px;
}

@media print {
    .widget-panel {
        page-break-inside: avoid;
    }
   
    .heading h4 {
        padding-left: 0;
    }

    .tools {
        display: none;
    }
    .widgetArea {
        padding: 0px;
        margin: 0px;
        
    }
    .widget-panel {
        padding: 10px;
        margin: 0px;
        width: 100%;
    }

    .panel-body {
        display: block !important;
        height: calc(100% - 56px);
    }
    
    #DashboardArea {
        border: none !important;
    }

    .mobidiNavbar, .dashboard-right-panel, .widgetRemoveBtn, .widgetSettingsBtn, .widgetDraggableBtn, .panelFullScreen, .DateWidget {
        display: none;
    }
    .mobidiRootArea {
        width: 100% !important;
        display: block;
        position: relative;
    }
    .widget-inpanel-area, .widget-inpanel-fullsize {
        height: 98%;
    }

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

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .mobidiRootArea {
        width: 200mm;
    }

}

@media screen {

    .printing .mobidiRootArea {
        width: 200mm;
        opacity:0;
    }
    .panel {
        box-shadow: none !important;
        border-color: transparent !important;
    }

    .addWidgetBtn {
        border-radius: 50px;
        margin-top: 10px;
        margin-right: 10px;
    }

    .layoutGroup {
        padding-left: 5px;
    }

        .layoutGroup img {
            cursor: pointer;
        }

    .widgetModalItem {
        color: #b4bcc8;
        cursor: pointer;
        border-top: 1px solid #242f3c;
        padding: 5px 5px;
        font-size: 20px;
    }
    .widgetModalItem span {
        font-size: 11px !important;
        display: block;
    }

    .layoutGridItem {
        border-top: 1px solid #3d4957;
        padding-top: 5px;
        cursor: pointer;
    }

        .layoutGridItem img {
            padding-left: 2px;
        }

    .selectedDiv {
        background-color: #fcf8e3 !important;
    }

    .borderedDiv {
        border: 2px dashed rgba(0,0,0,.25);
        background-color: aliceblue;
        min-height: 200px;
        margin-bottom: 15px;
    }

    .rightExpand {
        padding-top: 15px;
    }

        .rightExpand i {
            float: right;
            font-size: 20px;
            background-color: #000000;
            padding: 5px;
            color: #b4bcc8;
        }

    #DashboardArea .panel-default .panel-title {
        color: #2f353b;
        font-weight: bold;
    }

    #DashboardArea {
        min-height: 99vh;
        padding-bottom: 60px;
    }

        #DashboardArea .nested-sortable {
            padding-left: 0px;
            padding-right: 0px;
        }

    .pd-lf-none {
        padding-left: 0px;
    }



    .dashboard-right-panel {
        width: 100px;
        border: 1px solid #36c6d3;
        background-color: #364150;
        height: 100vh;
        padding: 0 5px 0 5px;
        position: fixed;
        right: 15px;
        top: 65px;
        text-align: center;
    }


    .expand-dashboard {
        width: 41px;
    }

        .expand-dashboard .dropdown-menu {
            right: 18px;
        }

        .expand-dashboard .dropdown button i {
            position: relative;
            top: 2px;
        }

    .dashboard-right-panel .panel {
        border-radius: 0px;
    }

    .draggingDom {
        border: 2px dashed #eef1f5;
        padding: 10px;
        background-color: #e7e7e7;
        position: relative;
        top: 20px;
        margin-left: 5px;
        margin-bottom: 30px;
    }

    .droppableHeight {
        min-height: 250px;
    }

    #dashboardList button {
        margin-right: 5px;
    }

    .empty-dashboard #DashboardArea {
        overflow: hidden;
    }

    .empty-dashboard-area {
        display: none;
        text-align: center;
        width: 300px;
        min-height: 100vh;
        margin-left: auto;
        margin-right: auto;
    }


        .empty-dashboard-area h5, .empty-dashboard-area button {
            margin-top: 15px;
        }

        .empty-dashboard-area .empty-icon-list {
            width: 300px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
        }

            .empty-dashboard-area .empty-icon-list i:nth-child(1) {
                transform: rotate(45deg);
                font-size: 50px;
            }

            .empty-dashboard-area .empty-icon-list i:nth-child(2) {
                transform: rotate(45deg);
                position: absolute;
                right: 200px;
                color: rgba(0,0,0,.5);
                z-index: -1;
                top: 13px;
                font-size: 25px;
            }

            .empty-dashboard-area .empty-icon-list i:nth-child(3) {
                z-index: 99;
                color: #000000;
                font-size: 100px;
            }

            .empty-dashboard-area .empty-icon-list i:nth-child(4) {
                transform: rotate(135deg);
                position: relative;
                left: 4px;
                bottom: -1px;
                color: cadetblue;
                font-size: 50px;
            }

            .empty-dashboard-area .empty-icon-list i:nth-child(5) {
                transform: rotate(135deg);
                position: absolute;
                right: 64px;
                color: #a22121;
                z-index: -1;
                top: 4px;
                font-size: 50px;
            }

    .dashboard-left-panel {
        padding-left: 0px;
        padding-bottom: 10px;
        padding-right: 100px;
    }

    .dashboard-border {
        border: 1px solid #eeeeee;
    }

    .dashboard-footer {
        height: 150px;
        margin: 0 5px 5px 30px;
    }

    .panelFullScreen {
        margin-right: 5px;
    }

    .panel-overflow-x {
        overflow-x: auto;
        padding: 5px;
    }
   
    .widget-panel {
        min-height: 40px;
        margin-bottom: 15px !important;
    }

        .widget-panel .panel {
            margin-bottom: 0px !important;
        }

        .widget-panel .panel-body {
            height: calc(100% - 56px);
        }

    .widget-inpanel-area, .widget-inpanel-fullsize {
        height: 100%;
    }

    .widget-panel:fullscreen {
        background-color: #fff;
    }

        .widget-panel:fullscreen .widget-inpanel-fullsize {
            width: 100%;
        }


    .widget-options .container {
        width: 310px;
        padding: 15px;
    }

        .widget-options .container .tab-content {
            margin-top: 15px;
        }

    .widget-options select, textarea {
        margin-bottom: 15px;
    }

    .form-check-input {
        position: relative;
        top: 2px;
    }

    .buttonOptions {
        margin-bottom: 10px;
    }

        .buttonOptions button {
            padding: 0 5px 0 5px;
        }

    .widget-tools .btn {
        border-color: transparent;
        padding-top: 5px;
        margin-top: 5px;
        margin-left: 2.5px;
        margin-right: 2.5px;
    }

    .widget-tools {
        bottom: 10px;
        position: relative;
        display: inline-flex;
    }

    .widget-outer-tools {
        position: absolute;
        top: 15px;
        right: 20px;
        z-index: 1;
    }

    .widget-outer-tools-left {
        right: inherit;
        left: 20px;
    }

    .nobody-padding {
        padding: 0px !important;
    }

    .widget-detail-settings {
        border: 1px solid #eee;
        margin-top: 50px;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-top: 10px;
    }

        .widget-detail-settings span.seperator {
            position: relative;
            bottom: 2px;
            font-weight: bold;
        }

        .widget-detail-settings span.iconbox {
            font-size: 20px;
            position: relative;
            top: 1px;
            cursor: pointer;
        }

            .widget-detail-settings span.iconbox p {
                font-size: 15px;
                display: inline;
            }

    .settings-checkbox {
        cursor: pointer;
    }

        .settings-checkbox span {
            position: relative;
            bottom: 2px;
        }

    .weditable-menu {
        background-color: #eee;
        width: 50px;
        height: 25px;
        position: absolute;
        display: inline-block;
        bottom: -2px;
        margin-left: 10px;
        padding-left: 7px;
        border-radius: 25px 0px 0px 25px;
        color: black;
    }

        .weditable-menu button {
            background-color: transparent;
            padding: 0;
            font-size: 15px;
            margin-right: 5px;
            position: relative;
            bottom: 14px;
        }

    .defaulttools {
        display: inline-block;
    }

    .resize-panel {
        resize: vertical;
        overflow: auto;
    }

    .widgetIconView {
        width: 24px;
        height: 24px;
        position: relative;
        bottom: 1px;
    }

    #widgetIcon {
        width: 24px;
        height: 24px;
        position: relative;
        top: 7px;
    }

    .widgetEmptyIcon, .widgetEmptyIconClass {
        position: relative;
        top: 5px;
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid;
        background-color: #eee;
        cursor: pointer;
    }

    .widget-inedit-mode .dashboard-left-panel {
        padding-right: 0 !important;
    }

    .widget-inedit-mode .dashboard-right-panel, .widget-inedit-mode .widgetRemoveBtn, .widget-inedit-mode .widgetSettingsBtn, .widget-inedit-mode .widgetDraggableBtn, .widget-inedit-mode .sortable-item {
        display: none;
    }

    .widget-inedit-mode .resize-panel {
        resize: none;
    }

    .widget-panel .panel-heading .tools {
        height: 35px;
    }

    #widgetIconListDiv button {
        margin-top: 10px;
        margin-left: 5px;
        width: 40px;
        min-height: 35px;
    }

    .widget-panel > .panel-primary #widgetIconView {
        background-color: white;
    }

    .widget-panel > .panel-primary .panel-heading, .panel-success .panel-heading, .panel-info .panel-heading, .panel-warning .panel-heading, .panel-danger .panel-heading {
        padding: 5px 8px 0px 15px;
    }

    .widget-panel > .panel-primary .widgetSettingsBtn, .panel-success .widgetSettingsBtn, .panel-info .widgetSettingsBtn, .panel-warning .widgetSettingsBtn, .panel-danger .widgetSettingsBtn {
        color: #242527;
    }

    .widget-panel > .panel-primary .widget-tools, .panel-success .widget-tools, .panel-info .widget-tools, .panel-warning .widget-tools, .panel-danger .widget-tools {
        top: 6px;
    }

    .widget-panel.col-md-2 h4 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 113px;
        padding-top: 2px;
    }

    .widget-panel .panel-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 2px;
    }

    .widget-panel.col-md-1 .widget-tools, .widget-panel.col-md-2 .widget-tools, .widget-panel.col-md-3 .widget-tools {
        bottom: 8px;
        left: 10px;
    }
}

.widgetColor-blue:after, .widgetColor-red:after, .widgetColor-purple:after, .widgetColor-orange:after, .widgetColor-grey:after, .widgetColor-green:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAACEFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9gosZ0AAAAr3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBITFBUWFxgZGhscHR4fICEiIyQlJigpKissLS4vMDEyMzQ1Nzg5Ojs8PT4/QUNERUZHSUpLTE1OT1BRUlRVVldYWVtdXl9hYmNmZ2hpa2xtb3Bxc3R1d3h5e3x+f4CCg4WGiImLjI6RkpSVmJqbnZ6io6Woqq2wsrS1uby+wMHDxcjKzM7P0dPV19na3N7g4uTm6Onr7e/x8/X3+fv905t17QAABGZJREFUGBntwf1fE3UAB/DPbbcHhoZASj5OTRITw0zIpwIrnyotEamU1NSSMnxOs/AhlQTBSkQKREIQxsZun3+x4W5j2922u9t990Ovvd8oKioqKvrfkMuWrq1v3PXJp7ubtq73V3ggnsu/69xfCtM9vX5wnQ+iyG+cHmIWk9cafLCde0sXDRg8UAYbSdU3adij7U7Yw7n7OU1Rvp2H/MlfhGje9TLkRzoQpDWXvMhDzQgtC++XYJHrF+ZloBKWVL9gvg7Bglba4I4Mk6QbtMXTeTBF7qVNJhfBBPkRbRNaBMOcf9JGwUoYdZe2GvfCmHbarN8BI96m7c7DgJIQ7bcRud2hAJMycqmlEGeRyxDFeAXZ1VOQa8hugKJ4oXJBx2IKcwiqDVdc0DhFYUag8nD6PaSboDgLoBoh77uRoowCNUL1E8nxJUhWT4GuQrWHs/YiyQkKNApVLV86hTm3KZKEmCrGnEHCIEXyImY+VWcRN0GR5iOmhHFHoVIoUjli3Ex4CzFBilSGGA8TZhbgpVGK5EOMj3OGHZjVQ5GciKlgktOYdYECBaFaxWSvImoXBeqGaiuTdSNqGQVqheo4U6wG4IhQnNehus8UvyPqNoVRHIiRIkxVBqCOwvwM1UKmaQXgmKYoK6FqZpphRH1JQYYRN8B0pQDcYYrxDlTl1NiAqBYKMYi4NmocQZRjlCKsgMoRpEYnZq2hABcR10Stfrx0nLYbcUIljVNrHDHdtFlkEeL2UkcYMZ4J2msb4kpmqGMaqspp2ukIEn6jnlHELQzSPt8hYRN19SChKkS7fI8E1yR1XcKcyjHaowUJUg/17UUS9wPaQGnAnLPMwI9kUgfzNlKBOU3MxIFUtRPMz3kn5qxlJl1IJ19gHp5VI0lNhJlshlYDrVJaJCR5M8JMZpzQOkyLzniQrI6ZHYOWM0Arwid9SNHCzBQvtD6nBUO7ZaRwdDKLNmh5wzQr0L4EaUoHmMW4E1r3aM7fR5dLSNc0w2zWQ+sz6ghSV/jBkXVeaM3rZlbt0FpJral6OMtrdrZd7eofCyiR4MRw760fmxtWlECX9LHCrPokaJROUeOKC2bU/8vsprzQcA8z3ZNVMKP6MXMIVUFD7meaf+pggmPLE+YyswQaUg9TPd0ME0oOB5hTeBm0fmWKztUwzr3jAQ2YqILWa0zybL8Hhs3ffo+G9HmgYznj+vYtgFGlGzvGadBFCXqkP0hG+o7XeWCEw1dVf6InTMNe1CEDaY3fhyzcbR0nWg82f/XND5dvPArRpMsyrGsM0qotyIvr6zCtaUae3McUWjHlQL7kD4dowT7YYPm5IM0KuWEHacWpUZpzE3bx1p58qFBXkDo+gp1K/NsOtt98ODg6pSiBsf6uq207a8qdeDdArcUoAPd1ajz3ohBqRpjusYxCkLaPMU2vAwUhffCCqe5KKAxpUy9TdKBgyk+HmKQShSP5Tz5nnB+FVbGnM8CoJxIKz7t0x/syioqKioqKcvoPD1OL7HcX/uAAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    content: "";
    opacity: 0.15;
    left: 1px;
    bottom: -30px;
    position: absolute;
    width: 150px;
    height: 120px;
    display: block;
    pointer-events: none;
}

.widgetColor-red:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4AgMAAABECt5BAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAQABPjKgAAABLSURBVEjH7cmxDcAgDAVRC4kmo2QKlvA+jJI2NyUFNdTY/OtOz0zliv8qru7e1vwAPQ2/gDgbF+ATB+d5YrH4TF4XmLcFZt9mKlcD6Arwa6DHiHYAAAAASUVORK5CYII=);
}

.widgetColor-purple:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAACMVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////4jh/rAAAAunRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRocHR4fICEiIyQlJicoKSorLC0uLzAyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSUpLTE1OT1BRUlRVVldYWVtcXV5fYWJjZGdoaWtsbW9wcXN0dXd4eXt+f4CCg4WGiImLjI6PkZKUl5iam52eoKKjpaaoqqutr7CytLW3ubq8vsDBw8XHyMrMzs/R09XX2drc3uDi5Obo6evt7/Hz9ff5+/1Cfq4qAAAG3UlEQVQYGb3BC0NT5wEG4Pc7uUBIQYg4QLRoVrRqa20nqNQ6V6XtvE86tZ0TN6tOnJ33ehcFb9MWpRuuAqIgEytaCJecvL9uSQhJTvLlnPOd4J4HDmlur8/v87o1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);
}

.widgetColor-orange:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAB7FBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9iHjTuAAAAo3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBETFBcYGRobHB0eHyAhIiMkJSYnKCkqKywuLzEyNDU2Nzg5Oz4/QEJDREVGR0pLTE1PUFJUVVZXWFlbXV5fYWJjZGZnaGlrbG1vcXN0dXh5e3x+gIKFhoiJi4+SlJWbnZ6goqOlpqiqq62vsLS1t7m6vsDBw8XHyMrOz9PV19na3N7g4uTm6Onr7e/x8/X3+fv9mkdPqgAABJhJREFUaN7tmvtXE0cUgHdXwkuKqEQqkIqKAj4RFWhLW/GtEY0RBHzhoz4BbSsIRVKNJeITBKNmd0VJ5h81LzY7dx47OR6T4zlzf+R8cz+SmZ25mzuKwoqyw4WKQ5xd7US0NSlZxzpkeviEhpDXIckouq9lK96GULSKSxQiR/NThCbULMVn4mkjLh5RGydQPY9QY3HiYpbiJ4m093jE0QQRKeAQlQkCrcvK+0NyDNrMQV4niasc4lySeJPVl30pJX7BJjamCFTOJAo+pYifs/BWp7OiZhaxbD5NDDGTDKaJD+Ire5W5JJ5iPUuPlghUxED6LGKHqHelYY1BFXRvIEN00pP0ZIhJQW+lmRmDjlJn77GNmKYmOW8jmF8KHhs+28eMUYjil3YCLaM8wYMYsVHEWxXFxixSPu8rjEA/ksgdnOgSEb/AxyAX4/HMxHaCWA+Im0KHA4gyYmHFAPELkWQEECMC4j4oXgmJOkjsd/zXAgLiezDtcki0QqINEssh8ZeAOICc5ng/JLYS+wAkrguI74IxHwhij+NklEDidwHxcTBmkCDcgIiSp89HgFQJiFeDMQ0kouPENZL4EyfCQhvXKDbmLeUw7cDTriKJcodlT41Swz6GVj6ok3aiz3HCngpWAmtsM3SQfsKHMsTf9KzXMsRcqeipWBZMDzFYZYBmTWI/69P8urB0yhRnUYDUXXm+MDfazinkKk4GI5HgCXbdoxR0PJhfeHbZo8iQkQ7fDRDEw9AECeKVsBQSPtFXF3sQ76JHIHHEadtFT6RYiqVYiqVYiqVYiqVYiqVYiqX4q8QVe70DiRc7HQ4aga9+05CYhgT88Rbpib8OePcSfQbtQBjlJMIHsI5M43uUs3jXwP758hvHsSVvN8pxdKe8LSjn0ZLwFi3mXryY6ENdRXmIK6m2dx6iUNmZH/EO5VZ+xLeUYH7Ej5V3+RGHFZSnkOK8iRfv+/a17Np3eiTKHxebONMZ53z/OGy40dHTnS3Nf5AcJjZ7Kq2eirrm3AIz23WPdZyrlT0Gi/vY587kc/eaDLHeDjo52m8mLd1nL+ivqm0RGmd2gOsfWrtOE49TLhS5xiiPPqV95XpAcpOU62CucVLcTy8B/TDfBXqDiygmLtDz9UNxK6v43IWtstgeFrcb7863s7jWmF1scNphVbYJNKvZ3FrbBPLuvtWYGfFECa/CL7L6uhPc7mSxNYGTXK70YVKsh2D3r7B8BVgX1RenImao1w1WyopywNUMhHRjqhe0x11EPvfZKYNYd/5kZf/G63BFseDQTLJI7nbiTiVvX4X9Lj7XaG0Gn5p53BarxWxu5XH11sQbjTyui1L90uKYnfMLXnRg3/dRwc2gu4yLZ+oNnBti9K7Vmzh3m8EVE1VQqESM+5/KFT2CXJB6ratBJ7c9g3IXo4lyJpiUm671lA1c30Rgnn/pB8xYDc5tCNC5h3Ug3xidG7c/u5rn1Bz7RJ09UZOea+0nP+ctet7nSd9k02q7OPnmumqT+YYDM87lwux/w0OBWQEuEOcE8s0EhmXNJcVSLMVSLMVSLMVSLMVS/B2LvwDCC682Kbz+wwAAAABJRU5ErkJggg==);
}

.widgetColor-grey:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAABL1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+r0Zv2AAAAZHRSTlMAAQIDBQcICQoMDRESExYXGRscHSEjJSYnKCkqKy0uLzAxMjQ1QkRRVFVdXl9hY2RmaGltb3Bxc3R5hYiJi46PnZ6jpaaqq62vsLK+wMHDxcfIzNHT1dfa3N7i5Ovt7/Hz9fn7S5PIjwAAA39JREFUaN7tmmlbGjEQx8PherbaKuLRivdRRW1V0FoPBFEUxQMVAY/V+f6foS98SrIrsJtkkrRP+b9lmN8TMkwmkyGkpZZa+m/U/+O0Ch6qnn7vR8ZGrsCnriKI2OAv4NB2AIsbLgCXzsNI6+XkAhSCKOBt4NZPDO5nENAnBPCBCPhAntsOQmqXBs+Jgeekwbdi4FtZbh8Iqk8SvCUK3pJMHrYo2JZLIhMgrAkp8KE4+NA3JDC4kr6zQZHsu/TKYL1zy1pTxmToa5abO/8CWvQy7zxxc6BNOea0br8Bjbqp5fGwVi5A8c+aT0Czcm/cBdCueUIIsV71g18sQsg6GNCazDEglUkCJApGNEhWzYBXSMYMOE1KZsB3xDYDtonItx52ZyNdoQAhgVBXZHbvQcQHP7iy3OM+Uz8sV5SDL2L1y5fYpVJwOda4chqvqAMnmpaswaQi8NOoV7n45UkFuNjhXah2FPHBeV+NjfAZNjjv80YSPMMFF303cvwWcP7Aj+79bZtMZkvPz6VscrLNvc9PiGBXPA9l2Q+zUVds44ETDse977Yx/9FhkMQClx2BtVjP5JsjwCpI4DH2Spmqb7PPXgTHccAXLLdh8X/Cki9RwOyCU43N9tmzCgNcZhwuNTNk97mCAI4z8dzckontZQRwN3V37pFWmZpEHlyl3oa9bJlM8iAN3qHOjrxss9R2Vxo8Q9sz3qFK8/asNHig5mvKGzxJn22kwZ01X5ve4GTNuEsaHKr5OvYG000OSYNpJrz3BpdobpUG00D1cct6ptb/LtjYT20suIz9nWgCmdabQIylTGOHBM+xOIR5LHIUAmfUskdr6dOLW/qwxV68meEicrHnt7xNYZe3UGBvJzoLeseSgw3WnArwLVjg0lZ3n5eUXNpgw3lNffevOu91GCTwLuYjzqv3sCOHHQ07Px1V2YqwpjeP7237/nhzylLZioBr/80Xn60u9HZT3lCDzS+Xo6V4bailCPA44sUdVdJEBYCN5m3jBI8vzkb518bcsTKoAwMUGqDHLjgd8T+GlOPdbmp3vMztRuj5p7ozM9D59vzTOTCzUxXxYe7By9gTX8YMOG3uGdfYw7Wxp3pjwwnmxjGMDaCYG7nRPmR0EzY9VkVIWOOvnXMWbwuaYvt14d2w4LqOYcF1q17NFF3NlNSNR5Yyq1GcEfeWWmrpL9Fv/AnIdAYxfLgAAAAASUVORK5CYII=);
}

.widgetColor-green:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAACH1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////kmOy0AAAAtHRSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMlJicoKSorLC0uLzAxMjM0NTY3ODk6Ozw9Pj9AQUJDREVGR0tMTlBRVFVWV1hZW1xdXl9hYmNkZmdoaWtsbW9wcXN0dXd4eXt8foCCg4WIiYuMjo+RkpSVl5iam52eoKKjpqutr7CytLW3ubq8vsDBw8XHyMrMzs/R09XX2drc3uDi5Obo6evt7/Hz9ff5+/22HxuwAAAFkElEQVRo3u2a2V8TVxSAk8lkMxuBAJGGRSOCFZESFGhTka1YkYa1UDaJYtNWQLYq+76IgAQxIkXAoOxLQjJ/YPXXvtjcmbkzc+/QB84jD3yZuefO+c49VyKBCXVCQVO/x08xx9Hi07pbFqUESRDmvD/cAYpL+GYefhshFQKVJzV4KJ4RnKu4QPCimkpfUUJjukjPkRpRv02hifWftNBU2a23FMqYvQ614IrqYwp17BSxLjdReULhiP0C5qe+uk3hipXz9FjpEwpnVNJu2wUKbwyAXzexROGOYSC4m8If5QBujAhcKqgKBbeJAaaKQ8GbooBHQsGicCn3aYEXz8Bn4DMwxn28LQp4IhTcIwq4KhR8WRSwAVAXp0XgtoBEQPkRO3cJbLk63OQlOY3tKWexcnsYrL4kgA17kMVo9Jp+TFyXnK2JiRrE4HitGpi2Te9E27btlEGfThCpI6ioJ51WbqcSZGq38OfefZzI6zgi8s6on38WP7sdBkWhyXaDzfnCx5U5WZtCk002QD0eU9P+KKUlp3l8Lci+oG+HGrPM9BvHuAgUgZNylgWRh13MKCh1dozOe1bfbx34g779rY2/Xs8OtTWW5H0TrydZ0sZFayC7Pwg6F2PGVvqY1Ge3RIEFq2n0sTlXsDMeNVWaPAIne1s10QipcY8OOVjmzqMkEgFVmfbkiLveumsShSy4OsW5wt+rdwdLr2g5v92w1OqJQwRCH1hoc9ywaNi3GqGLz6rsfMOtkwhCfPPnB1tqf8y+Yok2GfUatVKuVGv0RpM57qq9uL5txH3I/i8WQsFeUbx6+LROfe7+j865JE9FAFcAD+aXsXPHac7mPbi5dGWX6MXKbWLyn0NsWK+VWTJceLD+Ulbd1LQGkWN9v8ihalnpDlLseqEMurxYu1BNgY5cMRynqIkte4Kpm85YXvZozOs74t+qdWRBtYiSHPCfddcbprjS98aqksHdgTQTIAIvI+nnjTF25+gq+2mBf3mgPjOaXtas78AG0sMy7SXDLtjyHU3tI4BOIjctTseSvOZpevXpR+i1/33aGWbn8thlGKiKOxvsshd4lkwgpZK2CVjLDAxmqxFR9QVTHPX2w+9pWmFMaVhWxx4/rz4eq0oL5/PeycibddMBoULv7XXYLFq4nCP1CZlVwztIRwO+pR6nIz/9ktmgkpMy4p+PsJSQkQq1MSbxRmF588Aya2kBgP2UGDEbCn4lCrg9FHxPFHAqIC0OReC+AyVkCn5uwATcCkXYO6ckmk1oO8HK3f+K/sOK8yrIOOOBSh6uFNtMYbvMVXaEAbuVC2GbRP4a6tmtDVZyLY/RTSV2GsI51VKraw8B1VsXw6OohhUMCnnwve5sKKOPBU8GMh4ucp+++Wdqr4GhFkA9bqZVjXMJBb/NHcCt6NSD7+kvwcp7gSKwncGc7erorwt/dv05ufThy3fg97rHu5orbieZVIzZKy06pjOQ15fhs++TeshJgoDuBqWZ75nUx5OOZypB5HrZnGuvQoscG+H0QcnevF2JkKotWuFgmS+LwlFApWbHCme9Pei0GwVBowr7fXy9+mTm/k0T91aCNNt/dQeFC/165+fJAAyf0MVnV/Z+5CT0EJOB5x337+WkJpg0KsW/rcSn3SxXqLSRF9NyHQ+65tktAnDJaEsUrx4/rUtGgBvHiaKAQZeMnovAbQVlpAr/VTIPeGcYcJPf0Jm1yo132EV/qCCtwYf15TF+egyTmLidrAUvDkd290HVuqh2tFOJY6cOtrrIc9Cl2WQ6t+p2Lg/BrcXAcCafYb/sUoOQceN8RawAcSTj7/Zzr1sbXYXnUZwAy0zp1cPrMBkXWOkru2YkEEuq3Gj9rqSxbWhu7YvePXiw+mKgtb44M8FASkSIz62EjOC/in8DOCTbwJxfTLAAAAAASUVORK5CYII=);
}

.noframe .widgetColor-default {
    background-color: white;
}

.widgetColor-blue {
    color: #fff;
}

.noframe .widgetColor-blue {
    background-color: #3598dc;
}



.widgetColor-blue .panel-body {
    background-color: #3598dc;
}

.widgetColor-red {
    color: #fff;
}

.noframe .widgetColor-red {
    background-color: #e7505a;
}

.widgetColor-red .panel-body {
    background-color: #e7505a;
}

.widgetColor-purple {
    color: #fff;
}

.noframe .widgetColor-purple {
    background-color: #8E44AD;
}

.widgetColor-purple .panel-body {
    background-color: #8E44AD;
}

.widgetColor-orange {
    color: #fff;
}

.noframe .widgetColor-orange {
    background-color: #E87E04;
}

.widgetColor-orange .panel-body {
    background-color: #E87E04;
}

.widgetColor-grey {
    color: #fff;
}

.noframe .widgetColor-grey {
    background-color: #525E64;
}

.widgetColor-grey .panel-body {
    background-color: #525E64;
}

.widgetColor-green {
    color: #fff;
}

.noframe .widgetColor-green {
    background-color: #1BA39C;
}

.widgetColor-green .panel-body {
    background-color: #1BA39C;
}

.forceLeftDropDown .dropdown-menu {
    right: auto !important;
    left: 0 !important;
}

.dropdown-menu-left {
    right: auto !important;
    left: 0 !important;
}

.descriptionHeight {
    height: 80px !important;
}

.tab-pane {
    padding-top: 15px;
}

.widgetModalSettings select {
    margin-bottom: 15px;
}

#selectIconModalDialog {
    z-index: 9999;
}

.layout-active {
    background-color: #3598dc;
    padding: 2px;
}

.widgetModalSettings .modal-content {
    border-radius: 0px;
}

body {
    background-color: #f8f8f8;
}

.widgetModalSettings .modal-header {
    background-color: #f8f8f8;
}

    .widgetModalSettings .modal-header .close {
        font-size: 30px;
    }

.widgetModalSettings .modal-body {
    border-right: 3px solid white;
}

.widgetModalSettings .modal-footer {
    border-radius: 0px;
    padding: 0;
    line-height: 55px;
    background-color: #f8f8f8;
}

    .widgetModalSettings .modal-footer .btn {
        position: relative;
        right: 10px;
        margin-top: 0px;
        bottom: 4px;
    }

   
    .dashboard-navbar {
        padding-top: 3px;
    }

    .dashboard-navbar .navbar-header h4, a {
        display: inline-block;
    }

    .dashboard-navbar .navbar-right {
        position: absolute;
        right: 33px;
    }

@media (max-width: 768px) {
    .navbar-header {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
  
}