﻿.RadGrid_Silk {
    border: 0px solid #D8D8D8 !important;
    background-color: transparent;
}

    .RadGrid_Silk .rgDataDiv {
        height: auto !important;
    }

    .RadGrid_Silk, .RadGrid_Silk .rgMasterTable, .RadGrid_Silk .rgDetailTable, .RadGrid_Silk .rgGroupPanel table, .RadGrid_Silk .rgCommandRow table, .RadGrid_Silk .rgEditForm table, .RadGrid_Silk .rgPager table {
    }

        .RadGrid_Silk .rgHeader:first-child, .RadGrid_Silk th.rgResizeCol:first-child, .RadGrid_Silk .rgFilterRow > td:first-child, .RadGrid_Silk .rgRow > td:first-child, .RadGrid_Silk .rgAltRow > td:first-child {
        }

        .RadGrid_Silk tr:last-child td {
            border-bottom: solid 1px #D8D8D8;
        }

        .RadGrid_Silk .rgSave, .RadGrid_Silk .rgUpdate, .RadGrid_Silk .rgCancel, .RadGrid_Silk .rgEdit, .RadGrid_Silk .rgDel, .RadGrid_Silk .rgExpand, .RadGrid_Silk .rgCollapse, .RadGrid_Silk .rgAdd, .RadGrid_Silk .rgRefresh, .RadGrid_Silk .rgUngroup, .RadGrid_Silk .rgPagePrev, .RadGrid_Silk .rgPageNext, .RadGrid_Silk .rgPageFirst, .RadGrid_Silk .rgPageLast {
            background-image: url('Images/radActionsSprite.png');
            width: 30px;
            height: 30px;
        }

        .RadGrid_Silk .rgSortAsc, .RadGrid_Silk .rgSortDesc {
            background-image: url('Images/radActionsSprite.png');
            width: 30px;
            height: 20px;
        }

        .RadGrid_Silk .rgFilter {
            background-image: url(Images/radActionsSprite.png);
            width: 30px;
            height: 12px;
        }

.RadInput_Silk a:hover {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid_Silk .rgFilterActive, .RadGrid_Silk .rgFilterActive:hover, .RadGrid_Silk .rgFilterActive:focus {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid_Silk .rgFilter:hover, .RadGrid_Silk .rgFilter:focus {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid_Silk .rgPagerCell .rgPagerButton:hover, .RadGrid_Silk .rgPagerCell .rgActionButton:hover {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid_Silk .rgPagerCell .rgPagerButton, .RadGrid_Silk .rgPagerCell .rgActionButton {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
}

.RadGrid_Silk .rgPagerCell .rgNumPart a.rgCurrentPage {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid_Silk .rgPagerCell .rgNumPart a:hover {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadCalendar_Silk .rcMain .rcRow .rcSelected a {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
}

.RadCalendar_Silk .rcMain .rcRow .rcHover a {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadPicker_Silk.rcCalPopupOpen .rcCalPopup, .RadPicker_Silk.rcMYPopupOpen .rcCalPopup, .RadPicker_Silk.rcTimePopupOpen .rcTimePopup {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
}

.RadCalendar_Silk .t-button:hover {
    border-color: #cccccc !important;
    background-color: #cccccc !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid .rgPagerCell .rgNumPart a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.RadGrid_Silk th.rgHeader {
    color: #FFFFFF;
    font-size: 11px;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    line-height: 15px;
}

.RadGrid_Silk .rgHeader a {
    color: #FFFFFF !important;
}

    .RadGrid_Silk .rgHeader a:hover {
        color: #FFFFFF;
    }

.RadGrid_Silk .rgHeader, .RadGrid_Silk th.rgResizeCol {
    background-color: #265547;
    border-left: 1px solid #D8D8D8;
}

.RadGrid_Silk .rgHeader, .RadGrid_Silk th.rgResizeCol, .RadGrid_Silk .rgHeaderWrapper, .RadGrid_Silk .rgFilterRow {
    background-color: #265547 !important;
    border-bottom: 1px solid #fff !important;
}

.futures .RadGrid_Silk .rgHeader {
    background-color: #ffffff !important;
    border-bottom: 1px solid #fff !important;
}

.futures .RadGrid_Silk .futuresBorder {
    background-color: #265547 !important;
    border-right: 3px solid #93b0d3 !important;
    border-left: 3px solid #93b0d3 !important;
    border-top: 3px solid #93b0d3 !important;
    border-bottom: 3px solid #93b0d3 !important;
}

.RadGrid_Silk .rgHeaderWrapper {
    background-color: #265547;
}

.RadGrid_Silk .rgHeaderDiv {
    margin-left: 0;
}

.RadGrid_Silk .rgMultiHeaderRow:first-child .rgHeader {
    background-color: #265547;
}

.RadGrid_Silk .rgMultiHeaderRow th.rgHeader, .RadGrid_Silk .rgMultiHeaderRow th.rgResizeCol {
    border: 0 solid #D8D8D8;
    border-width: 0 1px 1px 0;
}

.RadGrid_Silk .rgFilterRow {
}

.RadGrid_Silk th.rgSorted {
}

    .RadGrid_Silk th.rgSorted, .RadGrid_Silk th.rgSorted a {
        color: #FFFFFF;
    }

.RadGrid_Silk .rgRow td, .RadGrid_Silk .rgAltRow td, .RadGrid_Silk .rgFooter td {
    border: 0;
}

.RadGrid_Silk .rgEditRow td {
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #D8D8D8;
}

.RadGrid_Silk .rgRow td, .RadGrid_Silk .rgAltRow td {
    border: solid #D8D8D8;
    border-width: 1px 0 0 1px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.RadGrid_Silk .rgRow img, .RadGrid_Silk .rgAltRow img {
    vertical-align: middle;
    margin-right: 5px;
}

.RadGrid .rgAltRow, .RadGrid .rgRow, .RadGrid .rgEditRow, .RadGrid .rgFooter, .RadGrid .rgGroupHeader {
    height: 20px !important;
}

.RadGrid_Silk .rgRow td {
    border-color: #D8D8D8;
}

.RadGrid_Silk .rgRow {
    background: #FFFFFF;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

.RadGrid_Silk .rgAltRow {
    background: #FFFFFF;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
}

.RadGrid_Silk td.teamNames {
    text-align: left; /*background: #F5F5F5;*/
}

.RadGrid_Silk td.teamNames {
}

.RadGrid_Silk td.rgSorted {
}

.RadGrid_Silk .rgAltRow .rgSorted {
}

.RadGrid_Silk .rgSelectedRow .rgSorted, .RadGrid_Silk .rgActiveRow .rgSorted, .RadGrid_Silk .rgHoveredRow .rgSorted, .RadGrid_Silk .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid_Silk .rgRow a, .RadGrid_Silk .rgAltRow a, .RadGrid_Silk tr.rgEditRow a, .RadGrid_Silk .rgFooter a, .RadGrid_Silk .rgEditForm a {
    color: #2b5e4d;
}

.RadGrid_Silk .rgHoveredRow {
    background: #eec097;
}

.RadGrid_Silk .rgMasterTable .rgSelectedCell, .RadGrid_Silk .rgSelectedRow, .RadGrid_Silk td.rgEditRow .rgSelectedRow, .RadGrid_Silk .rgSelectedRow td.rgSorted {
    color: #FFFFFF !important;
    background: #eec097 !important;
}

    .RadGrid_Silk .rgSelectedCell a, .RadGrid_Silk .rgSelectedRow a {
        color: #2b5e4d;
    }

.RadGrid_Silk .rgMasterTable .rgActiveCell, .RadGrid_Silk .rgActiveRow {
    background: #FFFFFF;
    color: #2b5e4d;
}

.RadGrid_Silk .rgMasterTable .rgActiveCell {
    border-color: #D8D8D8;
    border-right-width: 1px;
}

.RadGrid_Silk .rgActiveCell a, .RadGrid_Silk .rgActiveRow input, .RadGrid_Silk .rgActiveRow a {
    color: #2b5e4d;
}

* + html .RadGrid_Silk .rgSelectedRow .rgSorted {
    background-color: #84ad88;
}

* html .RadGrid_Silk .rgSelectedRow .rgSorted {
    background-color: #84ad88;
}

* + html .RadGrid_Silk .rgActiveRow .rgSorted, * + html .RadGrid_Silk .rgHoveredRow .rgSorted {
    background-color: #e8e8e8;
}

* html .RadGrid_Silk .rgActiveRow .rgSorted, * html .RadGrid_Silk .rgHoveredRow .rgSorted {
    background-color: #e8e8e8;
}

.RadGrid_Silk .rgEditRow {
    background: #FFFFFF;
}

    * + html .RadGrid_Silk .rgEditRow .rgSorted {
        background-color: #FFFFFF;
    }

    * html .RadGrid_Silk .rgEditRow .rgSorted {
        background-color: #FFFFFF;
    }

    .RadGrid_Silk .rgEditRow td, .RadGrid_Silk .rgEditRow td.rgSorted {
        border-color: #D8D8D8;
    }

.RadGrid_Silk .rgFooterDiv, .RadGrid_Silk .rgFooter {
    background: #f6f6f6 !important;
    font-weight: bold !important;
}

    .RadGrid_Silk .rgFooter td, .RadGrid_Silk .rgFooterWrapper {
        border-top: 1px solid;
        border-color: #D8D8D8 #D8D8D8;
    }

.RadGrid_Silk .rgPager {
    background-color: #265547 !important;
}

.RadGrid_Silk .rgPagerCell {
    background-color: #265547 !important;
}

.RadGrid_Silk .rgPager .rgStatus {
    border: solid;
    border-color: #D8D8D8;
    border-width: 1px 0 0 0;
}

.RadGrid_Silk .rgStatus div {
    width: 40px;
}

.RadGrid_Silk .rgPager > td > table {
    height: 20px;
}

.RadGrid_Silk .rgPagerLabel {
    vertical-align: middle;
}

.RadGrid_Silk .rgPager .riTextBox, * + html .RadGrid_Silk .rgPager .riSingle .riTextBox, * + html .RadForm.RadForm_Silk .RadGrid_Silk .rgPager .riSingle input[type='text'].rfdDecorated {
    height: 26px;
    line-height: 24px;
}

.RadGrid_Silk .rgPager .riSingle .riTextBox {
    height: 30px;
    padding-top: 0;
}

.RadGrid_Silk .rgInfoPart {
    color: #FFFFFF;
}

    .RadGrid_Silk .rgInfoPart strong {
        color: #FFFFFF;
    }

.RadGrid_Silk .rgPagePrev, .RadGrid_Silk .rgPageNext, .RadGrid_Silk .rgPageFirst, .RadGrid_Silk .rgPageLast, .RadGrid_Silk .rgPager .rgPagerButton {
    width: 30px;
    height: 30px;
    border: 1px solid #D8D8D8;
    background-color: #265547;
    color: #FFFFFF;
}

    .RadGrid_Silk .rgPagePrev:hover, .RadGrid_Silk .rgPageNext:hover, .RadGrid_Silk .rgPageFirst:hover, .RadGrid_Silk .rgPageLast:hover, .RadGrid_Silk .rgPagePrev:active, .RadGrid_Silk .rgPageNext:active, .RadGrid_Silk .rgPageFirst:active, .RadGrid_Silk .rgPageLast:active, .RadGrid_Silk .rgPager .rgPagerButton:hover, .RadGrid_Silk .rgPager .rgPagerButton:active {
        background-color: #265547;
        border-color: #D8D8D8;
    }

.RadGrid_Silk .rgPageFirst {
    background-position: -111px -713.5px;
}

.RadGrid_Silk .rgPagePrev {
    background-position: -111px -113.5px;
}

.RadGrid_Silk .rgPageNext {
    background-position: -112px -163.5px;
}

.RadGrid_Silk .rgPageLast {
    background-position: -112px -764.5px;
}

.RadGrid_Silk .rgPager .rgPagerButton {
    font-weight: 100;
    font-size: 14px;
    width: auto;
}

.RadGrid_Silk .rgNumPart a {
    border: none;
    line-height: 28px;
    padding: 0;
    color: #FFFFFF !important;
    text-align: center;
}

.RadGrid_Silk .rgNumPart span {
    float: none;
    padding: 0;
}

.RadGrid_Silk .rgNumPart a:hover, .RadGrid_Silk .rgNumPart a.rgCurrentPage:hover {
    background-color: #265547;
    border-color: #D8D8D8;
    color: #FFFFFF;
}

.RadGrid_Silk .rgNumPart a.rgCurrentPage {
    border: solid 1px white !important;
    color: #666666 !important;
}

.RadGrid_Silk .rgPager .riTextBox {
    vertical-align: top;
}

.RadGrid_Silk .rgHeader .rgSortAsc, .RadGrid_Silk .rgHeader .rgSortDesc {
}

.RadGrid_Silk .rgHeader .rgSortAsc {
}

.RadGrid_Silk .rgHeader .rgSortDesc {
}

.RadGrid_Silk .rgFilterRow td {
    padding: 2px 5px 2px 5px !important;
    border-style: none;
    border-width: 1px 0 0 1px;
    border-color: #dbdbdb;
}

.RadGrid_Silk input.rgFilter {
    width: 30px;
    height: 30px;
    background-position: -11px -4509px;
    background-color: #FFFFFF;
}

    .RadGrid_Silk input.rgFilter:hover, .RadGrid_KetahananPangan input.rgFilter:active {
        background-color: #FFFFFF;
    }

.RadGrid_Silk .rgFilterRow .riSingle .riTextBox {
    height: 30px;
    vertical-align: top;
}

.RadGrid_Silk .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid #D8D8D8;
    padding: 10px;
    height: 34px;
}

    .RadGrid_Silk .rgGroupPanel, .RadGrid_Silk .rgGroupPanel caption {
        background: #FFFFFF;
        color: #2b5e4d;
    }

        .RadGrid_Silk .rgGroupPanel td {
            border: 0;
            padding: 3px 4px;
        }

            .RadGrid_Silk .rgGroupPanel td td {
                padding: 0;
                color: #2b5e4d;
                line-height: 1px;
            }

            * + html .RadGrid_Silk .rgGroupPanel td td {
                line-height: 20px;
            }

        .RadGrid_Silk .rgGroupPanel .rgSortAsc {
        }

        .RadGrid_Silk .rgGroupPanel .rgSortDesc {
        }

.RadGrid_Silk .rgUngroup {
    background-position: -114.5px -3364.5px;
}

.RadGrid_Silk .rgGroupItem {
}

.RadGrid_Silk .rgMasterTable td.rgGroupCol, .RadGrid_Silk .rgMasterTable td.rgExpandCol {
}

.RadGrid_Silk .rgGroupHeader {
}

    .RadGrid_Silk .rgGroupHeader td {
    }

        .RadGrid_Silk .rgGroupHeader td:nth-child(2) {
        }

.RadGrid_Silk .rgExpand {
    background-position: -17px -168px;
    width: 18px !important;
}

.RadGrid_Silk .rgCollapse {
    background-position: -17px -68px;
    width: 18px !important;
}

.RadGrid_Silk .rgEditForm {
    border-bottom: 1px solid #D8D8D8;
}

/*multirow select*/
.rgCellSelectorArea_Silk, .GridRowSelector_Silk {
    background: #eec097;
}

.RadGrid_Silk .NestedViewTemplate {
    background: #FCFCFC;
    padding: 11px 0px 15px 11px;
    font-size: 11px;
    overflow: auto;
    border-bottom: solid 1px #E3E3E3 !important;
}

div.RadGrid_Silk .rgSelectedRow, .rgSelectedRow td {
    color: #FFFFFF !important;
    background: #eec097 !important;
}

div.RadGrid_Silk .rgRow td, div.RadGrid_Silk .rgAltRow td, div.RadGrid_Silk .rgEditRow td, div.RadGrid_Silk .rgFooter td {
    padding-top: 2px;
    padding-bottom: 1px;
}

div.RadGrid_Silk .rgRow td, div.RadGrid_Silk .rgAltRow td, div.RadGrid_Silk .rgEditRow td, div.RadGrid_Silk .rgFooter td, div.RadGrid_Silk .rgFilterRow td, div.RadGrid_Silk .rgHeader, div.RadGrid_Silk .rgResizeCol, div.RadGrid_Silk .rgGroupHeader td {
    padding-left: 5px;
    padding-right: 5px;
}


div.RadGrid_Silk .rfdInputDisabled.rfdCheckboxUnchecked {
    background-image: none !important;
}

div.RadGrid_Silk .rfdInputDisabled.rfdCheckboxChecked {
    background-image: url(Images/checked.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
}

.RadForm_Telerik.rfdCheckbox input[type="checkbox"][disabled][checked] {
    background-image: url(Images/checked.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
}

.RadForm_Telerik.rfdCheckbox input[type="checkbox"][disabled] {
    background-image: none !important;
}

.RadForm.RadGrid_Silk tbody .rfdCheckboxChecked.rfdInputDisabled {
    background-image: url(Images/checked.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
}

.RadForm.RadGrid_Silk tbody .rfdCheckboxUnchecked.rfdInputDisabled {
    background-image: none !important;
}

.RadForm.RadGrid_Silk #customize tbody .rfdCheckboxChecked[unselectable] {
    background-image: url(Images/checked.png) !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
}

.RadForm.RadGrid_Silk #customize tbody .rfdCheckboxUnchecked[unselectable] {
    background-image: none !important;
}

.RadForm_Telerik.RadForm.rfdCheckbox input[type="checkbox"][disabled][checked], .RadForm_Telerik.RadForm.rfdCheckbox input[type="checkbox"][disabled][checked]:hover {
    background-image: url(Images/checked.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

.RadForm_Telerik.RadForm.rfdCheckbox input[type="checkbox"][disabled], .RadForm_Telerik.RadForm.rfdCheckbox input[type="checkbox"][disabled]:hover {
    background-image: none !important;
}

.RadGrid .rgGroupHeaderText {
    padding-left: 0px !important;
}

.RadGrid .rgHeader .t-button, .RadGrid th.rgResizeCol .t-button {
    vertical-align: middle !important;
}

.RadMenu_Silk .rmGroup .rmLink:hover, .RadMenu_Silk .rmGroup .rmToggle:hover {
    border-color: #c3c3c3 !important;
    background-color: #c3c3c3 !important;
}

.GridContextMenu_Silk .rgHCMClear:hover, .GridContextMenu_Silk .rgHCMFilter:hover {
    border-color: #c3c3c3 !important;
    background-color: #c3c3c3 !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadComboBoxDropDown_Silk .rcbHovered {
    background-color: #c3c3c3 !important;
}

.GridContextMenu .rgFilterListMenu:hover, html .GridContextMenu .rgFilterMenu:hover {
    background: 0 !important;
}

.RadComboBoxDropDown .rcbList {
    overflow: hidden !important;
}

.RadComboBox_Silk .rcbReadOnly.rcbHovered, .RadComboBox_Silk .rcbReadOnly.rcbFocused, .RadComboBox_Silk .rcbReadOnly.rcbExpanded {
    border-color: #c3c3c3 !important;
    background-color: #c3c3c3 !important;
    background-image: linear-gradient(#cccccc,#999999) !important;
}

.RadGrid_Silk .rgOptions {
    color: #ffffff !important;
}

.RadGrid_Silk .rgGroupCol {
    border: none !important;
}

.RadForm_Telerik.RadForm #customize .riTextBox {
    width: 88px !important;
}

.RadForm_Telerik.RadForm #customize .riDisabled {
    width: 40px !important;
}

.RadForm_Telerik.RadForm #homepage .rgHeader, .RadForm_Telerik.RadForm #homepage th.rgResizeCol, .RadForm_Telerik.RadForm #homepage .rgHeaderWrapper, .RadForm_Telerik.RadFormk #homepage .rgFilterRow {
    background-color: #F2F6F7 !important;
    color: #455A64 !important;
}

.rgMasterTable th.filteredColumn {
    text-decoration: underline !important;
}