@import url("fonts/System.css");
@import url("assets/imports/3xscroll.css");
@import url("assets/32xFix.css");
@import url('assets/imports/3.xLogonBox.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(160, 160, 164);
  --AppWorkspace: rgb(255, 251, 240);
  --ButtonFace: rgb(192, 192, 192);
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(192, 192, 192);
  --ButtonShadow: rgb(128, 128, 128);
  --ButtonDkShadow: rgb(0, 0, 0);
  --ActiveBorder: rgb(192, 192, 192);
  --ActiveTitle: rgb(164, 200, 240);
  --GradientActiveTitle: rgb(164, 200, 240);
  --InactiveBorder: rgb(192, 192, 192);
  --InactiveTitle: rgb(255, 255, 255);
  --GradientInactiveTitle: rgb(255, 255, 255);
  --Link: rgb(0, 0, 255);
  --HilightText: rgb(0, 0, 0);
  --ButtonText: rgb(0, 0, 0);
  --GrayText: rgb(128, 128, 128);
  --TitleText: rgb(0, 0, 0);
  --InactiveTitleText: rgb(0, 0, 0);
  --Window: rgb(255, 255, 255);
  --WindowFrame: rgb(0, 0, 0);
  --WindowText: rgb(0, 0, 0);
  --Hilight:  rgb(164, 200, 240);
  --InfoWindow: rgb(255, 255, 225);
  --InfoText: rgb(0, 0, 0);
  --3DObjectsText: rgb(0, 0, 0); 
    --Menu: rgb(255, 255, 255);
        --MenuBar: rgb(255, 255, 255);
        --MenuText: rgb(0, 0, 0);
}

:root {
		--3d-objectstxt: var(--WindowText);
        --activebar: var(--ActiveTitle);
	    --activebartxt: var(--TitleText);
		--inactivebar: var(--InactiveTitle);
		--inactivebartxt: var(--InactiveTitleText);
		--bodybgcolor: rgb(0, 0, 0);
		--Windowbg: var(--Window);
    --field: 0 0 0 1px var(--WindowFrame);
		--Windowtxt: var(--3d-objectstxt);
		--selectedcolor: var(--Hilight);
		--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: 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 3.1";
}

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

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

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

#Win3xSchemes {
	display: block !important;
}

.DeskIcoText {
    font-family: MS-Sans-Serif;
    color: black;
}
.window_bar strong {
    font-family: 'System-Bold';
    	margin: 2px;
	margin-top: 3px;
    position: relative;
    top: 1px;
}

.resizeableWinBar strong {
    font-family: 'System-Bold';
    	margin: 2px;
	margin-top: 3px;
    position: relative;

}

.resizeableWinBar {
height: 18px;
    margin: 2px !important;
font-size: 1.2em;
    border: 1px solid var(--WindowFrame) !important;
            margin-bottom: 0px !important;
}

.window_bar {
height: 18px;
margin: 2px;
    margin-top: 3px;
margin-left: 4px;
    margin-right: 4px;
font-size: 1.2em;
    border: 1px solid var(--Window);
    border-bottom: 1px solid var(--WindowFrame);
            margin-bottom: 0px !important;
    text-align: center;
    line-height: 16px;
}

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

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

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

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

#minimize {
    background-image: url(assets/frames/win3x/MIN.BMP);
        background-position: initial !important;
}

#minimize:active {
    background-image: url(assets/frames/win3x/MIND.BMP);
}

#maximize {
    background-image: url(assets/frames/win3x/MAX.BMP);
        background-position: initial !important;
}

#maximize:active {
    background-image: url(assets/frames/win3x/MAXD.BMP);
}

#help {
    background-image: url(assets/frames/win3x/HELP.BMP);
        background-position: initial !important;
}

#help:active {
    background-image: url(assets/frames/win3x/HELPD.BMP);
}

.window.maximized .window_bar #maximize { 
        background-image: url(assets/frames/win3x/RESTORE.BMP);
}

.window.maximized .window_bar #maximize:active { 
        background-image: url(assets/frames/win3x/RESTORED.BMP);
}

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

.winBarButton.disabled {
display: none;
}


.button, div[id^="mBox-button"] {
      color: var(--ButtonText);
  background-color: var(--ButtonFace);
    box-shadow: var(--globalboxshadow);
  border: 1px solid var(--WindowFrame);
  border-radius: 2px !important;
  font-weight: bold;
  font-size: 8pt;
    line-height: 22px;
	
/* 	  clip-path: polygon(
    0px calc(100% - 1px),
    1px calc(100% - 1px),
    1px 100%,
    calc(100% - 1px) 100%,
    calc(100% - 1px) calc(100% - 1px),
    100% calc(100% - 1px),
    100% 1px,
    calc(100% - 1px) 1px,
    calc(100% - 1px) 0px,
    1px 0px,
    1px 1px,
    0px 1px
  ); */
  
  
}

.button:not(.disabled):focus, div[id^="mBox-button"]:not(.disabled):focus {
outline: 1px solid black;
outline-offset: unset;
  border: 1px solid var(--WindowFrame);
}


.button:not(.disabled):active, div[id^="mBox-button"]:not(.disabled):active {
box-shadow: var(--globalboxshadowactive);
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 var(--WindowFrame);
		   color: var(--WindowText);
	outline: none !important;
}

#searchBox { 
        box-shadow: none;
}

.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(--3d-objects) !important;
    box-shadow: inset -1px -1px var(--ButtonShadow), inset 1px 1px var(--ButtonHilight), inset 0px 0px var(--ButtonShadow), inset 0px 0px var(--ButtonHilight) !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: inset -1px 0px var(--ButtonShadow), inset 1px 1px var(--ButtonHilight), inset -2px 0px var(--ButtonShadow), inset 2px 2px var(--ButtonHilight) !important;
    top: -3px;
    height: 23px;
}

.tabcontent {
       background: var(--3d-objects) !important;
    box-shadow: inset -1px -1px var(--ButtonShadow), inset 1px 1px var(--ButtonHilight), inset -2px -2px var(--ButtonShadow), inset 2px 2px var(--ButtonHilight) !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/win3x/Win31TopLeftBorder.png), url(assets/frames/win3x/Win31TopRightBorder.png), url(assets/frames/win3x/Win31BottomLeftBorder.png), url(assets/frames/win3x/Win31BottomRightBorder.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: calc(100% - 19px) !important;
    width: 100% !important;
    top: 0px !important;
}
.watermark > p > span, .watermark > p {
    display: none;
}

.watermark > strong {
    font-family: System-Bold !important;
    font-size: 13px !important;
    text-shadow: 2px 2px black;
    width: max-content;
	right: -3px !important;
    top: 7px !important;
   font-weight: normal;
}

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


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

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

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

.MenuBar {
	    height: 18px !important;
        background:var(--Menu); 
		    border-bottom: 1px solid var(--WindowFrame);
}


.MenuItem {
    padding-left: 7px !important;
    padding-right: 7px !important;
    height: 18px;
    line-height: 20px !important;
	    font-family: 'System-Bold';
    font-size: 1.2em;
	    box-shadow: none !important;
    margin-left: -3px!important;
}

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

#filemenu {
        left: 0px!important;
}


.MenuItem:active, .MenuItem.pressed {
	    background-color: var(--Hilight);
			color: var(--HilightText);
		    padding-left: 7px !important;
    padding-right: 7px !important;
}

.menubarbtn {
          color: var(--WindowText);
  background-color: var(--ButtonFace);
    box-shadow: 0 0 0 1px  var(--WindowFrame), var(--globalmenushadow);
  border-radius: 2px !important;
          margin-top: 3px;
        margin-bottom: 2px;
		        margin-left: -2px;
}

  #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: 20px !important;
	    font-family: 'System-Bold';
    font-size: 1.2em;
	    box-shadow: none !important;
    margin-left: -2px;
	margin-top: 0;
}

.RebarBand.MenuBand > .RebarItem.RebarItemNo1  {
        margin-left: 0px;
}

.RebarItem.pressed {
		    background-color: var(--Hilight);
			color: var(--HilightText);
		    padding-left: 7px !important;
    padding-right: 7px !important;
}

.throbber {
	top: 21px;
}


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

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

.MenuToolbars {
	    margin: 0;
}

.AppIcoText {
    font-family: MS-Sans-Serif;
    color: black !important;
}

.contextmenu {
    background-color: var(--Windowbg) !important;
    box-shadow: 1px 1px 0px var(--ButtonFace);
    border: 1px solid var(--WindowFrame);
        font-family: 'System-Bold';
    font-size: 10pt;
    left: 0px;
	top: 18px;
}

.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: 18px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 20px;
}

.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-family: MS-Sans-Serif;
        font-size: 8pt;
    height: 32px;
    max-width: fit-content;
    margin: 0px 0 32px -22px;
    top: -10px;
}

.taskband span {
    line-height: 13px;
    text-indent: 0px;
    margin-left: 0px;
    height: min-content;
    position: inherit;
    top: 45px;
    width: 64px;
    text-align: center;
			white-space: unset;
}


.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: MS-Sans-Serif !important;
}

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

.groupboxLabel {
	background-color: unset;
	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;
}

.StringCPL24 {
    display: none !important;
}

#previewOkbtn {
        bottom: 8px !important;
    right: 60px !important;
}


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

#RTunesStatusArea, .audioplayer-time {
    font-family: MS-Sans-Serif;
}

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


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

.LameButton {
	display: none;
}

#browserbar {
	font-family: MS-Sans-Serif;
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;
}

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

.StatusBarPart {
	margin: 0;
	margin-left: 8px;
	height: 100%;
	/* no width as you must define that in the app */
	background-color: var(--ButtonFace);
	padding: 1px 3px;
	font-weight: normal;
	font-size: 10pt;
	font-family: Microsoft Sans serif;
	box-shadow: var(--globaltoolbaractive);
}

.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: 'MS-Sans-Serif-Bold';
	font-size: 8pt;
}


.nonNativeStartPageBlurb {
	font-family: 'MS-Sans-Serif-Bold';
	font-size: 8pt;
}

.nonNativeStartPageLink {
	font-family: 'MS-Sans-Serif-Bold';
	font-size: 8pt;
}