/*Windows Whistler Luna theme ported to CSS by Ethan and APH, Tab & button CSS from XP.CSS, Original Luna theme by Microsoft*/ 
@import url('lunablue.css');
@import url('assets/iconset/whistler/iconset.css');
/* reuse lunablue code due to theme similarity + this is a variation of it */
/* Custom scheme vars, for custom classic themes */

:root {     
  --Background: rgb(0, 78, 152);   
  --AppWorkspace: rgb(128, 128, 128);
  --ButtonFace: rgb(248, 246, 230);
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(212, 208, 230);
  --ButtonShadow: rgb(128, 128, 128);
  --ButtonDkShadow: rgb(64, 64, 64);
  --ActiveTitle: rgb(82 151 249);
  --GradientActiveTitle: rgb(53 115 214);
  --InactiveTitle: rgb(44 96 178);
  --GradientInactiveTitle: rgb(44 96 178);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(255, 255, 255);
  --ButtonText: rgb(0, 0, 0);
  --GrayText: rgb(128 128 128);
  --TitleText: rgb(255, 255, 255);
  --InactiveTitleText: rgb(189 204 228);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);
  --Hilight:  rgb(49, 106, 197);
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --Menu: rgb(255, 255, 255);
  --MenuBar: rgb(244 244 240);
}

:root {
--3d-objects: #f8f6e6;
--3d-objectstxt: #000;
--activebar: none;
--activebartxt: #FFF;
--inactivebar: none;
--inactivebartxt: #FFF;
--bodybgcolor: rgb(0, 0, 0);
--desktopbgcolor: rgb(0, 78, 152);
--desktopbgimg: url("wallpapers/winxp/Red moon desert.jpg");
--taskbarboxshadow: none;
--taskbarbackground: url("assets/taskbar/lunab2/xptaskbarmiddle.png");
--desktopbgsize: 100% 100%;
--desktopbgposition: center;
--desktopbgtile: no-repeat;
--windowbg: rgb(255, 255, 255);
--windowtxt: rgb(0, 0, 0);
--selectedcolor: rgb(49, 106, 197);
--field: inset -1px -1px #fff, inset 1px 1px rgb(128 128 128), inset -2px -2px rgb(212, 208, 200), inset 2px 2px rgb(64 64 64);
--globalfont: Tahoma, Verdana, Jomolhari, Times New Roman, sans-serif;
--buttonfont: Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
--menu-button: url('assets/taskbar/lunab2/buttons/xpstartbtn.png');
--menu-button-hover: url('assets/taskbar/lunab2/buttons/xpstartbtnhover.png');
--menu-button-pressed: url('assets/taskbar/lunab2/buttons/xpstartbtnpressed.png');
}

/*Theme identifier, control panel*/
#themeDropdownText:after {
content: "Windows XP Beta 2 - Luna";
}

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

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

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

#LunaBlueSchemes {
	display: none !important;
}

#LunaB2Schemes {
	display: block !important;
}


/* fix all the stuff that XP.css broke */


input[type="text"], textarea, .ListBox, #searchResults, input[type="password"] {
	border: 1px solid #7f9db9;
}


#windowcontent {
	    border-width: 3px;
border-image-source: url('assets/frames/lunab2/xpinactiveborderimage.png');  
border-image-slice: 3;
}

.resizeableWinBar ~ #windowcontent {
    border-width: 3px;
	border-image-slice: 3;
    margin: 0;
    margin-left: -2px;
    top: 0px;
    width: calc(100% - 2px);
    height: calc(100% - 23px);
}





.window.current > #windowcontent, .window.forceActive > #windowcontent {
border-image-source: url('assets/frames/lunab2/xpborderimage.png'); 
}


.window_bar {
color: rgb(189, 204, 228);
text-shadow: 2px 2px 3px rgb(10 24 131);
    line-height: 29.5px;
background-image: url('assets/frames/lunab2/xptitlebarleft.png'), url('assets/frames/lunab2/xptitlebarright.png'), url('assets/frames/lunab2/xptitlebarmiddle.png');
}

.window.current > .window_bar, .window.forceActive > .window_bar {
background-image: url('assets/frames/lunab2/xptitlebarleft.png'), url('assets/frames/lunab2/xptitlebarright.png'), url('assets/frames/lunab2/xptitlebarmiddle.png');
color: rgb(255, 255, 255);
text-shadow: 2px 2px 3px rgb(10 24 131);
}

/* since we have imported from lunablue.css, remove everything that is common throughout all luna variants */

.window.maximized .window_bar {
	background-size: 12px 52px, 12px 52px, calc(100% - 24px) 52px;
background-image: url('assets/frames/lunab2/maxtitlebarleft.png'), url('assets/frames/lunab2/maxtitlebarright.png'), url('assets/frames/lunab2/maxtitlebarmiddle.png');
}

.window.maximized .window_bar #close {
margin-right: 6px;
}

#MenuButtonStartText {
        text-shadow: 2px 2px 3px rgb(82 144 12);
}





.tabbutton {
background: linear-gradient(180deg,#fff,#fbfaf9 40%,#f2f1ed 95%,#f1f0eb);
border-radius: 0;
border: 1px solid #b9bfc4;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
line-height: 17px;
height: 20px;
box-shadow: none;
}

.tabbutton:not(.selected):hover {
background: linear-gradient(180deg,#fdf6e6,#fee3a0 40%,#fece6d,#fdc14f);
border: 1px solid #676769;
    box-shadow: none;
}

.tabbutton.selected {
background: #fafafc;
border-color: #d3d2cb;
border-bottom: 1px solid transparent;
border-top: 2px solid #fbb116;
box-shadow: inset 0 1px #e89e00;
top: -3px;
}

#tabButton-1.selected {
margin: 0px -5px 0px 0px;
}

.tabcontent {
box-shadow: inset 1px 1px #fcfcfe,inset -1px -1px #fcfcfe,1px 2px 2px 0 rgba(208,206,191,.75);
background: linear-gradient(180deg,#FEFEFF,#F1F0EB);
border: 1px solid #b3bcc4;
/* width: 382px; */
}

.button, div[id^="mBox-button"] {
font-family: var(--buttonfont);
border: 1px solid #003c74;
background: linear-gradient(180deg,#fff,#ecebe6 86%,#d6d0c5);
box-shadow: none;
border-radius: 3px;
min-height: 21px;
line-height: 21px;
}

.button:hover:not(.disabled, :active), div[id^="mBox-button"]:hover:not(.disabled, :active), button:hover {
    box-shadow: inset 0px -1px #f9b949,inset 0px -2px #f8c752;
}

.button.active:not(.disabled), .button:active:not(.disabled), div[id^="mBox-button"]:active:not(.disabled), button:active {
    box-shadow: none;
    background: linear-gradient(180deg,#cdcac3,#e3e3db 8%,#e5e5de 94%,#f2f2f1);
}

.button.disabled, div[id^="mBox-button"]:disabled, button:disabled {
 color: rgb(161,161,146);
 background: #f5f4ea;
 border: 1px solid #c9c7ba;
     box-shadow: none !important;
	 text-shadow: none;
}

#AboutClose:active {
box-shadow: none;
}

.button:focus:not(.disabled, :hover, :active), div[id^="mBox-button"]:not(.disabled, :hover, :active), button:focus {
    box-shadow: inset 0px -1px rgb(73, 144, 251),inset 0px -2px rgb(98, 161, 255);
    outline: 1px dotted #000;
    outline-offset: -4px;
}


.DropdownBox {
height: 15px;
border: 1px solid rgb(127, 157, 185);
box-shadow: none;
background: #FFF !important;
}

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

.DropdownText {
    display: inline-block;
    width: calc(100% - 14px);
    height: 13px;
    padding: 1px;
    text-indent: 0px;
    line-height: 14px;
    position: absolute;
    margin-left: -2px;
    color: var(--WindowText);
}

.DDcontainer.selected .DropdownText {
    color: var(--HilightText);
    background-color: var(--Hilight);
}

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

.DropdownBoxButton {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFBSURBVDhPrVSxUsMwDBVck8JSBlYWBoYy8///wcAxsdJckxA7iQ16Upy4PZPm2r7eq50n35MsO7n5ZdAVcIu/xnbycAnEaF8bQmHn0JpmMuqdlwci7HI5W9uQ+Sl5PhhBTGWbo3OOXN9R37fiIEaphafpyXsmGx4YxVWtVtk4j5nW4RCMxMQLsyyXAMagzekgoD2KMlhuYECe34mGMQDxqRom/4Co2VMGY2qVGev1/TAj0eN1gYAYOT5+JZ/EwLrey4IAPMfxQD9cnbEiIrgfVlZVhUQxxvoxAW12vOcjluUuqQulJVGPUlmWEUYLK5ql5x7xOBrhhmrz+Mp3A+X6/0OOd20rdJ2+IvI9ev/4pA2fMt4dZDoJXuO5mtYamb+8vqnRd1FQtfuipq5Y1z3PQXNha56enre0eXhUI4leBKI/tcFk4ZbeDdMAAAAASUVORK5CYII=");
    background-size: 18px;
    width: 18px;
    height: 19px;
    right: -4px;
     top: -2px;
    background-position: 0 0;
    box-shadow: none;
}

.DDcontainer:hover .DropdownBoxButton {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEjSURBVDhPrZQxTsQwEEWHxKFC21LQINFScgHuRMclVpyJO0CDkJCgoSObtRPHDp5vO2vvBgiEL/04M2O9sSdSjgYn+gcV/JCtRrBEANXbFsESAdQbi2CJAOIx/dWtkjvQTjz3+e5aSWpbu/cRlHcpijKLp/LGGDK9pr7vQDi4WlkKFHj9Pm/JWmcHZI2geCqtfQeWEBVyvEZx3YOifd6DALGju06hyKqq4/BGyKf7oll+Ri6w1mRWqkEpiuP9PfCQXS06PfJAUm6widf9WmoWQBjaF26aj8l89GATEE/J4UKH/P5zzApXOzzuLIcvnYCmO/1sBvkT4X/0cn9Dp+IZid9KizM6ubrzoPe3B1o9rqmon0J5vl4vbun88tqDQm6BiD4BU1vx1aTBMLMAAAAASUVORK5CYII=");
}

.DDcontainer:active .DropdownBoxButton {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFnSURBVDhPrVQ9T8MwFDzbSeykERsTgnbgc+aPMyH+B6WwNC0DA10ZoEJqeR9OmkZtiQQXnZ/jez6/WHoxawL+AWI0njzi+2OB1WoFY0yUDsNYizTz8D7g4uZWje7uHzA6DiJYl/Qy45wkSRHyAien57C8+Llcwocc+aBEQazjPrLODMUANknEWIysc0jSjE7I4OgUR1VxZfvIuuY4ONsyUhjwrfPd96VsiGgZbXA2vIyzbexbZ4hR+5Q6mWOfdSajVZF8GF7nL/pKGI6uaFzHqFBdcxUto+4J89mziIzh6DrOIOtbufFhaEVtMXJWTUSqwe/dHBqawrQiZieJWU2fWJa4S6/JiHckVjtZTcc71xWb+eaO+Omc1JeNUd1b/dpVoVtMs1eNrIMlckf3oRVSe1CLcGyMjspSmtb7HMEXv9KHSMpPsyBG8ht5e18gwZc2Ilcm0gHQ5xhDVVHMixJp6tUoyn8A8AMf3CQ+lgnTsAAAAABJRU5ErkJggg==");
}





.TaskbandIcon {
    top: 22%;
}

.nonNativeStartPageTxt {
font-family: 'Tahoma';
font-weight: bold;
color: rgb(212,250,255);
font-size: 20pt;
}


.nonNativeStartPageBlurb {
color: white;
font-family: 'Tahoma';
font-size: 14pt;
}


.NonNativeStartScreens {
    background: linear-gradient(rgb(123,162,231), rgb(99,117,214));
}


.taskband {
    background: url('assets/taskbar/lunab2/taskbands/xptaskband.png');
        height: 30px;
        bottom: 3px;
    	line-height: 30px;
		margin: 2px 0 0 -4px;
}

#taskbandContainer {
    bottom: 0px;
    height: 30px;
    overflow-y: hidden;
}

.taskband:hover {
	background: url('assets/taskbar/lunab2/taskbands/xptaskbandhover.png');
}

.taskband:active {
	background: url('assets/taskbar/lunab2/taskbands/xptaskbandactive.png');
}

.taskband.current {
	background: url('assets/taskbar/lunab2/taskbands/xptaskbandactive.png');
}

.taskband.current:hover {
	background: url('assets/taskbar/lunab2/taskbands/xptaskbandactivehover.png');
}

.taskband.current:active {
	background: url('assets/taskbar/lunab2/taskbands/xptaskbandactive.png');
}





#close::after, #maximize::after, #minimize::after, #help::after {
display: none;
}

/* active versions */
.window.current > .window_bar > .winBarButton {
background-position-y: 0px;
}

.window.current > .window_bar > .winBarButton:hover:not(.disabled) {
background-position-y: -21px !important;
}

.window.current > .window_bar > .winBarButton:active:not(.disabled) {
background-position-y: -42px !important;
}

.window.current > .window_bar > .winBarButton.disabled {
background-position-y: -63px;
}


/* inactive versions */
.winBarButton {
/* Link to spritesheet image */
background-image: url('assets/frames/lunab2/xpcaptionbuttons.png');

top: 4px;
background-position-x: -21px;
background-color: transparent;
background-position-y: -84px;
box-shadow: none;
width: 21px;
height: 21px;
}

.winBarButton:hover:not(.disabled) {
background-position-y: -105px;
}

.winBarButton:active:not(.disabled) {
background-position-y: -126px;
box-shadow: none;
}

.winBarButton.disabled {
background-position-y: -147px;
box-shadow: none;
}




/* close button */
#close {
background-position-x: -42px;
		margin-right: 2px;
				margin-left: 3px;
}

/* css for max button */

#maximize {
        background-position-x: -21px;
}



/* css for restore button */
.window.maximized .window_bar #maximize {
        background-position-x: -63px !important;
}

/* css for min button */

#minimize {
	right: 3px;
        background-position-x: 0px;
}

/* end of min */

/* css for help button */



#help {
        background-position-x: -84px;
}


/* end of help */

#Menu, .submenu {
background: white !important;
border: 1px solid rgb(172, 168, 153);
}


.watermark {
	bottom: 33px !important;
		right: 15px !important;
}

#LogonUI .watermark {
	bottom: 3px !important;
		right: 15px !important;
}

.watermark > strong {
	bottom: 30px !important;
}

/* inter */
.RebarBand {
    box-shadow: inset 0px 1px #808080, inset 0px 2px #fff;
}

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

/* Systray */
#SysTray {
background: url(assets/taskbar/lunab2/taskbartray.png);
}

.ToolbarIcoImg {
top: 25%;
}

.QLToolbarBtns {
    width: 23px;
            height: 30px;
        bottom: 3px;
    	line-height: 30px;
    display: inline-flex;
    margin-left: -4px;
    position: relative;
	box-shadow: none;
background-image: url(assets/taskbar/lunab2/taskbartoolbarbtn.png);
background-position: 0 0;
}

.QLToolbarBtns:hover {
box-shadow: none;
background-image: url(assets/taskbar/lunab2/taskbartoolbarbtn.png);
background-position: 0 -30px;
}

.QLToolbarBtns:active {
box-shadow: none;
background-image: url(assets/taskbar/lunab2/taskbartoolbarbtn.png);
background-position: 0 -60px;
}

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

.TaskbarFolderToolbar {
 margin-top: 3px;
}

input[type=checkbox]+label:before {
box-shadow: 1px 1px 2px #00000073 !important;
    border: 1px solid rgb(0 59 116);
    background: linear-gradient(180deg,rgb(219 219 213),rgb(255 255 255));
}

input[type=checkbox]+label:hover:before {
    box-shadow: 1px 1px 2px #00000073, inset 0 0 0 1px rgb(253 207 155) !important;
}

input[type=checkbox]+label:active:before {
    background: rgb(208 207 197);
}

input[type=checkbox][disabled]+label:before {
    background: rgb(245 244 234);
    border: 1px solid rgb(201 199 186);
}

input[type=radio]+label:before {
box-shadow: 1px 1px 2px #00000073 !important;
    border: 1px solid rgb(0 59 116);
    background: linear-gradient(180deg,rgb(219 219 213),rgb(255 255 255));
}

input[type=radio]+label:hover:before {
    box-shadow: 1px 1px 2px #00000073, inset 0 0 0 1px rgb(253 207 155) !important;
}

input[type=radio]+label:active:before {
    background: rgb(208 207 197);
}

input[type=radio][disabled]+label:before {
    background: rgb(245 244 234);
    border: 1px solid rgb(201 199 186);
}

input[type=radio]:checked+label:after {
    left: -13px;
background: #07A505 !important;
	    width: 5px;
    height: 5px;
	    top: 5px;
}
input[type=radio][disabled]:checked+label:after {
        background:#C0BFB5!important;
}


/* XP style Start Panel */

#Menu.StartPanelMode {
   width: 360px;
} 

#PlacesList {
    width: 180px;
}

#LogoffPane {
    height: 40px;
    box-sizing: border-box;
}

#UserPaneTile {
display: block;
}

#ProgList, #MoreProgramsArea {
    width: 180px;
}

#AllProgramsLink {
		    padding-top: 6px;

}

#UserPaneTile {
width: 56px;
height: 56px;
top: 6px;
left: 6px;
background: url(assets/startpanel/lunab2/UserTileBackground.png);
}

#UserPane {
background: none;
border-image-slice:
9 49 43 40 fill;
border-image-width:
9px 49px 43px 40px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/lunab2/UserPanel.png);


    font-family: "Franklin Gothic" !important;
text-shadow: 2px 2px 2px rgb(9 66 139);
    font-size: 14pt;
    color: white;
    height: 64px;
margin: 0;
font-style: normal;
font-weight: normal;
}

#ProgList {
border-image-slice:
3 10 1 10 fill;
border-image-width:
3px 10px 1px 10px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/lunab2/ProgramsBackground.png);
    margin: 0;
    height: 306px;
    width: 180px;
     padding: 8px 8px 8px 8px; 
}

#MoreProgramsArea {
border-image-slice:
0 16 3 11 fill;
border-image-width:
0px 16px 3px 11px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/lunab2/MoreProgramsBackground.png);
height: 30px;
width: 180px; 
padding: 0px 8px 4px 8px; 

}

#PlacesList {
border-image-slice:
5 10 10 5 fill;
border-image-width:
5px 10px 10px 5px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/lunab2/PlacesBackground.png);
    margin: 0;
    width: 180px;
    height: 336px;
 padding: 8px 8px 8px 8px; 
}

#LogoffPane { 
padding: 0px; 

border-image-slice:
5 70 1 70 fill;
border-image-width:
5px 70px 1px 70px;
border-image-repeat:
stretch stretch;
border-image-source:
url(assets/startpanel/lunab2/LogoffPane.png);
    height: 40px;
    margin: 0;
}

#TilePhoto {
margin: 4px;
}


/* Windows Whistler Beta 2 Luna scrollbar */
/* Partially based off of 98.css */
/* by aph6000 */
/* 8/20/2024 */


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

::-webkit-scrollbar-corner {
    background-image: url(assets/comctl/lunab2/resizegrip2.png);
    background-color: var(--ButtonFace);
}

::-webkit-scrollbar-track {
    background-image: url(assets/comctl/lunab2/scrollshaftvertical.png);
      border-radius: 0px !important;
          width: 17px !important;
}

::-webkit-scrollbar-track:horizontal {
    background-image: url(assets/comctl/lunab2/scrollshaftvertical.png);
      border-radius: 0px !important;
          width: 17px !important;
}

::-webkit-scrollbar-thumb {
      width: 17px !important;
      height: 17px !important;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAICAYAAAA870V8AAAAc0lEQVR4AQFoAJf/AKzC8v+swvL/rMLy/wCov/H/p7/x/6i/8v8Aorzx/6K88f+ivPH/AJ248P+duPD/nLjw/wCWtO//lrTu/5a07/8AkLHu/5Cx7v+QsO7/AIut7f+Lre7/iq3t/wCFqe3/hqnt/4Wq7f/8C03ETkYKdwAAAABJRU5ErkJggg==);
      border-image-slice: 7 7 7 7;
border-image-width: 7px 7px 7px 7px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAACF0lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMYv37py/dd3DN8crORuFFdbRO7tsdOVpB7Wty/cmOZ9w7cX5vzYvqxFbwoGsqUxvR7v7gZ9w3cd9u41/r5Hbw8Bs66s5m5Y5zK/4t7rnYeJmHL6gAw8i/FQBVEv8OSKLy7wNABWhpQDybAfH2r7kjnunHf/eSuUw8mwGoAFMDy2AQYAE2DzQ2ACHMswgAKsDQAIwAI8A8t7EZYQwIMAACoAKMkzEgwCSSwDyHoQEGMEgAiASgAgyTAUBgAJvnNozmMgE2AiwAqABDMzYIYQCZ5zY0A0I25lkAqADDaAxIYAAMiAcaRiMBGAAjhAGoAEMDBGAAMIB5oLEBMhgQYIMAoAJMaUBgQOYK8Tk/dM4YEEzJZcaIZwGg2qYlgLnMPJN5FgOY5wPbVP59AKgAw2j+jQCo53ZXPOLGjn+4beBf66HXVvYPJ+o9+4U3fKk5+0fJk+8eeVE99NrKm7zsBs+4YPT3T186I7h+Jzl1bMaL6uzFNfceBJHJPwLTrcCDGp6hmQAAAABJRU5ErkJggg==");
border-style: solid;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
      border-radius: 0px !important;
}

::-webkit-scrollbar-thumb:hover {
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAB40lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMYv3bZ6x9w/Fgcx7MOvGiGps5XCV3XEh07tLg7UVw8cAcrpMX1UYvTmwFB6tEy/Xk3YNkf2X+tTZn4tR2UGddcPFw4t/i0pG5/mSlAkyNfysAqiT+HZBE5d8HgAqQ5vl66YfOxTP99dNW5nkBUAFaggUYBFiAeQ5Tcpl4AAFABZgSwFwhwDy3luZ5CYAKMKUxIMAY8bzG5HkIA1ABxsYVAgOY5zE2rhBgEGABQAUY0xgQwgCY5zamASGMeRYAKsDYwIAw5vkbGwhzPwMCACrAmPyLpuT5AaACTGlAXGGuED/x54fmmabkMmPEswBQbdMMYJ6TeU7m+cA2lX8fACrAOPFvBUA9Wk08+FTwxLONf60HHw+GMalPO2te/IbK4do89ULyonrIieClbu540j0N/e0z1gZ42DXBYlZ4UR2tGk87mwD8I6l0oF2DNx8eAAAAAElFTkSuQmCC);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAICAYAAAA870V8AAAAc0lEQVR4AQFoAJf/ANDe+P/Q3vj/0N74/wDN3Pj/zNz4/83c+P8Aydr4/8na+P/J2vj/AMXY9//F2Pf/xNj3/wC/1ff/v9X2/7/V9/8AutP2/7rT9v+60/b/ALbQ9v+20Pb/tdD2/wCxzvb/ss72/7HO9v93P1VF/GIf1gAAAABJRU5ErkJggg==");
}

::-webkit-scrollbar-thumb:active {
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAAAXNSR0IArs4c6QAAAiNJREFUOE+tlN9LFFEUx79nUlezh2gtZWodwpforcf+hZ6kfIgiUqKiyCi0h90s11A3aPtlUKAPGVFEGEgP/QP9AVIQBLahTo6ahBbY7rLt3Dj33J0d32at+zD3zj3f+znfc+/coY/zRQUAO+qKcNqaeRipfV3cQF7FtJYYov6UcO/1GnJzhUgAFjmJGHqP7sL25npQzl1XD97+xqfP+ciAinB/ewNGultA5XJZHemfrxlQWfAu6wikM+VuGTI9mvhPEKWU6kxxORbA50S+cWUB8M0cT/E7v/qgkO/pUQfEkK4bLjZF9KEDb4bbA/2xgQWlNTpRtZ+6lRDIiSFXYkS6ryhfDSYCyPH0guK4xPhJYPXLmwbSc/sblM8JLJFYUtKzZBVyOuMqLol832DE7WRqnzg5n/VkhkweU87Etb2Bk7N3FmXWmNEdAeN9tkAuP1wKlapAFuk9fXTFDiCXxjzeUymH45qnMNZrIP1PVvRJSBJzKgDuXqxC+h57nHjTvnJ52Qut4mRgYgW+Was7M86cawucJMeX9Z5YYkeaBQyfMZChSXYi34E0FlpI9+wJIOmnDDErQ7rBbgMZeb4aAtQ2vH5qt5TzzxC+gJkXP2pLH1InT8blAt6f2jrkalcc5K3m1UyuiLmlUs1u7JY6HD7YCHr/YU0dcBoxM1uC+z06yI5vw6GOGGaXC/KP/fmriA67Aa076yO7Wd8o44tXQFNTDH8BQrn/0gGyb0IAAAAASUVORK5CYII=);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAICAYAAAA870V8AAAAAXNSR0IArs4c6QAAAFNJREFUGFdjDK559J+RgYEBRDBGNj76z8DAyPCf4T8DY3z74/8MIPCPgYExtfvpfzCLgYmBMXfCM7AMiGAsnvYCogzEqZ714j9EERMDY8P8V3AZAJ2vHeUlZJfHAAAAAElFTkSuQmCC");
}

::-webkit-scrollbar-thumb:disabled {
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAWCAYAAAAmaHdCAAAAAXNSR0IArs4c6QAAAQlJREFUOE/tlL9LQlEUx7/3PsqeSpoggqCDzVJDW0vp1t5W/nHZ3tDqjzFoKaMpAgnhTSJP7fp80jtHKu6U4HlDUOCZz/lwvl/O+aqnt5DHkxD7xW0UsluQlm8ivHpzuG4C6mVguFxIYDRltB6NlIH6QRK5tMZgGEIF8w8evRPavZkYYBtPqi7yGQeKiLjzYOD5UWxIcc9B7TD1DbnuTmID7MDF6e5/gTTqWWXXvmr7vErzWjkbyE/bxJ4wMzc745XHJoFc1jJQvw6R/MLaTcSQv/OA09mCb+7iB5KVen6chvrM2FJO4/ZeHo0WcHaUgucT1HM/YNIalbxGcseRePnVY4II/SFBE2EJ+nnTOXXm+WEAAAAASUVORK5CYII=);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAICAYAAAA870V8AAAAAXNSR0IArs4c6QAAABNJREFUGFdjXLT3w38GKGCkHQcAxd8aedvbahEAAAAASUVORK5CYII=");
}

::-webkit-scrollbar-thumb:horizontal {
      width: 17px !important;
      height: 17px !important;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAAXNSR0IArs4c6QAAAEBJREFUGFdNi7ENwDAMw5j/X+kVPalbbTkqnGToIIASqHHdj1UQZUK/lMmC0UKekjKvJlGQ6ngL6vcaW2j24hB86tlBVOQewZwAAAAASUVORK5CYII=);
      border-image-slice: 7 7 7 7;
border-image-width: 7px 7px 7px 7px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAAXNSR0IArs4c6QAAAb1JREFUOE+llE1KA0EQhV87iWjUIDEqorhzLbiWLAWXrnXtPTyDd9CDeARdiUSEYBSDCSRxzHR1l1RNj8bEnzEOhElCzTfVr149c3Ub83TRY3WxiIVSAXIZY/Se52Lm97Jun3D3zJjyHqbejHlpPsJN0+Kh7ZDYD5zzDPJAQoB1HgMCEsuwjpE4gBzD+bRe/t+oRtjfKaFvDUwvJq7fJ3jsOCTEI+D04SSArGUMpMYBluSln8FSt16JcFQrwXjv+eLyJYV+A5YOBy7tSmq+61jAA8s4PV7OB9aOs04Frr8B6xl+SIo/gKU7A8r0HZJBIOQAmUOm8R/BMrhUV5VCvusAoYOdCHywW/7RdyfnLR52Re6OfwWftdgFG2enyTW8X8GTdizHFH31QwgeDo5QH0+osQzGCly9C/VoZj150VcLkksK6TjdPFlrH5wBhcspRlc69/AyKRQuOaFWC3cBE+BCCI0Nr9Oz3HgiNJ/py5WW7RIpdNMoZIVIo6cZ13izWsBhbRbmuhHzWiVCvUlotGg83USGEDrpWqcLouk2EkJb60Xsbc+gHRsYzeOCx8piEeW5/+Vxq/OKh26kefwGGNC5J7ytWu0AAAAASUVORK5CYII=");
border-style: solid;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
      border-radius: 0px !important;
}

::-webkit-scrollbar-thumb:horizontal:hover {
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAAXNSR0IArs4c6QAAAWtJREFUOE/VlE1OwzAQhZ9DW0qh3bCiAgkklggOAJyH03GTnoAFiEWlIkiqNOpP4ngGje2koS30b4U3lu3kG8/zzFODSHPtgHHSDNCoB5ChlLLzJoOZy88yTXgZGPTDHCpKNLcaCmFCiCeE3MxxxIBh2L2cGBkB2rBda3J7ci5D58BZR+Huoo7+kKBSbTgaGSQz+cH9VAwL9gALMkBGDG0DLYNTYnTbAR6u61BExG8f2gHWgAWo6fcbCzjNgafH1pZgH9wFcEEkq0KKrcCSspH0rb5eW+PW9sw/nmi8J7iq8Y7g26vmn3X33BtztSo2vvH/A8uLF48nc+bLbV7HO2pswdIkUt8rwT87b2ON553narYsOR9osaW3AlelqILX1vE0NRyPCaOpGNCyVxRSrPaKZY3POwHuxSu+Ys3tI4UoIQzHK9zNd5ikXXhF2YEL7nZ5GuCmW8N7SFCFHx83Axzu6ceTWY7XT7Z+/A1o8Hb10htwjwAAAABJRU5ErkJggg==);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAAXNSR0IArs4c6QAAADtJREFUGFdFzMENACAMAkDcfzkncA5jpRhsjK+S5qD1McUEdgKRQvBf/5qBQyFhUQhnVumCt1CgFgwMD662OmEhEWwuAAAAAElFTkSuQmCC");
}

::-webkit-scrollbar-thumb:horizontal:active {
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAAXNSR0IArs4c6QAAAdxJREFUOE+1lMFKG1EUhv977r3n3lokKrgwtCgpgi3duBFcufUxXPsUCoX2HdpV3iCLUukrFLroSowKVo2o2MaAJCYkU869mUacxAlIZjOHmeG7Z/7//Ed9/9FIulpj9TVhfo6RXkT0v84rer1e+OS63ka11kKzpaG+/bxLZn2Cz1//4qzWAXMECtcYAhuAjQI7gmepdbhbDRg9ONw74E3RYn3F4+SmA1X93Uh2ynVcXHZgBfAQrAnWKjgDOCawi7U38pxg9OBfBPyCFUoLFmvvpqC63W6ysX0cgBnww46Z4JyCl0OeAHsmbG3OjAYrkt8lsBWQgnXU71zgozvOBYt5JtVXZJBOrYr6GgNnexmNRYrxwFogCBKwiVKIxqG2WfPGBAOVj0vqqVH7UL5K0vepefkdK6DyaRJgmlTHYp5oLHMcgkHwVuY81Xj4HOdLIckLAZFwRPN8MBFh5t2Q5I1tnkRaQiOBYCfzLIfoEJJRycvvWBGMjXtiAI6y2DBuOVIcnzeS3fItTmvtR5GOAZFlI8EIuyLVO0gxHLz8yuF9ieN2KxYSfNlr4OCwlVlCIXFpQIJ51JciG5C3i4y1FYf90w7Ur5P7MOQvqYml4vSz9vHlnzaOai0UZqbwD2OvpYCCcZwxAAAAAElFTkSuQmCC);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAAXNSR0IArs4c6QAAAEdJREFUGFcdjMENwCAMxJw0d7AfHYcuyyJU8LNkyzG+tVXQKrCTpqA56ZVIEO9cWzoSXND13PBwUxJjrm2BHbiSfuNzACn5AS9fCRwyDSVMAAAAAElFTkSuQmCC");
}

::-webkit-scrollbar-thumb:horizontal:disabled {
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAYAAADZsVyDAAAAAXNSR0IArs4c6QAAAOhJREFUOE9jvPTw538O5j8MsqLsDOysTAzEAEZGRhRl////B/N//vrHcPvlXwamf/8YGE/e+PRfT4GL4fWnvwy3nvxiePb+LzFm41TjZcLN8OzDPwbGt59+/f/xi4Fh78VvFBmIrDnQgpuB8e/fv/+XHvhMNUNBBsU48o0aDAlRgkER5yyAmq7QYmLR3g+QdIYGhqHB5KZBgkExwgx+9vbHfwYGZoY9F76S63MMfUGW3AyMhy9/+m+qzsXw9tM/husPfzI8+0BZ6eZrxs3w+N0/BkZwecwELY/ZKCuPv/74w3D/9X9weQwAnhanMw5PqMEAAAAASUVORK5CYII=);
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAAXNSR0IArs4c6QAAABNJREFUGFdjXLT3w38GPICRYgUAdOMJ7tJW5MYAAAAASUVORK5CYII=");
}

::-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;
}
/* up arrow */
::-webkit-scrollbar-button:vertical:start {
  height: 17px !important;
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:vertical:start:hover {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
         background-position: 0px -17px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:vertical:start:active {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
         background-position: 0px -34px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:vertical:start:disabled {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -51px !important;
      border-radius: 0px !important;
}
/* down arrow */
::-webkit-scrollbar-button:vertical:end {
  height: 17px !important;
      border-radius: 0px !important;
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
    background-position: 0px -68px !important;
}
::-webkit-scrollbar-button:vertical:end:hover {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
         background-position: 0px -85px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:vertical:end:active {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
         background-position: 0px -102px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:vertical:end:disabled {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -119px !important;
      border-radius: 0px !important;
}

/* left arrow */
::-webkit-scrollbar-button:horizontal:start {
  height: 17px !important;
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -136px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:horizontal:start:hover {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
         background-position: 0px -153px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:horizontal:start:active {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
         background-position: 0px -170px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:horizontal:start:disabled {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -187px !important;
      border-radius: 0px !important;
}
/* down arrow */
::-webkit-scrollbar-button:horizontal:end {
  height: 17px !important;
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -204px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:horizontal:end:hover {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -221px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:horizontal:end:active {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -238px !important;
      border-radius: 0px !important;
}
::-webkit-scrollbar-button:horizontal:end:disabled {
      background-image: url(assets/comctl/lunab2/scrollarrows.png);
     background-repeat: no-repeat !important;
              background-position: 0px -255px !important;
      border-radius: 0px !important;
}

/*Rimet XP theme*/