.TreeListToolTip_Src {
    font-family: "Tahoma Armenian", "GHEA Grapalat", "Roboto", "Noto", sans-serif;
}

.RadTreeList_Src {
    border-color: transparent;
    background-color: rgba(11,23,53,0.2) !important;
    -pie-background:  rgba(11,23,53,0.2) !important;
    behavior: url(PIE.htc);
    color: #dddddd;
    font-family: "Tahoma Armenian", "GHEA Grapalat", "Roboto", "Noto", sans-serif;
    text-align: left;
}

    .RadTreeList_Src .t-button {
        padding: 7px;
        border-radius: 90px;
        color: rgba(242,242,242,0.55) !important;
    }

        .RadTreeList_Src .t-button:hover {
            border-color: rgba(242,242,242,0.3) !important;
            color: rgba(242,242,242,0.77) !important;
            background-color: rgba(11,23,53,0.2) !important;
            -pie-background:  rgba(11,23,53,0.2) !important;
            behavior: url(PIE.htc);
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
        }

        .RadTreeList_Src .t-button:active {
            border-color: #CFD8DC;
            color: #455A64;
            background-color: #CFD8DC;
        }

    .RadTreeList_Src .rtlTable a {
        color: rgba(245,250,255,0.8);
        text-decoration: none;
    }

    .RadTreeList_Src .rtlTable td {
        vertical-align: middle;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
    }

    .RadTreeList_Src tr.rtlHeader {
        background-color: rgba(11,23,53,0.55) !important;
        -pie-background:  rgba(11,23,53,0.55) !important;
        behavior: url(PIE.htc);
        height: 50px !important;
    }

        .RadTreeList_Src tr.rtlHeader th {
            padding: 5px 15px;
            font-size: .857em;
            font-weight: 500;
            line-height: 1.66667;
        color: #dddddd;
        text-decoration: none;
        font-weight: bold !important;
        }

        .RadTreeList_Src tr.rtlHeader .t-button {
            font-size: 1.167em;
            line-height: 1.42857;
        }

    .RadTreeList_Src .rtlHeader a {
        color: #455A64;
    }

    .RadTreeList_Src .rtlScroller {
        border-color: #777777;
    }

    .RadTreeList_Src div.rtlHeader,
    .RadTreeList_Src .rtlHeader th {
        border-color: transparent transparent;
    }

    .RadTreeList_Src .rtlREdit,
    .RadTreeList_Src .rtlR,
    .RadTreeList_Src .rtlA {
        height: 47px;
        height: calc(1.53846em + 27px);
        font-size: 0.929em;
        line-height: 1.53846;
    }

        .RadTreeList_Src .rtlREdit td,
        .RadTreeList_Src .rtlR td,
        .RadTreeList_Src .rtlA td {
            padding: 5px 15px;
        }

        .RadTreeList_Src .rtlREdit .t-button,
        .RadTreeList_Src .rtlR .t-button,
        .RadTreeList_Src .rtlA .t-button {
            font-size: 1.077em;
            line-height: 1.42857;
        color: rgba(242,242,242,0.55) !important;
        }

    .RadTreeList_Src .rtlA {
        background-color: rgba(11,23,53,0.22) !important;
        -pie-background:  rgba(11,23,53,0.22) !important;
        behavior: url(PIE.htc);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
            padding-top: 10px;
            padding-bottom: 10px;
    }

    .RadTreeList_Src .rtlR {
        background-color: transparent;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
            padding-top: 10px;
            padding-bottom: 10px;
    }

        .RadTreeList_Src .rtlA:hover {
        background-color: rgba(11,23,53,0.33) !important;
        -pie-background:  rgba(11,23,53,0.33) !important;
        behavior: url(PIE.htc);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    .RadTreeList_Src .rtlR:hover {
        background-color: rgba(11,23,53,0.07) !important;
        -pie-background:  rgba(11,23,53,0.07) !important;
        behavior: url(PIE.htc);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    .RadTreeList_Src .rtlRFooter {
        background-color: #888888;
    }

        .RadTreeList_Src .rtlRFooter td {
            border-color: #888888;
        }

    .RadTreeList_Src .rtlREdit {
        background-color: #edf6e3;
    }

    .RadTreeList_Src .rtlR td,
    .RadTreeList_Src .rtlA td,
    .RadTreeList_Src .rtlREdit td,
    .RadTreeList_Src .rtlEditForm {
        border-color: rgba(242,242,242,0.3) transparent;
        border-width: 1px;
        border-style: dotted !important;
    }

    .RadTreeList .rtlHVBorders .rtlA td.rtlCF,
    .RadTreeList .rtlHVBorders .rtlR td.rtlCF {
        border-left: 1px dotted rgba(242,242,242,0.3) !important;
    }

    .RadTreeList .rtlVBorders .rtlHeader th.rtlCF:first-child {
        padding-left: 50px;
    }

    .RadTreeList_Src .rtlRSel {
        background: #E1F5FE;
        color: #455A64;
    }

        .RadTreeList_Src .rtlRSel a {
            color: #455A64;
        }

    .RadTreeList_Src .rtlRSel {
        background-color: #E1F5FE;
    }

    .RadTreeList_Src .rtlRActive .rtlCF {
        box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset 5px 0px 5px -5px transparent;
    }

        .RadTreeList_Src .rtlRActive .rtlCF ~ td {
            box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent;
        }

            .RadTreeList_Src .rtlRActive .rtlCF ~ td:last-child {
                box-shadow: inset 0px 5px 5px -5px transparent, inset 0px -5px 5px -5px transparent, inset -5px 0px 5px -5px transparent;
            }

    .RadTreeList_Src .rtlRActive td {
        border-color: #E1F5FE;
    }

    .RadTreeList_Src .rtlVBorders td.rtlL,
    .RadTreeList_Src .rtlLines td.rtlL {
        background-color: rgba(11,23,53,0.22) !important;
        -pie-background:  rgba(11,23,53,0.22) !important;
        behavior: url(PIE.htc);
    }

    .RadTreeList_Src .rtlExpand,
    .RadTreeList_Src .rtlCollapse {
        border: 0 none;
    }

        .RadTreeList_Src .rtlExpand:hover,
        .RadTreeList_Src .rtlCollapse:hover {
            background: none;
        }

    .RadTreeList_Src .rtlExpandIcon:before,
    .RadTreeList_Src .rtlCollapseIcon:before,
    .RadTreeList_Src .t-i-arrow-down:before {
        font-family: "Material Icons";
        font-size: 18px;
    }

    .RadTreeList_Src .rtlCollapseIcon:before {
        content: '\e5cf';
        color: rgba(242,242,242,0.55) !important;
    }

    .RadTreeList_Src .rtlExpandIcon:before {
        content: '\e5cc';
        color: rgba(242,242,242,0.55) !important;
    }

    .RadTreeList_Src .rtlAddIcon:before {
        content: '\E039';
    }

    .RadTreeList_Src .rtlEditIcon:before {
        content: '\E0D5';
    }

    .RadTreeList_Src .rtlUpdateIcon:before {
        content: '\E037';
    }

    .RadTreeList_Src .rtlDelIcon:before,
    .RadTreeList_Src .rtlCancelIcon:before,
    .RadTreeList_Src .rtlClosePopUpIcon:before {
        content: '\E038';
    }

    .RadTreeList_Src .rtlSortAscIcon,
    .RadTreeList_Src .rtlSortDescIcon {
        color: #263238;
    }

        .RadTreeList_Src .rtlSortAscIcon:before,
        .RadTreeList_Src .rtlSortDescIcon:before {
            font-family: "Material Icons" !important;
            font-size: 18px;
        }

        .RadTreeList_Src .rtlSortDescIcon:before {
            content: "\e5db";
        }

        .RadTreeList_Src .rtlSortAscIcon:before {
            content: "\e5d8";
        }

    .RadTreeList_Src .rtlPagerCell {
        color: #455A64;
        padding: 5px 15px 0;
        border-top: 1px solid #CFD8DC;
    }

        .RadTreeList_Src .rtlPagerCell .rgIcon:before {
            font-family: "TelerikWebUI";
        }

        .RadTreeList_Src .rtlPagerCell .rtlIcon:before {
            font-size: 18px;
        }

        .RadTreeList_Src .rtlPagerCell .rtlWrap {
            padding: 0;
        }

        .RadTreeList_Src .rtlPagerCell .rtlAdvPart {
            line-height: inherit;
        }

        .RadTreeList_Src .rtlPagerCell .rtlNumPart a {
            color: #ffffff;
        }

        .RadTreeList_Src .rtlPagerCell .rtlPagerButton {
            border: 0 none;
            background-color: #f4f7f8;
            color: #455A64;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
        }

        .RadTreeList_Src .rtlPagerCell .rtlActionButton {
            border-radius: 90px;
        }

            .RadTreeList_Src .rtlPagerCell .rtlActionButton:hover {
                border-color: #ECEFF1;
                color: #455A64;
                background-color: #ECEFF1;
            }

        .RadTreeList_Src .rtlPagerCell .rtlNumPart a,
        .RadTreeList_Src .rtlPagerCell .rtlNumPart a:before,
        .RadTreeList_Src .rtlPagerCell .rtlActionButton {
            margin: 0;
            width: 1.42857em;
            height: 1.42857em;
            content: "";
            position: relative;
            z-index: 1;
        }

        .RadTreeList_Src .rtlPagerCell .rtlNumPart a {
            height: calc(1.42857em + 5px);
        }

        .RadTreeList_Src .rtlPagerCell .rtlNumPart a {
            color: #455A64;
            text-align: center;
            border-width: 0 0 2px;
            border-bottom: 2px solid transparent;
        }

            .RadTreeList_Src .rtlPagerCell .rtlNumPart a:not(.rtlCurrentPage):hover:before {
                border-color: #ECEFF1;
                color: #455A64;
                background-color: #ECEFF1;
                border-radius: 90px;
                padding: 6px;
                position: absolute;
                top: 0;
                left: 0;
                z-index: -1;
            }

            .RadTreeList_Src .rtlPagerCell .rtlNumPart a.rtlCurrentPage {
                border-color: #8BC34A;
                color: #8BC34A;
            }

        .RadTreeList_Src .rtlPagerCell .RadInput,
        .RadTreeList_Src .rtlPagerCell .RadComboBox {
            min-width: 90px;
        }

        .RadTreeList_Src .rtlPagerCell .rtlActionButton {
            box-sizing: content-box;
        }

        .RadTreeList_Src .rtlPagerCell .rtlPagerButton {
            border-color: #CFD8DC;
            color: #455A64;
            background-color: #f4f7f8;
        }

            .RadTreeList_Src .rtlPagerCell .rtlPagerButton :hover {
                border-color: #ECEFF1;
                color: #455A64;
                background-color: #ECEFF1;
            }

    .RadTreeList_Src .rtlCommandCell {
        padding: 0;
        border-color: #CFD8DC;
        color: #455A64;
        background-color: #f4f7f8;
    }

        .RadTreeList_Src .rtlCommandCell .t-button {
            padding: 13px 15px;
            width: auto;
            height: auto;
            border-radius: 0;
            border: 0 none;
        }

    .RadTreeList_Src .rtlFooter .rtlCommandCell,
    .RadTreeList_Src tfoot .rtlCommandCell {
        color: #455A64;
        background-color: #f4f7f8;
        background-image: linear-gradient();
    }

    .RadTreeList_Src .rtlREdit [type="text"],
    .RadTreeList_Src .rtlEditForm td > [type="text"] {
        border-color: #cfd8dc;
        color: #455a64;
        background-color: transparent;
        border-style: solid;
        border-width: 0 0 1px;
        padding: 8px 0 7px;
        outline: none;
        font: inherit;
        font-size: 1.077em;
        margin-left: 13px;
    }

        .RadTreeList_Src .rtlREdit [type="text"]:hover,
        .RadTreeList_Src .rtlEditForm td > [type="text"]:hover {
            border-color: #90a4ae;
            color: #455a64;
            background-color: transparent;
        }

        .RadTreeList_Src .rtlREdit [type="text"]:active,
        .RadTreeList_Src .rtlREdit [type="text"]:focus,
        .RadTreeList_Src .rtlEditForm td > [type="text"]:active,
        .RadTreeList_Src .rtlEditForm td > [type="text"]:focus {
            border-color: #8BC34A;
            color: #455a64;
            background-color: transparent;
            box-shadow: 0 -1px 0 #8BC34A inset;
        }

.t-ie .RadTreeList_Src .rtlREdit [type="text"],
.t-ie .RadTreeList_Src .rtlEditForm td > [type="text"] {
    height: 36px;
    height: calc(1.42857em + 16px);
}

.RadTreeList_Src .rtlEditForm {
    border: 1px solid #CFD8DC;
}

    .RadTreeList_Src .rtlEditForm td > [type="text"] {
        margin-left: 13px;
    }

    .RadTreeList_Src .rtlEditForm td > label {
        font-size: .923em;
        color: #607D8B;
        font-weight: 500;
        line-height: 1.66667;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .RadTreeList_Src .rtlEditForm table {
        margin: .5em;
    }

    .RadTreeList_Src .rtlEditForm .rtlHeader {
        padding: 0;
        height: auto !important;
        background-color: #8BC34A;
        color: #ffffff;
    }

        .RadTreeList_Src .rtlEditForm .rtlHeader > div:first-child {
            padding: 5px 10px;
        }

.RadTreeList_Src.RadTreeListRTL .rtlExpandIcon:before {
    content: '\E003';
}

.TreeListReorderTop_Src,
.TreeListReorderBottom_Src {
    font-size: 2.2em;
    color: #000;
    text-shadow: 0 0 1px #fff;
    text-indent: 2px;
}

.RadTreeList_Src .rtlDragHandle {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Src.Grid.rgDrag.gif")%>');
}

.TreeListToolTip_Src {
    border-color: #828282;
    background: #ffffff;
    color: #455A64;
}
