﻿/** Menu **/

.RadNavigation div.rnvRootGroupWrapper,
.RadNavigation span.rnvMore { background-color: transparent !important; border: none !important; }

.RadNavigation li.rnvItem,
.RadNavigation li.rnvHovered,
.RadNavigation li.rnvSelected,
.RadNavigation li.rnvFocused { border: none !important; cursor: pointer; }

.radPopup li.rnvSelected > .rnvLink { background-color: #78496a !important; }

.RadNavigation .rnvRootLink,
.RadNavigation .rnvLink,
.RadNavigation span.rnvRight,
.RadNavigation span.rnvMore,
.RadNavigation span.rnvRootLink,
.RadNavigation span.rnvLink { padding: 40px !important; padding-left: 30px !important; padding-right: 30px !important; border: none !important; height: 22px !important; }

.radPopup .rnvRootLink,
.radPopup .rnvLink,
.radPopup span.rnvRight,
.radPopup span.rnvMore,
.radPopup span.rnvRootLink,
.radPopup span.rnvLink { padding: 20px !important; border: none !important; cursor: pointer; }

html .RadNavigation_Bootstrap .rnvFocused.rnvMore,
html .RadNavigation_Bootstrap .rnvFocused > .rnvRootLink { box-shadow: none !important; }

html .radSkin_Bootstrap .rnvPopup .rnvFocused > .rnvLink { box-shadow: none; }

/** Menu **/

.RadMenu .rmRootGroup { margin: 0 !important; background-color: transparent !important; border: 0px !important; padding: 0px !important; outline: none !important; }
.RadMenu .rmItem .rmLink { font-size: 1.5em !important; text-transform: none !important; color: #111111; height: 60px !important; padding: 0px; padding-top: 40px !important; padding-bottom: 0px !important; border: 0px !important; outline: none !important; }
.RadMenu:focus { outline: none !important; }

.RadMenu .rmItem { margin-right: 60px; }
.RadMenu .rmLast { margin-right: 0px !important; }

.RadMenu a.rmLink:hover,
.RadMenu a.rmFocused,
.RadMenu a.rmSelected { border: 0px !important; cursor: pointer; color: #9DAB57 !important; outline: none !important; }
.RadMenu .rmSlide ul { padding: 0px !important; }

.RadMenu .rmLevel1 .rmItem .rmLink { background-color: transparent !important; height: 40px !important; padding: 10px; padding-top: 20px !important; padding-bottom: 0px !important; border: 0px !important; }
.RadMenu .rmLevel1 a.rmLink:hover,
.RadMenu .rmLevel1 a.rmFocused,
.RadMenu .rmLevel1 a.rmSelected { border: 0px !important; cursor: pointer; color: #9DAB57 !important; outline: none !important; }

.RadSubMenu .rmItem .rmLink { color: #008752 !important; font-size: 1.5em !important; text-transform: none !important; height: 40px !important; padding: 20px; padding-top: 20px !important; padding-bottom: 0px !important; border: 0px !important; }
.RadSubMenu a.rmLink:hover,
.RadSubMenu a.rmFocused,
.RadSubMenu a.rmSelected { border: 0px !important; cursor: pointer; color: #9DAB57 !important; outline: none !important; }


/** Breadcrumbs **/

.Breadcrumbs { list-style: none; list-style-type: none; padding: 0 !important; margin: 0; color: #507849 !important; font-size: 1em !important; margin-left: -5px !important; text-transform: none !important; }
    .Breadcrumbs .separator { padding: 0 4px 0 0px; }
    .Breadcrumbs li { float: left; font-size: 1em !important; }
        .Breadcrumbs li a { text-decoration: none !important; color: #507849 !important; }
            .Breadcrumbs li a:hover { text-decoration: underline !important; background: none !important; }
        .Breadcrumbs li.rsmDisabled a:hover { text-decoration: none !important; }

/** Grid **/

.rgNoRecords td { padding: 16px !important; padding-bottom: 17px !important; color: #888888; font-weight: bold; font-style: normal !important; letter-spacing: 0.2em !important; }

.NotCompleted .rgNoRecords td { color: #EE6D22; }

.rgHoveredRow { cursor: pointer !important; }

.NoCursorPointer .rgHoveredRow { cursor: default !important; }

.rgSelectedRow { background-color: #cce3f4 !important; border: none !important; color: #111111 !important; }

div.RadGrid { border: solid 5px #DDDDDD !important; border-radius: 0px; overflow: hidden; }

.rgHeader { padding: 10px !important; border-color: #AAAAAA !important; border-left: none !important; border-right: none !important; }

.rgRow, .rgRow td { padding: 10px !important; padding-top: 14px !important; padding-bottom: 14px !important; border-color: transparent !important; vertical-align: top; }

.rgAltRow, .rgAltRow td { padding: 10px !important; padding-top: 14px !important; padding-bottom: 14px !important; border-color: transparent !important; vertical-align: top; }

td.rgPagerCell { padding-top: 10px !important; padding-bottom: 10px !important; }

/** TabStrip **/

.RadTabStrip_Metro div { margin-bottom: 20px !important; }
.RadTabStrip_Metro .rtsLink { padding: 10px !important; padding-left: 30px !important; padding-right: 30px !important; text-transform: none !important; margin-right: 5px !important; }

/** Input **/

.riEmpty { font-style: normal !important; border-color: #CCCCCC !important; color: #999999 !important; min-height: 32px !important; }

.riTextBox { border-color: #CCCCCC !important; background-color: #FFFFFF !important; border-width: 1px !important; min-height: 35px !important; padding-bottom: 3px !important; }

#PasswordReset .riContentWrapper { width: 100% !important; }

/** ComboBox **/

.RadComboBox_Metro table { margin-bottom: 1px; }
.RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInput { color: #111111 !important; }

.rcbInputCell,
.rcbInput,
.rcbFocused,
.rcbInputCellLeft,
.rcbArrowCell { border-color: #CCCCCC !important; min-height: 30px !important; background-color: #FFFFFF !important; }
.rcbEmptyMessage { color: #999999 !important; font-style: normal !important; }
.rcbFooter { color: #777777 !important; background-color: #ffffff !important; }
.rcbHovered { background-color: #cce3f4 !important; }

.Menu .rcbItem { margin: 0px !important; padding: 0px !important; }
div.RadComboBoxDropDown_Metro .rcbItem em,
div.RadComboBoxDropDown_Metro .rcbHovered em { background: Yellow; font-weight: normal; }
.rcbArrowCell { border-left: none !important; }

/** Auto Complete ComboBox **/

DIV.RadAutoCompleteBox_Metro .racInput { height: 31px !important; font-size: 1em !important; width: 100%; }
DIV.RadAutoCompleteBox_Metro .racTokenList { border-color: #CCCCCC !important; }
DIV.RadAutoCompleteBox_Metro .racEmptyMessage { color: #999999 !important; font-size: 1em !important; font-style: normal !important; }
DIV.RadAutoCompleteBox_Metro .racToken { height: 23px !important; font-size: 1.1em !important; padding-left: 7px !important; padding-right: 22px !important; padding-top: 6px !important; background-color: #cce3f4 !important; }
DIV.RadAutoCompleteBoxPopup_Metro .racItemHovered { background-color: #cce3f4 !important; }
DIV.RadAutoCompleteBoxPopup_Metro .racFooter { color: #777777 !important; background-color: #ffffff !important; }

/** Button **/

.RadButton .rbDecorated { height: 44px !important; border: 0px !important; color: #FFFFFF !important; font-size: 1.3em !important; padding-top: 2px; background-color: #9DAB57 !important; }
.RadButton.rbSkinnedButton { height: 50px !important; border: 0px !important; padding-right: 5px; background-color: #9DAB57 !important; }
span.RadButton_Metro.rbSkinnedButton:active,
span.RadButton_Metro.rbVerticalButton:active,
span.RadButton_Metro.rbSkinnedButton:active .rbDecorated,
span.RadButton_Metro.rbVerticalButton:active .rbDecorated,
span.RadButton_Metro.rbPressedButton.rbSkinnedButton,
span.RadButton_Metro.rbPressedButton .rbDecorated,
span.RadButton_Metro.rbSkinnedButton:focus .rbDecorated,
span.RadButton_Metro:hover .rbDecorated,
span.RadButton_Metro:hover.rbSkinnedButton { border: 0px !important; background-color: #849240 !important; }

/** Password Strength Indicator **/

.Base { display: inline-block; height: 27px; overflow: hidden; text-align: center; vertical-align: middle; width: 50%; color: #fff; background-color: #F5F5F5; font-size: 0.9em !important; padding-top: 6px; }
.L1 { background-color: #ff3933; }
.L2 { background-color: #ff6633; }
.L3 { background-color: #e99233; }
.L4 { background-color: #cccc33; }
.L5 { background-color: #33cc00; }

/** Notification **/

.RadNotification { padding: 0px !important; font-size: 0.9em !important; border: solid 5px #d6e03e !important; border-radius: 0px !important; -moz-border-radius: 0px !important; }
.rnTitleBar { border: solid 0px #d6e03e !important; background-color: #d6e03e !important; padding-top: 4px !important; padding-bottom: 8px !important; padding-right: 8px !important; }
.RadNotification,
.rnContentWrapper { padding: 0px !important; background-color: #FFFFFF !important; }

/** AjaxPanel **/

.MyAjaxLoadingPanel { background-position: center; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0; padding: 0; background-color: rgba(28,116,174,0.4) !important; z-index: 9999; background-repeat: no-repeat !important; background-attachment: fixed !important; cursor: progress !important; }

/** PanelBar **/

.RadPanelBar,
.rpRootGroup,
.rpLevel1 { border: none !important; margin: 0px !important; padding: 0px !important; }

.rpItem { border: none !important; }
.rpLink { color: #0079B0 !important; font-size: 1.3em; padding: 16px !important; padding-top: 12px !important; border: solid 1px #CCCCCC !important; background-color: #e9f5fb !important; }
.rpSelected { color: #FFFFFF !important; background-color: #25A0DA !important; }
.rpExpandHandle { padding-top: 5px !important; }
.rpHovered { background-color: #d6e8f1 !important; }
.RadPanelBar_Metro { color: #000000 !important; }

/** Tiles **/

.RadTile div:hover { cursor: pointer !important; }
.NoSelection div.rtileSelectedIcon { display: none; }
.RadTile.rtileSelected.NoSelection { border: 2px solid transparent; }
.RadTile .rtileBadge { margin-bottom: 2px; margin-right: 2px; }
.RadTileStatus .rtileBadge { border: solid 1px white !important; }
.rtileTitle { min-width: 130px !important; }

@media print {
    .RadTile * { display: none !important; }
}

/** ListBox **/
div.RadListBox div.rlbGroup { max-height: 400px !important; }
div.RadListBox li.rlbItem { border: none !important; padding: 10px; }
div.RadListBox li.rlbSelected { background-color: #cce3f4 !important; border: none !important; color: #111111 !important; }
div.RadListBox li.rlbHovered { background-color: #cce3f4 !important; border: none !important; color: #111111 !important; }
/*.rlbActive { background-color: #cce3f4 !important; border: none !important; color: #111111 !important; }*/
.rlbCheck { margin-right: 8px !important; }

/** Editor **/

.editorContainer { border: solid 1px #CCCCCC; margin-bottom: 0px; }
    .editorContainer ul { padding: 0; margin: 0px; padding-left: 14px; list-style-image: url(../Images/Icons/Bullet.png); }
    .editorContainer li { margin-bottom: 4px; }
.miniEditorContent ul { padding: 0; margin: 0px; padding-left: 14px; list-style-image: url(../Images/Icons/Bullet.png); }
.miniEditorContent li { margin-bottom: 4px; }
.RadEditor table { border-collapse: collapse !important; }
.RadEditor { padding: 0px !important; margin: 0px !important; border: none !important; }
    .RadEditor td.reLeftVerticalSide,
    .RadEditor td.reRightVerticalSide { padding: 0px !important; font-size: 0px !important; width: 20px !important; background-color: red !important; display: none; }
    .RadEditor td.reContentCell { border: 0px !important; border-top: solid 1px #CCCCCC !important; padding-top: 5px; padding-bottom: 5px; }
    .RadEditor .reEmptyMessage { margin-left: 5px; font-style: normal !important; color: #000000 !important; }
.reAjaxspell_button { color: #FFFFFF !important; padding: 10px; }
.reAjaxspell_wrapper label { padding-left: 5px; }

/** Scheduler **/

div.RadScheduler_Metro .rsMonthView .rsTodayCell { background-color: #cce3f4; color: #000; border: 1px solid #000; }
.RadScheduler .rsAptContent,
.RadScheduler .rsAptMid .rsAptIn,
.RadScheduler .rsAptMid,
.RadScheduler .rsAptOut { background-color: #FFFFE0; padding: 10px !important; }
.RadScheduler .rsAptContent { }

/** ToolTip **/
.RadToolTip { border: none !important; }
    .RadToolTip .rtContent { padding: 10px !important; font-size: 1.1em !important; box-shadow: 4px 4px 4px #CCCCCC !important; border: solid 2px #EE6D22 !important; border-radius: 5px !important; -moz-border-radius: 5px !important; z-index: 9998 !important; }

/** Social **/

.RadSocialShare.TransWrapper { margin: 0 !important; border: 0 !important; padding: 0 !important; background-color: transparent !important; }
.RadSocialShare a.sshLinkItem:hover:before { border: 1px solid #cccccc !important; background-color: #e5e5e5 !important; }
.sshListItem { margin-right: 5px; }