/* Nightmoon Default.CSS, used for things that break themes if they're in style.css */
@import url('assets/imports/NT5LogonBox.css');
@import url('assets/imports/NT5AbtBox.css');
@import url('assets/imports/NT5.1LogonBox.css');
@import url('assets/imports/msstylesAppearancePreview.css');
@import url('assets/iconset/xp/iconset.css');
@import url('assets/iconset/nm/iconset.css');

/* Custom scheme vars, for custom classic themes */
:root {     
  --Background: rgb(33, 29, 48);
  --AppWorkspace: rgb(30, 29, 45);
  --ButtonFace: rgb(242, 239, 255);
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(242, 239, 255);
  --ButtonShadow: rgb(196, 201, 251);
  --ButtonDkShadow: rgb(97, 91, 128);
  --ActiveTitle: rgb(22, 20, 32);
  --GradientActiveTitle: rgb(98, 95, 141);
  --InactiveTitle: rgb(60, 51, 77);
  --GradientInactiveTitle: rgb(165, 147, 204);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(153, 84, 84);
  --ButtonText: rgb(125 134 177);
  --GrayText: rgb(167, 162, 213);
  --TitleText: rgb(255, 255, 255);
  --InactiveTitleText: rgb(255 255 255);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(34, 32, 49);
  --WindowText: rgb(90, 86, 130);
  --Hilight:  rgb(253, 142, 142);
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --MenuText: rgb(90, 86, 130);
  --Menu: rgb(242, 239, 255);
  --MenuBar: rgb(242, 239, 255);
}

:root {
        --activebar: linear-gradient(180deg,#625f8d,#313140 50%,#222031 50%, #161420);
        --inactivebar: linear-gradient(180deg,#8c7fb8,#4f4875 50%,#483768 50%, #392b55);
--desktopbgimg: url("wallpapers/rimet/Sky night.png");
--desktopbgsize: 100% 100%;
--desktopbgposition: center;
--desktopbgtile: no-repeat;
		--field: inset 0 0 0 1px #c3c8eb;
--globaltoolbar: linear-gradient(0deg,#fd8e8e,#ffc4ac 85%,#ffefe8);
--globaltoolbaractive: linear-gradient(180deg,#ff6464,#ffa986 85%,#ffd0c1);
--globaltoolbardisabledactive: linear-gradient(180deg, hsl(226.45deg 66.93% 73.07% / 50%), hsl(225.45deg 100% 96.38%) 85%, hsl(0deg 0% 100% / 97%));
/* --globaltoolbardisabledactive: linear-gradient(180deg, hsl(0 0% 70% / .5), hsl(17 0% 76% / .5) 85%, hsl(15 0% 88% / .5)); */
--globaltoolbarchecked: linear-gradient(180deg,#ff9b9b,#fbcab6 85%,#ffefea);
--globaltoolbardisabled: linear-gradient(0deg, hsl(226.45deg, 65.96%, 77%, .5), hsl(226.45deg 100% 92.71% / 50%) 85%, hsl(0deg 0% 100% / 50%));
		--taskbarbackground: linear-gradient(180deg,#625f8da6,#313140a6 50%,#222031a6 50%, #161420a6);
		--taskbarboxshadow: none;
		--globalfont: Verdana, MS-Sans-Serif, Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
		--buttonfont: var(--globalfont);
		--menu-button: url('assets/rimetmII16x16.png');
		--menu-button-hover: url('assets/rimetmII16x16.png');
		--menu-button-pressed: url('assets/rimetmII16x16.png');

        }

.dropdownlink.scheme {
	display: none !important;
}

/*Theme identifier, control panel*/
#themeDropdownText:after {
content: "Nightmoon Default";
}

#winAndButtonsDropdownText:after {
content: "Nightmoon style";
}

#colorSchemeDropdownText:after {
	content: "Charcoal";
}

#RimetDefaultSchemes {
	display: block !important;
}

#SysTray {
background: linear-gradient(180deg,#5859645c,#3c3d445c 86%,#26272f5c);
box-shadow: none !important;
color: white;
text-align: center;
font-family: var(--globalfont);
    border-left: 1px solid #0f0f0f;
    border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    font-weight: 600;
	
		    height: calc(100% - 0px);
				margin-top: 0px;
	margin-right: 0px;
}
#SysTrayTime {
	margin-top: 8px;
	margin-left: 14px;
		margin-right: 14px;
}
.button, div[id^="mBox-button"], button {
font-family: var(--buttonfont);
border: 1px solid #a0a8c8;
    color: #7d86b1 !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#c0c7dd);
box-shadow: inset 0 -1px 0px #e5e6f9, inset 0 1px 0px #fff;
border-radius: 3px;
min-height: 21px;
line-height: 21px;
font-size: 7pt;
}

.menubarbtn {
        color: #7d86b1 !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#c0c7dd);
box-shadow: inset 0 -1px 0px #e5e6f9, inset 0 1px 0px #fff, 0 0 0 1px #a0a8c8;
border-radius: 3px;
}




.button:hover:not(.disabled, :active), div[id^="mBox-button"]:hover:not(.disabled, :active), button:hover {
border: 1px solid #f00;
color: #995454 !important;
background: linear-gradient(180deg, #ffe9dd, #fdb6b6 86%, #eca6af);
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff;
}

.menubarbtn:hover {
color: #995454 !important;
background: linear-gradient(180deg, #ffe9dd, #fdb6b6 86%, #eca6af);
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff, 0 0 0 1px #f00;
border-radius: 3px;
}

.button.active:not(.disabled), .button:active:not(.disabled), div[id^="mBox-button"]:active:not(.disabled), button:active {
border: 1px solid #f00!important;
    color: #c66060 !important;
background: linear-gradient(180deg,#fd8e8e,#ffc4ac 86%,#ffefe8);
box-shadow: inset 0 -1px 0px #f9ebe5 !important;
}

.menubarbtn:active {
    color: #c66060 !important;
background: linear-gradient(180deg,#fd8e8e,#ffc4ac 86%,#ffefe8);
box-shadow: inset 0 -1px 0px #f9ebe5, 0 0 0 1px #f00;
border-radius: 3px;
}

.button:focus:not(.disabled, :hover, :active), div[id^="mBox-button"]:focus:not(.disabled, :hover, :active), button:focus {
border: 1px solid #6764ff;
background: linear-gradient(180deg,#e3e0ff,#c1beff 86%,#b3baff);
color: #514eff !important;
box-shadow: inset 0 -1px 0px #cdd5ff, inset 0 1px 0px #fff;
  /*  box-shadow: inset 0px 0px 3px #422bb5, inset 0 -1px 0px #e5e6f9; */
  /* 0px 0px 5px #422bb591, */

} 

.button.disabled, div[id^="mBox-button"]:disabled, button:disabled {
border: 1px solid #bac1df;
    color: #a7a2d5 !important;
background: linear-gradient(180deg,#fff,#f6f6ff 86%,#dfdef3);
box-shadow: inset 0 -1px 0px #fafaff, inset 0 1px 0px #fff;
}

.taskband {
border: 1px solid #0a090d5e;
    color: white;
background: linear-gradient(180deg,#605e8074,#33333374 86%,#37373774);
box-shadow: inset 0 -1px 1px #454666;
border-radius: 3px;
    height: 23px;
line-height: 21px;
}

.taskband:hover {
    border: 1px solid #15154291;
background: linear-gradient(180deg,#3d3d7e74,#33335874 86%,#1f1a5874);
box-shadow: inset 0 -1px 1px #474582;
}

.taskband:active {
    border: 1px solid #0d0d2891;
background: linear-gradient(180deg,#16123774,#21213374 86%,#36336074);
box-shadow: inset 0 -1px 1px #50406c;
}

.taskband.flash {
    border: 1px solid #42151591;
    background: linear-gradient(180deg, #7e3d3d74, #58333374 86%, #581a1a74);
    box-shadow: inset 0 -1px 1px #824845;
}

.taskband.current {
    border: 1px solid #0d0d2891;
background: linear-gradient(180deg,#16123774,#21213374 86%,#36336074);
box-shadow: inset 0 -1px 1px #50406c;
}

.taskband.current:hover {
    border: 1px solid #17174991;
background: linear-gradient(180deg,#1a2f4f74,#28303f74 86%,#3b546f74);
box-shadow: inset 0 -1px 1px #49577b;
}

.taskband.current:active {
    border: 1px solid #0d0d2891;
background: linear-gradient(180deg,#16123774,#21213374 86%,#36336074);
box-shadow: inset 0 -1px 1px #50406c;
}

#taskbandContainer {
    height: 27px;
}

input[type="text"], textarea, #themePreviewContainer, #appearancePreviewContainer, #searchResults, .ListBox, #BrowserView, input[type="password"], #MenuStylePreviewContainer {
border: 1px solid #c3c8eb;
    border-radius: 3px;
        box-shadow: none;
        font-size: 7pt;
}

#MenuStylePreviewContainer {
padding: 0px;
}

input[type="text"]:focus, textarea:focus, input[type="password"]:focus {
border: 1px solid #ff5d35;
}
input[type="text"]:hover:not(:focus), textarea:hover:not(:focus), input[type="password"]:hover:not(:focus) {
border: 1px solid #ffc3b0;
}
input[type="text"]:disabled, textarea:disabled, input[type="password"]:disabled {
border: 1px solid #cfd4ec !important;
    color: #a7a2d5 !important;
background: #f6f6ff !important;
}

#BrowserView {
    border-radius: 0px;
}

#searchBox {
            box-shadow: none;
}

#Taskbar {
height: 30px;
background: var(--taskbarbackground) !important;
border-radius: 0px !important;
        box-shadow: inset 0 1px hsla(0, 0%, 100%, .2);
color: var(--ButtonText) !important;
z-index: 5;
    border: 1px solid #0f0f0f;
    backdrop-filter: blur(5px);
	    border-left: none;
    border-right: none;
}

.resizeableWinBar ~ #windowcontent {
    border-width: 4px;
    margin: 0;
    margin-left: -1px;
    top: 0px;
    width: calc(100% - 6px);
    height: calc(100% - 23px);
}

#windowcontent {
border: 3px solid #392b55;
    box-shadow: 1px 0px hsl(0, 0%, 0%), -1px 0px hsl(0, 0%, 0%), 0 1px hsl(0, 0%, 0%);

border-top: none !important;
  border-style: solid;
background-color: var(--ButtonFace);
width: calc(100% - 4px);
margin-left: -1px;
margin-top: 0px;
        height: calc(100% - 23px);
        top: 0px;
}

.window.current > #windowcontent, .window.forceActive > #windowcontent {
border-color: #161420;
}


.window {
padding: 2px;
background: none;
min-width: 110px;
min-height: 29px;
    box-shadow: none;
    font-size: 9px;
}

.window, #messageBox {
        font-size: 9px;
}

.window.maximized .window_bar .winBarButton {
    top: 2px !important;
}
.window.maximized #windowcontent {
    border: none;
    box-shadow: none;
    	    margin: 0;
		    margin-left: -2px;
    top: 0px;
    width: 100%;
    height: calc(100% - 30px);
}

button, #AboutContent {
      font-size: 9px;  
}

.watermark {
	bottom: 25px !important;
}

.watermark > p > span, .watermark > p {
      font-size: 9px !important;  
}

.watermark > p {
    margin: 11px;
    margin-right: 0;
}
.tabcontent {
    border: 1px solid #a0a8c8;
    color: #5a5682 !important;
background: linear-gradient(180deg,#fff,#f1f0fd 86%,#e9e9ff);
box-shadow: inset 0 -1px 0px #e5e6f9, 1px 1px 2px #00000030;
    border-bottom-right-radius: 3px;    
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tabbutton {
    border: 1px solid #a0a8c8;
    color: #7d86b1 !important;
background: linear-gradient(180deg,#fff,#f1f0fd 86%,#e9e9ff);
box-shadow: inset 0 -1px 0px #e5e6f9;
    margin-right: -5px;
    border-radius: 3px 3px 0 0;
}

.tabbutton.selected:first-of-type  {margin: 0px -5px 0px 0px;}

.tabbutton.selected {
top: -3px;
background:#fff;
     color: #5a5682 !important;   
    border-bottom: none;
    box-shadow: none;
    margin: 0px -4px 0px -3px;
}

.tabbutton:not(.selected):hover {
border: 1px solid #f00;
color: #995454 !important;
background: linear-gradient(180deg, #ffe9dd, #fdb6b6 86%, #eca6af);
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff;
}

.resizeableWinBar {
 top: 0px !important;
}

.window_bar {
width: 100%;
margin: -2px 0 0px -2px !important;
    box-shadow: inset 1px 0px hsl(0, 0%, 0%), inset -1px 0px hsl(0, 0%, 0%), inset 0 1px hsl(0, 0%, 0%), inset 0 2px hsla(0, 0%, 100%, .2);
padding: 0 2px;
height: 25px;
font-size: 11px;
text-shadow: 1px 1px #312f42;
line-height: 27px;
text-indent: 24px;
font-family: Trebuchet MS !important;
}
.window.maximized .window_bar {
    box-shadow: inset 0 1px hsl(0, 0%, 0%), inset 0 2px hsla(0, 0%, 100%, .2);
}
.window_bar.noIcon {
       text-indent: 6px; 
}

.WindowBarIcon {
left: 6px;
bottom: 5px;
}
.winBarButton {
line-height: 20px;
width: 20px;
height: 18px;
right: 0px;
top: 3px;
border: 1px solid #00000052;
background-color: #ddc7ff2e ;
box-shadow: inset 0 -1px 1px #565377;
border-radius: 3px;
       text-indent: 6px; 
}

#close {
border: 1px solid #430a1a91;
background-color: #ff47698a;
box-shadow: inset 0 -1px 1px #a86375;
}



#close:hover:not(.disabled) {
border: 1px solid #6d162e8f;
background-color: #ff719491;
box-shadow: inset 0 -1px 1px #c4768a;
}



#close:active:not(.disabled) {
border: 1px solid #430a1a91;
background-color: #bb37588a;
box-shadow: inset 0 -1px 1px #884758;
}

#close.disabled {
border: 1px solid #430a1a54;
background-color: #bb375845;
box-shadow: inset 0 -1px 1px #6d4650;
}

.winBarButton:hover:not(.disabled) {
border: 1px solid #00000052;
background-color: #ede1ff42 ;
box-shadow: inset 0 -1px 1px #565377;
}

.winBarButton:active:not(.disabled) {
border: 1px solid #00000052;
background-color: #504c5594 ;
box-shadow: inset 0 -1px 1px #565377;
}

.winBarButton.disabled {
border: 1px solid #00000052;
background-color: #ddc7ff1c ;
box-shadow: inset 0 -1px 1px #565377;
}

#close,#maximize,#minimize {
    background-image: none;
}

#close::after {
    content: "r";
    font-family: MarlettR, Marlett;
        font-weight: bold;
    font-size: 14px;
    color: #ffd6d6d6;
    right: 3px !important;
    bottom: 1px !important;
    left: unset !important;
    text-shadow: none;
    position: relative;
}

#close:active::after {
    content: "r";
    font-family: MarlettR, Marlett;
        font-weight: bold;
    font-size: 14px;
    color: #ce8080d6;
    right: 3px !important;
    bottom: 1px !important;
    position: relative;
}

.winBarButton::after {
	    font-weight: normal;
    font-family: MarlettR, Marlett;
    font-size: 16px;
    color: #ffffff82;
    right: 3px !important;
    bottom: 1px !important;
	    left: unset !important;
    text-shadow: none;
    position: relative;
}

.winBarButton.disabled::after {
    color: #e2d6ff8a;
    text-shadow: none;
}

#maximize::after {
    content: "1";
}

.window.maximized > .window_bar > #maximize::after { 
    content: "2";
}

#minimize::after {
    content: "0";
}

#help::after {
    content: "s";
	font-size:14px;
}

#Menu, .submenu, .contextmenu {
border: 1px solid #a0a8c8;
    font-size: 9px;
    color: #403d5c !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#ced6ee) !important;
box-shadow: 2px 2px 2px #0000007a;
border-radius: 4px;
}

#StartSpine {
height: calc(100% - 0px);
margin: 0px;
	border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
}

#MenuButtonStartIcon {
background-image: url(assets/nmhicolor16x16.png);
}

#Menu .startLink, .contextmenuEntry, .menubaritem {
  background: #0000 !important;
border: 1px solid transparent;
color: var(--MenuText);
}

#Menu .startLink:hover, .contextmenuEntry:hover, .menubaritem:hover  {
border-radius: 3px;
border: 1px solid #ff5f43!important;
    color: #995454 !important;
background: var(--globaltoolbar) !important;
box-shadow: inset -1px -1px #ffd9ce, inset 1px 0px #ffd9ce !important;
}

.contextmenuEntry.disabled {
 color: var(--GrayText);
 text-shadow: none;
}


.contextmenuEntry.disabled:hover {
    border-radius: 3px;
    border: 1px solid hsl(226.45deg 65.96% 63.14% / 50%) !important;
     color: #8290c9 !important;
    background: var(--globaltoolbardisabled) !important;
    box-shadow: rgb(255 255 255 / 72%) -1px -1px inset, rgb(255 255 255 / 72%) 1px 0px inset !important;
}


.watermark > strong {
font-family: Trebuchet MS !important;
font-size: 11px !important;
}

.DropdownBox {
height: 15px;
border: 1px solid #a0a8c8;
    color: #7d86b1 !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#c0c7dd);
box-shadow: inset 0 -1px 0px #e5e6f9, inset 0 1px 0px #fff;
border-radius: 3px;
}

.DropdownText {
    color: #7d86b1 !important;
}

.DropdownBox:hover:not(:disabled) {
border: 1px solid #f00;
color: #995454 !important;
background: linear-gradient(180deg, #ffe9dd, #fdb6b6 86%, #eca6af);
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff;
}

.DropdownBox:hover:not(:disabled) .DropdownText {
color: #995454 !important;
}

.DropdownBox:active:not(:disabled) {
border: 1px solid #f00;
    color: #c66060 !important;
background: linear-gradient(180deg,#fd8e8e,#ffc4ac 86%,#ffefe8);
box-shadow: inset 0 -1px 0px #f9ebe5;
}

.DropdownBox:active:not(:disabled) .DropdownText {
    color: #c66060 !important;
}


.DDcontainer.selected .DropdownBox {
border: 1px solid #f00;
    color: #c66060 !important;
background: linear-gradient(180deg,#fd8e8e,#ffc4ac 86%,#ffefe8);
box-shadow: inset 0px 0px 4px #af1818, inset 0 -1px 0px #f9ebe5;
}

.DDcontainer.selected .DropdownText {
    background: none !important;
    color: #c66060 !important;
}

#themeDropdownBox, #themeDropdownContainer {
    width: 266px;
}

.dropdownlink:hover {
    text-decoration: none;
}
.DropdownText {
    display: inline-block;
    width: calc(100% - 12px);
    height: 14px;
    padding: 1px;
    text-indent: 0px;
    line-height: 13px;
    position: absolute;
    margin-left: -2px;
}

#ControlPanelContent {
    font-family: var(--buttonfont);
}



.DropdownBoxButton {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAATCAYAAACp65zuAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAvSURBVDhPYxgFVAGMUBoE/kNpbIARWSEIYFMMVoOuEASQFWOTRwH4nDEK0AEDAwDUuAQDxLdX5AAAAABJRU5ErkJggg==");
    background-size: 10px;
    width: 10px;
    right: -1px;
     top: -2px;
    background-position: 0 0;
    box-shadow: none;
}

#MenuButton, #SearchButtonRV, #HelpButtonRV {
border: 1px solid #0a090d5e;
    color: white;
background: linear-gradient(180deg,#605e8074,#33333374 86%,#37373774);
box-shadow: inset 0 -1px 1px #454666;
border-radius: 3px;
    width: 24px;
    height: 24px;
    top: 3px;
}

#MenuButton:hover, #SearchButtonRV:hover, #HelpButtonRV:hover {
    border: 1px solid #15154291;
background: linear-gradient(180deg,#3d3d7e74,#33335874 86%,#1f1a5874);
box-shadow: inset 0 -1px 1px #474582;
}

#MenuButton:active, #MenuButton.pressed, #SearchButtonRV:active, #HelpButtonRV:active, #SearchButtonRV.pressed, #HelpButtonRV.pressed {
    border: 1px solid #0d0d2891;
background: linear-gradient(180deg,#16123774,#21213374 86%,#36336074) !important;
box-shadow: inset 0 -1px 1px #50406c;
}

#MenuButton.pressed > #MenuButtonStartIcon {
top: 4px;
left: 4px;
}


#SearchButtonStartIcon {
width: 16px;
height: 16px;
top: 3px;
left: 4px;
background-image: url('assets/iconset/xp/Find x16.png');
}

#HelpButtonStartIcon {
	width: 16px;
height: 16px;
top: 3px;
left: 4px;
background-image: url('assets/iconset/xp/Help x16.png');
}

#HelpButtonRV:active > #HelpButtonStartIcon, #SearchButtonRV:active > #SearchButtonStartIcon {
top: 4px;
left: 4px;
}


#MenuButtonStartText {
    display: none;
}

#taskbandContainer {
    width: calc(100% - 111px)
}

.DeskIcoText, .ListBox, .AppIcoText {
font-size: 7pt;
}

.DeskIcons {
border: 1px solid transparent;
padding: 2px;
padding-bottom: 4px;
margin-bottom: 16px;
}

.DeskIcoText {
text-shadow: 1px 1px 2px #00000080;
}

.DeskIcons.current > .DeskIcoText {
background-color: unset;
   outline: none;
    outline-offset: 0px;
}
.DeskIcons:hover {
  background: linear-gradient(180deg,#41424ba3,#232327a3 86%,#212121a3) !important;
border-radius: 3px;
border: 1px solid #000c1420;
}

.DeskIcons.current {
  background: linear-gradient(180deg,#292c4fa3,#0e0e1aa3 86%,#000000a3) !important;
border-radius: 3px;
border: 1px solid #24587b20;
}

.DeskIcons:hover.current {
  background: linear-gradient(180deg,#363967a3,#19192fa3 86%,#040310a3) !important;
border-radius: 3px;
border: 1px solid #24587b20;
}

.DeskIcons.current > .DeskIcoText {
	    color: white;
}


/* inter browser */

#twfilemenu, #pgfilemenu {
		line-height: 11px;
	text-indent: 6px;
	top: 0px;
}

.throbber {
box-shadow: inset 1px 0px #c3c1d1, inset 2px 0px #fff;
margin: 0;
top: 0px;
}

.ToolbarSeparator {
box-shadow: inset 1px 0px #c3c1d1;
bottom: 59px;
}


#BrowserView, #HelpBrowserView {
padding: 0 !important;
}

#browserbar {
margin: 0;
   box-shadow: none;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#ced6ee) !important;
color: var(--MenuText);
}

#DesktopWPMonitor {
background-image: url("assets/PreviewMonitorXP.png");
width: 185px;
height: 163px;
top: 5%;
left: 25%;
}

#DesktopWPMonitorPreview {
width: 152px;
height: 112px;
top: 10.5%;
left: 9%;
}


.nonNativeStartPageTxt {
font-family: 'Tahoma';
font-weight: bold;
color: rgb(65, 61, 90);
font-size: 21pt;
}


.nonNativeStartPageBlurb {
font-family: 'Tahoma';
font-weight: bold;
color: #80749b;
font-size: 9pt;
}


.NonNativeStartScreens {
    background-color: rgb(31, 29, 41);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.nonNativeStartPageLink {
    font-family: verdana;
font-weight: bold;
color: #80749b !important;
font-size: 7pt;
}

.nonNativeStartPageLink:hover {
text-decoration: underline;
}

#TypewriterTextArea {
		width: 100% !important;
	height: calc(100% - px) !important;
	left: 0px !important;
	bottom: 0px !important;
        border-radius: 0px;
}

.MenuToolbars {
	margin: 0;
}
.MenuBar {
	height: 20px;
	margin: 0;
	background: linear-gradient(180deg, #ffffff, #e8edff 86%, #d9e0f3) !important;
    color: #a7a2d5;
}
.window.current > #windowcontent > .MenuToolbars > .MenuBar {
		background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#ced6ee) !important;
	color: #7d86b1;
}
.MenuToolbars {
	background: linear-gradient(180deg,#ced6ee,#ced6ee 86%,#ced6ee) !important;
}

.Toolbars {
box-shadow: none;
}
.MenuItem {
	height: 18px;
	padding-left: 6px !important;
	padding-right: 6px !important;
	border: 1px solid transparent;
}

.MenuItem:first-of-type {
	margin-left: 0px;
}




#AbtDialogBanner, #AbtDialogProgressBar {
	width: 417px !important;
	left: 0px !important;
}

#QuickLaunchToolbar {
    left: 32px;
    width: 70px;
        margin-left: 11px;
}

.TaskbarFolderToolbar {
    bottom: 4px;
}

.QLToolbarBtns:hover {
box-shadow: 0 0 0 1px hsla(250, 20%, 5%, .7), inset -1px -1px #ffffff21, inset 1px 0px #ffffff21;
border-radius: 3px;
    color: #fff !important;
background: linear-gradient(180deg,hsla(250, 20%, 43%, .5),hsla(250, 20%, 22%, .5) 85%,hsla(250, 20%, 13%, .5));
}

.QLToolbarBtns:active {
box-shadow: 0 0 0 1px hsla(250, 20%, 5%, .7), inset 0px -1px #ffffff21, inset 0px 0px #ffffff21;
border-radius: 3px;
    color: #fff !important;
background: linear-gradient(0deg,hsla(250, 20%, 38%, .5),hsla(250, 20%, 17%, .5) 85%,hsla(250, 20%, 8%, .5));
}


/* skinned rimetunes */

.audioplayer-bar::before, .audioplayer-volume-adjust > div {
		border: 1px solid #c3c8eb;
    border-radius: 3px;
        box-shadow: none;
		background-color: white !important;
}

.audioplayer-volume-adjust div div {
	height: 5px;
}

.audioplayer-bar-played::after, .audioplayer-volume-adjust div div::after {
border: 1px solid #c3c8eb;
    color: #7d86b1 !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#c0c7dd) !important;
box-shadow: inset 0 -1px 0px #e5e6f9, inset 0 1px 0px #fff;
border-radius: 3px!important;
}

.audioplayer-bar-played:hover::after, .audioplayer-volume-adjust div div:hover::after {
border: 1px solid #f00;
color: #995454 !important;
background: linear-gradient(180deg, #ffe9dd, #fdb6b6 86%, #eca6af) !important;
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff;
}

.audioplayer-bar-played:active::after, .audioplayer-volume-adjust div div:active::after {
border: 1px solid #f00!important;
    color: #c66060 !important;
background: linear-gradient(180deg,#fd8e8e,#ffc4ac 86%,#ffefe8) !important;
box-shadow: inset 0 -1px 0px #f9ebe5 !important;
}

.audioplayer-bar-played:focus::after, .audioplayer-volume-adjust div div:focus::after {
border: 1px solid #6764ff;
background: linear-gradient(180deg,#e3e0ff,#c1beff 86%,#b3baff);
color: #514eff !important;
box-shadow: inset 0 -1px 0px #cdd5ff, inset 0 1px 0px #fff;
}

.audioplayer-bar-played:disabled::after, .audioplayer-volume-adjust div div:disabled::after {
border: 1px solid #bac1df;
    color: #a7a2d5 !important;
background: linear-gradient(180deg,#fff,#f6f6ff 86%,#dfdef3);
box-shadow: inset 0 -1px 0px #fafaff, inset 0 1px 0px #fff;
}

.RebarItem.pressed,  .audioplayer-mute .audioplayer-volume-button {
border-radius: 3px;
border: 1px solid #ff8167!important;
    color: #c47979 !important;
background: var(--globaltoolbarchecked) !important;
box-shadow: inset 0px -1px #fff, inset 0px 0px #fff !important;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover a {
		border-left-color: #995454!important;
}

.audioplayer-playpause:active a  {
	border-left-color: #b14f4f!important;
}

 .audioplayer-playing .audioplayer-playpause:hover a::before, .audioplayer-playing .audioplayer-playpause:hover a::after {
	 background-color: #995454!important;
 }
 
 .audioplayer-playpause:active a::before, .audioplayer-playpause:active a::after {
	background-color: #b14f4f!important;	 
 }
 
 .audioplayer-playpause {
	 border: 1px solid transparent;
 }

.audioplayer-time-current {
    margin-right: 36px;
}


.ListIconText {
font-size: 7pt;
}
/* Checkboxes from 98.css */


input[type=checkbox]+label:before {
background: radial-gradient(at top,#fff,#C7CCE5);
    box-shadow: 0 0 0 1px #a0a8c8;
    border-radius: 1px;
    width: 11px;
    height: 11px;
    left: -17px;
    top: 1px;
}

input[type=checkbox]+label:hover:before {
background: radial-gradient(at top,#fff,#fdb6b6);
    box-shadow: 0 0 0 1px #f00;
}

input[type=checkbox]+label:active:before {
background: radial-gradient(at top,#ffdaca,#ff9485);
    box-shadow: 0 0 0 1px #f00;
}

input[type=checkbox]:disabled+label:before { 
background: white;
    box-shadow: 0 0 0 1px #bac1df;
}


:disabled+label {
color: var(--GrayText);
}

.disabled {
    text-shadow: none !important;
}
input[type=checkbox]:checked+label:hover:after {
    left: -19px;
    color: #D89984 !important;
}
input[type=checkbox]:checked+label:active:after {
    left: -19px;
        color: #c66060 !important;
}
input[type=checkbox]:checked+label:after {
    left: -19px;
    color:#7d86b1 !important;
}
input[type=checkbox][disabled]:checked+label:after {
    background: none;
        color:#a7a2d5 !important;
}
/* Checkboxes from 98.css */


input[type=radio]+label:before {
background: radial-gradient(at top,#fff,#C7CCE5);
    box-shadow: 0 0 0 1px #a0a8c8;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    left: -17px;
    top: 1px;
}

input[type=radio]+label:hover:before {
background: radial-gradient(at top,#fff,#fdb6b6);
    box-shadow: 0 0 0 1px #f00;
}

input[type=radio]+label:active:before {
background: radial-gradient(at top,#ffdaca,#ff9485);
    box-shadow: 0 0 0 1px #f00;
}

input[type=radio]:disabled+label:before { 
background: white;
    box-shadow: 0 0 0 1px #bac1df;
}

input[type=radio]:checked+label:hover:after {
    left: -14px;
    background: #D89984 !important;
}
input[type=radio]:checked+label:active:after {
    left: -14px;
        background: #c66060 !important;
}
input[type=radio]:checked+label:after {
    left: -14px;
    background:#7d86b1 !important;
	    width: 5px;
    height: 5px;
	    top: 4px;
}
input[type=radio][disabled]:checked+label:after {
    background: none;
        background:#a7a2d5 !important;
}

.groupbox {
	border-radius: 3px;
	border: 1px solid #d1d5e6;
		box-shadow: none;
}

.groupboxLabel {
	background-color: unset;
	color: #7d86b1;
    font-weight: bold;
}

::-webkit-scrollbar {
  width: 16px !important;
}
::-webkit-scrollbar:horizontal {
  height: 16px !important;
}

::-webkit-scrollbar-corner {
  background-color: #edecfe !important;
}

::-webkit-scrollbar-track {
background: linear-gradient(90deg,#fafaff,#e3dfff 86%,#a9a3d9);
      border-radius: 0px !important;
          width: 16px !important;
}


::-webkit-scrollbar-track-piece:hover {
background: linear-gradient(90deg,#ebddff,#bab6fd 86%,#ada6ec);

}

::-webkit-scrollbar-track-piece:active {
background: linear-gradient(270deg,#fd8e8e,#ffc4ac 86%,#ffefe8);

}

::-webkit-scrollbar-track-piece:vertical:hover {
          border-left: 1px solid #514eff;
}
::-webkit-scrollbar-track-piece:horizontal:hover {
          border-top: 1px solid #514eff;
}
::-webkit-scrollbar-track-piece:vertical:active {
          border-left: 1px solid #f00;
}
::-webkit-scrollbar-track-piece:horizontal:active {
          border-top: 1px solid #f00;
}
::-webkit-scrollbar-track:horizontal {
          border-top: 1px solid #a0a8c8;
}

::-webkit-scrollbar-track:vertical {
          border-left: 1px solid #a0a8c8;
} 

::-webkit-scrollbar-thumb {
      width: 16px !important;
      height: 16px !important;
border: 1px solid #a0a8c8;
    color: #7d86b1 !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#c0c7dd);
box-shadow: inset 0 -1px 0px #e5e6f9, inset 0 1px 0px #fff;
      border-radius: 0px !important;

}

::-webkit-scrollbar-thumb:hover {
border: 1px solid #f00;
color: #995454 !important;
background: linear-gradient(180deg, #ffe9dd, #fdb6b6 86%, #eca6af);
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff;
}

::-webkit-scrollbar-thumb:active {
border: 1px solid #f00!important;
    color: #c66060 !important;
background: linear-gradient(180deg,#fd8e8e,#ffc4ac 86%,#ffefe8);
box-shadow: inset 0 -1px 0px #f9ebe5 !important;
}

::-webkit-scrollbar-button {
border: 1px solid #a0a8c8;
    color: #7d86b1 !important;
background-color: #ebecfb;
box-shadow: inset 0 -1px 0px #e5e6f9, inset 0 1px 0px #fff;
}



::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement,
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

::-webkit-scrollbar-button:vertical:start {
  height: 16px !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw3LDQiIHdpZHRoPSI3IiBoZWlnaHQ9IjQiPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNyIKICAgICAgICAgICAgICAgIGhlaWdodD0iNCIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQWNBQUFBRUNBWUFBQUJDeGlWOUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBdFNVUkJWQmhYWS96Ly96OEREREF5Z3JqL0dhRmNCaVlvRFpaQXBrRUFMSWtzQUFKd2hVQ01Jb0VBREF3QTNja01DNG5UY0hZQUFBQUFTVVZPUks1Q1lJST0iCiAgICAgICAgICAgIC8+CiAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgICA8L3N2Zz4=) !important;
    background-repeat: no-repeat !important;
    background-position: 45% 51% !important;
      border-radius: 0px !important;
}

::-webkit-scrollbar-button:vertical:end {
  height: 16px;
      border-radius: 0px !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw3LDQiIHdpZHRoPSI3IiBoZWlnaHQ9IjQiPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNyIKICAgICAgICAgICAgICAgIGhlaWdodD0iNCIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQWNBQUFBRUNBWUFBQUJDeGlWOUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBclNVUkJWQmhYWTJSZ1lQZ1B4RmdCMC8vLy8wRUtNQUJJbkFuR0FJdEFBWXdQbGdRQm1BQkNJUU1EQUlmbEV2dEV0Sk1IQUFBQUFFbEZUa1N1UW1DQyIKICAgICAgICAgICAgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: 45% 51% !important;
}
::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
      border-radius: 0px !important;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw0LDciIHdpZHRoPSI0IiBoZWlnaHQ9IjciPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNCIKICAgICAgICAgICAgICAgIGhlaWdodD0iNyIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQVFBQUFBSENBWUFBQUF2WmV6UUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBeVNVUkJWQmhYVFl3QkNnQXdDQUsxLy8vWlphMjJneWdQa3BJd2tGVGN1NEozaVFtR09lOG5pZXl3WE9ybGwxdmFFamlzZ2hBSmVKVlNBZ0FBQUFCSlJVNUVya0pnZ2c9PSIKICAgICAgICAgICAgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: 46% 51% !important;
}
::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
      border-radius: 0px !important;
                background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw0LDciIHdpZHRoPSI0IiBoZWlnaHQ9IjciPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNCIKICAgICAgICAgICAgICAgIGhlaWdodD0iNyIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQVFBQUFBSENBWUFBQUF2WmV6UUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBeVNVUkJWQmhYUlkzSkRRQXdDTU9TN3I4enhaRUFQemdzRGt1cWhod2V3WGFsYXlKZ1pGWW9ocDBBYnEyWXd4SDNSZnFIemhBSElXbFJ4UUFBQUFCSlJVNUVya0pnZ2c9PSIKICAgICAgICAgICAgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: 51% 51% !important;
}

::-webkit-scrollbar-button:active {
border: 1px solid #f00 !important;
    color: #c66060 !important;
background-color: #f89392!important;
box-shadow: inset 0 -1px 0px #fdcab5 !important;
}

::-webkit-scrollbar-button:hover {
border: 1px solid #f00;
color: #995454 !important;
background-color: #ffe9dd;
box-shadow: inset 0 -1px 0px #f9e5e5, inset 0 1px 0px #fff;
}





/* XP style Start Panel */

#Menu.StartPanelMode {
   width: 350px;
   padding: 0;
   height: 440px;
    border: none;
} 

.StartPanelLink {
color: rgb(90, 86, 130);
}

.StartPanelLink > p {
color: rgb(125 134 177);
}

#UserPane {
    background: linear-gradient(180deg,#625f8d,#313140 20%,#222031 20%, #161420);
box-shadow: inset 1px 0px hsl(0, 0%, 0%), inset -1px 0px hsl(0, 0%, 0%), inset 0 1px hsl(0, 0%, 0%), inset 0 2px hsla(0, 0%, 100%, .2);
    font-family: "Tahoma" !important;
text-shadow: 2px 2px #000;
    font-size: 14pt;
    color: white;
    height: 64px;
margin: 0;
font-style: normal;
font-weight: bold;
}

#UserPane span {
    position: relative;
    left: 68px;
    top: 20px;
}

#PlacesList {
background: #222031;
    width: 164px;
    height: 336px; 
box-shadow: inset -1px 0px hsl(0, 0%, 0%);
    margin: 0;
    border: none;
	 padding: 9px 4px 5px 6px; 
}

#LogoffPane {
    background: linear-gradient(180deg,#625f8d,#313140 20%,#222031 20%, #161420);
box-shadow: inset -1px 0px hsl(0, 0%, 0%), inset 0 1px hsl(0, 0%, 0%), inset 0 2px hsla(0, 0%, 100%, .2);
margin: 0;
    height: 40px;
	padding: 4px 5px 2px 5px; 
}

#ProgList {
border: none;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#ced6ee) !important;
     padding: 9px 4px 5px 6px; 
}


.PlacesListLink {
color: #fff;
}


#UserPaneTile {
display: block;
}

#AllProgramsLink .submenu {
left: 139px;
}


#PlacesListSeparator {
box-shadow: none;
 background: linear-gradient(90deg,#0000, #4a486d);
    height: 1px;
}


#ProgList {
    width: 186px;
    height: 306px;
    margin: 0;
}

#MoreProgramsArea {
	background: #ced6ee;
height: 30px;
    width: 186px;
padding: 0px 8px 6px 8px; 
}


#UserPaneTile {
width: 52px;
height: 52px;
display: block;
position: absolute;
top: 5px;
left: 6px;
    background: linear-gradient(180deg,#c8c2e0,#9393b5 20%,#827ab3 20%, #424264);
box-shadow: inset 0 1px hsla(0, 0%, 100%, .2);
    border: 1px solid #4b4164;
    border-radius: 3px;
}

#TilePhoto {
margin: 2px;
}



.LogoffPaneButtonIcon {
    background-image: url(assets/startpanel/lunablue/PowerBtns.png) !important;
}

.LogoffPaneLink {
    color: white;
}

#AllProgramsLink {
    font-weight: bold;
	padding-top: 6px;
    color: rgb(60,60,60);
}



#ProgramsMenu {
    font-weight: normal !important;
}

.StartPanelArrow {
    font-size: 0px;
    background-image: url(assets/startpanel/lunablue/ProgramsArrow.png) !important;
    width: 16px;
    height: 24px;
top: -16px;
}

.StartPanelLink:hover, #AllProgramsLink:hover {
box-shadow: 0 0 0 1px #ff5f43, inset -1px -1px #ffd9ce, inset 1px 0px #ffd9ce !important;
border-radius: 3px;
    color: #995454 !important;
background: var(--globaltoolbar) !important;
}

.PlacesListLink:hover, .LogoffPaneLink:hover {
box-shadow: 0 0 0 1px hsla(250, 20%, 5%, .7), inset -1px -1px #ffffff21, inset 1px 0px #ffffff21 !important;
border-radius: 3px;
    color: #fff !important;
background: linear-gradient(180deg,hsla(250, 20%, 43%, .5),hsla(250, 20%, 22%, .5) 85%,hsla(250, 20%, 13%, .5)) !important;
}



.ListItem {
	width: 100%;
	padding: 0;
	padding-top: 1px;
	top: 0;
	left: 0;
	height: 16px;
}

.DropdownBoxButton::after { 
content: '';
font-size: 0px;
}


.RebarBand {
    box-shadow:  inset 0px 1px var(--ButtonShadow), inset 0px 2px var(--ButtonHilight);
}

#browserbar {
    height: unset !important;
    padding-bottom: 0;
    box-shadow: none;

}
.MenuBand {
    box-shadow: none;
    height: 22px;
}

#InterStandardToolbar {
    height: 28px;
}

.RebarItem {
    height: calc(100% - 2px);
    position: relative;
    display: inline-flex;
line-height: 24px;
    text-indent: 3px;
            left: unset !important;
        bottom: unset !important;
        top: unset !important;
box-sizing: border-box;
    border: 1px solid transparent;
        margin-top: 2px;
    margin-left: -3px;
padding-left: 4px;
padding-right: 4px;
}

.RebarItemIco16 {
top: 4px;

}

#InterGoButton {
line-height: 19px;
    margin-top: 1px;
    padding-right: 4px;
}

#GoToolbarBtnIco {
    background-image: url(assets/iconset/xp/InterGo.png);
            background-position: 0px 0;
        width: 20px;
height: 20px;	
top:0px;
left: 0px;
}

.RebarItem:hover > #GoToolbarBtnIco {
    background-image: url(assets/iconset/xp/InterGo.png);
        background-position-y: -20px;
}

.RebarItemNo1 {
    margin-left: 3px;
}

label[for=addressbar] {
    position: relative;
        top: 0px !important;
}

.RebarBand.MenuBand > .RebarItem  {
        margin-left: -3px;
        margin-top: 0px;
    line-height: 19px;
}

.RebarItem:hover:not(.pressed, :active), .audioplayer-playpause:hover, .window.current > #windowcontent > .MenuToolbars > .MenuBar > .MenuItem:hover {
border-radius: 3px;
border: 1px solid #ff5f43!important;
    color: #995454 !important;
background: var(--globaltoolbar) !important;
box-shadow: inset -1px -1px #ffd9ce, inset 1px 0px #ffd9ce !important;
}

.RebarItem:active, .audioplayer-playpause:active, 
.window.current > #windowcontent > .MenuToolbars > .MenuBar > .MenuItem:active, 
.window.current > #windowcontent > .MenuToolbars > .MenuBar > .MenuItem.pressed {
border-radius: 3px;
border: 1px solid #c2634f!important;
    color: #b14f4f !important;
background: var(--globaltoolbaractive) !important;
box-shadow: inset 0px -1px #ffd8ce, inset 0px 0px #ffe5de !important;
}

.RebarItem.disabled:hover:not(.pressed, :active), .MenuItem:hover {
    border-radius: 3px;
    border: 1px solid hsl(226.45deg 65.96% 63.14% / 50%) !important;
     color: #8290c9 !important;
    background: var(--globaltoolbardisabled) !important;
    box-shadow: rgb(255 255 255 / 72%) -1px -1px inset, rgb(255 255 255 / 72%) 1px 0px inset !important;
}

.RebarItem.disabled:active, .MenuItem:active, .MenuItem.pressed {
border-radius: 3px;
border: 1px solid hsl(229deg 33.38% 58.85% / 50%) !important;
     color: #8290c9 !important;
background: var(--globaltoolbardisabledactive) !important;
box-shadow: inset 0px -1px #ffffff80, inset 0px 0px #ffffff80 !important;
}

#interaddress {
            top: -4px !important;
}

#addressbar {
font-size: 7pt !important;
}


  .ui-tooltip {
    padding: 4px 6px 4px 6px;
border: 1px solid #a0a8c8;
    font-size: 7pt;
    color: #403d5c !important;
background: linear-gradient(180deg,#f9f6ff,#d8dff7 86%,#ced6ee) !important;
box-shadow: 2px 2px 2px #0000007a;
border-radius: 4px;
      animation: none;
  }

.ProgressBar {
		border: 1px solid #c3c8eb;
    border-radius: 3px;
        box-shadow: none;
		background-color: var(--Window) !important;
        padding: 0;
}

.ProgressBarProgress {    
border-radius: 2px;
border: 1px solid #0EAA60!important;
background: linear-gradient(0deg,#5FC084,#9BDFCC 85%,#E3F6F1) !important;

		    box-sizing: border-box;
}

.ProgressBar.segment {
		border: 1px solid #c3c8eb;
    border-radius: 3px;
        box-shadow: none;
		background-color: var(--Window) !important;
        padding: 0;
}

.ProgressBarProgress.segment {    
border-radius: 2px;
border: 1px solid #0EAA60!important;
background: linear-gradient(0deg,#5FC084,#9BDFCC 85%,#E3F6F1) !important;

		    box-sizing: border-box;
}


/* logonui! */



#LogonPage {
background-color: #0f0e14;
/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAGhJREFUOE9jZKAQMAoLSf6nxAywAW/fPWckxxCQXpwGILsMlwUEDQBpxOdCggbAvEW2C0AG4Asfgi6g2Asw23GFA14XEBOt1DOAGNtwqYGnQPQkTWzqxDCAWI0wF4ENoCQ/kJWJkMMDALmlYbCxNlrFAAAAAElFTkSuQmCC); */
background-size: 160px;
background-repeat: no-repeat;
background-position: bottom right;
}

#LogonUIComputerName {
font-family: Tahoma;
font-weight: bold;
font-size: 20pt;
text-transform: lowercase;
position: absolute;
top: 7px;
left: 7px;
color: #282533;
/*   animation-duration: 0.2s;
  animation-name: slidein; */
}

#TopLogonUIBar {
background: #040405;
height: 48px;
position:relative;
border-bottom: 2px solid orange;

  border-style: solid;
  border-image: 
radial-gradient(circle, rgba(255,128,0,1) 0%, rgba(111,27,0,1) 100%);
border-image-slice:
0 0 2 0;
border-image-width:
0px 0px 2px 0px;
border-image-outset:
0px 0px 0px 0px;
}

/*
#BottomLogonUIBar {
background: #040405;
height: 48px;
position:absolute;
border-bottom: 2px solid orange;
bottom: 0;
width: 100%;
  border-style: solid;
  border-image: 
radial-gradient(circle, rgba(255,128,0,1) 0%, rgba(111,27,0,1) 100%);
border-image-slice:
2 0 0 0;
border-image-width:
2px 0px 0px 0px;
border-image-outset:
0px 0px 0px 0px;
}
*/

#LogonPageAccountList {
position:relative;
width: 50%;
overflow-y: auto;
height: calc(100% - 49px);
background: linear-gradient(270deg, #14131a, #0000);
border-right: 1px solid #282636;
}

.UserCell2 {
height: 64px;
width: 100%;
display: inline-flex;
}

.UserCell2:hover {
background: linear-gradient(90deg, #211e33, #0000);
cursor: pointer;
}

#UserCell2Tile {
width: 52px;
height: 52px;
display: block;
position: relative;
top: 5px;
left: 6px;
    background: linear-gradient(180deg,#c8c2e0,#9393b5 20%,#827ab3 20%, #424264);
box-shadow: inset 0 1px hsla(0, 0%, 100%, .2);
    border: 1px solid #4b4164;
    border-radius: 3px;
}
#LogonAccListTilePhoto {
margin: 2px;
}

#UserCell2Username {
position:relative;
top: 8px;
text-indent: 10px;
font-style: italic;
font-family: Arial;
font-weight: bold;
text-shadow: 3px 3px 0px #00000080;
font-size: 16pt;
color: #7d86b1;
}

#LogonPageWelcomeText {
font-family: Arial;
font-weight: bold;
font-style: italic;
font-size: 32pt;
text-shadow: 3px 3px 0px #00000080;
text-transform: lowercase;
position: absolute;
bottom: calc(50% - 20px);
right: calc(50% - 209px);
color: #282533;
}

@keyframes slidein {
  from {
    translate: -250vw 0;
    scale: 100% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }
}

#LogonPagePowerOffBtnIco {
   background-image: url(assets/startpanel/lunablue/PowerBtns.png) !important;
       background-position-x: 24px;

width: 24px;
height: 24px;
position: relative;
margin-right: 4px;
}

#LogonPagePowerOffBtn:hover #LogonPagePowerOffBtnIco {
    background-position-y: -24px;
}
#LogonPagePowerOffBtn {
position: absolute;
top: 0;
right: 0;
font-size: 8pt;
display: inline-flex;
line-height: 24px;
margin: 14px;
cursor: pointer;
font-family: verdana;
color: #7d86b1;
}

#LogonPagePowerOffBtnMsg {
position: relative;
top: 0;
right: 0;
font-size: 8pt;
}
/* boot */

#rimetmIIStartup {
    height: 100%;
    width: 100%;
    background-color: #000;
    position: fixed;
    z-index: 1000000;
    background-image: url('assets/NightmoonWordLogo.png');
    background-repeat: no-repeat;
    background-size: 432px 212px;
    background-position: calc(50% - 15px) calc(50% - 35px);
	color: #fff;
}

#startupTop {
background: url('assets/RimetTeamWordlogo.png');
width: 135px;
height: 19px;
position: absolute;
top: 16px;
right: 12px;
}

#startupBottom {
width: 100%;
background: #000;
background-image: url('assets/NightmoonStartupLine.png');
background-repeat: repeat-x;
background-position: center 0px;
height: 64px;
bottom: 0px;
position: absolute;
font-family: Tahoma;
font-size: 11px;
text-align: center;
text-indent: 0px;
line-height: 18px;
animation: StartupBarAnimation 3s linear infinite;
}

@keyframes StartupBarAnimation {
   from {
     background-position-x: 0px;
   }
   to { 
     background-position-x: 640px;
   }
}

#startupBottom p {
margin: 0;
}

#startupBottom a {
margin: 0;
color: var(--Hilight);
}

.startupAttributedTo {
padding-top: 3px;
font-size: 9px;
}

#rimetmIIStartup .RimetReleaseName {
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    margin-top: 24px;
    margin-left: -95px;
    text-shadow: none;
    font-weight: bold;
    font-family: Arial, helvetica, tahoma, sans-serif;
}

/* syslist */

.SysListIcon {
border: 1px solid transparent;
}

.ListIconText {
	background-color: unset!important;
   outline: none!important;
    outline-offset: 0px!important;
}

.SysListIcon:hover {
border-radius: 3px;
border: 1px solid #ff5f43!important;
background: var(--globaltoolbar) !important;
box-shadow: inset -1px -1px #ffd9ce, inset 1px 0px #ffd9ce !important;
}

.SysListIcon:hover > .ListIconText {
    color: #995454 !important;
}

.SysListIcon:hover.current, .window.current > #windowcontent > .SysList > .SysListIcon:hover.current {
border-radius: 3px;
border: 1px solid #c2634f!important;
background: var(--globaltoolbaractive) !important;
box-shadow: inset 0px -1px #ffd8ce, inset 0px 0px #ffe5de !important;
}

.SysListIcon:hover.current > .ListIconText, .window.current > #windowcontent > .SysList > .SysListIcon:hover.current > .ListIconText{
    color: #b14f4f !important;
}

.window.current > #windowcontent > .SysList > .SysListIcon.current {
border-radius: 3px;
border: 1px solid #ff8167!important;
background: var(--globaltoolbarchecked) !important;
box-shadow: inset 0px -1px #fff, inset 0px 0px #fff !important;
}

.window.current > #windowcontent > .SysList > .SysListIcon.current > .ListIconText {
    color: #c47979 !important;
}

.SysListIcon.current {
border-radius: 3px;
border: 1px solid hsl(229deg 33.38% 58.85% / 50%) !important;
background: var(--globaltoolbardisabledactive) !important;
box-shadow: inset 0px -1px #ffffff80, inset 0px 0px #ffffff80 !important;
}

.SysListIcon.current > .ListIconText {
     color: #8290c9 !important;
}


/* desktop styles */
#DesktopContents .SysListIcon:hover {
	border: 1px solid hsla(250, 20%, 5%, .7) !important;
box-shadow: inset -1px -1px #ffffff21, inset 1px 0px #ffffff21!important;
border-radius: 3px;
background: linear-gradient(180deg,hsla(250, 20%, 43%, .5),hsla(250, 20%, 22%, .5) 85%,hsla(250, 20%, 13%, .5))!important;
}

#DesktopContents .SysListIcon:hover > .ListIconText {
    color: #fff !important;
}

#DesktopContents .SysListIcon:hover.current {
	border: 1px solid hsla(250, 20%, 5%, .7) !important;
box-shadow: inset 0px -1px #ffffff21, inset 0px 0px #ffffff21 !important;
border-radius: 3px;
background: linear-gradient(0deg,hsla(250, 20%, 38%, .5),hsla(250, 20%, 17%, .5) 85%,hsla(250, 20%, 8%, .5)) !important;
}

#DesktopContents .SysListIcon:hover.current > .ListIconText {
    color: #fff !important;
}

#DesktopContents .SysListIcon.current {
	border: 1px solid hsla(250, 20%, 25%, .7) !important;
box-shadow: inset 0px -1px #ffffff21, inset 0px 0px #ffffff21 !important;
border-radius: 3px;
background: linear-gradient(0deg, hsl(250deg 20% 58% / 50%), hsla(250, 20%, 37%, .5) 85%, hsla(250, 20%, 28%, .5)) !important;
}

#DesktopContents > .SysListIcon.current > .ListIconText {
    color: #fff !important;
}

.SysList.SysListView4 > .SysListIcon, .SysList.SysListView3 > .SysListIcon {
padding: 0;
}



.StatusBar {
  border-top: 1px solid #a0a8c8;
    color: rgb(90, 86, 130) !important;
background: linear-gradient(0deg,#f9f6ff,#d8dff7 86%,#ced6ee) !important;
margin-top: 0px;
height: 22px;
}

.StatusBarPart {
padding: 3px 4px;
height: calc(100% - 2px);
}
/* normal pane type */
.StatusBarPart:not(:last-child) {
  box-shadow: inset -1px 0px white, inset -2px 0px #c4c9fb !important;
background: transparent;
}
/* Gripper pane type */
.StatusBarPart:last-child {
	background: transparent;
  box-shadow: none !important;
}

.StatusBarPart:last-child::after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAAXNSR0IArs4c6QAAAN1JREFUOE/l0cFqwkAQBuB/jIRNES99omxBsK7tRXxCDz1IUKgbK+j6SNXsIrQlfzHaW6Ea68k9z87M/43gwicX/setNrCzjEol0A9dqWWwWs4YgofpP9VHJHdkWdZv8HP+kyLkNqNKYqSpqeqtfTkY6OfTDJx7ZfAePWMg0hK3ntAXBYw5w4D0BEqItKstyA0BXskgt5Nj5sdq2nQ6YpLE6HSGB4N8RKUUdDr43cCt5gxhi94+oyhZvI0pDUJrjSi6F7fO/jYgPwiWkIaqpn59vjNqxhC5OxoU/2PwDSGpX6smcmMeAAAAAElFTkSuQmCC);
	width: 16px;
	height: 17px;
}