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

:root {     
  --Background: rgb(0, 255, 255);
  --AppWorkspace: rgb(0, 128, 255);
  --ButtonFace: rgb(255, 255, 255);
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(255, 255, 255);
  --ButtonShadow: rgb(255, 255, 255);
  --ButtonDkShadow: rgb(255, 255, 255);
  --ActiveBorder: rgb(128, 128, 128);
  --ActiveTitle: rgb(0, 0, 255);
  --GradientActiveTitle: rgb(0, 0, 255);
  --InactiveBorder: rgb(255, 255, 255);
  --InactiveTitle: rgb(255, 255, 255);
  --GradientInactiveTitle: rgb(255, 255, 255);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(255, 255, 255);
  --ButtonText: rgb(0, 0, 0);
  --GrayText: rgb(64, 64, 64);
  --TitleText: rgb(255, 255, 255);
  --InactiveTitleText: rgb(255, 255, 255);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);
  --Hilight:  rgb(0, 0, 0);
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --3DObjectsText: rgb(0, 0, 0); 
      --Menu: rgb(0, 255, 255);
	        --MenuBar: rgb(0, 255, 255);
}

/* Custom scheme vars, for custom classic themes */


:root {
        --activebar: var(--ActiveTitle);
	    --activebartxt: var(--TitleText);
		--inactivebar: var(--InactiveTitle);
		--inactivebartxt: var(--TitleText);
    --field: 0 0 0 1px var(--WindowFrame);
		--globalboxshadow: none;
		--globalboxshadowactive: none;
		--globalfont: 'Fixedsys-Bold', MS-Sans-Serif-Bold, Microsoft Sans Serif, Tahoma, Jomolhari, Times New Roman, sans-serif;
		--buttonfont: var(--globalfont);
        }

/*Theme identifier, control panel*/
#themeDropdownText:after {
content: "Windows 2.x";
}

#winAndButtonsDropdownText:after {
content: "Windows 2.x style";
}

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

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

#Win2xSchemes {
	display: block !important;
}

.window, #messagebox, textarea, #logonInstructions:after, .ListBox, input {
    font-size: 12pt !important;
}

#tabContent-1 p, #creditsTextarea, #logonInstructions:after {
        line-height: 12px;
}
.DeskIcoText {
    font-family: MS-Sans-Serif;
    color: black;
}
.window_bar strong {
    font-family: 'Fixedsys-Bold';
    	margin: 2px;
	margin-top: 3px;
    position: relative;
    font-size: 12pt;
    top: 0px;
    font-weight: normal !important;
       background-color: var(--WindowFrame) !important;
    padding: 2px;
}

.resizeableWinBar strong {
    	margin: 2px;
	margin-top: 3px;
    position: relative;

}

.resizeableWinBar {
height: 19px;
    margin: 4px !important;
    border: 1px solid var(--WindowFrame) !important;
            margin-bottom: 0px !important;
}

.window_bar {
height: 19px;
margin: 0px;
font-size: 12pt;
    line-height: 1.25;
    border-bottom: 1px solid var(--WindowFrame);
            margin-bottom: 0px !important;
    text-align: center;
		color: var(--TitleText);
    line-height: 16px;
}

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

#close {
    float: left;
    right: 2px;
	width: 25px !important;
	height: 19px !important;
			  background: url(assets/frames/win2x/CLOSE.BMP);
    border-right: 1px solid var(--WindowFrame);
}

#progmanMDI-bar #close {
    background-position-x: -25px;
}

#close:active {
    filter: invert(100%);
    background-position: initial;
}

#minimize {
    background-image: url(assets/frames/win2x/HIRED.BMP) !important;
        background-position: initial !important;
    border-left: 1px solid var(--WindowFrame);
}

#minimize:active {
    filter: invert(100%);
    background-position: initial;
}

#maximize {
    background-image: url(assets/frames/win2x/HIZOOM.BMP) !important;
        background-position: initial !important;
        border-left: 1px solid var(--WindowFrame);
}

#maximize:active {
    filter: invert(100%);
    background-position: initial;
}

.window.maximized .window_bar #maximize { 
        background-image: url(assets/frames/win2x/HIREST.BMP) !important;
}

.window.maximized .window_bar #maximize:active { 
    filter: invert(100%);
    background-position: initial;
}

.winBarButton {
    box-shadow: none !important;
        height: 19px;
    width: 25px;
    top: 0px !important;
}

.winBarButton.disabled {
display: none;
}


.button, div[id^="mBox-button"], input::file-selector-button, input[type=color] {
      color: var(--WindowText);
  background-color: var(--Window);
    box-shadow: none;
  border: 0.0625rem solid var(--WindowFrame);
  border-radius: 7px !important;
  padding: 0 12px;
  font-weight: bold;
  font-size: 12pt;
    line-height: 22px;
}

.button:not(.disabled):active, div[id^="mBox-button"]:not(.disabled):active, input::file-selector-button:active, input[type=color]:active {
    box-shadow: none;
background: black;
    color: white;
text-indent: 0px;
line-height: 22px;
}

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

input[type="text"], textarea {
    box-shadow: inset 0 0 0 1px var(--WindowFrame);
        background-color: var(--Window);
    border:  none;
		   color: var(--WindowText);
	outline: none !important;
		  padding: 3px 4px;
}

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

.DropdownBox {
            box-shadow: none;
    border: 1px solid var(--WindowFrame);

}
.tabbutton {
background: var(--Window) !important;
    box-shadow: none !important;
    border: 1px solid var(--WindowFrame);
    border-radius: 6px;
    border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    border-bottom: none;
}

.tabbutton.selected {
    box-shadow: none !important;
    top: -2px;
}

.tabcontent {
       background: var(--Window) !important;
    box-shadow: none !important;
    border: 1px solid var(--WindowFrame);
}

.window.ui-resizable, #messageBox.ui-resizable {
     border: 1px solid var(--WindowFrame);
    box-shadow: none;
    background-color: var(--InactiveBorder) !important;
   background-image: url(assets/frames/win2x/Win2xTopLeftBorder.png), url(assets/frames/win2x/Win2xTopRightBorder.png), url(assets/frames/win2x/Win2xBottomLeftBorder.png), url(assets/frames/win2x/Win2xBottomRightBorder.png);
    background-repeat: no-repeat;
    background-position: left top, right top, left bottom, right bottom;
}

.window.current.ui-resizable, #messageBox.current.ui-resizable {
    background-color: var(--ActiveBorder) !important;
}

.window.current, #messageBox, .window.forceActive {
    border: 1px solid var(--WindowFrame);
    box-shadow: none;
    background-color: var(--ActiveTitle);

}

.window {
    border: 1px solid var(--WindowFrame);
    box-shadow: none;
    background-color: var(--InactiveTitle);
	
}

.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: 100% !important;
    width: 100% !important;
    top: 0px !important;
}
.watermark > p > span, .watermark > p {
    display: none;
}

.watermark > strong {
    font-family: Fixedsys-Bold !important;
    font-size: 12pt !important;
    width: max-content;
    right: -6px !important;
    top: 7px !important;
   font-weight: normal;
}

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

#windowcontent {
        background-color: var(--Window);
        padding-top: 1px !important;
        margin: 0px;
        top: -2px;
        margin-top: 2px;
        margin-bottom: -1px !important;
        height: calc(100% - 21px);
        width: calc(100% - 0px);
}
.DropdownBox {
    padding: 0.5px 3px;
	height: 16px;
}

.groupboxLabel {
	background-color: var(--Window);
}
.DropdownBoxButton {
    width: 15px;
    bottom: 1px;
        border-left: 1px solid var(--WindowFrame) !important;
        box-shadow: var(--globalboxshadow);
    background-image: url(assets/win31-dropdown.png);
    background-position: 4px 4px;
    right: -3px;
	      background-color: var(--Window);
}

.DDcontainer:active .DropdownBoxButton {
           border-left: 1px solid var(--WindowFrame) !important;
        box-shadow: var(--globalboxshadowactive); 
}

.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(assets/frames/win3x/OBUTTON.BMP);
    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;
}
.rebar {
    box-shadow: none;
    background:var(--Windowbg); 
}
.rebar.classic {
    box-shadow: none !important;
    border-bottom: 1px solid var(--WindowFrame);
}


.menubaritem {
    width: 46px !important;
    left: 0px;
    top: 0px !important;
    line-height: 11px !important;
    text-indent: 7px !important;
    height: 14px !important;
    font-family: 'Fixedsys-Bold';
    font-size: 12pt;
    box-shadow: none !important;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

#pgfilemenu, #twfilemenu, #filemenu {
        left: 0px!important;
}

.menubaritem:active {
    background-color: var(--selectedcolor);
    color: white;
}

.menubaritem.pressed {
border-right: 1px solid var(--WindowFrame);
    border-left: 1px solid var(--WindowFrame);
}

.menubarbtn {
          color: var(--WindowText);
  background-color: var(--Window);
    box-shadow: 0 0 0 0.0625rem  var(--WindowFrame), var(--globalboxshadow);
  border-radius: 0.19rem !important;
}


.MenuToolbars {
	    margin: 0;
		margin-top: -1px;
}

  #InterMenuBar {
	  	    height: 18px !important;
        background:var(--Menu); 
	  box-shadow: none;
		    border-bottom: 1px solid var(--WindowFrame);
}
 
 .RebarBand.MenuBand > .RebarItem  {
    padding-left: 7px !important;
    padding-right: 7px !important;
    height: 18px;
    line-height: 17px !important;
    font-family: 'Fixedsys-Bold';
    font-size: 12pt;
	    box-shadow: none !important;
    margin-left: -3px!important;
	    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
		color: var(--MenuText);
		margin-top: 0px;
}

.RebarBand.MenuBand > .RebarItem:first-of-type  {
        margin-left: 0px!important;
}

 .RebarBand.MenuBand > .RebarItem:active {
	    background-color: var(--Hilight);
		          color: var(--HilightText);
		    padding-left: 7px !important;
    padding-right: 7px !important;
	color: white;
}
 .RebarBand.MenuBand > .RebarItem.pressed {
border-right: 1px solid var(--WindowFrame);
    border-left: 1px solid var(--WindowFrame);
}

.throbber {
	top: 19px;
	margin-right:0;
	box-shadow: inset 1px 0px black;
}

#InterStandardToolbar {
    height: 22px;
}

.RebarItem {
    height: 22px;
    position: relative;
    display: inline-flex;
line-height: 22px;
    text-indent: 3px;
            left: unset !important;
        bottom: unset !important;
        top: unset !important;

        margin-top: 0px;
    margin-left: -3px;
padding-left: 4px;
padding-right: 4px;
}

.RebarItem:hover {
box-shadow: none;
}

.RebarItem.pressed {
box-shadow: none;
border-right: 1px solid var(--WindowFrame);
    border-left: 1px solid var(--WindowFrame);
}

.RebarItem:active {
box-shadow: none;
	    background-color: var(--Hilight);
				          color: var(--HilightText);
}
#interaddress {
top: 1px !important;
}

#InterGoButton {
    padding-right: 5px;
	    margin-left: -6px;
}


.RebarItem:first-of-type {
    margin-left: 2px;
}
.RebarBand {
	box-shadow: none;
	border-bottom: 1px solid black;
}

.AppIcoText {
    font-size: 8pt;
		    font-family: MS-Sans-Serif !important;
}

.contextmenu {
    background-color: var(--Menu) !important;
    box-shadow: none;
    border: 1px solid black;
        font-family: 'Fixedsys-Bold';
    font-size: 12pt;
	top: 6%;
    left: 0px;
}

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

.ContextMenuContent {
margin: 0px;
}

.contextmenuEntry {
    margin: 0;
    height: 17px;
    line-height: 15px;
        background-color: unset !important;
    color: unset !important;
	    padding-top: 0;
    padding-bottom: 0;
}


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

.contextmenuEntry:active { 
background-color: var(--selectedcolor) !important;   
    color: white !important;
}

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

.taskband {
        font-family: Fixedsys-Bold;
        font-size: 12pt;
    height: 32px;
	max-width: 32px;
	margin: 2px 0 0 4px;
}

.taskband span {
    background: white;
        border: 1px solid var(--WindowFrame);
    line-height: 16px;
    text-indent: 1px;
    margin-left: 4px;
    height: min-content;
    position: inherit;
    top: 13px;
	display: none;
}

.TaskbandIcon {
    top: 0%;
}

#taskbandContainer {
width: calc(100% - 5px);
    height: auto;
display: flex;
flex-wrap: wrap;
align-content: flex-end;
}


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

.TaskbarFolderToolbar {
	display: none;
}

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

label.StringCPL5 {
    right: 24px !important;
}

label.StringCPL6 {
    right: 48px !important;
}

.MenuItem {
    padding-left: 7px !important;
    padding-right: 7px !important;
    height: 18px;
    line-height: 17px !important;
    font-family: 'Fixedsys-Bold';
    font-size: 12pt;
	    box-shadow: none !important;
    margin-left: -3px!important;
	    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
		color: var(--MenuText);
}
.MenuItem:first-of-type {
	    margin-left: 0px!important;
}
.MenuBar {
	    height: 18px !important;
        background:var(--Menu); 
		    border-bottom: 1px solid var(--WindowFrame);
}

.MenuItem:active {
	    background-color: var(--selectedcolor);
		    padding-left: 7px !important;
    padding-right: 7px !important;
	color: white;
}

.MenuItem.pressed {
border-right: 1px solid var(--WindowFrame);
    border-left: 1px solid var(--WindowFrame);
}

.groupbox {
border: 1px solid var(--WindowFrame);
	box-shadow: none;
}

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

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

.LameButton {
	display: none;
}

#browserbar {
    font-family: 'Fixedsys-Bold';
    font-size: 12pt;
box-shadow: none;
background-color: var(--Window);
height: 67px !important;
}


/* SysList */
.ListIconText {
    font-size: 8pt;
		    font-family: MS-Sans-Serif !important;
}



.StatusBar {
	height: 17px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
		background-color: var(--Window);

}

.StatusBarPart {
	margin: 0;
	margin-left: 8px;
		margin-right: 9px;
	margin-top: 1px;
	height: 100%;
	/* no width as you must define that in the app */
	background-color: var(--Window);
	padding: 1px 0px;
		padding-top: 0px;
	box-shadow: none;
}
/* normal pane type */
.StatusBarPart:not(:last-child) {
  box-shadow: inset -1px 0px black !important;
  background: transparent;
}

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

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

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


.nonNativeStartPageTxt {
	font-family: 'Fixedsys-Bold';
	font-size: 12pt;
}


.nonNativeStartPageBlurb {
	font-family: 'Fixedsys-Bold';
	font-size: 12pt;
}

.nonNativeStartPageLink {
	font-family: 'Fixedsys-Bold';
	font-size: 12pt;
}


.WindowMultiPageContent {
	height: calc(100% - 18px);
}