@import url("fonts/System.css");
@import url("assets/imports/3xscroll.css");
@import url("assets/iconset/32xFix.css");
@import url('assets/imports/3.xLogonBox.css');
@import url('assets/imports/msstylesAppearancePreview.css');
@import url('assets/iconset/win3x/iconset.css');
@import url('assets/imports/3.xAbtBox.css');
/* Windows 3.x theme ported by aph, original theme by Microsoft */

/* Custom scheme vars, for custom classic themes */
:root {     
  --Background: rgb(33, 29, 48);
  --AppWorkspace: rgb(30, 29, 45);
  --ButtonFace: rgb(239, 240, 255);
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(242, 239, 255);
  --ButtonShadow: #A0A8C8;
  --ButtonDkShadow: rgb(97, 91, 128);
    --ActiveBorder: rgb(242, 239, 255);
  --ActiveTitle: rgb(43, 40, 63);
  --GradientActiveTitle: rgb(73, 71, 106);
      --InactiveBorder: rgb(242, 239, 255);
  --InactiveTitle: rgb(60, 51, 77);
  --GradientInactiveTitle: rgb(92, 74, 130);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(153, 84, 84);
  --ButtonText: rgb(102, 110, 149);
  --GrayText: rgb(167, 162, 213);
  --TitleText: rgb(255, 255, 255);
  --InactiveTitleText: rgb(69, 65, 102);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(18 18 30);
  --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 {
		--3d-objectstxt: var(--WindowText);
        --activebar: linear-gradient(90deg, #2B283F, #49476A);
		        --inactivebar: linear-gradient(90deg, hsl(261, 20%, 20%), hsl(261, 20%, 35%));
	    --activebartxt: var(--TitleText);
		--inactivebartxt: var(--InactiveTitleText);
		--desktopbgimg: url("wallpapers/rimet/AlwaysGraySquared.png");
--desktopbgsize: initial;
--desktopbgposition: initial;
		--Windowbg: var(--Window);
    --field: 0 0 0 1px rgb(162 168 199);
		--globalboxshadow: inset -1px -1px var(--ButtonShadow), inset 1px 1px var(--ButtonHilight), inset -2px -2px var(--ButtonShadow), inset 2px 2px var(--ButtonHilight);
		--globalboxshadowactive: inset -1px -1px var(--ButtonFace), inset 1px 1px var(--ButtonShadow), inset -2px -2px var(--ButtonFace), inset 2px 2px var(--ButtonFace);
		--globalmenushadow: inset -1px -1px var(--ButtonShadow), inset 1px 1px var(--ButtonHilight), inset -2px -2px var(--ButtonShadow), inset 1px 1px var(--ButtonHilight);
		--globalfont: Arial, Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
		--buttonfont: var(--globalfont);
        }

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

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

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

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

#NMClassicSchemes {
	display: block !important;
}


.window_bar span {
    font-family: 'Arial';
	font-weight: bold;
    	margin: 2px;
	margin-top: 3px;
    position: relative;
    top: 1px;
	padding: 3px;
	padding-bottom:2px;
	padding-top: 2px;
	       background-color: #12121E !important;
				box-shadow: inset 0px -1px #030305, inset 0px 1px #2B2B49;
}

.resizeableWinBar strong {
    font-family: 'Arial';
	font-weight: bold;
    	margin: 2px;
	margin-top: 3px;
    position: relative;

}

.resizeableWinBar {
height: 18px;
    margin: 4px !important;
font-size: 8pt;
    border: 1px solid var(--WindowFrame) !important;
            margin-bottom: 0px !important;
			box-shadow: inset -1px -1px #191826, inset 1px 1px #675E96;
}

.window_bar {
height: 18px;
margin: 2px;
    margin-top: 2px;
margin-left: 2px;
    margin-right: 2px;
font-size: 8pt;
    border: 1px solid #12121E; 
    border-bottom: 1px solid var(--WindowFrame);
            margin-bottom: 0px !important;
						box-shadow: inset 0px -1px #191826, inset 1px 1px #675E96;
    text-align: center;
    line-height: 16px;
}

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

#close {
    float: left;
    right: 2px;
	width: 20px !important;
	height: 18px !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAFCAYAAAB1j90SAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA+SURBVChTY+zPmPOfgQSw9ew6MA3WCOMQA159fMnAzc7DwATlkwwYXUy9/oNMIQWAbARr/PrjK1SIWMDAAADsxBW1DY/9WwAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-size: 14px 5px;
background-position: 3px 7px;
}

#progmanMDI-bar #close {
			  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA5SURBVBhXY+zPmPOfAQfYenYdmGZB5qCDVx9fMnCz8zAwQfl4AaOLqdd/kA5cAG4SiIELMzAwMAAABD0PVaz2BO8AAAAASUVORK5CYII=");
			  background-repeat: no-repeat;
background-size: 9px 5px;
background-position: 6px 7px;
}

#close:active {
background-position: 4px 8px;
}

#progmanMDI-bar #close:active {
background-position: 7px 8px;
}

#minimize {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA9SURBVBhXY+zPmPOfAQq2nl0HplmQOa8+vmTgZudhYALz0ADzX8Y/DSAVX39+BQuwsbBBVIK0wDADAwMDAGymEmyZDe91AAAAAElFTkSuQmCC");
background-repeat: no-repeat;
background-size: 5px 5px;
background-position: 5px 7px;
}

#minimize:active {
background-position: 6px 8px;
}

#maximize {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABCSURBVChTY+zPmPOfgQDYenYdmAYrhnFwgVcfXzJws/MwMEH5RIFRxciA0cXU6z8oHAkBUDiDFX/98RUqhA8wMAAAG8EVwScD8igAAAAASUVORK5CYII=");
background-repeat: no-repeat;
background-size: 11px 11px;
background-position: 2px 4px;
}

#maximize:active {
background-position: 3px 5px;
}

#help {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABxSURBVChTY3Qx9frPAATexkEgCgXM3zedQYxfHMwGK4QpAknAQKJTJpiGKWYC84AApggkCDMFGYAVIisCAWw2gBUim4KuCCYOtxoEcCkCAbivYeDVx5dgGlkRCGCYCPItuiIQQFEIAzBTkQGRVjMwAAA8TSjNyshKjwAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-size: 10px 10px;
background-position: 2px 4px;
}

#help:active {
background-position: 3px 5px;
}

.window.maximized .window_bar #maximize { 
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA8SURBVChTY+zPmPOfAQfYenYdmGZB5qCDVx9fMnCz8zAwQfl4wWBUxOhi6vUf5AtcAO47EAMXZmBgYAAAvOwPXSdFtVYAAAAASUVORK5CYII=");
background-repeat: no-repeat;
background-size: 9px 9px;
background-position: 3px 5px;
}

.window.maximized .window_bar #maximize:active { 
background-position: 4px 6px;
}

.winBarButton {
			  background-color: #44354A;
			  			box-shadow: inset -1px -1px #2E2633, inset 1px 1px #8F689C!important;
        height: 18px;
    width: 14px;
    top: 0px !important;
}
.winBarButton:active {
			  			box-shadow: inset -1px -1px #8F689C, inset 1px 1px #2E2633 !important;
}

.winBarButton.disabled {
display: none;
}


.button, div[id^="mBox-button"], button {
      color: rgb(102, 110, 149);
  background-color: #D8DFF7;
			box-shadow: inset -1px -1px #C0C7DD, inset 1px 1px #F9F6FF;
  border: 1px solid #A0A8C8;
  border-radius: 0px !important;
  font-weight: bold;
  font-size: 8pt;
    line-height: 21px;
	min-height: 21px;
	
  
  
}

.button:focus:not(.disabled, :hover, :active), div[id^="mBox-button"]:focus:not(.disabled, :hover, :active), button:focus {
color: #514eff !important;
  background-color: #b3baff;
			box-shadow: inset -1px -1px #7f8aee, inset 1px 1px #fff;
  border: 1px solid #6764ff;
}


.button:hover:not(.disabled, :active), div[id^="mBox-button"]:hover:not(.disabled, :active), button:hover {
      color: #823f3f;
  background-color: #f99493;
			box-shadow: inset -1px -1px #fb6b6a, inset 1px 1px #fcc0ac;
  border: 1px solid #bf6553;
}
.button.active:not(.disabled), .button:active:not(.disabled), div[id^="mBox-button"]:active:not(.disabled), button:active {
      color: #823f3f;
  background-color: #f99493;
			box-shadow: inset -1px -1px #fcc0ac, inset 1px 1px #c66161;
  border: 1px solid #823f3f;
text-indent: 2px;
line-height: 21px;
}

#AboutClose {
    right: 127px;
}
.button.disabled, div[id^="mBox-button"]:disabled {
    padding: 0 12px;
	  color: var(--GrayText);
 text-shadow: none;
}

input[type="text"], textarea {
        box-shadow: none;
        background-color: var(--Window);
    border: 1px solid #A0A8C8;
		   color: var(--WindowText);
	outline: none !important;
}

#searchBox { 
        box-shadow: none;
}

.ListBox {
        box-shadow: none;
        background-color: var(--Window);
    border: 1px solid #A0A8C8;
}

.DropdownBox {
        box-shadow: none;
    border: 1px solid #A0A8C8;

}
.tabbutton {
  background-color: #D8DFF7;
			box-shadow: inset -1px -1px #C0C7DD, inset 1px 1px #F9F6FF;
  border: 1px solid #A0A8C8;
    border-radius: 0px;
    border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    border-bottom: none;
}

.tabbutton.selected {
  background-color: #D8DFF7;
			box-shadow: inset -1px -0px #C0C7DD, inset 1px 1px #F9F6FF;
  border: 1px solid #A0A8C8;
      border-bottom: none;
    top: -4px;
    height: 23px;
}

.tabcontent {
  background-color: #D8DFF7;
			box-shadow: inset -1px -1px #C0C7DD, inset 1px 1px #F9F6FF;
  border: 1px solid #A0A8C8;
}

.window.ui-resizable, #messageBox.ui-resizable {
    box-shadow:5px 5px 0px rgb(0 0 0 / 50%);
border-image-slice:
5 5 5 5;
border-image-width:
5px 5px 5px 5px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
stretch stretch;
border-image-source:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB0SURBVDhPYxQSkvvPQAYAawz1qYByiQOrt3QgNB45tRIqjB+8+/Cc4eevHwxMUD7JAEMjyER0bGMWDpVFAKw2Pn9xixEZQ4VRAPWcSiwgqPE/EGIDLFAaDvzcCkAUXHUGw3QoCxUMYDyixx0uDANkJnIGBgArH1VbDRqATAAAAABJRU5ErkJggg==");
border-style:
solid;
}

.window.current.ui-resizable, #messageBox.current.ui-resizable {
border-image-slice:
5 5 5 5;
border-image-width:
5px 5px 5px 5px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
stretch stretch;
border-image-source:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB0SURBVDhPYxQSkvvPQAYAawz1qYByiQOrt3QgNB45tRIqjB+8+/Cc4eevHwxMUD7JAEMjyER0bGMWDpVFAKw2Pn9xixEZQ4VRAPWcSiwgqPE/EGIDLFAaDvzcCkAUXHUGw3QoCxUMYDyixx0uDANkJnIGBgArH1VbDRqATAAAAABJRU5ErkJggg==");
border-style:
solid;
}

.window.current, #messageBox, .window.forceActive {
    border: 1px solid #12121E;
    box-shadow: inset -1px -1px #191826, inset 1px 1px #675E96, 5px 5px 0px rgb(0 0 0 / 50%);
    background-color: #2B283F;
}

.window {
    border: 1px solid #12121E;
    box-shadow: inset -1px -1px #191826, inset 1px 1px #675E96, 5px 5px 0px rgb(0 0 0 / 50%);
    background-color: #2B283F;
}

.window.maximized {
    height: 100% !important;
    background-image: none !important;
    background-color: unset !important;
    border: unset !important;
}

.window.maximized .window_bar {
    margin: 0 !important;
        border: unset !important;
        border-bottom: 1px solid var(--WindowFrame) !important;
}

.window.maximized #windowcontent {
    margin: 0 !important;
        border: unset !important;
        height: calc(100% - 19px) !important;
    width: 100% !important;
    top: 0px !important;
}
.watermark > p > span, .watermark > p {
    display: none;
}

.watermark > strong {
    font-family: Verdana!important;
    font-size: 8pt !important;
    text-shadow: 2px 2px black;
    width: max-content;
	right: -3px !important;
    top: 7px !important;
   font-weight: bold;
}


.window.ui-resizable > #windowcontent {
        border: 1px solid var(--WindowFrame);
      background-color: var(--ButtonFace);
        padding-top: 0px !important;
    margin: 4px;
    top: -3px;
    margin-top: 2px;
    margin-bottom: -1px !important;
    height: calc(100% - 29px);
        width: calc(100% - 10px);
}


#windowcontent {
        border: 1px solid #12121E; 
      background-color: var(--ButtonFace);
        padding-top: 0px !important;
    margin: 2px;
    top: -2px;
    margin-top: 1px;
    margin-bottom: -1px !important;
		font-weight: bold;
    height: calc(100% - 25px);
        width: calc(100% - 6px);
}
.DropdownBox {
    padding: 0.5px 3px;
	height: 16px;
}

.DropdownBoxButton {
    width: 15px;
    bottom: 1px;
      color: rgb(102, 110, 149);
  background-color: #D8DFF7;
			box-shadow: inset -1px -1px #C0C7DD, inset 1px 1px #F9F6FF;
  border-left: 1px solid #A0A8C8;
    background-image: url(assets/win31-dropdown.png);
    background-position: 4px 4px;
    right: -3px;
}

.DDcontainer:hover:not(.disabled, :active) .DropdownBoxButton {
      color: #823f3f;
  background-color: #f99493;
			box-shadow: inset -1px -1px #fb6b6a, inset 1px 1px #fcc0ac;
  border-left: 1px solid #bf6553;
}

.DDcontainer:active:not(.disabled) .DropdownBoxButton {
      color: #823f3f;
  background-color: #f99493;
			box-shadow: inset -1px -1px #fcc0ac, inset 1px 1px #c66161;
  border-left: 1px solid #823f3f;
      background-position: 5px 5px;
}





.DropdownText {
    line-height: 15px;
    color: var(--WindowText);
}
/* vga checkboxes */
input[type=checkbox], input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0;
    border: none;
    margin: 0;
    opacity: 0;
    position: fixed;
}

input[type=checkbox]+label::before {
    position: relative;
	box-shadow: none !important;
}

input[type=radio]+label::before {
		box-shadow: none !important;
}

input[type=checkbox]+label::before, input[type=radio]+label::before  {
    width: 13px;
    height: 13px;
}


input[type=checkbox]+label:before, input[type=radio]+label:before {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAnCAYAAABaBotQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAKwSURBVGhD7ZhLTxRBFIV7JixcEDdCnLCRYIxLFy6YhBgX6EL/AOzgp+kO/wMsjCEZFixcEqKiMWZ8LghRAibKqdSd3Lm50/XoW/Mwfkkx1TN1+tSh+nG7W892en+qRLY3uzOjm0Nna2PVfRHiZe9tdfL+q9/K1y3fWvS9eh52V6rnLw78Vp6u7f5ecXRyHmwa2jjZNDqdpWDT0MbJxhkELEHv4LXvjQfNr1jAaQgHTALKnZcOl+JntoJkws26q/d8z55YP9NDdFzhiBg/k4By56XDpfiZrSCZlA5HxPqZHqLjCkfE+LkSKLZCAKhIqHTK1cVWQAAVSRNddo03K7qW7w/Bd4ZBvhtkGnVDX5KAHwpUtNYZN9XxQ52KcivdYAMimiAvkO8uX3OfdEy7DUYTHU2QF8j9/if3Sees22Ck6lyHJjmq8geYsJxsEx0mKSt/DiYsJ5ujM71NgOM3n32vGXimi0H6SV07ZhUAfsd/D+Oxrelg9v1bv9rde+W/0XWhVQDQYf91ulF+XGe2gmQG5uevD5mWINbPLOCd2zerGwsd1z87O60erT9w/VLE+rVxMuIiQFe9UciTV9PBVJppOmyH/OTFSdNpflI3WEG8GMpB6kqvnCTk51ICOolBzP2FaKLDxQDwCxWtkLy1EKm6oR3QlYcmDDBBoJkRTXU0YYAJAiuduhPaAagzkkyj7p9/mvj/Zps3DW2cbBq4IIWahjZONo7Jjf7dhx+uspBtf//Qj0iDvy3TSPEzCfj78tKVTbL9Ov/pR8QTCgdS/MxKtRxkmJhwqUw0IKBQPJzl27mJBwSlwoGJBpRhSrxXNQn4pf/RVfWyXVzotwgOhUoJl+JnEnBt7b6r6mV7+uSxH1FP6sql+LkSKLZCAPR00EQXWwEBejrI1WXXeLOh67b+AgDSIL+uk4pIAAAAAElFTkSuQmCC);
    box-shadow: none;

}

input[type=checkbox]:checked+label:after {
      font-size: 0px !important;  
}

input[type=checkbox]+label:active:before, input[type=radio]+label:active:before {
background-position-x: 84px;
}


input[type=checkbox]:checked+label:before, input[type=radio]:checked+label:before {
background-position-x: 42px;
}

input[type=checkbox]:checked+label:active:before, input[type=radio]:checked+label:active:before  {
background-position-x: 126px;
}

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

.MenuItem.disabled, .startLink.disabled {
    text-shadow: none;
color: var(--GrayText);
}
input[type=checkbox]+label, input[type=radio]+label {
    line-height: 18px;
}

input[type=checkbox]+label::before {
    display: block;
    content: "";
        position: absolute;
}

input[type=checkbox]:checked+label:after { 
background: none !important;
}

input[type=radio]:checked+label:after {
	display: none;
}

input[type=radio]+label::before {
	background-position-y: -13px;
}

#boxText {
    left: 50px;
    top: 18px;
}

#DesktopIcons, #WebViewItems, #DesktopContents {
    display: none;
}

#window10 {
    display: block;
}

.MenuBar {
	    height: 16px !important;
        background:#E8EAFA; 
		    border-bottom: 1px solid #B8BCDB;
							box-shadow: inset 0px -1px #D1D6F9, inset 0px 1px #F7F8FF;
}


.MenuItem {
    padding-left: 5px !important;
    padding-right: 5px !important;
    height: 14px;
    line-height: 14px !important;
	    font-family: 'Verdana';
    font-size: 7pt;
	font-weight: bold;
	    box-shadow: none !important;
    margin-left: -3px!important;
	margin-top:1px;
}

.MenuItem:first-of-type {
	    margin-left: 1px!important;
}




.MenuItem:active, .MenuItem.pressed {
	    background-color: var(--Hilight);
			color: var(--HilightText);
    padding-left: 5px !important;
    padding-right: 5px !important;
								box-shadow: inset 1px 1px #FCBFBF, inset -1px -1px #FA6A6A !important;
}

.menubarbtn {
      color: rgb(102, 110, 149);
  background-color: #D8DFF7;
			box-shadow: inset -1px -1px #C0C7DD, inset 1px 1px #F9F6FF;
  border: 1px solid #A0A8C8;
          margin-top: 3px;
        margin-bottom: 2px;
		        margin-left: -2px;
}

.menubarbtn:hover:not(.disabled, :active) {
      color: #823f3f;
  background-color: #f99493;
			box-shadow: inset -1px -1px #fb6b6a, inset 1px 1px #fcc0ac;
  border: 1px solid #bf6553;
}
.menubarbtn:active:not(.disabled){
      color: #823f3f;
  background-color: #f99493;
			box-shadow: inset -1px -1px #fcc0ac, inset 1px 1px #c66161;
  border: 1px solid #823f3f;
text-indent: 2px;
line-height: 21px;
}


  #InterMenuBar {
	    height: 16px !important;
        background:#E8EAFA; 
		    border-bottom: 1px solid #B8BCDB;
							box-shadow: inset 0px -1px #D1D6F9, inset 0px 1px #F7F8FF;
}
 
 .RebarBand.MenuBand > .RebarItem  {
    padding-left: 5px !important;
    padding-right: 5px !important;
    height: 14px;
    line-height: 14px !important;
	    font-family: 'Verdana';
    font-size: 7pt;
	font-weight: bold;
	    box-shadow: none !important;
    margin-left: -3px!important;
	margin-top:1px;
}

.RebarBand.MenuBand > .RebarItem.RebarItemNo1  {
	    margin-left: 1px!important;
}

.RebarItem.pressed {
	    background-color: var(--Hilight);
			color: var(--HilightText);
    padding-left: 5px !important;
    padding-right: 5px !important;
								box-shadow: inset 1px 1px #FCBFBF, inset -1px -1px #FA6A6A !important;
}

.throbber {
	top: 18px;
}



.WindowMultiPageContent {
    width: 100%;
    height: 100%;
    margin: 0;
}

.MenuToolbars {
	    margin: 0;
}

.AppIcoText {
	    font-family: Verdana !important;
	font-size: 7pt;
	font-weight: normal;
    color: black !important;
}

.contextmenu {
    background-color: #F2EFFF !important;
    box-shadow: inset 1px 1px #fff, inset -1px -1px #C2BCE0,  5px 5px 0px rgb(0 0 0 / 50%) !important;
	border: 0px solid;
        font-family: 'Verdana';
    font-size: 7pt;
		font-weight: normal;
    left: 0px;
	top: 18px;
}

.ContextMenuSeparator {
	margin: 0px;
	margin-top: 2px;
		margin-bottom: 2px;
		box-shadow: inset 0 0 0 1px #DDD6FF !important;
		height: 1px;
}

.ContextMenuContent {
margin: 2px;
}

.contextmenuEntry {
    margin: 0;
}

.contextmenuEntry:hover {
    background-color: unset !important;
    color: unset !important;
}

.contextmenuEntry:active { 
background-color: var(--Hilight) !important;   
    color: var(--HilightText) !important;
}

#MenuButton, #SysTray {
        display: none;
}
#Taskbar, .taskband {
    background: none !important;
    box-shadow: none !important;
}

.TaskbandIcon {
    width: 32px;
    height: 32px;
    top: 0%;
    background-size: cover;
}

.taskband {
        font-size: 8pt;
    height: 32px;
    max-width: fit-content;
    margin: 0px 0 32px -22px;
    top: -10px;
}

.taskband span {
    line-height: 11px;
    text-indent: 0px;
    margin-left: 0px;
    height: min-content;
    position: inherit;
    top: 45px;
    width: 64px;
    text-align: center;
			white-space: unset;
			font-family: verdana;
			font-size: 7pt;
			    color: #fff !important;
}


.TaskbandIcon {
    top: 30%;
    left: 47px;
}
#taskbandContainer {
width: calc(100% - 5px);
    height: auto;
display: flex;
flex-wrap: wrap;
align-content: flex-end;
margin:0;
padding:0;
}


#Taskbar {
        z-index: -1;
    height: 100%;
}

.TaskbarFolderToolbar {
	display: none;
}

#ExplorerContents {
    width: 100%;
    height: 100%;
}

.ListIconText {
	    font-family: Verdana !important;
	font-size: 7pt;
	font-weight: normal;
}



.groupboxLabel {
	background-color: #D8DFF7;
	padding-top: 8px;
}

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


#PreviewTextArea {
        width: 100% !important;
    height: 100% !important;
    left: 0  !important;
    border: none !important;
}





	
#window6 #windowcontent {
    background-color: var(--ButtonFace);
}

#RTunesStatusArea, .audioplayer-time {
    font-family: arial;
	font-weight: normal;
}

.Toolbars {
        background-color: var(--ButtonFace);
    box-shadow: none;
    box-shadow: inset 0 -1px #A0A8C8;;
}


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

.LameButton {
	display: none;
}

#browserbar {
	    font-family: Verdana !important;
	font-size: 7pt;
	font-weight: normal;
box-shadow: inset 0px -1px var(--ButtonHilight), inset 0px -2px var(--ButtonShadow);
background-color: var(--ButtonFace);
height: 69px !important;
}

#BrowserView {
    height: calc(100% - 69px) !important;
	padding: 0 !important;
}

#Menu {
background-color: var(--Menu) !important;
box-shadow: var(--field);
color: var(--MenuText);
text-indent: 5px;
bottom: 0px;

padding: 0px;
left: 0px;
}

#StartSpine {
height: calc(100%);
margin: 0px;
}

#Menu hr {
	margin: 0px !important;
	margin-top: 2px !important;
		margin-bottom: 2px !important;
		box-shadow: inset 0 0 0 1px var(--WindowFrame) !important;
		height: 1px;
}

/* skinned rimetunes */

.audioplayer-mute .audioplayer-volume-button, .audioplayer-mute .audioplayer-volume-button:hover {
	    background-color: var(--Hilight);
}

.audioplayer-bar::before, .audioplayer-volume-adjust > div {
		border: 1px solid rgb(162 168 199);
        box-shadow: none;
		background-color: white !important;
}

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

.audioplayer-bar-played::after, .audioplayer-volume-adjust div div::after {
      color: rgb(102, 110, 149) !important;
  background-color: #D8DFF7 !important;
			box-shadow: inset -1px -1px #C0C7DD, inset 1px 1px #F9F6FF;
  border: 1px solid #A0A8C8 !important;
}




.RebarItem.pressed,  .audioplayer-mute .audioplayer-volume-button {
	    background-color: var(--Hilight);
			color: var(--HilightText);
								box-shadow: inset 1px 1px #FCBFBF, inset -1px -1px #FA6A6A !important;
}

 
 .audioplayer-playpause {
	 border: 1px solid transparent;
 }

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

.StatusBar {
	height: 18px;
	margin-top: 0px;
	padding: 3px 0px 2px 0px;
		background-color: #D8DFF7;
}

.StatusBarPart {
	margin: 0;
	margin-left: 1px;
	height: 100%;
	/* no width as you must define that in the app */
	background-color: #D8DFF7;
	padding: 3px 2px;
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	box-shadow: var(--globaltoolbaractive);
}

.StatusBarPart:last-child {
  	margin-right: 1px !important;
}

.ProgressBar.segment {
        box-shadow: inset -1px -1px var(--ButtonLight), inset 1px 1px var(--ButtonShadow);
	    background-color: var(--Window);
		height: 18px;
		position: absolute;
		    box-sizing: border-box;
    padding: 1px;
}
.ProgressBarProgress.segment {
	    background: var(--Hilight);
  background-repeat: repeat;
  background-size: unset;
  }
  
.ProgressBar {
        box-shadow: inset -1px -1px var(--ButtonLight), inset 1px 1px var(--ButtonShadow);
	    background-color: var(--Window);
		height: 18px;
		position: absolute;
		    box-sizing: border-box;
    padding: 1px;
}

.ProgressBarProgress {
	    background-color: var(--Hilight);
		height: 100%;
}


.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;
}

/* boot */

#rimetmIIStartup {
    background-color: #000;
    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;
animation: StartupBarAnimation 5s linear infinite;
}

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

#GUIBootScreenProgressBar {
	box-shadow: inset 1px 1px #303030, inset -1px -1px #606060;
}

#GUIBootScreenProgress {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAdSURBVChTY/w/i+E/Ax7AmMbAwARl4wXDWREDAwBtkQMPU0bq5wAAAABJRU5ErkJggg==);
}


#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;
}