:focus {
    outline: none
}

body {
    font-family: Lato,"Segoe UI",Arial,Sans-Serif;
    font-size: 16px;
    color: #333;
    margin: 0;
    padding: 0
}

a:link, a:visited {
    text-decoration: none;
    color: #333
}

a:hover, a:active {
    text-decoration: underline;
    color: #333
}

b, strong {
    font-weight: 500
}

.divInfo {
    margin-top: 20px;
    padding: 30px 100px;
    background-color: #f2f4f4;
    border-bottom: 1px solid #78B4C8;
    border-top: 1px solid #78B4C8;
}

.divError {
    margin: 20px;
    padding: 30px 100px;
    background-color: rgba(165, 20, 40, 0.2);
    border: 1px solid #a51428;
}

img.lnk {
    cursor: pointer
}

hr.style1 {
    border-top: 1px solid #e0e0e0
}

.btnHelp {
    vertical-align: bottom
}

.imgcenter {
    vertical-align: middle
}

.divTot {
    white-space: normal;
    overflow: auto;

}
.R1divTot {
  object-fit:contain;
}
.ctrlDisabled {
    opacity: .5 !important
}

.divBorder {
    overflow: auto;
    border: #ccc 1px solid;
    white-space: normal
}

.disabledDiv {
    pointer-events: none;
    opacity: .4
}

.myColorDiv {
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 5px;
    margin-top: 5px
}

.cColorItem {
    background-repeat: no-repeat !important;
    padding-left: 20px !important;
    background-size: 16px 16px !important
}

html body .riSingle .riTextBox {
    font-size: 16px;
    /*margin-bottom: 5px !important allineamento textbox con combo...*/
}

html body .RadInput_RedSkin .riTextBox, html body .RadInputMgr_RedSkin {
    font-size: 16px !important;
    font-family: Lato,"Segoe UI",Arial,sans-serif !important;
    height: auto;
    padding: 0px !important;
}

.RadComboBox .rcbInput, .RadComboBoxDropDown {
    font-size: 16px !important
}

.RadComboBox .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 0 !important
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInput {
    color: #333 !important
}

.RadComboBoxDropDown .rcbScroll {
    /*overflow: auto;  era hidden ??*/

    overflow-x: hidden !important;
}

.RadComboBox_RedSkin .rcbReadOnly .rcbArrowCellRight {
    background-position: -18px -176px !important
}

.RadComboBox_RedSkin .rcbReadOnly .rcbInputCellLeft {
    background-position: 0 0 !important
}

.RadComboBox_RedSkin .rcbFocused .rcbReadOnly .rcbInput {
    color: #333 !important
}

.RadComboBox_RedSkin .rcbReadOnly .rcbArrowCellRight {
    background-position: -18px -176px !important
}

.RadToolTip .rtWrapper td.rtWrapperContent {
    font-size: 15px !important
}

.RadGrid_RedSkin .rgRow a, .RadGrid_RedSkin .rgAltRow a, .RadGrid_RedSkin .rgFooter a, .RadGrid_RedSkin .rgEditForm a, .RadGrid_RedSkin .rgEditRow a, .RadGrid_RedSkin .rgHoveredRow a {
    color: #333 !important
}

.divWhite {
    background-color: #fff;
    border: #E6E6E6 1px solid
}

.textRO {
    background-color: #eee !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.RadAjax_RedSkin .raDiv {
    background-image: url(wait.gif);
    height: 100%
}

div.RadAjax .raDiv.raTop {
    background-position-y: 100px
}

.RadAjax_RedSkin .raColor {
    border-color: #cdcdcd;
    color: #333;
    background-color: #fff
}

.RadAjax_RedSkin.raTransp {
    opacity: .3;
    -moz-opacity: .3;
    filter: alpha(opacity=30)
}

.RadButton_RedSkin {
    font-family: Lato,"Segoe UI",Arial,Sans-Serif;
    font-size: 18px;
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

button.RadCheckBox .rbIcon {
    font-size: 26px;
}

.RadButton_RedSkin.rbButton {
    color: #333;
    background-color: #f2f4f4;
}

    .RadButton_RedSkin.rbButton.rbHovered, .RadButton_RedSkin.rbButton.rbHovered:hover, .RadButton_RedSkin.rbButton.rbToggled.rbHovered, .RadButton_RedSkin.rbButton .rbHovered {
        color: #333;
        background-color: #ECEFF1;
    }

    .RadButton_RedSkin.rbButton.rbSelected, .RadButton_RedSkin.rbButton.rbToggled, .RadButton_RedSkin.rbSelected .rbHovered {
        border-color: #E0E0E0;
        color: #37414B;
        background-color: #E0E0E0;
        /*box-shadow: 0 10px 20px rgba(0,0,0,0.16),0 6px 6px rgba(0,0,0,0.2)*/
    }

    .RadButton_RedSkin.rbButton:hover, .RadButton_RedSkin.rbButton.rbHovered .rbSplitPart, .RadButton_RedSkin.rbButton.rbHovered.rbSelected .rbSplitPart {
        border-color: #E0E0E0;
        color: #37414B;
        background-color: #F9F9F9
    }

        .RadButton_RedSkin.rbButton:hover .rbHovered {
            border-color: #ECEFF1;
            color: #37414B;
            background-color: #ECEFF1;
            box-shadow: none
        }

        .RadButton_RedSkin.rbButton.rbHovered .rbSplitPartRight, .RadButton_RedSkin.rbButton:hover .rbSplitPartRight {
            border-color: transparent transparent transparent #E0E0E0
        }

        .RadButton_RedSkin.rbButton:hover .rbSplitPartLeft, .RadButton_RedSkin.rbButton.rbHovered .rbSplitPartLeft {
            border-color: transparent #E0E0E0 transparent transparent
        }

    .RadButton_RedSkin.rbButton.rbHovered.rbSelected {
        border-color: #E0E0E0;
        color: #37414B;
        background-color: #E0E0E0
    }

    .RadButton_RedSkin.rbButton.rbSelected .rbSplitPartRight, .RadButton_RedSkin.rbButton.rbSelected .rbSplitPartRight.rbHovered {
        border-color: transparent transparent transparent #E0E0E0
    }

    .RadButton_RedSkin.rbButton.rbSelected .rbSplitPartLeft, .RadButton_RedSkin.rbButton.rbSelected .rbSplitPartLeft.rbHovered {
        border-color: transparent #E0E0E0 transparent transparent
    }

    .RadButton_RedSkin.rbButton.rbSelected:active .rbSplitPartRight {
        border-color: transparent transparent transparent #E0E0E0
    }

    .RadButton_RedSkin.rbButton.rbSelected:active .rbSplitPartLeft {
        border-color: transparent #E0E0E0 transparent transparent
    }

    .RadButton_RedSkin .rbSplitPart .rbIcon, .RadButton_RedSkin.rbButton.rbHovered .rbSplitPart .rbIcon, .RadButton_RedSkin.rbButton.rbHovered.rbSelected .rbSplitPart .rbIcon {
        color: #37414B
    }

    .RadButton_RedSkin.rbButton:hover .rbHovered .rbIcon {
        color: #37414B
    }

    .RadButton_RedSkin.rbButton.rbSelected .rbHovered .rbSplitPart .rbIcon, .RadButton_RedSkin.rbButton.rbSelected .rbSplitPart .rbIcon {
        color: #37414B
    }

.RadButton_RedSkin.rbCheckBox .rbText, .RadButton_RedSkin.rbRadioButton .rbText, .RadButton_RedSkin.rbToggleButton .rbText {
    color: #37414B;
    text-align: left;
}

    .RadButton_RedSkin .rbIcon, .RadButton_RedSkin .rbCheckBox .rbText:before, .RadButton_RedSkin .rbText.rbToggleCheckboxChecked .rbRippleContainer, .RadButton_RedSkin .rbText.rbToggleRadioChecked .rbRippleContainer {
        color: #607D8B
    }

.RadButton_RedSkin.rbHovered .rbIcon, .RadButton_RedSkin.rbCheckBox.rbHovered .rbText:before {
    color: #78B4C8
}

.RadButton_RedSkin .rbToggleCheckboxChecked, .RadButton_RedSkin .rbToggleCheckboxFilled, .RadButton_RedSkin.rbCheckBox .rbToggleCheckboxChecked.rbIcon, .RadButton_RedSkin.rbRadioButton .rbToggleRadioChecked.rbIcon, .RadButton_RedSkin.rbToggled .rbToggleCheckBoxChecked.rbIcon, .RadButton_RedSkin.rbToggled .rbToggleRadioChecked.rbIcon, .RadButton_RedSkin .rbText.rbToggleCheckboxChecked:before, .RadButton_RedSkin .rbText.rbToggleRadioChecked:before, .RadButton_RedSkin .rbText.rbToggleCheckbox .rbRippleContainer, .RadButton_RedSkin .rbText.rbToggleRadio .rbRippleContainer {
    color: #78B4C8
}

.RadButton_RedSkin span.rbToggleCheckbox.rbText, .RadButton_RedSkin span.rbToggleCheckboxChecked.rbText, .RadButton_RedSkin span.rbToggleRadio.rbText, .RadButton_RedSkin span.rbToggleRadioChecked.rbText {
    color: #607D8B
}

.RadButton_RedSkin.RadRadioButton span.rbText.rbToggleRadioChecked, .RadButton_RedSkin.RadRadioButton span.rbText.rbToggleRadio, .RadButton_RedSkin.RadCheckBox span.rbText.rbToggleCheckbox, .RadButton_RedSkin.RadCheckBox span.rbText.rbToggleCheckboxChecked {
    padding-left: 2.28571em
}

.RadButton_RedSkin.rbHovered .rbToggleCheckboxFilled, .RadButton_RedSkin.rbToggled.rbHovered .rbIcon, .RadButton_RedSkin.rbHovered .rbToggleCheckboxChecked.rbIcon, .RadButton_RedSkin.rbHovered .rbToggleRadioChecked.rbIcon, .RadButton_RedSkin.rbHovered .rbText.rbToggleCheckboxChecked:before, .RadButton_RedSkin.rbHovered .rbText.rbToggleRadioChecked:before {
    color: #607D8B
}

.RadButton_RedSkin:focus .rbToggleCheckbox:before, .RadButton_RedSkin:focus .rbToggleRadio:before {
    box-shadow: 0 0 1px 1px rgba(69,90,100,0.5)
}

.RadButton_RedSkin:focus .rbToggleCheckboxChecked:before, .RadButton_RedSkin:focus .rbToggleCheckboxFilled:before, .RadButton_RedSkin:focus .rbToggleRadioChecked:before {
    box-shadow: 0 0 1px 1px rgba(3,169,244,0.5)
}

.RadButton_RedSkin.rbCheckBox, .RadButton_RedSkin.rbRadioButton {
    overflow: visible;
    padding-bottom: 5px !important;
}

.RadButton_RedSkin.rbPrimaryButton .rbIcon {
    color: #fff
}

.RadButton_RedSkin.rbPrimaryButton.rbHovered .rbIcon {
    color: #fff
}

.RadButton_RedSkin.rbPrimaryButton.rbCheckBox .rbToggleCheckboxChecked.rbIcon, .RadButton_RedSkin.rbPrimaryButton.rbRadioButton .rbToggleRadioChecked.rbIcon, .RadButton_RedSkin.rbPrimaryButton.rbToggled .rbToggleCheckBoxChecked.rbIcon, .RadButton_RedSkin.rbPrimaryButton.rbToggled .rbToggleRadioChecked.rbIcon {
    color: #fff
}

.RadButton_RedSkin.rbPrimaryButton.rbToggled.rbHovered .rbIcon, .RadButton_RedSkin.rbPrimaryButton.rbHovered .rbToggleCheckboxChecked.rbIcon, .RadButton_RedSkin.rbPrimaryButton.rbHovered .rbToggleRadioChecked.rbIcon {
    color: #fff
}

.RadButton_RedSkin.rbButton.rbRtl .rbSplitPart, .RadButton_RedSkin.rbButton.rbRtl .rbSplitPart.rbHovered {
    border-right-color: #E0E0E0
}

    .RadButton_RedSkin.rbButton.rbRtl .rbSplitPart.rbSelected {
        border-right-color: #E0E0E0
    }

.RadButton_RedSkin.rbButton {
    padding: 6px 13px;
    border-width: 0;
    text-transform: uppercase;
    font-weight: 500
}

.RadButton_RedSkin .rbIcon {
    width: 1.35714286em;
    height: 1.35714286em;
    margin-top: 0;
    vertical-align: middle;
}

.RadButton_RedSkin.rbButton.rbIconOnly {
    padding: 8px;
}



.RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckbox,
.RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
.RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckbox,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
.RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadio,
.RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadioChecked,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadio,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadioChecked {
    padding-top: 0.14285714em;
    font-size: inherit;
    vertical-align: middle;
    margin-left: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckbox,
    .RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
    .RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckbox,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadio,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadioChecked,
    .RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadio,
    .RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadioChecked {
        padding-top: 0.07142857em;
    }

    .RadButton_RedSkin.rbCheckBox .rbIcon:before,
    .RadButton_RedSkin.rbRadioButton .rbIcon:before,
    .RadButton_RedSkin.rbToggleButton .rbIcon:before {
        vertical-align: middle;
    }
}

.RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText,
.RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText,
.RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadio + .rbText,
.RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadio + .rbText,
.RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText,
.RadButton_RedSkin.RadCheckBox .rbText,
.RadButton_RedSkin.RadRadioButton .rbText {
    color: #333;
    vertical-align: middle
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText,
    .RadButton_RedSkin.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText,
    .RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadio + .rbText,
    .RadButton_RedSkin.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadio + .rbText,
    .RadButton_RedSkin.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText {
        line-height: 2em;
        vertical-align: middle;
    }
}

.RadButton_RedSkin .rbToggleCheckbox:before,
.RadButton_RedSkin .rbToggleCheckboxChecked:before,
.RadButton_RedSkin .rbToggleCheckBoxChecked:before,
.RadButton_RedSkin .rbToggleCheckboxFilled:before,
.RadButton_RedSkin .rbToggleRadio:before,
.RadButton_RedSkin .rbToggleRadioChecked:before,
.RadButton_RedSkin.RadButton span.rbText.rbToggleCheckbox:before,
.RadButton_RedSkin.RadButton span.rbText.rbToggleCheckboxChecked:before,
.RadButton_RedSkin.RadButton span.rbText.rbToggleRadio:before,
.RadButton_RedSkin.RadButton span.rbText.rbToggleRadioChecked:before {
    font-family: 'Material Icons' !important;
    font-size: 24px !important;
    border-radius: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.5em;
}



.RadButton_RedSkin .rbToggleCheckbox:before {
    content: "\e835"
}

.RadButton_RedSkin .rbToggleCheckBoxChecked:before, .RadButton_RedSkin .rbToggleCheckboxChecked:before {
    content: "\e834"
}

.RadButton_RedSkin .rbToggleCheckboxFilled:before {
    content: "\e909"
}

.RadButton_RedSkin .rbToggleRadio:before {
    content: "\e836"
}

.RadButton_RedSkin .rbToggleRadioChecked:before {
    content: "\e837"
}

.RadButton_RedSkin .rbPrimaryIcon {
    margin: .07143em
}

.RadButton_RedSkin .rbSecondaryIcon {
    margin: .07143em
}

.RadButton_RedSkin _:-ms-fullscreen, :root .RadButton_RedSkin.rbButton .rbPrimaryIcon {
    margin: .07143em .35714em 0 0
}

.RadButton_RedSkin _:-ms-fullscreen, :root .RadButton_RedSkin.rbButton .rbSecondaryIcon {
    margin: .07143em 0 0 .35714em
}

.RadButton_RedSkin .rbText {
    margin-top: 0;
    line-height: 1.42857em
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton_RedSkin .rbText {
        line-height: normal
    }
}

.RadButton_RedSkin.rbButton.rbPrimaryButton {
    border-color: #A51428;
    color: #fff;
    background-color: #A51428;
    padding: 8px 13px
}

    .RadButton_RedSkin.rbButton.rbPrimaryButton.rbHovered, .RadButton_RedSkin.rbButton.rbPrimaryButton.rbToggled.rbHovered, .RadButton_RedSkin.rbButton.rbPrimaryButton.rbFocused {
        border-color: #871E2D;
        color: #fff;
        background-color: #871E2D
    }

    .RadButton_RedSkin.rbButton.rbPrimaryButton.rbSelected, .RadButton_RedSkin.rbButton.rbPrimaryButton.rbToggled {
        border-color: #871E2D;
        color: #fff;
        background-color: #871E2D
    }

.RadButton_RedSkin.rbButton.rbFlatButton {
    padding: 8px;
    color: #37414B;
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    transition: none
}

    .RadButton_RedSkin.rbButton.rbFlatButton.rbHovered {
        text-decoration:underline;
        background-color: transparent;
        box-shadow: none
    }

    .RadButton_RedSkin.rbButton.rbFlatButton:focus, .RadButton_RedSkin.rbButton.rbFlatButton.rbFocused, .RadButton_RedSkin.rbButton.rbFlatButton.rbSelected {
        background-color: rgba(69,90,100,0.24);
        box-shadow: none
    }

    .RadButton_RedSkin.rbButton.rbFlatButton.rbPrimaryButton {
        color: #A51428
    }

        .RadButton_RedSkin.rbButton.rbFlatButton.rbPrimaryButton.rbHovered {
            color: #A51428;
            background-color: rgba(165,20,40,0.12)
        }

        .RadButton_RedSkin.rbButton.rbFlatButton.rbPrimaryButton:focus, .RadButton_RedSkin.rbButton.rbFlatButton.rbPrimaryButton.rbFocused, .RadButton_RedSkin.rbButton.rbFlatButton.rbPrimaryButton.rbSelected {
            background-color: rgba(165,20,40,0.24)
        }

        .RadButton_RedSkin.rbButton.rbFlatButton.rbPrimaryButton .rbIcon {
            color: #607D8B
        }

.RadButton_RedSkin.RadButton.rbButton.rbDisabled, .RadButton_RedSkin.RadButton.rbButton.rbPrimaryButton.rbDisabled {
    background-color: #E0E0E0;
    color: #37414B;
    border-color: #E0E0E0;
    box-shadow: none
}

.RadButton_RedSkin.rbRtl.RadButton.rbCheckBox .rbIcon.rbToggleCheckbox, .RadButton_RedSkin.rbRtl.RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked, .RadButton_RedSkin.rbRtl.RadButton.rbCheckBox .rbIcon.rbToggleCheckboxFilled, .RadButton_RedSkin.rbRtl.RadButton.rbToggleButton .rbIcon.rbToggleCheckbox, .RadButton_RedSkin.rbRtl.RadButton.rbToggleButton .rbIcon.rbToggleCheckboxChecked, .RadButton_RedSkin.rbRtl.RadButton.rbToggleButton .rbIcon.rbToggleCheckboxFilled, .RadButton_RedSkin.rbRtl.RadButton.rbRadioButton .rbIcon.rbToggleRadio, .RadButton_RedSkin.rbRtl.RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
    margin: -.22em 0 0 .41667em
}

.RadButton_RedSkin.RadRadioButton.rbRtl span.rbText.rbToggleRadioChecked, .RadButton_RedSkin.RadRadioButton.rbRtl span.rbText.rbToggleRadio, .RadButton_RedSkin.RadCheckBox.rbRtl span.rbText.rbToggleCheckbox, .RadButton_RedSkin.RadCheckBox.rbRtl span.rbText.rbToggleCheckboxChecked {
    padding-right: 2.28571em
}

.RadButton_RedSkin + .RadLabel {
    vertical-align: top;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle
}

span.RadButton_RedSkin.rbButton {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    padding: 1px 19px 0 16px;
    text-transform: none
}

    span.RadButton_RedSkin.rbButton:before {
        border-bottom: 1px solid #E0E0E0;
        display: block;
        position: absolute;
        right: 13px;
        bottom: 1px;
        left: 13px;
        content: ""
    }

    span.RadButton_RedSkin.rbButton:hover:before, span.RadButton_RedSkin.rbButton:focus:before, span.RadButton_RedSkin.rbButton:active:before {
        display: none
    }

    span.RadButton_RedSkin.rbButton.rbDisabled:focus {
        box-shadow: none
    }

        span.RadButton_RedSkin.rbButton.rbDisabled:hover:before, span.RadButton_RedSkin.rbButton.rbDisabled:focus:before, span.RadButton_RedSkin.rbButton.rbDisabled:active:before {
            display: block
        }

    span.RadButton_RedSkin.rbButton .rbSplitPart {
        padding: 8px;
        top: 0;
        border-color: transparent
    }

    span.RadButton_RedSkin.rbButton .rbSplitPartRight {
        right: -.35714em
    }

    span.RadButton_RedSkin.rbButton .rbSplitPartLeft {
        left: .21429em
    }

    span.RadButton_RedSkin.rbButton .rbSplitIcon:before {
        margin: -.07143em 0 0 -.10714em
    }

    span.RadButton_RedSkin.rbButton .rbText {
        line-height: 2.5em
    }

.rbRippleContainer.t-ripple-effect-icon {
    display: inline-block;
    position: absolute;
    width: 1.64286em;
    height: 1.64286em;
    top: -1px;
    left: -1px
}

.RadInput_RedSkin, .RadInputMgr_RedSkin {
    font-family: Lato,"Segoe UI",Arial,sans-serif
}

.RadInput a {
    text-indent: 0 !important
}

.t-ie .RadInput_RedSkin, .t-ie .RadInputMgr_RedSkin {
    height: 36px;
    height: calc(1.42857143em + 16px)
}

.RadInput_RedSkin .riTextBox, .RadInputMgr_RedSkin {
    color: #333;
    background: transparent;
    border-color: transparent;
    border-bottom-color: #828c8c;
    outline: none
}

.RadInput_RedSkin {
    border-bottom-color: #828c8c
}

.RadInputMgr_RedSkin {
    padding: 8px 0 7px;
    border-width: 0 0 1px;
    margin: 0 8px;
    color: #333
}

.RadInput_RedSkin .riLabel {
    font: inherit !important;
    color: #333;
    margin-left: -13px;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px
}

.RadInput_RedSkin a {
    padding-left: 8px;
    padding-right: 8px
}

.RadInput_RedSkin .riSelect {
    right: 5px
}

    .RadInput_RedSkin .riSelect a {
        color: #607D8B;
        border-color: transparent
    }

        .RadInput_RedSkin .riSelect a:hover {
            color: #263238
        }

        .RadInput_RedSkin .riSelect a:before {
            font-family: "Material Icons" !important;
            font-size: 18px !important
        }

.RadInput_RedSkin.RadInputDisabled a:hover, .RadInput_RedSkin.RadInputDisabled a:active {
    color: #607D8B
}

.RadInput_RedSkin .riDown:before {
    content: "\e5c5" !important;
    margin-top: -13px !important
}

.RadInput_RedSkin .riUp:before {
    content: "\e5c7" !important;
    margin-top: -6px !important
}

.RadInput_RedSkin .riButton:before {
    content: "\e5d9" !important
}

.RadInput_RedSkin .riEmpty, .RadInput_Empty_RedSkin {
    color: rgba(69,90,100,0.6);
    font-style: normal
}

.RadInput_RedSkin .riHover, .RadInput_Hover_RedSkin {
    color: #333;
    border-bottom-color: #90a4ae;
}

.RadInput_RedSkin .riFocused, .RadInput_Focused_RedSkin {
    color: #333;
    border-bottom-color: #A51428;
    box-shadow: 0 -1px 0 0 #A51428 inset
}

.RadInput_RedSkin .riRead, .RadInput_Read_RedSkin {
    color: rgba(69,90,100,0.8)
}


.RadInput_RedSkin .riError, .RadInput_Error_RedSkin {
    border-color: #f34235;
    box-shadow: 0 -1px 0 0 #f34235 inset
}

.RadInputDisabled a, .RadInputDisabled .riTextBox {
    opacity: .8 !important;
    cursor: not-allowed;
}

.RadComboBox .rcbDisabled .rcbInput {
    cursor: not-allowed !important;
}

.RadComboBox .rcbDisabled {
    opacity: 1 !important;
    background-color: #f0f0f0 !important;
    border-color: #828c8c !important;
}

.RadInput_RedSkin.RadInputError {
    border-color: #f34235;
    color: #f34235;
    border-color: #f34235;
    color: #f34235
}

    .RadInput_RedSkin.RadInputError:after {
        display: none
    }

.RadInput.riContButton .riDown {
    margin-left: -37px;
    margin-left: calc(-17px - 1.42857em)
}

.RadCalendar_RedSkin {
    border-color: #CFD8DC;
    color: #333;
    background-color: #fff;
    font-family: Lato,"Segoe UI",Arial,sans-serif;
    font-size: 15px;
}

    .RadCalendar_RedSkin .rcTitlebar {
        border-color: #A51428;
        color: #fff;
        background-color: #A51428;
        padding: 3px
    }

    .RadCalendar_RedSkin .rcPrev, .RadCalendar_RedSkin .rcNext, .RadCalendar_RedSkin .rcFastPrev, .RadCalendar_RedSkin .rcFastNext {
        margin: 0;
        border: 0 none;
        color: #fff !important;
        background-color: #A51428;
        border-radius: 3em !important;
        border-color: #A51428;
    }

        .RadCalendar_RedSkin .rcPrev:hover, .RadCalendar_RedSkin .rcNext:hover, .RadCalendar_RedSkin .rcFastPrev:hover, .RadCalendar_RedSkin .rcFastNext:hover {
            background-color: rgba(255,255,255,0.24)
        }

    .RadCalendar_RedSkin .t-font-icon:before {
        font-size: 18px
    }

    .RadCalendar_RedSkin .rcTitle {
        font-size: 1.143em;
        line-height: 1.25em;
        padding: 8px 0
    }

    .RadCalendar_RedSkin .rcMain {
        border-color: #CFD8DC;
        padding: 4px
    }

        .RadCalendar_RedSkin .rcMain td {
            border-color: transparent;
            text-align: center;
            padding: 0px !important;
        }

    .RadCalendar_RedSkin .rcRow a, .RadCalendar_RedSkin .rcRow span {
        border-radius: 3em;
        color: #333;
        padding: 3px !important;
        line-height: 1.42857143;
        width: 1.42857143em
    }

    .RadCalendar_RedSkin span.t-ripple, .RadCalendar_RedSkin span.t-ripple-container {
        padding: 0
    }

    .RadCalendar_RedSkin .rcWeek, .RadCalendar_RedSkin .rcRow th {
        color: rgba(69,90,100,0.6);
        line-height: 1.42857143;
        width: 1.42857143em
    }

        .RadCalendar_RedSkin .rcWeek th {
            text-align: center;
            padding: 9px
        }

    .RadCalendar_RedSkin .rcRow th {
        padding: 9px 9px 9px 17px;
        padding: 9px
    }

    .RadCalendar_RedSkin .rcMain .rcOtherMonth a, .RadCalendar_RedSkin .rcMain .rcOutOfRange span {
        color: rgba(69,90,100,0.4)
    }

    .RadCalendar_RedSkin .rcToday a {
        color: #fff;
        background-color: #78B4C8
    }

    .RadCalendar_RedSkin .rcSelected a {
        background-color: #78B4C8
    }

    .RadCalendar_RedSkin .rcHover a {
        color: #333;
        background-color: #ECEFF1
    }

    .RadCalendar_RedSkin .rcFocus a {
        box-shadow: 0 0 0 1px rgba(178,192,198,0.5) inset
    }

.RadCalendarPopupShadows .RadCalendar_RedSkin {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2)
}

    .RadCalendarPopupShadows .RadCalendar_RedSkin .rcMain {
        border: 0 none
    }

.RadCalendarMonthView_RedSkin {
    border: 0 none;
    padding: 0;
    border-color: #CFD8DC;
    color: #333;
    background-color: #fff;
    font-family: Lato,"Segoe UI",Arial,sans-serif
}

    .RadCalendarMonthView_RedSkin td {
        padding: 0
    }

    .RadCalendarMonthView_RedSkin tr:first-child td {
        padding-top: 8px
    }

    .RadCalendarMonthView_RedSkin tr:nth-last-child(2) td {
        padding-bottom: 8px
    }

    .RadCalendarMonthView_RedSkin a {
        padding: 6px 13px;
        color: #333;
        border: 0 none;
        border-radius: 0;
        box-sizing: border-box;
        min-width: 64px
    }

        .RadCalendarMonthView_RedSkin a:hover {
            background-color: #ECEFF1;
            color: #333
        }

    .RadCalendarMonthView_RedSkin .rcSelected a {
        background: transparent;
        color: #78B4C8
    }

    .RadCalendarMonthView_RedSkin td.rcButtons {
        background-color: #f4f7f8;
        border-top: 1px solid #CFD8DC;
        text-align: right;
        padding: 6px 10px
    }

        .RadCalendarMonthView_RedSkin td.rcButtons a {
            text-transform: uppercase;
            background-color: transparent;
            border: 0 none;
            padding: 8px;
            min-width: 64px;
            color: #333
        }

            .RadCalendarMonthView_RedSkin td.rcButtons a:hover {
                background-color: rgba(69,90,100,0.12)
            }

    .RadCalendarMonthView_RedSkin #rcMView_Today {
        float: left
    }

    .RadCalendarMonthView_RedSkin #rcMView_OK {
        color: #A51428
    }

        .RadCalendarMonthView_RedSkin #rcMView_OK:hover {
            background-color: rgba(165,20,40,0.12)
        }

.RadPicker_RedSkin {
    font-family: Lato,"Segoe UI",Arial,sans-serif;
    text-indent: 0 !important;
    /* la freccia rendrerizza male margin-bottom: 10px !important*/
}

    .RadPicker_RedSkin .riLabel {
        font-size: 16px;
        color: #607D8B;
        font-weight: 500;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .RadPicker_RedSkin .RadInput {
        position: relative
    }

        .RadPicker_RedSkin .RadInput:before {
            content: "";
            border-bottom: 1px solid;
            border-color: inherit;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0
        }

    .RadPicker_RedSkin .RadInputError:before {
        border-bottom-width: 2px
    }



    .RadPicker_RedSkin input.riTextBox, .RadPicker_RedSkin input.riTextBox:hover {
        border-color: transparent;
        border-bottom-color: #828c8c;
        box-shadow: none;
        padding-right: 0
    }

    .RadPicker_RedSkin .rcSelect {
        bottom: 0;
        right: 0;
        top: 0
    }

    .RadPicker_RedSkin .rcCalPopup, .RadPicker_RedSkin .rcTimePopup {
        border-left: 1px solid transparent;
        color: #a51428;
        outline: none
    }

        .RadPicker_RedSkin .rcCalPopup:focus, .RadPicker_RedSkin .rcTimePopup:focus {
            background-color: #ECEFF1
        }

        .RadPicker_RedSkin .rcCalPopup:before, .RadPicker_RedSkin .rcTimePopup:before {
            font-family: "Material Icons";
            font-size: 18px
        }

    .RadPicker_RedSkin.rcCalPopupOpen .rcCalPopup, .RadPicker_RedSkin.rcMYPopupOpen .rcCalPopup, .RadPicker_RedSkin.rcTimePopupOpen .rcTimePopup {
        background-color: #ECEFF1;
    }

    .RadPicker_RedSkin:hover .RadInput:not(.RadInputDisabled), .RadPicker_RedSkin.rcMYPopupOpen .RadInput:not(.RadInputDisabled), .RadPicker_RedSkin.rcTimePopupOpen .RadInput:not(.RadInputDisabled), .RadPicker_RedSkin.rcCalPopupOpen .RadInput:not(.RadInputDisabled) {
        border-color: transparent;
    }

        .RadPicker_RedSkin:hover .RadInput:not(.RadInputDisabled):before, .RadPicker_RedSkin.rcMYPopupOpen .RadInput:not(.RadInputDisabled):before, .RadPicker_RedSkin.rcTimePopupOpen .RadInput:not(.RadInputDisabled):before, .RadPicker_RedSkin.rcCalPopupOpen .RadInput:not(.RadInputDisabled):before {
            display: none
        }

    .RadPicker_RedSkin:hover .rcCalPopup, .RadPicker_RedSkin:hover .rcTimePopup, .RadPicker_RedSkin.rcMYPopupOpen .rcCalPopup, .RadPicker_RedSkin.rcMYPopupOpen .rcTimePopup, .RadPicker_RedSkin.rcTimePopupOpen .rcCalPopup, .RadPicker_RedSkin.rcTimePopupOpen .rcTimePopup, .RadPicker_RedSkin.rcCalPopupOpen .rcCalPopup, .RadPicker_RedSkin.rcCalPopupOpen .rcTimePopup {
        border-color: #ECEFF1
    }

    .RadPicker_RedSkin .rcCalPopup:before {
        content: "\e8df"
    }

    .RadPicker_RedSkin .rcTimePopup:before {
        content: "\e8b5"
    }

.RadCalendarMultiView_RedSkin .rcMain {
    border: 0 none;
    padding: 0
}

.RadCalendarMultiView_RedSkin .rcMainTable {
    border-collapse: collapse
}

.RadCalendarMultiView_RedSkin .rcCalendar {
    border: 0 none
}

.RadCalendarMultiView_RedSkin span.rcTitle {
    font-size: 1.429em;
    line-height: 1;
    padding: 8px 0
}

.RadCalendarMultiView_RedSkin .rcMainTable .rcTitle {
    background-color: #A51428;
    color: #fff;
    border: 0 none;
    border-top: 1px solid #fff;
    font-size: 1.143em;
    line-height: 1.25em;
    padding: 14px 0
}

.RadCalendarMultiView_RedSkin .rcRow > :first-child, .RadCalendarMultiView_RedSkin .rcWeek > :first-child {
    border-left: 1px solid #CFD8DC
}

.RadCalendarMultiView_RedSkin .rcLastCol .rcRow > :last-child, .RadCalendarMultiView_RedSkin .rcLastCol .rcWeek > :last-child {
    border-right: 1px solid #CFD8DC
}

.RadCalendarMultiView_RedSkin td.rcLastRow {
    border-bottom: 1px solid #CFD8DC
}

.RadCalendarTimeView_RedSkin {
    border-color: #CFD8DC;
    color: #333;
    background-color: #fff;
    font-family: Lato,"Segoe UI",Arial,sans-serif
}

    .RadCalendarTimeView_RedSkin th {
        background-color: #A51428;
        color: #fff;
        line-height: normal;
        font-size: 1.143em;
        padding: 14px 10px
    }

    .RadCalendarTimeView_RedSkin td {
        padding: 0;
        border-color: transparent
    }

    .RadCalendarTimeView_RedSkin tr:nth-child(2) td {
        padding-top: 8px
    }

    .RadCalendarTimeView_RedSkin tr:last-child td {
        padding-bottom: 8px
    }

    .RadCalendarTimeView_RedSkin a {
        padding: 6px 13px;
        color: #333;
        border: 0 none;
        border-radius: 0
    }

    .RadCalendarTimeView_RedSkin td.rcSelected a {
        color: #78B4C8
    }

    .RadCalendarTimeView_RedSkin td.rcHover a {
        background-color: #ECEFF1
    }

    .RadCalendarTimeView_RedSkin .rcFooter {
        border-color: #CFD8DC
    }

.RadSearchBox_RedSkin {
    color: #333;
    font-family: Lato,"Segoe UI",Arial,sans-serif;
    min-width: unset !important
}

    .RadSearchBox_RedSkin .rsbInner {
        border-color: transparent;
        border-bottom-color: #828C8C;
        color: #333;
        background-color: transparent;
        background: #fff;
        border-radius: 2px;
        padding: 0 !important;
    }

        .RadSearchBox_RedSkin .rsbInner.rsbHovered {
            border-color: transparent;
            border-bottom-color: #90a4ae;
            color: #333;
            background-color: #fff
        }

        .RadSearchBox_RedSkin .rsbInner.rsbFocused {
            border-color: transparent;
            border-bottom-color: #A51428
        }

    .RadSearchBox_RedSkin .rsbInput {
        margin: 0 !important;
    }

    .RadSearchBox_RedSkin .rsbButton {
        padding: 8px;
        margin: -4px 0 !important;
        transition: all .2s ease-in-out
    }

    .RadSearchBox_RedSkin .rsbButtonSearch {
        top: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        border-width: 0 0 0 1px;
        border-radius: 0 2px 2px 0;
        box-sizing: content-box
    }

    .RadSearchBox_RedSkin .rsbLabel {
        font-weight: 500;
        font-size: .857em;
        color: #607D8B
    }

    .RadSearchBox_RedSkin .rsbSearchContext {
        margin: -8px 0
    }

    .RadSearchBox_RedSkin .rsbSCInner {
        line-height: inherit;
        height: 1.42857143em;
        padding: 8px 20px 8px 8px;
        border: 0;
        border-radius: 2px 0 0 2px;
        box-sizing: content-box;
        border-right: 1px solid #cfd8dc;
        cursor: pointer;
        transition: all .2s ease-in-out
    }

    .RadSearchBox_RedSkin .rsbLoadingIcon {
        background-image: url(../Common/loading_small.gif)
    }

    .RadSearchBox_RedSkin .rsbSCIcon, .RadSearchBox_RedSkin .rsbButton .rsbIcon {
        font-size: 18px;
        width: 1em;
        height: 1em;
        line-height: 1em;
        margin-top: -.5em
    }

        .RadSearchBox_RedSkin .rsbSCIcon:before, .RadSearchBox_RedSkin .rsbButton .rsbIcon:before {
            font-family: "Material Icons"
        }

        .RadSearchBox_RedSkin .rsbSCIcon:before {
            content: "\e5c5"
        }

    .RadSearchBox_RedSkin .rsbButton .rsbIconSearch:before {
        content: "\e8b6"
    }

    .RadSearchBox_RedSkin .rsbHovered .rsbSCInner, .RadSearchBox_RedSkin .rsbHovered .rsbSCInner.rsbHovered, .RadSearchBox_RedSkin .rsbHovered .rsbButtonSearch, .RadSearchBox_RedSkin .rsbHovered .rsbButtonSearch.rsbHovered {
        color: #333
    }

    .RadSearchBox_RedSkin .rsbFocused .rsbSCInner, .RadSearchBox_RedSkin .rsbFocused .rsbButton {
        color: #333;
        background-color: transparent
    }

    .RadSearchBox_RedSkin .rsbSelected.rsbButton {
        border-color: #CFD8DC;
        color: #333;
        background-color: #CFD8DC
    }

    .RadSearchBox_RedSkin .rsbDisabled .rsbSCInner {
        background: #fff
    }

.rsbPopup_RedSkin {
    border-color: #CFD8DC;
    color: #333;
    background-color: #fff;
    font-family: "Roboto","Noto",sans-serif;
    border-width: 1px 0 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2);
    overflow: hidden
}

    .rsbPopup_RedSkin .rsbShowAll {
        margin: 0;
        padding: 6px 13px;
        border: 0
    }

    .rsbPopup_RedSkin .rsbList {
        padding: 10px 0
    }

    .rsbPopup_RedSkin .rsbListItem {
        padding: 6px 13px
    }

    .rsbPopup_RedSkin .rsbListItemHovered {
        color: #333;
        background-color: #ECEFF1
    }

    .rsbPopup_RedSkin .rsbListItemSelected {
        color: #03A9F4;
        background-color: transparent
    }

    .rsbPopup_RedSkin .rsbListItemLoading {
        color: #333;
        background-color: #ECEFF1
    }
/**S window*/
.RadWindow_RedSkin {
    border-color: #e0e0e0;
    color: #000000;
    background-color: #ffffff;
    padding: 0;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadWindow_RedSkin .rwTitleBar {
        margin: 0;
        color: #ffffff;
        background: #78B4C8;
        box-sizing: content-box;
    }

    .RadWindow_RedSkin .rwCommandButton {
        opacity: .7;
    }

        .RadWindow_RedSkin .rwCommandButton:hover {
            opacity: .9;
        }

    .RadWindow_RedSkin .rwContent {
        border-color: #ffffff;
        color: #333333;
        background-color: #ffffff;
        border-width: 0;
    }

    .RadWindow_RedSkin .rwStatusBar {
        border-width: 0;
        border-top-width: 1px;
    }

    .RadWindow_RedSkin .rwDialogButtons button {
        border-color: #e0e0e0;
        color: #000000;
        background-color: #f9f9f9;
    }

        .RadWindow_RedSkin .rwDialogButtons button:hover {
            border-color: #cecece;
            color: #000000;
            background-color: #e7e7e7;
        }

        .RadWindow_RedSkin .rwDialogButtons button:active {
            border-color: #78B4C8;
            color: #ffffff;
            background-color: #78B4C8;
        }

    .RadWindow_RedSkin .rwPromptInput {
        border-color: #e0e0e0;
        color: #333333;
        background-color: #ffffff;
    }

        .RadWindow_RedSkin .rwPromptInput:hover {
            border-color: #cecece;
            color: #333333;
            background-color: #ffffff;
        }

        .RadWindow_RedSkin .rwPromptInput:active,
        .RadWindow_RedSkin .rwPromptInput:focus {
            border-color: #78B4C8;
            color: #333333;
            background-color: #ffffff;
        }

    .RadWindow_RedSkin .rwLoading.rwStatusBar {
        background-image: url(wait.gif);
    }

    .RadWindow_RedSkin.rwLoading .rwExternalContent {
        background-image: url(wait.gif);
    }



/**E window*/
.RadUpload_RedSkin {
    color: #333;
    font-family: Lato,"Segoe UI",Arial,sans-serif
}

    .RadUpload_RedSkin .ruFileLI .ruButton:hover {
        color: #78b4c8
    }

    .RadUpload_RedSkin .ruFileLI .ruFileProgressWrap {
        background-color: #e5e5e5
    }

    .RadUpload_RedSkin .ruFileLI .ruFileProgress {
        border-color: #78b4c8;
        background-color: #78b4c8
    }

    .RadUpload_RedSkin .ruUploadSuccess .radIcon:before {
        background-color: #5ec232
    }

    .RadUpload_RedSkin .ruUploading .radIcon:before {
        background-color: #fdce3e
    }

    .RadUpload_RedSkin .ruUploadCancelled .radIcon:before, .RadUpload_RedSkin .ruUploadFailure .radIcon:before {
        background-color: #de3914
    }

    .RadUpload_RedSkin .ruSelectWrap .ruFakeInput {
        border-color: #e0e0e0;
        color: #333;
        background-color: #fff
    }

    .RadUpload_RedSkin .ruSelectWrap .ruButton {
        /*border: 1px #e0e0e0 solid !important;*/
        color: #333;
        background-color: #f2f4f4;
        margin-left: 0px !important;
    }

        .RadUpload_RedSkin .ruSelectWrap .ruButton.ruButtonHover {
            color: #000;
            background-color: #ECEFF1;
        }

        .RadUpload_RedSkin .ruSelectWrap .ruButton.ruFocused {
            box-shadow: inset 0 0 5px rgba(165,20,40,0.5)
        }

    .RadUpload_RedSkin .ruDropZone {
        border-color: #e6e6e6;
        color: #333;
        background-color: #fff
    }

.RadComboBox_RedSkin {
    color: #333;
    font-family: Lato,"Segoe UI",Arial,sans-serif;
    /*combo allineate con caselle testo padding-top: 2px !important*/
}

    .RadComboBox_RedSkin .rcbInner {
        border-color: #cfd8dc;
        color: #333;
        background-color: #FFF;
        padding-left: 0 !important;
        padding-bottom: 1px !important;
        padding-top: 0 !important;
        border-width: 0 !important;
        border-radius: 2px;
        transition: all .2s ease-in-out
    }

        .RadComboBox_RedSkin .rcbInner:before {
            content: "";
            border-bottom: 1px solid;
            border-color: inherit;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0
        }

        .RadComboBox_RedSkin .rcbInner.rcbToggleButtonHidden {
            padding-right: 13px
        }

    .RadComboBox_RedSkin .p-icon:before {
        font-size: 20px !important;
        font-family: "Material Icons";
        content: "\e5c5"
    }

    .RadComboBox_RedSkin .rcbActionButton {
        padding: 0px !important;
        border-color: transparent;
        border-radius: 0 2px 2px 0;
        transition: all .2s ease-in-out
    }

        .RadComboBox_RedSkin .rcbActionButton .p-icon {
            width: 1.42857143em
        }

    .RadComboBox_RedSkin .rcbLabel {
        padding-top: 10px;
        font-weight: 500;
        font-size: .857em;
        color: #607D8B
    }

    .RadComboBox_RedSkin .rcbHovered {
        border-color: #CFD8DC;
        color: #333;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2)
    }

        .RadComboBox_RedSkin .rcbHovered:before {
            display: none
        }

        .RadComboBox_RedSkin .rcbHovered .rcbActionButton {
            border-color: #ECEFF1;
            color: #333;
            background-color: #ECEFF1;
        }

    .RadComboBox_RedSkin .rcbFocused, .RadComboBox_RedSkin .rcbExpanded {
        border-color: #CFD8DC;
        color: #333;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2)
    }

        .RadComboBox_RedSkin .rcbFocused:before, .RadComboBox_RedSkin .rcbExpanded:before {
            display: none
        }

        .RadComboBox_RedSkin .rcbFocused .rcbActionButton, .RadComboBox_RedSkin .rcbExpanded .rcbActionButton {
            border-color: #CFD8DC;
            color: #333;
            background-color: #fff
        }

    .RadComboBox_RedSkin .rcbReadOnly.rcbHovered {
        border-color: #ECEFF1;
        color: #333;
        background-color: #ECEFF1
    }

    .RadComboBox_RedSkin .rcbReadOnly.rcbFocused {
        border-color: #CFD8DC;
        color: #333;
        background-color: #fff
    }

.RadComboBox_RedSkin_rtl .rcbInner {
    padding-left: 30px;
    padding-right: 13px
}

    .RadComboBox_RedSkin_rtl .rcbInner.rcbToggleButtonHidden {
        padding-left: 13px
    }

.RadComboBox_RedSkin_rtl .rcbActionButton {
    border-radius: 2px 0 0 2px
}

.RadComboBoxDropDown_RedSkin {
    border-color: #CFD8DC !important;
    color: #333;
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    font-family: Lato,"Segoe UI",Arial,sans-serif
}

    .RadComboBoxDropDown_RedSkin .rcbList {
        padding: 8px 0
    }

    .RadComboBoxDropDown_RedSkin .rcbHeader, .RadComboBoxDropDown_RedSkin .rcbFooter, .RadComboBoxDropDown_RedSkin .rcbCheckAllItems, .RadComboBoxDropDown_RedSkin .rcbMoreResults {
        border-color: #CFD8DC;
        padding: 6px 13px
    }

    .RadComboBoxDropDown_RedSkin .rcbItem, .RadComboBoxDropDown_RedSkin .rcbHovered, .RadComboBoxDropDown_RedSkin .rcbSelected, .RadComboBoxDropDown_RedSkin .rcbDisabled, .RadComboBoxDropDown_RedSkin .rcbLoading {
        padding: 6px 5px !important
    }

        .RadComboBoxDropDown_RedSkin .rcbItem > label, .RadComboBoxDropDown_RedSkin .rcbHovered > label, .RadComboBoxDropDown_RedSkin .rcbSelected > label, .RadComboBoxDropDown_RedSkin .rcbDisabled > label, .RadComboBoxDropDown_RedSkin .rcbCheckAllItems > label, .RadComboBoxDropDown_RedSkin .rcbCheckAllItemsHovered > label {
            margin: -6px -13px;
            padding: 6px 13px
        }

    .RadComboBoxDropDown_RedSkin .rcbSeparator {
        font-weight: 500;
        color: #fff;
        background-color: #90a4ae;
    }

    .RadComboBoxDropDown_RedSkin .p-icon:before {
        font-size: 18px;
        font-family: "Material Icons";
        content: "\e5c5"
    }

    .RadComboBoxDropDown_RedSkin .rcbHovered {
        color: #333;
        background-color: #ECEFF1
    }

    .RadComboBoxDropDown_RedSkin .rcbSelected {
        color: #03A9F4;
        background-color: transparent
    }

    .RadComboBoxDropDown_RedSkin .rcbLoading {
        color: #333;
        background-color: #ECEFF1
    }

    .RadComboBoxDropDown_RedSkin .rcbItem em {
        color: #333;
        background-color: #ECEFF1
    }

    .RadComboBoxDropDown_RedSkin .rcbCheckAllItems {
        padding: 6px 13px
    }

    .RadComboBoxDropDown_RedSkin .rcbCheckAllItemsHovered {
        color: #333;
        background-color: #ECEFF1;
        padding: 6px 13px
    }

.RadListBox_RedSkin {
    color: #333;
    font-family: Lato,"Segoe UI",Arial,sans-serif;
    font-size: 16px !important
}

    .RadListBox_RedSkin .rlbButton {
        border-color: #e0e0e0;
        color: #000;
        background-color: #f9f9f9
    }

    .RadListBox_RedSkin .rlbGroup, .RadListBox_RedSkin .rlbTemplateContent {
        border-color: #e6e6e6;
        color: #333;
        background-color: #fff
    }

        .RadListBox_RedSkin .rlbGroup .rlbDropClueAbove {
            border-top-color: #e0e0e0
        }

        .RadListBox_RedSkin .rlbGroup .rlbDropClueBelow {
            border-bottom-color: #e0e0e0
        }

        .RadListBox_RedSkin .rlbGroup .rlbSelected.rlbDropClueAbove, .RadListBox_RedSkin .rlbGroup .rlbHovered.rlbDropClueAbove, .RadListBox_RedSkin .rlbGroup .rlbSelected.rlbDropClueBelow, .RadListBox_RedSkin .rlbGroup .rlbHovered.rlbDropClueBelow {
            border-color: #FFF
        }

    .RadListBox_RedSkin .rlbButton:focus {
        border-color: rgba(165,20,40,0.5);
        box-shadow: inset 0 0 5px rgba(165,20,40,0.5)
    }

    .RadListBox_RedSkin .rlbHovered.rlbItem, .RadListBox_RedSkin .rlbHighlight {
        color: #000;
        background-color: #e7e7e7
    }

    .RadListBox_RedSkin .rlbHovered.rlbButton {
        border-color: #cecece;
        color: #000;
        background-color: #e7e7e7
    }

    .RadListBox_RedSkin .rlbActive.rlbButton {
        border-color: #A51428;
        color: #fff;
        background-color: #A51428
    }

    .RadListBox_RedSkin .rlbItem.rlbSelected {
        color: #fff;
        background-color: #A51428;
        opacity: .6
    }



.RadDropDownTree_RedSkin {
    color: #333333;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .RadDropDownTree_RedSkin .rddtInner {
        height: auto;
        padding: 0px !important;
        overflow: visible;
        border-width: 0 !important;
        transition: all .2s ease-in-out;
    }

        .RadDropDownTree_RedSkin .rddtInner:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0px;
            right: 0px;
            border-bottom: 1px solid #CFD8DC;
        }

    .RadDropDownTree_RedSkin .rddtExtraPadding {
        padding-right: 60px;
    }

    .RadDropDownTree_RedSkin .rddtFakeInput {
        height: auto;
        line-height: 1.42857143;
        height: 1.42857143em;
    }


    .RadDropDownTree_RedSkin .rddtClearIcon {
        color: gray;
    }

    .RadDropDownTree_RedSkin .rddtClearButton {
        opacity: 1 !important;
    }

    .RadDropDownTree_RedSkin .rddtIcon {
        height: 24px !important;
        width: 24px !important;
        right: 0px !important;
        margin-top: -12px !important;
        line-height: 24px !important;
        transition: all .2s ease-in-out;
        font-size: 20px !important;
        font-family: "Material Icons" !important;
    }

        .RadDropDownTree_RedSkin .rddtIcon:before {
            content: "\e5c5" !important;
            vertical-align: initial;
        }

    .RadDropDownTree_RedSkin .rddtHovered {
        border-color: #CFD8DC;
        color: #333;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }

        .RadDropDownTree_RedSkin .rddtHovered:before {
            display: none;
        }

        .RadDropDownTree_RedSkin .rddtHovered .rddtIcon {
            color: #333;
            background-color: #ECEFF1;
        }

    .RadDropDownTree_RedSkin .rddtFocused {
        color: #333;
        background-color: #ffffff;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);*/
        border-radius: 2px 2px 0 0;
    }

        .RadDropDownTree_RedSkin .rddtFocused:before {
            left: 0;
            right: 0;
        }

        .RadDropDownTree_RedSkin .rddtFocused .p-icon {
            color: #263238;
        }

.rddtPopup_RedSkin {
    border-color: #CFD8DC;
    color: #333;
    background-color: #ffffff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

    .rddtPopup_RedSkin .rddtFilter {
        padding: 0 13px 8px;
        border: 0;
    }

    .rddtPopup_RedSkin .rddtFilterInput {
        border-color: #CFD8DC !important;
        color: #333;
        background-color: transparent;
        padding: 8px 0;
        outline: 0;
        border-width: 0 0 1px !important;
        padding: 1px 0;
        width: 100%;
        outline: 0;
        display: block;
    }


    .rddtPopup_RedSkin .RadTreeView {
        padding: 0;
    }

        .rddtPopup_RedSkin .RadTreeView em {
            color: #333;
            background-color: #ECEFF1;
        }

        .rddtPopup_RedSkin .RadTreeView .rtLines .rtLI:before,
        .rddtPopup_RedSkin .RadTreeView .rtLines .rtOut:before {
            display: none;
        }

    .rddtPopup_RedSkin .rddtFilterInput.rddtHovered {
        border-color: #90A4AE;
        color: #333;
        background-color: transparent;
    }

    .rddtPopup_RedSkin .rddtFilterInput.rddtFocused {
        border-bottom-color: #ECEFF1;
        box-shadow: 0 1px 0 #ECEFF1;
    }


.RadTreeView .rtSelected .rtIn {
    border-color: transparent;
    color: #a51428;
    font-weight:bold;
}