body {
    background-color: #eeeeee;
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 24px;
    font-size: 12px;
}

.material-icons.red {
    color: #F00;
}

.material-icons.blue {
    color: #20a5e8;
}

.material-icons.yellow {
    color: #FF9100;
}

.material-icons.green {
    color: #5ebf2a;
}

.material-icons.orange {
    color: #FFA500;
}

.material-icons.gray {
    color: #F8F8F8;
}

.material-icons.lightgray {
    color: #958f8f;
}

.material-icons.lightgreen {
    color: #85f085;
}

.material-icons.smallfontsize {
    font-size: 18px;
}

.k-button {
    margin-right: 5px;
    margin-bottom: 10px;
}


    .k-button:hover .k-icon,
    .k-tool-icon:hover,
    .k-state-hover .k-tool-icon,
    .k-state-selected .k-tool-icon,
    .k-state-focused .k-tool-icon,
    .k-button:hover .k-tool-icon,
    .k-splitbar.k-splitbar-horizontal-hover .k-icon,
    .k-splitbar.k-splitbar-vertical-hover .k-icon,
    div.k-splitbar.k-state-focused .k-icon,
    .k-textbox:hover > .k-icon,
    .k-grouping-header .k-group-delete,
    .k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete,
    .k-grouping-header .k-si-arrow-n,
    .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n,
    .k-grouping-header .k-si-arrow-s,
    .k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s,
    .k-grid-toolbar .k-i-pdf,
    .k-grid-toolbar .k-button:hover > .k-i-pdf,
    .k-grid-toolbar .k-i-excel,
    .k-grid-toolbar .k-button:hover > .k-i-excel,
    .k-grid-toolbar .k-icon,
    .k-scheduler-toolbar .k-icon,
    .k-scheduler-footer .k-icon,
    .k-scheduler-content .k-icon,
    .k-gantt-toolbar .k-icon,
    .k-field-actions .k-icon,
    .k-notification .k-icon,
    .k-pivot-configurator-settings .k-icon:hover,
    .k-window-titlebar .k-icon {
        opacity: 1;
    }


    .k-button,
    .k-button:hover,
    .k-button.k-state-hover,
    .k-button.k-state-focused,
    .k-button:focus,
    .k-button:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    }

.k-button,
.k-header {
    font-weight: 500;
}

    .k-button:active,
    .k-button.k-state-active,
    .k-button:focus,
    .k-button.k-state-focused {
        color: #444444;
        background-color: #dbdbdb;
        border-color: #dbdbdb;
    }

        .k-button:active:hover,
        .k-button.k-state-active:hover {
            color: #444444;
            border-color: #dbdbdb;
            background-color: #dbdbdb;
            -webkit-box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.30000000000000004);
            box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.30000000000000004);
        }

        .k-button:hover,
        .k-button.k-state-hover,
        .k-button:active:hover,
        .k-button.k-state-active:hover {
            color: #444444;
            border-color: #ebebeb;
            background-color: #ebebeb;
        }

    .k-button[disabled],
    .k-button.k-state-disabled,
    .k-state-disabled .k-button,
    .k-state-disabled .k-button:hover,
    .k-button.k-state-disabled:hover,
    .k-state-disabled .k-button:active,
    .k-button.k-state-disabled:active {
        color: #999999;
        border-color: #fafafa;
        background-color: #fafafa;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-primary,
.k-overflow-container .k-primary {
    color: #ffffff;
    border-color: #3f51b5;
    background-position: 50% 50%;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none;
    /*border-color: #2196F3 !important;
    background-color: #2196F3 !important;*/
}

    .k-primary:focus,
    .k-primary.k-state-focused {
        color: #ffffff;
        border-color: #eff8ff;
        background-image: none;
        -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
        box-shadow: 0 0 8px 0 #cfe6f8;
    }

    .k-primary:hover {
        color: #ffffff;
        border-color: #5c6bc0;
        /*border-color:#2196F3;*/
        background-image: none;
        background-color: #5c6bc0;
        /*background-color:#2196F3;*/
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
        box-shadow: 0 0 8px 0 #cfe6f8;
    }

    .k-primary:active {
        color: #ffffff;
        border-color: #283593;
        background-image: none;
        background-color: #283593;
        -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    }

    .k-primary.k-state-disabled,
    .k-state-disabled .k-primary,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:hover,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:active,
    .k-primary.k-state-disabled:active {
        color: #a8a8a8;
        border-color: #eaeaea;
        background-color: #eaeaea;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*primary color*/
    .main-menu li:hover > a, nav.main-menu li.active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
    .dashboard-page nav.dashboard-menu ul li.active a,
    .k-primary,
    .k-overflow-container .k-primary,
    .k-checkbox:checked + .k-checkbox-label:after,
    .k-primary:hover,
    .k-primary.k-state-hover,
    .k-primary:active:hover,
    .k-primary.k-state-active:hover,
    .k-tabstrip-items .k-state-active,
    .k-grid .k-header .k-button,
    .k-scheduler .k-header .k-button,
    .k-scheduler .k-header li,
    .k-scheduler .k-header .k-link,
    .k-gantt > .k-header li,
    .k-gantt > .k-header .k-link,
    .k-gantt-toolbar .k-button,
    .km-pane-wrapper .k-header .k-button,
    .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
    .k-scheduler .k-scheduler-toolbar .k-state-selected,
    .k-gantt-toolbar .k-button,
    .k-splitbar.k-state-focused,
    .k-task-milestone,
    .k-task-summary-complete,
    .k-state-selected.k-task-milestone,
    .k-state-selected .k-task-summary-complete,
    .k-progressbar .k-state-selected,
    .k-slider-selection,
    .k-flatcolorpicker .k-hue-slider .k-draghandle,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle,
    .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
    .k-draghandle.k-state-focused,
    .k-draghandle.k-state-focused:link,
    .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused,
    .k-primary:hover,
    .ktb-checkbox-checked + .ktb-checkbox-label-after,
    #tabStrip .k-tabstrip-items .k-item.k-state-hover,
    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-list > .k-state-selected.k-state-focused,
    .k-calendar td.k-state-selected,
    .k-grid .k-header .k-button,
    .k-scheduler .k-header .k-button,
    .k-scheduler .k-header li,
    .k-scheduler .k-header .k-link,
    .k-gantt > .k-header li,
    .k-gantt > .k-header .k-link,
    .k-gantt-toolbar .k-button,
    .km-pane-wrapper .k-header .k-button,
    .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
    .k-scheduler .k-scheduler-toolbar .k-state-selected,
    .k-gantt-toolbar .k-button,
    .k-header.k-scheduler-footer .k-header,
    .k-header.k-scheduler-footer ul.k-header li .k-link,
    .k-panelbar .k-grid-toolbar,
    .k-splitbar.k-state-focused,
    .k-task-milestone,
    .k-task-summary-complete,
    .k-state-selected.k-task-milestone,
    .k-state-selected .k-task-summary-complete,
    .k-progressbar .k-state-selected,
    .k-slider-selection,
    .k-flatcolorpicker .k-hue-slider .k-draghandle,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle,
    .k-radio:checked + .k-radio-label:after,
    .k-popup .k-primary,
    .k-edit-form-container .k-primary,
    .km-pane-wrapper > .km-pane > .km-view > .km-content,
    .km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-chart .k-handle,
    .k-chart .k-navigator-hint .k-scroll,
    .fbtn-blue {
        border-color: #2196F3 !important;
        background-color: #2196F3 !important;
    }
.k-button {
    min-width: 100px;
    text-transform: uppercase;
}
/* Border radius */

.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload {
    border-radius: 2px;
}