/* RadGrid*/
/* .TRadGridControl {} */

div.TRadGridControlGrid {
    width: auto !important;
    height: auto !important;
    font-size: 13px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

    div.TRadGridControlGrid th.rgHeader {
        padding: 5px 5px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    div.TRadGridControlGrid tr.rgGroupHeader {
        height: 25px;
    }

    div.TRadGridControlGrid tr.rgRow {
        height: 25px;
        vertical-align: middle;
    }

        div.TRadGridControlGrid tr.rgRow td {
            padding: 2px 5px 0 5px;
        }

    div.TRadGridControlGrid tr.rgAltRow {
        height: 25px;
        vertical-align: middle;
    }

        div.TRadGridControlGrid tr.rgAltRow td {
            padding: 2px 5px 0 5px;
        }

    /* div.TRadGridControlGrid td.ColumnLinkStyle {} */

    div.TRadGridControlGrid td.ColumnLinkStyle a {
        color: #3a5f7a;
    }

    div.TRadGridControlGrid tr.rgSelectedRow td.ColumnLinkStyle a {
        color: #F5F9FC;
    }

    div.TRadGridControlGrid td.ColumnImageStyle {
        width: 32px;
        text-align: center;
        vertical-align: middle;
    }

    div.TRadGridControlGrid td.ColumnSelectStyle {
        width: 32px;
        text-align: center;
    }

    div.TRadGridControlGrid td.ColumnButtonStyle {
        width: 32px;
        text-align: center;
    }

    div.TRadGridControlGrid td.ColumnRightStyle {
        text-align: right;
    }

    div.TRadGridControlGrid td.ColumnCenterStyle {
        text-align: center;
    }

    div.TRadGridControlGrid td.ColumnDateTimeStyle {
        text-align: center;
    }

    div.TRadGridControlGrid td.ColumnCheckBoxStyle {
        text-align: center;
    }

/*
    div.TRadGridControlGrid input[type="image"],
    div.TRadGridControlGrid input[type="radio"],
    div.TRadGridControlGrid input[type="range"],
    div.TRadGridControlGrid input[type="submit"],
    div.TRadGridControlGrid td input[type="checkbox"] {} */

/* RadSplitter */
.RadSplitterVertical {
    height: auto !important;
}

    .RadSplitterVertical .RadSplitterVertical_PanelMap,
    .RadSplitterVertical .RadSplitterVertical_PanelGrid,
    .RadSplitterVertical .RadSplitterVertical_PanelDevices {
        height: auto !important;
        overflow-y: hidden !important;
    }

    .RadSplitterVertical .RadSplitterVertical_PanelCommands {
        height: auto !important;
        overflow-x: hidden !important;
    }

/* RadButton */
.RadButton.rbButton.RadButtonPage, .RadButton.rbButton.RadButtonPage:hover,
.RadButton.rbToggled.rbButton.RadButtonPage, .RadButton.rbToggled.rbButton.RadButtonPage:hover,
.RadButton.rbPrimaryButton.rbButton.RadButtonPage, .RadButton.rbPrimaryButton.rbButton.RadButtonPage:hover {
    width: 200px;
    height: 50px;
    text-align: left;
    vertical-align: middle;
    border-left: none;
    border-bottom: none;
    border-right: 2px solid #FFF;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0;
    /* Firefox 1-3.6 */
    -moz-border-radius: 0;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0;
}

.RadButton.rbButton.RadButtonPage {
    border-top: none;
    background-color: #92AEC3;
}

    .RadButton.rbButton.RadButtonPage:hover {
        border-top: none;
        background-color: #467395;
    }

        .RadButton.rbButton.RadButtonPage .rbIcon, .RadButton.rbButton.RadButtonPage:hover .rbIcon,
        .RadButton.rbToggled.rbButton.RadButtonPage .rbIcon, .RadButton.rbToggled.rbButton.RadButtonPage:hover .rbIcon,
        .RadButton.rbPrimaryButton.rbButton.RadButtonPage .rbIcon, .RadButton.rbPrimaryButton.rbButton.RadButtonPage:hover .rbIcon {
            width: 24px;
            height: 24px;
            margin: 0 0 0 10px !important;
        }

        .RadButton.rbButton.RadButtonPage:hover .rbIcon {
            filter: invert(85%);
            -moz-filter: invert(85%);
            -webkit-filter: invert(85%);
        }

        .RadButton.rbButton.RadButtonPage .rbText, .RadButton.rbButton.RadButtonPage:hover .rbText,
        .RadButton.rbToggled.rbButton.RadButtonPage .rbText, .RadButton.rbToggled.rbButton.RadButtonPage:hover .rbText,
        .RadButton.rbPrimaryButton.rbButton.RadButtonPage .rbText, .RadButton.rbPrimaryButton.rbButton.RadButtonPage:hover .rbText {
            color: #000;
            font-weight: bold;
            margin: 2px 0 0 15px !important;
            font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
        }

        .RadButton.rbButton.RadButtonPage:hover .rbText {
            filter: invert(85%);
            -moz-filter: invert(85%);
            -webkit-filter: invert(85%);
        }

.RadButton.rbToggled.rbButton.RadButtonPage, .RadButton.rbToggled.rbButton.RadButtonPage:hover,
.RadButton.rbPrimaryButton.rbButton.RadButtonPage, .RadButton.rbPrimaryButton.rbButton.RadButtonPage:hover {
    background-color: #FFF;
    border-top: 3px solid #92AEC3;
}

    .RadButton.rbToggled.rbButton.RadButtonPage:hover .rbIcon,
    .RadButton.rbPrimaryButton.rbButton.RadButtonPage:hover .rbIcon {
        filter: invert(15%);
        -moz-filter: invert(15%);
        -webkit-filter: invert(15%);
    }

    .RadButton.rbToggled.rbButton.RadButtonPage:hover .rbText,
    .RadButton.rbPrimaryButton.rbButton.RadButtonPage:hover .rbText {
        filter: invert(15%);
        -moz-filter: invert(15%);
        -webkit-filter: invert(15%);
    }

/* RadTabStrib */
/* .RadTabStribSwitcher {} */

.RadTabStribSwitcher .rtsLevel1 {
    border: none !important;
}

.RadTabStribSwitcher .tab {
    color: #000;
    width: 200px;
    height: 50px;
    background-color: #92AEC3;
    border-right: 2px solid #FFF;
}

    .RadTabStribSwitcher .tab.selectedTab {
        background-color: #FFF;
        border-top: 2px solid #92AEC3;
    }

    .RadTabStribSwitcher .tab.hoveredTab {
        background-color: #467395;
    }

        .RadTabStribSwitcher .tab.hoveredTab.selectedTab {
            background-color: #FFF;
        }

    .RadTabStribSwitcher .tab .rtsLink {
        border: none !important;
        padding: 13px 0 0 20px;
    }

    .RadTabStribSwitcher .tab.selectedTab .rtsLink {
        filter: invert(15%);
        -moz-filter: invert(15%);
        -webkit-filter: invert(15%);
    }

    .RadTabStribSwitcher .tab.hoveredTab .rtsLink {
        filter: invert(85%);
        -moz-filter: invert(85%);
        -webkit-filter: invert(85%);
    }

    .RadTabStribSwitcher .tab.hoveredTab.selectedTab .rtsLink {
        filter: invert(15%);
        -moz-filter: invert(15%);
        -webkit-filter: invert(15%);
    }

    .RadTabStribSwitcher .tab .rtsTxt {
        height: 24px;
        font-weight: bold;
        padding: 2px 0 0 35px;
        font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
    }

    .RadTabStribSwitcher .tab.viewTab .rtsTxt {
        background: url("Default/Menu/View24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.simTab .rtsTxt {
        background: url("Default/Menu/Sim24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.ewmTab .rtsTxt {
        background: url("Default/Menu/CSEN324.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.AWSNTab .rtsTxt {
        background: url("Default/Menu/AWSN24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.rangeTab .rtsTxt {
        background: url("Default/Menu/Range24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.agendaTab .rtsTxt {
        background: url("Default/Menu/Agenda24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.userTab .rtsTxt {
        background: url("Default/Menu/User24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.chartTab .rtsTxt {
        background: url("Default/Menu/Chart24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.cloudTab .rtsTxt {
        background: url("Default/Menu/Cloud24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.valueTab .rtsTxt {
        background: url("Default/Menu/Value24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.attachTab .rtsTxt {
        background: url("Default/Menu/Attach24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.usersTab .rtsTxt {
        background: url("Default/Menu/Users24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.infoTab .rtsTxt {
        background: url("Default/Menu/Info24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.smsinTab .rtsTxt {
        background: url("Default/Menu/SMSIn24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.smsoutTab .rtsTxt {
        background: url("Default/Menu/SMSOut24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.sensorTab .rtsTxt {
        background: url("Default/Menu/Sensor24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.deviceTab .rtsTxt {
        background: url("Default/Menu/Device24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.devicegroupTab .rtsTxt {
        background: url("Default/Menu/DeviceGroup24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.addressTab .rtsTxt {
        background: url("Default/Menu/Home24.png") no-repeat;
    }

    .RadTabStribSwitcher .tab.smsdeliveryTab .rtsTxt {
        background: url("Default/Menu/SMSDelivery24.png") no-repeat;
    }

.RadTabStripDefault .tab.notifyTab .rtsTxt {
    background: url("Default/Menu/Notify24.png") no-repeat;
}

.RadTabStripDefault .tab.mobileIOSTab .rtsTxt {
    background: url("Default/Menu/MobileIOS24.png") no-repeat;
}

.RadTabStripDefault .tab.mobileTabletTab .rtsTxt {
    background: url("Default/Menu/MobileTablet24.png") no-repeat;
}

.RadTabStripDefault .tab.mobileAndroidTab .rtsTxt {
    background: url("Default/Menu/MobileAndroid24.png") no-repeat;
}

.RadTabStribSwitcher .tab.groupTab .rtsTxt {
    background: url("Default/Menu/Group24.png") no-repeat;
}

.RadTabStribSwitcher .tab.intervalTab .rtsTxt {
    background: url("Default/Menu/Interval24.png") no-repeat;
}

.RadTabStribSwitcher .tab.settingsTab .rtsTxt {
    background: url("Default/Menu/Settings24.png") no-repeat;
}

.RadTabStribSwitcher .tab.databaseTab .rtsTxt {
    background: url("Default/Menu/Database24.png") no-repeat;
}

.RadTabStribSwitcher .tab.permissionTab .rtsTxt {
    background: url("Default/Menu/Permission24.png") no-repeat;
}

.RadMultiPageSwitcher .rmpView {
    padding: 10px 0 0 0;
}

/* RadTileList */
.RadTileList .rtileWide,
.RadTileList .rtileSquare {
    background: #F5F5F5;
}

    .RadTileList .rtileSquare .Custom,
    .RadTileList .rtileSquare .Custom0,
    .RadTileList .rtileSquare .Custom1,
    .RadTileList .rtileSquare .Custom2,
    .RadTileList .rtileSquare .Custom3 {
        color: #111;
        width: 150px;
        height: 150px;
        display: block;
        cursor: pointer;
    }

    .RadTileList .rtileSquare .Custom0 {
        background: #C5E1A5;
    }

    .RadTileList .rtileSquare .Custom1 {
        background: #FFECB3;
    }

    .RadTileList .rtileSquare .Custom2,
    .RadTileList .rtileSquare .Custom3 {
        background: #FFCDD2;
    }

    .RadTileList .rtileSquare .CustomTitle {
        width: 150px;
        display: block;
        cursor: pointer;
        font-size: 12px;
        text-align: center;
        padding: 15px 0 0 0;
    }

    .RadTileList .rtileSquare .CustomIcon {
        top: 50px;
        left: 0px;
        width: 150px;
        height: 48px;
        display: block;
        cursor: pointer;
        position: absolute;
        text-align: center;
    }

    .RadTileList .rtileSquare .CustomImage {
        top: 115px;
        left: 15px;
        width: 16px;
        height: 16px;
        display: block;
        cursor: pointer;
        position: absolute;
    }

    .RadTileList .rtileSquare .CustomBadge {
        top: 110px;
        left: 0px;
        width: 135px;
        display: block;
        cursor: pointer;
        font-size: 16px;
        text-align: right;
        font-weight: bold;
        position: absolute;
    }

    .RadTileList .rtileWide .Custom,
    .RadTileList .rtileWide .Custom0,
    .RadTileList .rtileWide .Custom1,
    .RadTileList .rtileWide .Custom2,
    .RadTileList .rtileWide .Custom3 {
        color: #111;
        width: 310px;
        height: 150px;
        display: block;
        cursor: pointer;
    }

    .RadTileList .rtileWide .Custom0 {
        background: #C5E1A5;
    }

    .RadTileList .rtileWide .Custom1 {
        background: #FFECB3;
    }

    .RadTileList .rtileWide .Custom2,
    .RadTileList .rtileWide .Custom3 {
        background: #FFCDD2;
    }

    .RadTileList .rtileWide .CustomTitle {
        width: 275px;
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding: 15px 0 0 35px;
    }

    .RadTileList .rtileWide .CustomImage {
        top: 15px;
        left: 10px;
        width: 16px;
        height: 16px;
        display: block;
        cursor: pointer;
        position: absolute;
    }

    .RadTileList .rtileWide .CustomDate {
        top: 110px;
        left: 35px;
        width: 120px;
        display: block;
        cursor: pointer;
        font-size: 14px;
        position: absolute;
    }

    .RadTileList .rtileWide .CustomTime {
        top: 110px;
        right: 20px;
        width: 120px;
        display: block;
        cursor: pointer;
        font-size: 14px;
        text-align: right;
        position: absolute;
    }

    .RadTileList .rtileWide .CustomBadge {
        top: 46px;
        left: 35px;
        width: 255px;
        display: block;
        cursor: pointer;
        font-size: 12px;
        position: absolute;
        text-align: justify;
    }

/* RadPanelBar */
/* https://www.telerik.com/forums/radpanelbar-collapses-after-postback-of-controls-inside-a-radpanelitem */
div.RadPanelBar {
    width: auto;
    display: inline-block;
    white-space: nowrap !important;
}

* + html .RadPanelBar {
    display: inline;
}

div.RadPanelBar .rpSlide {
    height: 0;
    display: block !important;
}

div.RadPanelBar .rpExpanded + .rpSlide {
    height: auto;
}

.RadPanelBarCommands {
    font-size: 14px !important;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

    .RadPanelBarCommands .RadPanelBarHeader {
        height: 18px;
        font-weight: bold;
        font-size: 12px !important;
    }

    .RadPanelBarCommands .RadPanelBarContent {
        padding: 5px 0 5px 10px;
        font-size: 14px !important;
    }

/* RadTreeView */
div.RadTreeView {
    line-height: 16px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

    div.RadTreeView .rtSp {
        height: 14px;
    }

    div.RadTreeView .rtIn,
    div.RadTreeView .rtHover .rtIn,
    div.RadTreeView .rtSelected .rtIn {
        padding: 0px 10px;
    }

    div.RadTreeView .rtLast {
        padding-bottom: 20px;
    }

/* RadMenu Left */
/* .RadMenuLeft {} */

.RadMenuLeft .rmRootGroup {
    border: none !important;
}

.RadMenuLeft .rmItem {
    width: 100%;
    height: 44px;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
}

.RadMenuLeft .rmSelected {
    background-color: #fff !important;
}

.RadMenuLeft .rmSeparator {
    margin: 5px 10px 0 10px !important;
    border-top: #2d4a5f solid 1px !important;
}

.RadMenuLeft .rmLink {
    height: 32px !important;
}

.RadMenuLeft .rmLeftImage {
    padding: 2px;
}

.RadMenuLeft .rmText {
    color: #ccc;
    margin: 7px 0 0 5px;
    font-size: 14px !important;
    font-weight: bold;
}

.RadMenuLeft .rmLink:hover .rmText {
    color: #fff;
}

.RadMenuLeft .rmSelected .rmText {
    color: #333;
}

.RadMenuLeft .rmSelected .rmLink:hover .rmText {
    color: #bbb;
}

/* RadMenu Top */
.RadMenuTop {
    margin: 5px 15px 0 0;
}

    .RadMenuTop .rmRootGroup {
        text-align: right;
        border: none !important;
    }

    .RadMenuTop .rmItem {
        height: 45px;
        margin: 10px 0 0 0;
        padding: 5px 5px 0 5px;
        border: none !important;
    }

    .RadMenuTop .rmSelected {
        background-color: #FFF !important;
    }

    .RadMenuTop .rmLink {
        height: 30px !important;
    }

    .RadMenuTop .rmText {
        color: #222;
        margin: 8px 0 0 5px;
        font-size: 13px !important;
        font-weight: bold;
    }

    .RadMenuTop .rmLeftImage {
        filter: invert(15%);
        -moz-filter: invert(15%);
        -webkit-filter: invert(15%);
    }

    .RadMenuTop .rmLink:hover .rmText {
        color: #ddd;
    }

    .RadMenuTop .rmLink:hover .rmLeftImage {
        filter: invert(85%);
        -moz-filter: invert(85%);
        -webkit-filter: invert(85%);
    }

    .RadMenuTop .rmSelected .rmText {
        color: #333;
    }

    .RadMenuTop .rmSelected .rmLeftImage {
        filter: invert(15%);
        -moz-filter: invert(15%);
        -webkit-filter: invert(15%);
    }

    .RadMenuTop .rmSelected .rmLink:hover .rmText {
        color: #666;
    }

    .RadMenuTop .rmSelected .rmLink:hover .rmLeftImage {
        filter: invert(45%);
        -moz-filter: invert(45%);
        -webkit-filter: invert(45%);
    }

/* RadMenu Commons */
.RadMenuLime .rmLeftImage {
    background-color: #A4C400;
}

.RadMenuGreen .rmLeftImage {
    background-color: #60A917;
}

.RadMenuEmerald .rmLeftImage {
    background-color: #008A00;
}

.RadMenuTeal .rmLeftImage {
    background-color: #00ABA9;
}

.RadMenuCyan .rmLeftImage {
    background-color: #1BA1E2;
}

.RadMenuCobalt .rmLeftImage {
    background-color: #0050EF;
}

.RadMenuIndigo .rmLeftImage {
    background-color: #6A00FF;
}

.RadMenuViolet .rmLeftImage {
    background-color: #AA00FF;
}

.RadMenuPink .rmLeftImage {
    background-color: #F472D0;
}

.RadMenuMagenta .rmLeftImage {
    background-color: #D80073;
}

.RadMenuCrimson .rmLeftImage {
    background-color: #A20025;
}

.RadMenuRed .rmLeftImage {
    background-color: #E51400;
}

.RadMenuOrange .rmLeftImage {
    background-color: #FA6800;
}

.RadMenuAmber .rmLeftImage {
    background-color: #F0A30A;
}

.RadMenuYellow .rmLeftImage {
    background-color: #E3C800;
}

.RadMenuBrown .rmLeftImage {
    background-color: #825A2C;
}

.RadMenuOlive .rmLeftImage {
    background-color: #6D8764;
}

.RadMenuSteel .rmLeftImage {
    background-color: #647687;
}

.RadMenuMauve .rmLeftImage {
    background-color: #76608A;
}

.RadMenuTaupe .rmLeftImage {
    background-color: #87794E;
}

/* RadListBox */
.RadListBoxPanelBar {
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 0 0 -5px;
}

    .RadListBoxPanelBar .rlbItem {
        text-align: left;
        line-height: 25px;
        white-space: normal;
        padding: 0 0 0 5px !important;
    }

.RadListBoxOneColumn {
    top: 0;
    left: 0;
    width: 100%;
}

    .RadListBoxOneColumn .rlbItem {
        text-align: justify;
        white-space: normal;
    }

.RadListBoxMultiColumn {
    top: 0;
    left: 0;
    width: 100%;
}

    .RadListBoxMultiColumn ul {
        width: 100%;
    }

    .RadListBoxMultiColumn li {
        width: 25%;
        float: left;
    }

/* RadDropDownList */
.rddlItemImg {
    margin: 0 10px 2px 0;
    vertical-align: middle;
}

.rddlItemSeparator {
    font-weight: bold;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}