﻿:root {
    --clr-primary-dark-liver: rgba(80, 80, 80);
    --clr-secondary-debian-red: rgba(214, 11, 82);
    --clr-tertiary-platinum: rgba(230, 230, 230);
    --clr-tertiary-platinum-50: rgb(240, 240, 240);
    --clr-tertiary-platinum-10: rgb(248, 248, 248);
    --clr-neutral-000: rgba(255, 255, 255);
    --clr-neutral-100: rgba(200, 200, 200);
    --clr-neutral-200: rgba(180, 180, 180);
    --clr-neutral-300: rgba(150, 150, 150);
    --clr-neutral-400: rgba(120, 120, 120);
    --clr-neutral-500: rgba(110, 110, 110);
    --clr-neutral-600: rgba(100, 100, 100);
    --clr-neutral-700: rgba(90, 90, 90);
    --clr-neutral-800: rgba(80, 80, 80);
    --clr-neutral-900: rgba(70, 70, 70);
    --clr-complementary-black: rgba(0, 0, 0);
    --clr-complementary-japanese-violet: rgba(94, 39, 80);
    --clr-complementary-spanish-gray: rgba(145, 155, 156);
    --clr-complementary-iceberg: rgba(128, 173, 208);
    --clr-complementary-orange-soda: rgba(251, 89, 65);
    --clr-complementary-deep-saffron: rgba(252, 164, 52);
    --clr-complementary-banana-yellow: rgba(252, 216, 54);
    --clr-complementary-green-sheen: rgba(121, 196, 174);
}

/*
------------------
INÍCIO - NEW NAV
------------------
*/
.menu {
    background-color: rgba(255, 255, 255);
    font-size: 12px;
    font-weight: 400;
}

    .menu ul,
    .menu li,
    menu a {
        transition: background-color 200ms ease-in-out, color 200ms ease-in-out !important;
    }

ul.panelbar-menu {
    background-color: rgba(255, 255, 255);
}

    ul.panelbar-menu li ul {
        color: #505050;
        background-color: #f8f8f8;
        font-weight: 400;
    }

    ul.panelbar-menu li:hover,
    ul.panelbar-menu > li.k-state-selected,
    ul.panelbar-menu > li.k-state-active {
        color: #ffffff;
        background-color: #d60b52;
        font-weight: 500;
    }

    ul.panelbar-menu li ul li:hover,
    ul.panelbar-menu li ul li.k-state-active {
        color: #d60b52;
        background-color: #f8f8f8;
        font-weight: 500;
    }

    ul.panelbar-menu li ul li ul {
        color: #505050;
        background-color: #ffffff;
        font-weight: 400;
    }

        ul.panelbar-menu li ul li ul li:hover {
            background-color: #ffffff;
        }
/*
  ------------------
  FIM - NEW NAV
  ------------------
  */

/* TABELA */
.k-grid table {
    background-color: #ffffff;
}

.k-grid-header {
    background-color: #f0f0f0;
}

    .k-grid-header th.k-header > .k-link {
        color: #505050;
        line-height: 124%;
    }

    .k-filter-row th,
    .k-grid-header th.k-header {
        border-color: #c8c8c8;
    }

.k-alt,
.k-separator {
    background-color: #f8f8f8;
}

.k-grid-pager li a,
.k-grid-pager .k-link .k-icon::before {
    color: #505050;
}

.k-grid-pager .k-state-selected {
    border-color: #c8c8c8;
    background-color: #ffffff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header-wrap,
.k-grid-header,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-progress {
    border: none;
}

.k-list-container {
    border: none;
    background-color: #ffffff;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border: none;
    background-color: #ffffff;
}

    .k-input,
    input.k-textbox,
    textarea.k-textbox,
    input.k-textbox:hover,
    textarea.k-textbox:hover,
    .k-textbox > input {
        background-color: #ffffff;
        color: #505050;
    }

        .k-input[readonly] {
            background-color: #ffffff;
            color: #505050;
        }

/* DROPDOWN */
.k-dropdown {
    border: solid 1px #c8c8c8;
    border-radius: 4px;
    padding: 0;
    font-size: 12px;
    background-color: #ffffff;
}

    .k-dropdown .k-select {
        height: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .k-dropdown input {
        background-color: transparent;
    }
/* CALENDAR */
.k-calendar-container {
    color: #505050;
    background-color: #ffffff;
    padding: 0 !important;
    overflow: hidden;
    border-color: #b4b4b4;
}

    .k-calendar-container .k-header {
        background-color: #e6e6e6;
        padding: 0;
    }

    .k-calendar-container .k-footer {
        font-size: 10px !important;
    }

    .k-calendar-container .k-link:hover {
        color: #d60b52 !important;
    }

.k-picker-wrap.k-state-hover .k-icon:before {
    color: #d60b52 !important;
}

.k-widget.k-tooltip {
    background-color: #e6e6e6;
}

.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite {
    opacity: 1;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite {
    border-color: transparent;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

.k-loading,
.k-state-hover .k-loading {
    background-image: url("/Content/kendo/Uniform/loading.gif");
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url("/Content/kendo/Uniform/loading-image.gif");
}

.k-loading-color {
    background-color: #e6e6e6;
}

.k-button,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:active,
.k-state-disabled .k-button:active {
    border: none;
    background-color: #ffffff;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    transition: background 200ms linear;
}

.k-button {
    white-space: nowrap;
    color: #ffffff;
    background-color: #d60b52;
}

    .k-button:hover {
        border: none;
        background-color: #b20a45;
    }

.k-draghandle {
    border: none;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-draghandle:hover {
        border: none;
        background-color: #c8c8c8;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-tool-icon,
.k-tool-icon.k-state-hover,
.k-tool-icon.k-state-active,
.k-tool-icon.k-state-active.k-state-hover {
    background-image: url("/Content/kendo/Uniform/sprite.png");
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em {
    color: #ffffff;
}

.k-calendar .k-state-selected.k-state-focused > .k-link {
    background-color: transparent;
}

.k-dropdown .k-state-focused .k-input {
    color: #505050;
}

.k-dropdown .k-state-hover .k-input {
    color: #505050;
}

.k-state-error {
    border-color: #e20000;
    background-color: #ff5252;
    color: #ffffff;
}

.k-state-disabled {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-button.k-state-disabled:active,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #505050;
}

.k-slider-track {
    background-color: #c8c8c8;
}

.k-slider-selection {
    background-color: #b4b4b4;
}

.k-slider-horizontal .k-tick {
    background-image: url("/Content/kendo/Uniform/slider-h.gif");
}

.k-slider-vertical .k-tick {
    background-image: url("/Content/kendo/Uniform/slider-v.gif");
}

.k-widget.k-tooltip {
    border-color: #505050;
    background-color: #505050;
    color: #ffffff;
}

.k-widget.k-tooltip-validation {
    border-color: #ffe79e;
    background-color: #fff4c9;
    color: #505050;
}

.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n {
    border-bottom-color: #505050;
}

.k-callout-w {
    border-right-color: #505050;
}

.k-callout-s {
    border-top-color: #505050;
}

.k-callout-e {
    border-left-color: #505050;
}

.k-splitbar {
    background-color: #ffffff;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #ffffff;
}

.k-progress-status {
    border-color: #c8c8c8 transparent;
}

.k-tile {
    border-color: #ffffff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border: none;
}

.k-tiles li.k-state-selected {
    border: none;
}

.k-tile .k-folder,
.k-tile .k-file {
    background-image: url("/Content/kendo/Uniform/imagebrowser.png");
}

.k-slider,
.k-treeview,
.k-upload {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-grid td.k-state-selected.k-state-focused {
    background-color: #c8c8c8;
}

.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-imagebrowser .k-image,
.k-tooltip {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-window {
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    background-color: #ffffff;
}

    .k-window.k-state-focused {
        border-color: rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
    }

.k-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}

.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-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.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-button .k-state-hover,
.k-editor-button .k-state-active,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .k-calendar-container.k-state-border-up,
    .k-list-container.k-state-border-up,
    .k-autocomplete.k-state-border-up,
    .k-multiselect.k-state-border-up,
    .k-dropdown-wrap.k-state-border-up,
    .k-picker-wrap.k-state-border-up,
    .k-numeric-wrap.k-state-border-up,
    .k-window-content,
    .k-filter-menu {
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

        .k-autocomplete.k-state-border-up .k-input,
        .k-dropdown-wrap.k-state-border-up .k-input,
        .k-picker-wrap.k-state-border-up .k-input,
        .k-picker-wrap.k-state-border-up .k-selected-color,
        .k-numeric-wrap.k-state-border-up .k-input {
            -moz-border-radius: 0 0 0 4px;
            -webkit-border-radius: 0 0 0 4px;
            border-radius: 0 0 0 4px;
        }

        .k-multiselect.k-state-border-up .k-multiselect-wrap {
            -moz-border-radius: 0 0 4px 4px;
            -webkit-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
        }

    .k-window-titlebar,
    .k-block > .k-header,
    .k-tabstrip-items .k-item,
    .k-panelbar .k-tabstrip-items .k-item,
    .k-tabstrip-items .k-link,
    .k-calendar-container.k-state-border-down,
    .k-list-container.k-state-border-down,
    .k-autocomplete.k-state-border-down,
    .k-multiselect.k-state-border-down,
    .k-dropdown-wrap.k-state-border-down,
    .k-picker-wrap.k-state-border-down,
    .k-numeric-wrap.k-state-border-down {
        -moz-border-radius: 2px 6px 0 0;
        -webkit-border-radius: 2px 6px 0 0;
        border-radius: 2px 6px 0 0;
    }

    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input {
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .k-numeric-wrap .k-link {
        -moz-border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0;
    }

        .k-numeric-wrap .k-link + .k-link {
            -moz-border-radius: 0 0 4px 0;
            -webkit-border-radius: 0 0 4px 0;
            border-radius: 0 0 4px 0;
        }

    .k-colorpicker .k-selected-color {
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

.k-rtl .k-colorpicker .k-selected-color {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.k-autocomplete.k-state-border-down .k-input,
.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-animation-container .k-calendar-container,
.k-list-container.k-state-border-right {
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-animation-container .k-calendar-container,
.k-rtl .k-list-container.k-state-border-right {
    -moz-border-radius: 2px 0 0 6px;
    -webkit-border-radius: 2px 0 0 6px;
    border-radius: 2px 0 0 6px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-progress,
.k-progress-status,
.k-numeric-wrap.k-expand-padding .k-input,
.k-multiselect-wrap,
.k-picker-wrap .k-input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #c8c8c8;
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-dropzone,
.k-upload-files {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

.k-draghandle {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .k-icon,
    .k-grouping-dropclue,
    .k-drop-hint,
    .k-callout,
    .k-column-menu .k-sprite,
    .k-tool-icon,
    .k-tool-icon.k-state-hover,
    .k-tool-icon.k-state-active,
    .k-tool-icon.k-state-active.k-state-hover {
        background-size: 192px 336px;
    }
}

.k-grid {
    /*Phillipe alterou pois essa medida EM distorcia a fonte no subgrid/details de um kendo grid*/
    font-size: 11px; /*1.1EM*/
}

.k-window-content {
    padding: 5px !important;
}

.k-grid-header th.k-header {
    vertical-align: top !important;
}

.k-in,
.k-item,
.k-window-action {
    border-color: transparent;
}

.k-grid table tbody .k-state-selected {
    background-color: rgb(200, 200, 200);
    font-weight: bold;
}

.k-button-icon {
    padding: 4px !important;
}