﻿@font-face { font-family: 'OpenSans-Regular'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-Regular.ttf'); }
@font-face { font-family: 'OpenSans-Bold'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-Bold.ttf'); }
@font-face { font-family: 'OpenSans-SemiBold'; src: url('../../App_Resources/Shared/CSS/Fonts/OpenSans/OpenSans-SemiBold.ttf'); }

.RadMultiPage .rmpView { background-color: #121212; }
/*Normal Panel*/
.MajPanelDefault .rmpView { background-color: #121212; border: 1px solid #70707054; padding: 10px 5px 5px 5px; color: #ffffffbf; }

.RadPanelBar_MajPanelDefault .rmpView { padding: 1px 0px 0px 0px; background-color: #121212; border: 1px solid #ffffff54; padding: 10px; }


.RadPanelBar_MajPanelDefault { border-color: #131313; color: #ffffff; background-color: #464646; font-family: OpenSans-Regular, Tahoma; }
    .RadPanelBar_MajPanelDefault.rpRootLink,
    .RadPanelBar_MajPanelDefault.rpHeaderTemplate { border-color: #0e0e0e; color: #ffffff; background-color: #1b1b1b; background-image: linear-gradient(#353434, #1b1b1b); }
    .RadPanelBar_MajPanelDefault.rpGroup .rpLink { border-radius: 2px; }
    .RadPanelBar_MajPanelDefault.rpExpandHandle { border-radius: 2px; }
    .RadPanelBar_MajPanelDefault.rpLink.rpHovered { border-color: black; color: #ffffff; background-color: black; background-image: linear-gradient(#1a1919, black); }
    .RadPanelBar_MajPanelDefault.rpRootLink.rpHovered { border-color: black; color: #ffffff; background-color: black; background-image: linear-gradient(#1a1919, black); }
    .RadPanelBar_MajPanelDefault.rpExpandHandle.rpHovered { border-color: black; }
    .RadPanelBar_MajPanelDefault.rpSelected .rpExpandHandle.rpHovered { border-color: #131313; }
    .RadPanelBar_MajPanelDefault.rpRootLink .rpExpandHandle.rpHovered { border-color: black; }
    .RadPanelBar_MajPanelDefault.rpRootLink.rpSelected .rpExpandHandle.rpHovered { border-color: #131313; }
    .RadPanelBar_MajPanelDefault.rpLink.rpFocused { border-color: #131313; box-shadow: inset 0 0 5px #131313; }
    .RadPanelBar_MajPanelDefault.rpRootLink.rpFocused { border-color: #131313; box-shadow: inset 0 0 5px #131313; }
    .RadPanelBar_MajPanelDefault.rpLink.rpSelected { border-color: #131313; color: #9eda29; background-color: #202020; background-image: linear-gradient(#3a3939, #202020); }
    .RadPanelBar_MajPanelDefault.rpRootLink.rpSelected { border-color: #131313; color: #9eda29; background-color: #202020; background-image: linear-gradient(#3a3939, #202020); }





.RadPanelBar_MajPanelExpandableHeader { color: #ffffffbf; font-family: OpenSans-Regular, Tahoma; border: 0px none !important; }
    .RadPanelBar_MajPanelExpandableHeader .rpRootLink,
    .RadPanelBar_MajPanelExpandableHeader .rpHeaderTemplate { border-bottom-width: 1px !important; border-bottom: 1px solid #ffffff54; background-color: transparent; font-family: OpenSans-SemiBold, OpenSans-Regular, Tahoma; font-size: 18px; padding: 4px 10px 4px 7px !important; }
    .RadPanelBar_MajPanelExpandableHeader .rpGroup .rpLink { }
    .RadPanelBar_MajPanelExpandableHeader .rpTemplate { padding: 20px 0px; background-color: #1a1a1a; box-shadow: 0 4px 10px rgba(255, 255, 255, 0.1), /* Outer white glow */ 0 2px 6px rgba(0, 0, 0, 0.5); /* Inner dark shadow */ border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border: 1px solid #333333; border-top: 0px; }

    .RadPanelBar_MajPanelExpandableHeader .rpExpandHandle { border-radius: 2px; }
    .RadPanelBar_MajPanelExpandableHeader .rpLink.rpHovered { background-color: transparent; }
    .RadPanelBar_MajPanelExpandableHeader .rpRootLink.rpHovered { background-color: transparent; }
    .RadPanelBar_MajPanelExpandableHeader .rpExpandHandle.rpHovered { }
    .RadPanelBar_MajPanelExpandableHeader .rpSelected .rpExpandHandle.rpHovered { }
    .RadPanelBar_MajPanelExpandableHeader .rpRootLink .rpExpandHandle.rpHovered { }
    .RadPanelBar_MajPanelExpandableHeader .rpRootLink.rpSelected .rpExpandHandle.rpHovered { }
    .RadPanelBar_MajPanelExpandableHeader .rpLink.rpFocused { }
    .RadPanelBar_MajPanelExpandableHeader .rpRootLink.rpFocused { }
    .RadPanelBar_MajPanelExpandableHeader .rpLink.rpSelected { color: #ffffffbf; background-color: transparent; }
    .RadPanelBar_MajPanelExpandableHeader .rpRootLink.rpSelected { border-bottom-width: 1px; border-bottom: 1px solid #ffffff54 !important; color: #ffffffbf; background-color: transparent; }
    .RadPanelBar_MajPanelExpandableHeader .p-icon { color: #dddddd; }
        .RadPanelBar_MajPanelExpandableHeader .p-icon.p-i-arrow-chevron-up:before { font-family: "Font Awesome 6 Pro"; content: '\f106'; font-size: 18px !important; }
        .RadPanelBar_MajPanelExpandableHeader .p-icon.p-i-arrow-chevron-down:before { font-family: "Font Awesome 6 Pro"; content: '\f107'; font-size: 18px !important; }
