/*WATERVAPOR CSS*/
  
  /*JP fix*/
  .windowHeader > strong::after {
    font-size: 18px !important;
    top: 8px !important;
  } 
  .winName::after {
    font-size: 15px !important;
    top: 0px !important;
  }
  .taskbarPanel {
    top: -3px !important;
  }
  #openAbout::after, #openIntr::after, #openWvPC::after, #openNtpd::after, #openHtCb::after, #openChtn::after, #openCtPl::after {
    font-size: 15px !important;
    top: 0px !important;
  }
  
  
  .window.fullSizeWindow {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    bottom: 32px !important;
}
  
  .taskbarPanel, .windowHeader > strong {
    text-shadow: 2px 2px #000 !important;
    font-weight: bold !important;
    color: #FFF !important;
  }
  
  .contents, #startItems, .itemsOnly, #startMenu, #taskbar {
    z-index: 0 !important;
  }
  
  #window0 > .wincontent {
  padding: 0px !important;
}
  
  .header {
    display: none !important;
  }
  
  .themeSelect-content {
   border: 1px solid #000;
}
  
  .windowHeader > strong {
    background-image: none !important;
    left: 10px !important;
    padding-left: 0px !important;
  }
  
  .wincontent {
    padding: 10px !important;
  }
  
  #icons {
    display: none !Important;
  }
  
  .taskbarPanel {
 background-image: none !important;
 background: rgb(0,179,255) !important;
  background-position: 5.5% 50% !important;
background-repeat: no-repeat !important;
padding: 0 10px !important;
}

.taskbarPanel.activeTab {
	background: rgb(0,179,255) !important;
}
.taskbarPanel.minimizedTab {
  background: rgb(0,159,242) !important;
}
.taskbarPanel.minimizedTab:hover {
	background: rgb(0,162,245) !important;
}
.taskbarPanel.closed {
	display: none;
}
  
  .winmaximize, .winminimize, .winclose {
    top: 0px;
    left: 0px;
}

.winmaximize > span {
  top: 5px !important;
left: 9.5px !important;
}
  
  *, *:hover, *:active {
     box-shadow: none !important;
  }
  
  .spwincontent, #spwin0 {
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    border: none !important;
  }
  .spHeader {
    display: none;
  }
  .audioplayer-playpause {
      box-shadow: none !important;
    background: none !important;
    border-radius: 5px !important;
    border: 2px solid #000 !important;
}
  
  .theme-credit::after { 
  content: "Watervapor Theme created by Ethan F." !important;
}
  
  
  #cpl.theme:hover {
    font-style: italic !important;
  }
  
  .dropbtn2, .dropbtn3 {
  display: none !important;
}

  .wincontent {
     background: #EEE !important;
  }
  
  a.openWindow, a.shutDown {
    padding: 10px !important;
  }
  
  a.openWindow:hover, a.shutDown:hover {
    background-color: blue !important;
  }
  
  .startItems {
    margin-top: 6px !important;
  }
  
  .itemsOnly::before { 
  content: "Applications";
  font-family: Arial !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
  padding-top: 13px !important;
   color: #FFF !important;
   font-size: 16px !important;
   font-weight: bold !important;
}
  
  .window, .wincontent > iframe, .wincontent > embed {
    border: 2px solid #000;
    background: #EEE !important;
	border-radius: 5px !important;
    box-shadow: none !important;
	z-index: 1000;
}
  .windowHeader {
    background: rgb(0,179,255) !important;
background: linear-gradient(0deg, rgba(0,179,255,0.7) 0%, rgba(0,46,255,0.7) 50%, rgba(0,157,255,0.7) 100%) !important; 
    box-shadow: none !important;
    margin: 0px !important;
    text-align: right;
    border-bottom: 2px solid #000;
    padding: 2px;
    cursor: move;
    height: 30px;
}
.activeWindow .windowHeader {
 background: rgb(0,179,255) !important;
background: linear-gradient(0deg, rgba(0,179,255,0.7) 0%, rgba(0,46,255,0.7) 50%, rgba(0,157,255,0.7) 100%) !important; 
}

  .windowHeader > span {
    display: inline-block;
    background: transparent !important;
    box-shadow: none !important;
    height: 20px !important;
    cursor: pointer;
    border: 2px solid #000;
    margin-left: 4px;
    font-size: 19px;
    padding: 2px 10px;
    font-family: Trebuchet, Gadget, sans-serif;
    border-radius: 5px !important;
    line-height: 20px;
    width: 12px;
    height: 20px;
    position: relative;
    overflow: hidden;
}
  
  .windowHeader > span:hover {
	background: rgba(255,255,255,0.3) !important;
}
.windowHeader > span.winclose:hover {
	background: red !important;
}
  
  .windowHeader > strong {
    font-family: Arial !important;
    font-weight: normal !important;
    top: 2px;
    font-size: 18px;
    left: 10px;
  }
  
  .winclose {
    float: right !important;
  }
  
  #comments {
    display: none !important;
  }
 
 .dropbtn {
  background-color: #3498DB !important;
  color: white;
  width: 20px !important; 
  height: 21px !important;
  border-radius: 50%;
  margin-left: 2px;
  padding: 8px;
  font-size: 16px;
  border: none;
}

.dropbtn:hover {
  background-color: #0000ff !important;
}

.dropbtn::after {
    content: "W";
    font-family: Arial !important;
    top: 8px;
    position: absolute;
    left: 9px;
}

.dropbtn {
   bottom: 3px !important;
left: 5px !important;
float: left;
position: relative !important;
width: 34px !important;
height: 37px !important;
}

#rimetbtn {
 display: none; 
}

#txt {
  display: none !important;
    font-family: Arial !important;
   font-size: 15px !important;
   bottom: -1px !important;
   box-shadow: none !important;
}
  
  .taskbarPanel {
   left: 40px; 
   margin: 3.5px 0 0 10px;
   box-shadow: none !important;
   border: 2px solid #000 !important;
   border-radius: 5px !important;
   bottom: 1px !important;
   font-family: Arial;
   font-size: 15px;
  }
  
  #taskbar {
   box-shadow: none !important;
   border-top: #000 solid 1px;
   height: 32px !important;
   background: rgb(0,179,255) !important;
background: linear-gradient(0deg, rgba(0,179,255,0.7) 0%, rgba(0,46,255,0.7) 50%, rgba(0,157,255,0.7) 100%) !important; 
  }
  
  .windowHeader > span:hover {
	background: rgba(255,255,255,0.3);
}
.windowHeader > span.winclose:hover {
	background: #78c4eb;
}
.windowHeader > span > span {
    display: inline-block;
    height: 8px;
    width: 10px;
    position: absolute;
    top: 6px;
    left: 10px;
}
.winminimize > span {
	border-bottom: 3px solid #000;
  left: 10px !important;
}
  
  #chiclose {
    display: none !important;
  }
  
  .winclose::after {
    content: "x";
    font-family: Arial !important;
    top: 1px;
    position: absolute;
    left: 10px;
}

  
.winmaximize > span {
	border: 2px solid #000;
	border-top: 3px solid #000;
}
.winmaximize > span:nth-child(2) {
	display: none;
}
.fullSizeWindow .winmaximize > span:nth-child(1) {
	margin: 2px 0 0 -4px;
}
.fullSizeWindow .winmaximize > span:nth-child(2) {
    display: inline-block;
    top: 3px !important;
left: 12px !important;
}
  
  #taskbar > .openWindow {
    display: none !important;
  }
  
  .contents, .dropup-content {
    background: #000 !important;
    box-shadow: none !important;
    bottom: 35px !important;
   left: 0px !important;
  }
  a.openWindow {
    z-index: 0 !important;
    color: #FFF !important;
    font-family: Arial !important;
    font-size: 16px;
  }
  
  a.shutDown, a.shutDown::after {
     display: none !important;
  }
  
  #openAbout {
    margin-top: 7px !important;
  }
  
  
  #box, #cpl, .button, .abt-rmt, #window0 > .wincontent, #window6 > .wincontent {
    font-family: Arial !important;
  }
  
  .line-separator {
    display: none !important;
  }
  
  a.openWindow:hover, a.shutDown:hover {
   background: #0000ff !important; 
  }
  
  body {
    background-image: url('always_grey.png');
    background-color: #FFF !important;
  }
  
  .button {
    box-shadow: none !important;
    border-radius: 5px !important;
    background: none !important;
    border: 2px solid #000 !important;
  }
  
  .button:hover {
    background: silver !important;
  }
  
  body {
        background-color: rgb(0,0,255);
  }
  desktop {
    background-image: linear-gradient(90deg, rgba(0,0,255,1) 0%, rgba(0,114,255,1) 10%, rgba(0,196,255,1) 20%, rgba(0,255,250,1) 50%, rgba(0,196,255,1) 80%, rgba(0,114,255,1) 90%, rgba(0,0,255,1) 100%);
  }
  menu[role=tablist] button {
    background: none;
    border-left: 2px solid #000;
        border-top: 2px solid #000;
            border-right: 2px solid #000;
}

[role=tabpanel] {
    border: 2px solid #000 !important;
        background: none;
}

menu[role=tablist] button[aria-selected=true] {
            background: #eee;
}
menu[role=tablist] button:first-of-type:before {
display: none;
}

.rimetPossible, .sysinfo-title, .themeSelect-content > strong, .wplist > strong {
font-family: Arial, "Pixelated MS Sans Serif", "Microsoft Sans Serif", "MS Sans Serif", "Pixelated MS Sans Serif", "Microsoft Sans Serif", Tahoma, NanumGothic, Arial !important;
}