﻿: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(244, 244, 244);
    --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);
    --ft-family: Ubuntu, Arial, Helvetica, sans-serif;
}

.RadDock .rdBottom,
.RadDock .rdLeft,
.RadDock .rdRight {
    display: none !important;
}

.RadGrid_Default {
    border: 0px !important;
}

    .RadGrid_Default .rgEditRow {
        background: none !important;
        background-color: #f0f0f0;
    }

        .RadGrid_Default .rgEditRow TR {
            border-bottom: 1px solid #eaeaea !important;
        }

/* Customização do RadDock */

.RadDock_Default .rdLeft .rdMiddle,
.RadDock_Default .rdLeft .rdMiddle .rdRight {
    background-image: url("/App_Themes/default/imagens/seta-Title-spe.svg") !important;
    background-color: #505050;
    color: #ffffff !important;
    height: 18px !important;
    max-height: 18px !important;
}

.RadDock_Default .rdMiddle .rdCenter,
.RadDock_Default .rdBottom .rdCenter {
    background-color: #ffffff !important;
}

.RadDock_Default .rdTop .rdLeft,
.RadDock_Default .rdTop .rdRight,
.RadDock_Default .rdTop .rdCenter,
.RadDock_Default .rdBottom .rdLeft,
.RadDock_Default .rdBottom .rdRight,
.RadDock_Default .rdBottom .rdCenter {
    background-image: none !important;
    background-color: #505050 !important;
    color: #ffffff !important;
}

.RadDock_Default .rdCenter .rdCommands a span {
    background-image: url("/App_Themes/default/imagens/commandSprite-spe.svg") !important;
}

.RadDock .rdTop .rdCenter {
    padding-left: 4px !important;
}

.RadDock_Default .rdTitleBar {
    background-image: url("/App_Themes/default/imagens/seta-Title-spe.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

    .RadDock_Default .rdTitleBar em {
        font-family: inherit !important;
        font-style: normal !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        padding-left: 20px !important;
        width: 430px !important;
        max-width: 430px !important;
        font-size: 12px !important;
    }

/* Correção RadWindow para IE7 */
* + html .RadDockZone {
    position: static !important;
}

* + html .RadDock {
    width: 99% !important;
}

* + html .rdTitleBar {
    width: 100% !important;
    margin-right: 1px !important;
}

* + html .rdContent {
    width: 100% !important;
    overflow: hidden !important;
}

.rdContent {
    overflow: hidden !important;
    border: 1px solid #b4b4b4;
    padding: 8px;
    background-color: #f0f0f0;
    border-radius: 0 0 4px 4px;
}

/* Correção RadWindow para IE6 */
* html .RadDockZone {
    position: static !important;
}

/* Correção RadFormDecorator IE6 */
* html .rfdRadioUnchecked,
* html .rfdRadioUnchecked:hover {
    background-position: 1px 0 !important;
}

* html .rfdRadioChecked,
* html .rfdRadioChecked:hover {
    background-position: 1px -440px !important;
}

/* Correção do Botão da RadTollBar no Chrome após a atualização para versão 58.0.3029.110 (64-bit)*/
.RadToolBar .rtbOuter .rtbMiddle .rtbInner .rtbUL {
    float: left;
}

.RadDock .rdCenter em {
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
}

.RadDock .rdContent {
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
}

.RadGrid_Default .rgMasterTable,
.RadGrid_Default .rgDetailTable,
.RadGrid_Default .rgGroupPanel table,
.RadGrid_Default .rgCommandRow table,
.RadGrid_Default .rgEditForm table,
.RadGrid_Default .rgPager table {
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

.RadGrid_Default .rgInput {
    border-color: #505050 !important;
    color: #505050 !important;
    background-color: #ffffff !important;
}

.RadGrid_Default .rgHeader,
.RadGrid_Default th.rgResizeCol,
.RadGrid_Default .rgHeaderWrapper {
    border: 0 !important;
    border-bottom: 1px solid #c8c8c8 !important;
    background: #e6e6e6 0 -2300px repeat-x !important;
}

.RadGrid_Default .rgMultiHeaderRow .rgHeader,
.RadGrid_Default .rgMultiHeaderRow .rgResizeCol {
    border-left: 1px solid #505050 !important;
}

.RadGrid_Default .rgHeader {
    color: #505050 !important;
}

    .RadGrid_Default .rgHeader a {
        color: #505050 !important;
    }

.RadGrid_Default .rgRow > td {
    border-color: transparent !important;
}

.RadGrid_Default .rgAltRow {
    background: #ffffff !important;
}

.RadGrid_Default .rgRow {
    background: #f0f0f0 !important;
}

.RadGrid_Default .rgAltRow > td {
    border-color: transparent !important;
}

.RadGrid_Default .rgRow .rgSorted {
    border-bottom-color: #e6e6e6 !important;
    background-color: #e6e6e6 !important;
}

.RadGrid_Default .rgAltRow .rgSorted {
    border-bottom-color: #c8c8c8 !important;
    background-color: #c8c8c8 !important;
}

.RadGrid_Default .rgRow a,
.RadGrid_Default .rgAltRow a,
.RadGrid_Default .rgEditRow a {
    color: #505050 !important;
}

.RadGrid_Default tr.rgEditRow a,
.RadGrid_Default tr.rgHoveredRow a,
.RadGrid_Default tr.rgActiveRow a {
    color: #505050 !important;
}

.RadGrid_Default .rgFooter a,
.RadGrid_Default .rgEditForm a {
    color: #505050 !important;
}

.RadGrid_Default .rgMasterTable .rgSelectedCell,
.RadGrid_Default .rgSelectedRow {
    background: #505050 0 -3900px repeat-x !important;
    color: #ffffff !important;
}

    * + html .RadGrid_Default .rgSelectedRow .rgSorted {
        background-color: #505050 !important;
    }

    .RadGrid_Default .rgSelectedCell a,
    .RadGrid_Default .rgSelectedRow a {
        color: #ffffff !important;
    }

.RadGrid_Default .rgMasterTable .rgActiveCell,
.RadGrid_Default .rgActiveRow,
.RadGrid_Default .rgHoveredRow {
    background: #f0f0f0 0 -2900px repeat-x !important;
    color: #505050 !important;
}

.RadGrid_Default .rgEditRow {
    background: white 0 -4900px repeat-x !important;
    color: #505050 !important;
}

    * + html .RadGrid_Default .rgEditRow .rgSorted {
        background-color: #ffffff !important;
    }

.RadGrid_Default .rgEditRow {
    background: #f0f0f0;
    color: #505050 !important;
}

.RadGrid_Default .rgBatchUndoDeleteButton {
    color: #505050 !important;
    background-color: #c8c8c8 !important;
    background-image: linear-gradient(white, #c8c8c8) !important;
}

    .RadGrid_Default .rgBatchUndoDeleteButton:hover {
        color: #505050 !important;
    }

.RadGrid_Default .rgFooterWrapper {
    border-top: 1px solid #505050 !important;
    border-bottom: 1px solid #ffffff !important;
}

.RadGrid_Default .rgPager .rgPagerButton {
    color: #505050 !important;
}

.RadGrid_Default .rgNumPart a {
    color: #505050 !important;
}

.RadGrid_Default .rgCommandRow .rgPrev,
.RadGrid_Default .rgCommandRow .rgNext {
    color: #505050 !important;
    background-color: #c8c8c8 !important;
    background-image: linear-gradient(white, #c8c8c8) !important;
}

    .RadGrid_Default .rgCommandRow .rgPrev:hover,
    .RadGrid_Default .rgCommandRow .rgNext:hover {
        color: #505050 !important;
    }

    .RadGrid_Default .rgCommandRow .rgPrev.rgDisabled:hover,
    .RadGrid_Default .rgCommandRow .rgNext.rgDisabled:hover {
        color: #505050 !important;
        background-color: #c8c8c8 !important;
        background-image: linear-gradient(white, #c8c8c8) !important;
    }

.RadGrid_Default .rgFilterRow > td {
    border-bottom: 1px solid #505050 !important;
}

.RadGrid_Default .rgFilterBox {
    color: #505050 !important;
}

.RadMenu_Default .rgHCMClear,
.RadMenu_Default .rgHCMFilter {
    color: #505050 !important;
}

.RadMenu_Default_Context .rgFilterApply,
.RadMenu_Default_Context .rgFilterCancel {
    color: #505050 !important;
    background-color: #c8c8c8 !important;
    background-image: linear-gradient(white, #c8c8c8) !important;
}

div.RadMenu_Default_Context .rlbGroup {
    border-color: #c8c8c8 !important;
}

html .RadGrid_Default .rgFooterWrapper .rgGroupCol {
    background: #c8c8c8 !important;
}

.RadGrid_Default .rgGroupHeader {
    color: #505050 !important;
}

    .RadGrid_Default .rgGroupHeader td {
        border-top: 1px solid #505050 !important;
    }

        .RadGrid_Default .rgGroupHeader td.rgGroupCol {
            border-top-color: #505050 !important;
        }

.RadGrid_Default .rgEditForm:not(.rgEditPopup) {
    border-bottom: 1px solid #505050 !important;
}

.RadGrid_Default .rgDetailTable {
    border-color: #505050 !important;
}

.RadGrid_Default .rgCommandRow {
    color: #505050 !important;
}

.RadGrid_Default .rgCommandCell {
    border-color: #999 #e6e6e6 !important;
}

.RadGrid_Default .rgCommandRow a {
    color: #505050 !important;
}

.GridToolTip_Default {
    border: 1px solid #505050 !important;
    background: #ffffff !important;
    color: #505050 !important;
}

.RadMenu_Default .rmRootGroup {
    border: 1px solid #505050 !important;
    background-color: #c8c8c8 !important;
}

.RadMenu_Default,
.RadMenu_Default a.rmLink {
    color: #505050 !important;
}

    .RadMenu_Default a.rmLink:hover,
    .RadMenu_Default a.rmFocused,
    .RadMenu_Default a.rmSelected {
        background-color: #ffffff !important;
    }

    .RadMenu_Default .rmVertical a.rmLink:hover,
    .RadMenu_Default .rmVertical a.rmFocused,
    .RadMenu_Default .rmVertical a.rmSelected,
    .RadMenu_Default .rmVertical a.rmExpanded,
    .RadMenu_Default .rmVertical a.rmExpanded:hover {
        border-color: #505050 !important;
    }

    .RadMenu_Default a.rmExpanded,
    .RadMenu_Default a.rmExpanded:hover {
        background-color: #ffffff !important;
    }

    .RadMenu_Default .rmContentTemplate {
        background: #ffffff !important;
    }

    .RadMenu_Default .rmTopFix,
    .RadMenu_Default .rmBottomFix,
    .RadMenu_Default .rmRoundedCorners .rmGroup .rmItem,
    .RadMenu_Default .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
    .RadMenu_Default
    .rmRoundedCorners
    .rmFirstGroupColumn
    li.rmFirstGroupColumn
    .rmItem,
    .RadMenu_Default_Context.rmRoundedCorners .rmGroup .rmItem {
        background-color: #ffffff !important;
    }

    .RadMenu_Default .rmRoundedCorners .rmGroupColumn {
        background-color: #ffffff !important;
    }

    .RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
    .RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
        background: #ffffff !important;
    }

    .RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
    .RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
        background-color: #ffffff !important;
    }

    .RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_Default .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
    .RadMenu_Default_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_Default_Context.rmRoundedCorners
    .rmScrollWrapContainer
    .rmBottomArrow {
        background-color: #ffffff !important;
    }

    .RadMenu_Default .rmLeftArrow,
    .RadMenu_Default .rmRightArrow {
        background-color: #c8c8c8 !important;
    }

    .RadMenu_Default .rmLeftArrow {
        border-right: 1px solid #505050 !important;
    }

    .RadMenu_Default .rmRightArrow {
        border-left: 1px solid #505050 !important;
    }

    .RadMenu_Default .rmTopArrow,
    .RadMenu_Default .rmBottomArrow,
    .RadMenu_Default .rmGroup .rmLeftArrow,
    .RadMenu_Default .rmGroup .rmRightArrow {
        background-color: #c8c8c8 !important;
    }

    .RadMenu_Default .rmTopArrow {
        border-bottom: 1px solid #505050 !important;
    }

    .RadMenu_Default .rmBottomArrow {
        border-top: 1px solid #505050 !important;
    }

.RadWindow .rwDialogPopup {
    color: #505050 !important;
}

.RadWindow .rwDialogInput {
    color: #505050 !important;
}

.RadWindow .rwPopupButton,
.RadWindow .rwPopupButton span {
    color: #505050 !important;
}

.RadWindow_Default {
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
}

    .RadWindow_Default .rwStatusbar input {
        background-color: #ffffff !important;
    }

    .RadWindow_Default .rwTable .rwTitlebarControls em {
        color: #505050 !important;
    }

    .RadWindow_Default .rwTable .rwDialogInput {
        border-color: #c8c8c8 !important;
        color: #505050 !important;
        background-color: #ffffff !important;
    }

        .RadWindow_Default .rwTable .rwDialogInput:hover {
            border-color: #b4b4b4 !important;
            color: #505050 !important;
            background-color: #ffffff !important;
        }

    .RadWindow_Default td.rwWindowContent {
        background-color: #ffffff !important;
    }

    .RadWindow_Default .rwTable tr td.rwLoading {
        background-color: #ffffff !important;
    }

    .RadWindow_Default .rwTable a.rwCancel span span {
        color: #505050 !important;
    }

.RadDockZone_Default {
    border-color: #505050 !important;
}

.RadDockZone_Black {
    border-color: #505050 !important;
}

.RadDockZone_BlackMetroTouch {
    border-color: #b4b4b4 !important;
}

.RadDockZone_Bootstrap {
    border-color: #c8c8c8 !important;
}

.RadDockZone_Glow {
    background-color: #505050 !important;
}

.RadDockZone_Metro {
    border-color: #c8c8c8 !important;
}

.RadDockZone_MetroTouch {
    border-color: #c8c8c8 !important;
}

.RadDock_Default .rdContent {
    color: #505050 !important;
}

.riStrengthBar {
    color: #505050 !important;
}

html body .RadInput_Default .riHover,
html body .RadInput_Hover_Default,
html body .RadInput_Default .riFocused,
html body .RadInput_Focused_Default {
    color: #505050 !important;
}

.RadInput_Default .riLabel {
    color: #505050 !important;
}

.RadComboBox_Default {
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
    border: solid 1px #c8c8c8;
    border-radius: 4px;
    padding: 0;
    font-size: 12px;
    color: #505050 !important;
    background-color: #ffffff;
}

.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell {
    color: #505050 !important;
    padding: 0;
    border-width: 0;
    border-style: solid;
    background-image: none !important;
    background-repeat: no-repeat;
}

.RadComboBox_Default .rcbArrowCell::before {
    content: "\e006";
    position: absolute;
    margin-top: 2px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    font: 16px/1 WebComponentsIcons;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    color: inherit;
}

.RadComboBox_Default .rcbHovered .rcbInput {
    color: #505050 !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
    background-color: #f8f8f8 !important;
}

.RadComboBox_Default .rcbFocused .rcbInput {
    color: #505050 !important;
}

.RadComboBox_Default .rcbReadOnly .rcbInput {
    color: #505050 !important;
}

.RadDock .rdTable,
.RadDock .rdTable .rdLeft,
.RadDock .rdTable .rdCenter,
.RadDock .rdTable .rdRight {
    margin-bottom: 16px !important;
}

.RadComboBox_Default .rcbHovered .rcbReadOnly .rcbInput {
    color: #505050 !important;
}

.RadComboBoxDropDown_Default {
    color: #505050 !important;
    background-color: #ffffff !important;
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
}

    .RadComboBoxDropDown_Default .rcbSeparator {
        color: #505050 !important;
    }

    .RadComboBoxDropDown_Default .rcbHovered {
        color: #505050 !important;
    }

    .RadComboBoxDropDown_Default .rcbSelected {
        color: #ffffff !important;
    }

    .RadComboBoxDropDown_Default .rcbLoading {
        color: #505050 !important;
    }

    .RadComboBoxDropDown_Default .rcbItem em {
        color: #505050 !important;
    }

    .RadComboBoxDropDown_Default .rcbCheckAllItemsHovered {
        color: #505050 !important;
    }

.RadToolBar_Default {
    background-color: #f0f0f0 !important;
    color: inherit !important;
    padding: 16px 0 16px !important;
    border-top: 1px solid #c8c8c8;
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
    line-height: unset !important;
}

    .RadToolBar_Default .rtbOuter {
        border-color: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    .RadToolBar_Default .rtbWrap {
        text-decoration: none !important;
        display: inline-block !important;
        background-color: #d60b52 !important;
        color: #ffffff !important;
        padding: 4px 16px !important;
        border-radius: 4px !important;
        margin-right: 16px !important;
        transition: background 200ms linear !important;
    }

.RadTabStrip_Vista .rtsLevel .rtsOut {
    background-image: none !important;
    background-position: 100% 0;
}

.RadTabStrip_Vista .rtsLink {
    border-radius: 4px 4px 0 0;
    background: #f8f8f8 !important;
    border: solid 1px;
    border-color: #c8c8c8 !important;
    border-bottom: none !important;
    color: #505050 !important;
    padding: 2px !important;
    background-image: none !important;
    font: Ubuntu, Arial, Helvetica, sans-serif !important;
    transition: all 300ms ease-in;
}

.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 5px !important;
}

.RadTabStrip_Vista .rtsLevel .rtsSelected,
.RadTabStrip_Vista .rtsLevel .rtsSelected:hover,
.RadTabStrip_Vista .rtsLink:hover {
    text-decoration: none;
    background-color: #ffffff !important;
    border-color: #505050 !important;
}

.RadTabStrip_Vista .rtsLink span {
    padding: 4px !important;
}

.RadToolBar_Default .rtbWrap:hover {
    background-color: #b20a45 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.RadToolBar_Default .rtbItemHovered .rtbWrap,
.RadToolBar_Default .rtbItemHovered .rtbOut,
.RadToolBar_Default .rtbItemHovered .rtbMid,
.RadToolBar_Default .rtbItemHovered .rtbIn {
    color: #ffffff !important;
    background-image: none !important;
}

.RadToolBar_Default .rtbItemFocused .rtbWrap,
.RadToolBar_Default .rtbItemFocused .rtbOut,
.RadToolBar_Default .rtbItemFocused .rtbMid,
.RadToolBar_Default .rtbItemFocused .rtbIn {
    color: #ffffff !important;
    background-image: none !important;
}

.RadToolBar_Default .rtbItemClicked .rtbWrap,
.RadToolBar_Default .rtbItemClicked .rtbOut,
.RadToolBar_Default .rtbItemClicked .rtbMid,
.RadToolBar_Default .rtbItemClicked .rtbIn {
    color: #ffffff !important;
    background-image: none !important;
}

.RadToolBar_Default .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_Default .rtbSplBtnExpanded .rtbOut,
.RadToolBar_Default .rtbSplBtnExpanded .rtbMid,
.RadToolBar_Default .rtbSplBtnExpanded .rtbIn,
.RadToolBar_Default .rtbDropDownExpanded .rtbWrap,
.RadToolBar_Default .rtbDropDownExpanded .rtbOut,
.RadToolBar_Default .rtbDropDownExpanded .rtbMid,
.RadToolBar_Default .rtbDropDownExpanded .rtbIn,
.RadToolBar_Default .rtbChecked .rtbWrap,
.RadToolBar_Default .rtbChecked .rtbOut,
.RadToolBar_Default .rtbChecked .rtbMid,
.RadToolBar_Default .rtbChecked .rtbIn {
    color: #ffffff !important;
}

.RadToolBarDropDown_Default {
    font-family: Ubuntu, Arial, Helvetica, sans-serif !important;
    color: #505050 !important;
}

    .RadToolBarDropDown_Default .rtbTopFix,
    .RadToolBarDropDown_Default .rtbBottomFix,
    .RadToolBarDropDown_Default .rtbGroup {
        background-color: #ffffff !important;
    }

    .RadToolBarDropDown_Default .rtbWrap {
        *color: #505050 !important;
    }

    .RadToolBarDropDown_Default .rtbItemHovered .rtbWrap,
    .RadToolBarDropDown_Default .rtbItemFocused .rtbWrap {
        color: #505050 !important;
    }

    .RadToolBarDropDown_Default .rtbItemClicked .rtbWrap {
        color: #ffffff !important;
    }

.RadToolBar_Default_Horizontal .rtbOuter {
    background-image: none !important;
}