/**************************************************
                        MENU
**************************************************/
div.RadMenu_MetroTouch, div.RadWindow_MetroTouch
{
    font: 16px/2.125em "Roboto Condensed","Segoe UI",Arial,Helvetica,sans-serif;
}

    /*div.RadMenu_MetroTouch ul.rmRootGroup, div.RadMenu_MetroTouch ul.rmRootGroup li.rmItem.rmExpanded
    {
        background-color: Transparent;
    }

    div.RadMenu_MetroTouch .rmRootGroup .rmItem
    {
        border-color: Transparent;
    }*/

div.RadMenu ul.rmRootGroup > li.rmItem
{
    border-width: 0px;
}

div.RadMenu_MetroTouch .rmRootGroup .rmRootLink
{
    line-height: 50px;
}

    div.RadMenu_MetroTouch .rmRootGroup .rmRootLink:hover
    {
        color: #FECE1A;
    }

div.RadMenu .rmLink
{
    vertical-align: middle;
}

div.RadMenu_MetroTouch .rmRootToggle:active, div.RadMenu_MetroTouch .rmRootToggle.rmExpanded
{
    border-color: #FECE1A;
    color: #333;
    background-color: #FECE1A;
}

div.RadMenu_MetroTouch .rmRootToggle
{
    border-color: #FECE1A;
    color: #FECE1A;
    background-color: #000;
}

div.RadMenu_MetroTouch .rmItem.rmSelected
{
    color: #000;
    background-color: #FECE1A;
}

div.RadMenu_MetroTouch .rmPopup .rmLink:hover, div.RadMenu_MetroTouch .rmPopup .rmExpanded > .rmLink, div.RadMenu_MetroTouch .rmPopup .rmFocused > .rmLink, div.RadMenu_MetroTouch .rmGroup .rmLink:hover, div.RadMenu_MetroTouch .rmGroup .rmExpanded > .rmLink, div.RadMenu_MetroTouch .rmGroup .rmFocused > .rmLink,
div.RadMenu_MetroTouch .rmPopup .rmSelected > .rmLink, div.RadMenu_MetroTouch .rmGroup .rmSelected > .rmLink
{
    color: #000;
    background-color: #FECE1A;
    border-color: transparent;
}

/*div.RadMenu_MetroTouch .rmGroup, div.RadMenu_MetroTouch .rmMultiColumn
{
    border-color: transparent;
    color: #fff;
    border-left: 1px solid #FECE1A;
}*/

div.RadMenu_MetroTouch .rmRootGroup .rmSelected > .rmRootLink, div.RadMenu_MetroTouch .rmRootGroup .rmExpanded > .rmRootLink
{
    border-color: transparent;
    color: #FECE1A;
    background-color: transparent;
}

div.RadMenu_MetroTouch .rmRootGroup .rmRootLink:hover, div.RadMenu_MetroTouch .rmRootGroup .rmFocused > .rmLink
{
    border-color: transparent;
}

/*mobile*/
div.RadMenuPopup_MetroTouch
{
    color: #FECE1A;
    font-family: "Roboto Condensed", "Segoe UI",Arial,Helvetica,sans-serif;
    /*border-color: #FECE1A;*/
}

    div.RadMenuPopup_MetroTouch:before, div.RadMenuPopup_MetroTouch:after
    {
        /*border-bottom-color: #FECE1A;*/
    }

    div.RadMenuPopup_MetroTouch .rmItem
    {
        /*border-color: #FECE1A;*/
    }

        div.RadMenuPopup_MetroTouch .rmItem.rmSelected
        {
            color: #000;
            background-color: #FECE1A;
        }

div.RadMenu_MetroTouch .rmGroup.rmVertical > li.rmSeparator, div.RadMenu_MetroTouch .rmScrollWrap .rmVertical > li.rmSeparator
{
    border-top-color: transparent;
}

div.RadMenu .rmToggle
{
    display: none;
}
/**************************************************
                   TOOLTIP
**************************************************/
div.RadToolTip_MetroTouch
{
    background-color: #111;
    color: #fff;
    border-color: #FECE1A;
    font: 100 16px "Roboto Condensed", "Segoe UI",Arial,Helvetica,sans-serif;
}

    div.RadToolTip_MetroTouch .rtContent
    {
        background-color: #111;
        color: #fff;
    }


/**************************************************
                   TABSTRIP
**************************************************/
div.RadTabStrip_MetroTouch
{
    font-family: "Roboto Condensed","Segoe UI",Arial,Helvetica,sans-serif;
}

    div.RadTabStrip_MetroTouch .rtsLevel1
    {
        border-color: #FECE1A;
    }
        /*div.RadTabStrip.rtsTop .rtsLevel1 {
    background-color: #000; 
}*/
        div.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsLink, div.RadTabStrip_MetroTouch .rtsLevel1 .rtsHovered .rtsLink
        {
            border-color: #FECE1A;
            color: #000;
            background-color: #FECE1A;
        }

        div.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink
        {
            border-top-width: 0px;
            border-right-width: 0px;
            border-left-width: 0px;
        }
    /*bottom tabs*/
    div.RadTabStrip_MetroTouch.rtsBottom .rtsLevel1 .rtsLink
    {
        border-left-width: 0px;
        /*border-right-width: 1px;*/
        border-right-width: 0px;
        border-bottom-width: 0px;
    }


/**************************************************
                   COMBO
**************************************************/
div.RadComboBox_MetroTouch, div.RadComboBoxDropDown_MetroTouch
{
    font-family: "Roboto Condensed", "Segoe UI",Arial,Helvetica,sans-serif;
}

    div.RadComboBox_MetroTouch .rcbReadOnly.rcbHovered, div.RadComboBox_MetroTouch .rcbReadOnly.rcbHovered .rcbActionButton,
    div.RadComboBoxDropDown .rcbHovered
    {
        border-color: #FECE1A;
        color: #000;
        background-color: #FECE1A;
    }

    div.RadComboBox_MetroTouch .rcbReadOnly.rcbFocused, div.RadComboBox_MetroTouch .rcbReadOnly.rcbFocused .rcbActionButton
    {
        border-color: #FEC701;
        color: #000;
        background-color: #FEC701;
    }

.separate-lbl.RadComboBox .rcbLabel
{
    /*float: none;
    display: block;*/
}
/*div.RadComboBox_MetroTouch .rcbInner, .RadComboBox_MetroTouch .rcbActionButton {
    background-color: #000;
}*/
div.RadComboBoxDropDown .rcbItem > label.rfdCheckboxUnchecked,
div.RadComboBoxDropDown .rcbItem > label.rfdCheckboxChecked
{ display: inline-block; margin: 0px }

/*div.rcbSlide {
    z-index: 99999 !important
}*/
.fixed-layout div.rfdSelectBox {
    z-index: 6000; /*same as/on top of: footer. Was 4007*/
}
/**************************************************
                   SPLITTER
**************************************************/
table.RadSplitter.RadSplitter_MetroTouch {
    border-color: #f9f9f9;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
}

table.RadSplitter_MetroTouch .rspPane.rspFirstItem
{ 
    /*background-color: #f9f9f9;*/
    border-width: 0px;
    border-bottom-width: 0px !important;
    border-right-width: 0px !important;
}

table.RadSplitter_MetroTouch .rspPane.rspLastItem
{
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
}

table.RadSplitter_MetroTouch .rspPaneHorizontal.rspFirstItem
{
    border-bottom-width: 0px !important;
}

table.RadSplitter_MetroTouch .rspResizeBarHorizontal, table.RadSplitter_MetroTouch .rspSlideContainerResizeHorizontal, table.RadSplitter_MetroTouch .rspResizeBarOverHorizontal, table.RadSplitter_MetroTouch .rspSlideContainerResizeOverHorizontal
{
    background-color: #ddd;
    border-color: #ddd;
}

table.RadSplitter_MetroTouch td.rspResizeBar, table.RadSplitter_MetroTouch .rspSlideContainerResize
{
    background-color: #eee;
    border-right-color: #eee;
    border-color: #eee;
    border-bottom-width: 0px !important;
}

table.RadSplitter_MetroTouch td.rspResizeBarOver, table.RadSplitter_MetroTouch .rspSlideContainerResize
{
    background-color: #ddd;
    border-color: #ddd;
}
table.RadSplitter_MetroTouch .rspResizeBarHorizontal.filter-splitbar {
    background-color: #eee;
    border-color: #eee;
}

table.RadSplitter_MetroTouch .rspCollapseBarExpandOver, table.RadSplitter_MetroTouch input.rspCollapseBarCollapseOver, table.RadSplitter_MetroTouch .rspCollapseBarHorizontalExpandOver, table.RadSplitter_MetroTouch .rspCollapseBarHorizontalCollapseOver
{
    color: #000;
    background-color: #FECE1A !important;
    border: 0px none;
}

table.RadSplitter_MetroTouch input.rspCollapseBarExpand, table.RadSplitter_MetroTouch input.rspCollapseBarCollapse
{
    background-color: #ddd;
}

table.RadSplitter_MetroTouch td.rspResizeBarHorizontal, table.RadSplitter_MetroTouch td.rspSlideContainerResizeHorizontal
{
    border-width: 0px;
}

table.RadSplitter_MetroTouch td.rspResizeBarOverHorizontal, table.RadSplitter_MetroTouch td.rspSlideContainerResizeOverHorizontal
{
    background-color: #000;
    border-width: 0px;
}

/**************************************************
                   FORM DECORATOR
**************************************************/

/*html.RadForm_MetroTouch fieldset {
    background-color: #141414;
}
html.RadForm_MetroTouch.rfdZone {
    background-color: transparent;
}
html.RadForm_MetroTouch legend {
    background-color: transparent ;
}*/

/*html.RadForm_MetroTouch .rfdTextInput:active, html.RadForm_MetroTouch textarea:active, html.RadForm_MetroTouch .rfdTextInput:focus, html.RadForm_MetroTouch textarea:focus {
    background-color: #222;
    color: #000;
    border-color: #2A2A2A;
}*/
/*html.RadForm_MetroTouch .rfdTextInput, html.RadForm_MetroTouch textarea {
    background-color: #000; 
}
html.RadForm_MetroTouch .rfdTextInput:hover, html.RadForm_MetroTouch textarea:hover {
    background-color: #222;
    border-color: #FECE1A;
}
html.RadForm_MetroTouch .rfdTextInput:active, html.RadForm_MetroTouch textarea:active, html.RadForm_MetroTouch .rfdTextInput:focus, html.RadForm_MetroTouch textarea:focus {
    background-color: #050505;
    border-color: #FECE1A;
}*/
html.RadForm_MetroTouch .rfdSelect_MetroTouch, div.RadComboBox_MetroTouch .rcbReadOnly
{
    background-color: #fff !important; /*original f9f9f9*/
}
html.RadForm_MetroTouch .rfdSelect_MetroTouch {
    min-height: 36px;
}
html.RadForm_MetroTouch.RadForm .rfdSkinnedButton, html.RadForm_MetroTouch.RadForm .rfdSelect, html.RadForm_MetroTouch.RadForm .rfdTextInput, html.RadForm_MetroTouch.RadForm.rfdLabel label, html.RadForm_MetroTouch.RadForm.rfdLabel .rfdAspLabel, html.RadForm_MetroTouch.RadForm.rfdTextbox .rfdTextInput, html.RadForm_MetroTouch.RadForm.rfdTextarea textarea, html.RadForm_MetroTouch.RadForm.rfdFieldset fieldset, html.RadForm_MetroTouch.RadForm.rfdFieldset legend, html.RadForm_MetroTouch.RadForm.rfdHeading h4, html.RadForm_MetroTouch.RadForm.rfdHeading h5, html.RadForm_MetroTouch.RadForm.rfdHeading h6, html.RadForm_MetroTouch.RadForm .riTextBox, html.RadForm_MetroTouch.RadForm .rfdValidationSummaryControl, html.RadForm_MetroTouch.RadForm .rfdLoginControl,
div.RadWindow_MetroTouch .rwPromptInput, div.rfdSelectBox, html .RadCalendarMonthView_MetroTouch {
    font-family: "Roboto Condensed","Segoe UI",Arial,Helvetica,sans-serif !important;
}

/*button*/
html.RadForm_MetroTouch .rfdSkinnedButton:active, html.RadForm_MetroTouch .rfdSkinnedButton.rfdClickedButton, html.RadForm_MetroTouch .rfdFocusedButton, html.RadForm_MetroTouch .rfdSkinnedButton:hover
{
    background-color: #FECE1A;
    border-color: #FECE1A;
    color: #000;
}

/*Checkbox
html.RadForm_MetroTouch label.rfdCheckboxChecked .rfdToggleImage, html.RadForm_MetroTouch label.rfdCheckboxUnchecked .rfdToggleImage, .RadForm_MetroTouch label.rfdRadioChecked .rfdToggleImage, .RadForm_MetroTouch label.rfdRadioUnchecked .rfdToggleImage {
    background-image: url("radFormToggleSprite.png");
}*/
html.RadForm .rfdCheckboxChecked, html.RadForm .rfdCheckboxUnchecked, html.RadForm .rfdRadioChecked, html.RadForm .rfdRadioUnchecked {
    padding: 0 0.5em 0em 1.5em; /*was 0 1.5em*/
}
/* DDl */
html.RadForm_MetroTouch .rfdDropDownArrow
{
    background-image: url("radActionsSprite.png");
}

div.rfdSelectBox_MetroTouch .rfdSelect_selected, div.rfdSelectBox.rfdSelectBox_MetroTouch .rfdSelect_selected:hover
{
    color: #000;
    background-color: #FECE1A;
}

html.RadForm_MetroTouch .rfdSelect_MetroTouch:hover .rfdDropDownArrow, html.RadForm_MetroTouch .rfdSelect_MetroTouch:active .rfdDropDownArrow
{
    background-color: #FECE1A;
}

div.rfdSelectBox_MetroTouch li:hover, div.rfdSelectBox_MetroTouch .rfdSelect_hovered, div.rfdSelectBox.rfdSelectBox_MetroTouch li:hover
{
    color: #000;
    background-color: #FECE1A;
}

html.RadForm_MetroTouch .rfdSelect_MetroTouch:hover
{
    border-color: #FECE1A;
}

html.RadForm_MetroTouch .rfdSelect_MetroTouch:hover, html.RadForm_MetroTouch .rfdSelect_MetroTouch:active, html.RadForm_MetroTouch .rfdSelect_MetroTouch:focus
{
    border-color: #FECE1A;
}

html.RadForm_MetroTouch .rfdTextInput:active, html.RadForm_MetroTouch textarea:active, html.RadForm_MetroTouch .rfdTextInput:focus, html.RadForm_MetroTouch textarea:focus
{
    background-color: #fff;
    color: #000;
    border-color: #FECE1A;
}
.RadForm_MetroTouch .w100 .rfdSelect_MetroTouch {
    width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0)
{ /*html.RadForm_MetroTouch.rfdRadio input[type="radio"]*/
    html.RadForm_MetroTouch.rfdCheckbox input[type="checkbox"]
    {
        background-image: url("radFormToggleSprite.png");
    }
}

html.RadForm_MetroTouch.RadForm .rfdSkinnedButton, html.RadForm_MetroTouch.RadForm .rfdSelect, html.RadForm_MetroTouch.RadForm .rfdTextInput, html.RadForm_MetroTouch.RadForm.rfdLabel label, html.RadForm_MetroTouch.RadForm.rfdLabel .rfdAspLabel, html.RadForm_MetroTouch.RadForm.rfdTextbox .rfdTextInput,
html.RadForm_MetroTouch.RadForm.rfdTextarea textarea, html.RadForm_MetroTouch.RadForm.rfdFieldset fieldset, html.RadForm_MetroTouch.RadForm.rfdFieldset legend
{
    color: #333;
}
/*html.RadForm_MetroTouch .rfdTextInput, html.RadForm_MetroTouch textarea {
    border-color: #3d3d3d;
}*/
html.RadForm_MetroTouch .rfdSkinnedButton
{
    padding: 0.25em 0.46875em 0.3125em;
    background-color: #222;
    border-color: #222;
    color: #FFF;
}
html.RadForm_MetroTouch .reConfirmCancelButtonsTblLight .rfdSkinnedButton {
    background-color: #FECE1A;
    border-color: #FECE1A;
    color: #333;
}
html.RadForm_MetroTouch .reConfirmCancelButtonsTblLight .rfdSkinnedButton:active, 
html.RadForm_MetroTouch .reConfirmCancelButtonsTblLight .rfdSkinnedButton.rfdClickedButton, 
html.RadForm_MetroTouch .reConfirmCancelButtonsTblLight .rfdFocusedButton, 
html.RadForm_MetroTouch .reConfirmCancelButtonsTblLight .rfdSkinnedButton:hover
{
    background-color: #FECE1A;
    border-color: #FECE1A;
    color: #000;
}

div.RadWindow .rwPromptInput
{
    padding: 0.25em 0.46875em 0.3125em;
}
/*div.RadWindow .rwTitleBar .rwTitleWrapper {
    padding-bottom: 0px
}*/
div.RadWindow_MetroTouch .rwTitleWrapper .rwTitle {
    height: auto;
    min-height: 30px;
}
    div.RadWindow_MetroTouch .rwTitleWrapper .rwTitle p {
        font-size: 13px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 3px 0px 0px 0px;
    }
/*Radio*/
html.RadForm_MetroTouch label.rfdCheckboxChecked .rfdToggleImage, html.RadForm_MetroTouch label.rfdCheckboxUnchecked .rfdToggleImage {
    /*html.RadForm_MetroTouch label.rfdRadioChecked .rfdToggleImage, html.RadForm_MetroTouch label.rfdRadioUnchecked .rfdToggleImage*/
    background-image: url("radFormToggleSprite.png");
}
/*Grid DDLs*/
html.RadForm_MetroTouch div.RadGrid.RadGrid_MetroTouch .rfdSelect_MetroTouch
{
    width: 100% !important;
    padding: 0em 1.8125em 0em 0.3em !important; /*was.3125em 4em .375em .46875em */
}
html.RadForm_MetroTouch.RadForm div.RadGrid.RadGrid_MetroTouch .rfdSelect,
html.RadForm div.RadGrid.RadGrid_MetroTouch .rfdDropDownArrow::befor {
    font-size: 14px; /*was 16px and 1.33333em for ::before*/
}

/**************************************************
                   TREEVIEW
**************************************************/
div.RadTreeView_MetroTouch
{
    font-family: "Roboto Condensed","Segoe UI",Arial,Helvetica,sans-serif;
}

    div.RadTreeView_MetroTouch .rtIn
    {
        cursor: pointer;
    }

    div.RadTreeView_MetroTouch .rtSelected .rtIn, div.RadTreeView_MetroTouch .rtSelected.rtHover .rtIn, div.RadTreeView_MetroTouch .rtLi .rtMid.rtHover
    {
        border-color: #FECE1A;
        color: #000 !important;
        background-color: #FECE1A;
    }

    div.RadTreeView_MetroTouch .rtHover .rtIn
    {
        border-color: transparent;
        color: #FECE1A;
        background-color: transparent;
    }

    div.RadTreeView_MetroTouch .rtPlusHover, div.RadTreeView_MetroTouch .rtMinusHover
    {
        color: #FECE1A;
    }

/**************************************************
                   GRID
**************************************************/
div.RadGrid_MetroTouch, div.RadGrid_MetroTouch .rgMasterTable, div.RadGrid_MetroTouch .rgDetailTable, div.RadGrid_MetroTouch .rgGroupPanel table, div.RadGrid_MetroTouch .rgCommandRow table, div.RadGrid_MetroTouch .rgEditForm table
{
    font: 100 15px/34px "Roboto Condensed","Segoe UI",Arial,Helvetica,sans-serif;
}

    /*div.RadGrid_MetroTouch .rgGroupHeader
    {
        color: #FECE1A;
    }*/

    div.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage
    {
        background-color: #FECE1A;
        border-color: #FECE1A;
        color: #000;
    }
    div.RadGrid_MetroTouch .rgGroupHeader 
    {
        color: #000 !important
    }
/**************************************************
                   EDITOR
**************************************************/

div.RadEditor_kMetroTouch .reTool:active, div.RadEditor_MetroTouch .reTool:focus, div.RadEditor_MetroTouch .reToolText:active, div.RadEditor_MetroTouch .reToolText:focus, div.RadEditor_MetroTouch .reToolSelected, div.RadEditor_MetroTouch .reToolSelected:hover, div.RadEditor_MetroTouch .reModes a:active, div.RadEditor_MetroTouch .reModes a:focus, div.RadEditor_MetroTouch .reModes .reSelectedMode, div.RadEditor_MetroTouch .reModes .reSelectedMode:hover, div.RadEditor_MetroTouch .reDropdown:active, div.RadEditor_MetroTouch .reDropdown:focus, div.RadEditor_MetroTouch .reSpinBoxButtons span:active, div.RadEditor_MetroTouch .reSpinBoxButtons span:focus, div.RadEditor_MetroTouch .rePopupButton:active, div.RadEditor_MetroTouch .rePopupButton:focus, div.RadEditor_MetroTouch .reCommentButton:active, div.RadEditor_MetroTouch .reCommentButton:focus, div.RadEditor_MetroTouch .reAjaxSpellButton:focus, div.RadEditor_MetroTouch .reAjaxSpellButton:active
{
    background-color: #FECE1A;
    border-color: #FECE1A;
}

    div.RadEditor_MetroTouch .reDOMElement, div.RadEditor_MetroTouch .reCustomColor, div.RadEditor_MetroTouch .reTool::before, div.RadEditor_MetroTouch .reTool:hover::before, div.RadEditor_MetroTouch .reTool:active::before, div.RadEditor_MetroTouch .reTool:focus::before, div.RadEditor_MetroTouch .reToolSelected::before, div.RadEditor_MetroTouch .reTool:hover .reSplitArrow:hover::before, div.RadEditor_MetroTouch .reTool:hover .reSplitArrow:active::before, div.RadEditor_MetroTouch .reTool:hover .reSplitArrow:focus::before, div.RadEditor_MetroTouch .reToolText, div.RadEditor_MetroTouch .reDropdown, div.RadEditor_MetroTouch .reDropdown::before, div.RadEditor_MetroTouch .reDropdown:hover, div.RadEditor_MetroTouch .reDropdown:hover::before, div.RadEditor_MetroTouch .reDropdown:active, div.RadEditor_MetroTouch .reDropdown:active::before, div.RadEditor_MetroTouch .reDropdown:focus, div.RadEditor_MetroTouch .reDropdown:focus::before, div.RadEditor_MetroTouch .reSplitArrow::before, div.RadEditor_MetroTouch .reModes a, div.RadEditor_MetroTouch .reModes a .reIcon::before, div.RadEditor_MetroTouch .reModes a:hover, div.RadEditor_MetroTouch .reModes a:hover .reIcon::before, div.RadEditor_MetroTouch .reModes a:active, div.RadEditor_MetroTouch .reModes a:focus, div.RadEditor_MetroTouch .reModes a:active .reIcon::before, div.RadEditor_MetroTouch .reModes a:focus .reIcon::before, div.RadEditor_MetroTouch .reModes .reSelectedMode, div.RadEditor_MetroTouch .reModes .reSelectedMode .reIcon::before, div.RadEditor_MetroTouch .reCustomLinks a, div.RadEditor_MetroTouch .reSpinBoxButtons span::before
    {
        color: #000;
    }

        div.RadEditor_MetroTouch .reTool:hover, div.RadEditor_MetroTouch .reToolText:hover, div.RadEditor_MetroTouch .reModes a:hover, div.RadEditor_MetroTouch .reDropdown:hover, div.RadEditor_MetroTouch .reSpinBoxButtons span:hover, div.RadEditor_MetroTouch.reInsertTable .reTool:hover::before, div.RadEditor_MetroTouch.reAlignmentSelector td div:hover::before, div.RadEditor_MetroTouch .rePopupButton:hover, div.RadEditor_MetroTouch .reCommentButton:hover, div.RadEditor_MetroTouch .reAjaxSpellButton:hover
        {
            background-color: #FECE1A;
            border-color: #FECE1A;
        }

div.RadEditor_MetroTouch.stage-com-editor .reDropdown.reFontSize {
    min-width: 80px
}
div.RadEditor_MetroTouch.stage-com-editor .reDropdown.reFontName {
    min-width: 120px;
}

/**************************************************
                   WINDOW
**************************************************/
div.RadWindow_MetroTouch.RadWindow.rwRoundedCorner
{
    z-index: 100003 !important;
}

div.RadWindow_MetroTouch .rwDialogButtons input:hover
{
    background-color: #FECE1A;
    border-color: #FECE1A;
    color: #000;
}

div.RadWindow_MetroTouch .rwPromptInput:hover
{
    border-color: #FECE1A;
}

div.RadWindow_MetroTouch .rwPromptInput
{
    height: 36px;
}

div.RadWindow_MetroTouch .rwDialogButtons input, div.RadWindow_MetroTouch .rwDialogButtons input
{
    background-color: #25a0da;
    border-color: #25a0da;
    color: #fff;
    min-width: 90px;
}
/*div.RadWindow div.rwExternalContent, div.RadWindow div.rwExternalContent > div {
    overflow: auto;
}*/
div.RadWindow .rwIframeWrapperIOS
{
    overflow: hidden;
}
div.RadToolBar_MetroTouch {background-color: #111111;}
div.rwStatusBar { display: none !important;}
/**************************************************
            Ajax Loading Panel
**************************************************/
div.RadAjax_MetroTouch .raColor
{
    background-color: #fff;
}

div.RadAjax .raColor, div.RadAjax_MetroTouch .raColor
{
    z-index: 110003 !important;
}

div.RadAjax .raDiv, div.RadAjax_MetroTouch .raDiv
{
    z-index: 110004 !important;
}
/*so as not to overlap footer*/
.fixed-layout div.RadAjax .raColor, .fixed-layout div.RadAjax_MetroTouch .raColor {
    z-index: 5998 !important;
}

.fixed-layout div.RadAjax .raDiv, .fixed-layout div.RadAjax_MetroTouch .raDiv {
    z-index: 5998 !important;
}
/**************************************************
                  BlackMetro COMBO
**************************************************/
div.RadComboBox_BlackMetroTouch
{
    font-family: "Roboto Condensed", "Segoe UI",Arial,Helvetica,sans-serif;
}

    div.RadComboBox_BlackMetroTouch .rcbReadOnly.rcbHovered, div.RadComboBox_BlackMetroTouch .rcbReadOnly.rcbHovered .rcbActionButton,
    div.RadComboBoxDropDown .rcbHovered
    {
        border-color: #FECE1A;
        color: #000;
        background-color: #FECE1A;
    }

    div.RadComboBox_BlackMetroTouch .rcbReadOnly.rcbFocused, div.RadComboBox_BlackMetroTouch .rcbReadOnly.rcbFocused .rcbActionButton
    {
        border-color: #FEC701;
        color: #000;
        background-color: #FEC701;
    }
/**************************************************
                  Panel Bar
**************************************************/
div.RadPanelBar_MetroTouch
{
    font-family: "Roboto Condensed", "Segoe UI",Arial,Helvetica,sans-serif;
}

    div.RadPanelBar_MetroTouch .rpRootLink .rpText
    {
        font-size: 1em;
    }

    div.RadPanelBar_MetroTouch .rpRootLink.rpSelected
    {
        color: #000;
        background-color: #FEC701;
    }

    div.RadPanelBar_MetroTouch .rpGroup .rpLink.rpSelected
    {
        color: #000;
        border-color: #FEC701;
        background-color: #FEC701;
    }
/**************************************************
                  Calendar
**************************************************/
div.RadPicker_MetroTouch .rcCalPopup:hover, div.RadPicker_MetroTouch .rcCalPopup:focus, div.RadPicker_MetroTouch .rcCalPopup:active, div.RadPicker_MetroTouch .rcTimePopup:hover, div.RadPicker_MetroTouch .rcTimePopup:focus, div.RadPicker_MetroTouch .rcTimePopup:active
{
    background-color: #FEC701;
}

    div.RadPicker_MetroTouch .rcCalPopup:hover::before, div.RadPicker_MetroTouch .rcCalPopup:focus::before, div.RadPicker_MetroTouch .rcCalPopup:active::before, div.RadPicker_MetroTouch .rcTimePopup:hover::before, div.RadPicker_MetroTouch .rcTimePopup:focus::before, div.RadPicker_MetroTouch .rcTimePopup:active::before
    {
        color: #000;
    }

div.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a
{
    border-color: #FEC701;
    background: #FEC701;
    color: #000;
}

/**************************************************
                  Window
**************************************************/
div.RadFileExplorer_MetroTouch .RadToolBar .rtbText
{
    background-image: url('FileExplorerToolbarSprites.png');
    background-repeat: no-repeat;
}

div.RadToolBar_MetroTouch .rtbPressed .rtbButton, div.RadToolBar_MetroTouch .rtbChecked .rtbButton, div.RadToolBar_MetroTouch .rtbExpanded .rtbButton
{
    color: #000;
    border-color: #FEC701;
    background-color: #FEC701;
}
/*div.RadWindow_MetroTouch .rwTitleWrapper .rwTitle { color: #000}
div.RadWindow_MetroTouch .rwTitleBar {
    background-color: #FEC701;
}*/
/*div.RadWindow_MetroTouch span.rwIcon
{
    background-image: url('rwIcon.png');
}*/
/**************************************************
                  Responsive RadGrid
**************************************************/
@media only screen and (max-width: 767px)
{ /*1024px*/
    div.RadGrid.responsive-table, .responsive-table
    {
        border: none;
        table-layout: auto;
    }

        div.RadGrid.responsive-table .rgMasterTable, .responsive-table
        {
            font-size: 1em;
        }

            .RadGrid.responsive-table thead, .responsive-table thead
            {
                display: none;
            }

            div.RadGrid.responsive-table .rgRow,
            div.RadGrid.responsive-table .rgAltRow,
            .responsive-table tr
            {
                display: block;
                margin-bottom: 20px;
                border: 2px solid #cdcdcd;
                background: #fff;
            }

                div.RadGrid.responsive-table .rgRow > td,
                div.RadGrid.responsive-table .rgAltRow > td,
                .responsive-table tr > td
                {
                    display: block;
                    border-top: 1px solid #cdcdcd;
                    text-align: right;
                    padding: .25em .4375em;
                }

                    div.RadGrid.responsive-table .rgRow > td:before,
                    div.RadGrid.responsive-table .rgAltRow > td:before,
                    .responsive-table tr > td:before
                    {
                        font-size: 1em;
                        color: #000;
                    }

                    div.RadGrid.responsive-table .rgRow > td:first-child,
                    div.RadGrid.responsive-table .rgAltRow > td:first-child,
                    .responsive-table tr > td:first-child
                    {
                        border: 0 none;
                    }

                    div.RadGrid.responsive-table .rgRow > td:nth-child(2n+1),
                    div.RadGrid.responsive-table .rgAltRow > td:nth-child(2n+1),
                    .responsive-table tr > td:nth-child(2n+1)
                    {
                        background: whitesmoke;
                    }

                .RadGrid.responsive-table .rgRow td:before,
                .RadGrid.responsive-table .rgAltRow td:before,
                .responsive-table tr td:before
                {
                    content: attr(data-th);
                    float: left;
                }
}

div.RadGrid.responsive-table .rgDataDiv.RadTouchExtender
{
    height: auto !important;
}

@media only screen and (max-width: 768px)
{
    div.RadGrid.responsive-table, .responsive-table
    {
        font-size: 16px;
    }

    div.RadGrid_MetroTouch.responsive-table,
    div.RadGrid_MetroTouch.responsive-table .rgMasterTable,
    div.RadGrid_MetroTouch.responsive-table .rgDetailTable,
    div.RadGrid_MetroTouch.responsive-table .rgGroupPanel table,
    div.RadGrid_MetroTouch.responsive-table .rgCommandRow table,
    div.RadGrid_MetroTouch.responsive-table .rgEditForm table
    {
        font: 400 15px/34px "Roboto Condensed","Segoe UI",Arial,Helvetica,sans-serif;
    }
}

@media only screen and (max-width: 375px)
{
    div.RadGrid.responsive-table, .responsive-table
    {
        font-size: 14px;
    }
}

/**************************************************
     Firefox decorated checkbox fix
**************************************************/
.rfdCheckboxUnchecked .rfdToggleImage, .rfdCheckboxChecked .rfdToggleImage,
.rfdRadioChecked .rfdToggleImage, .rfdRadioUnchecked .rfdToggleImage {
  display: none !important;
}