/* GOGO CSS by Gopal Othayoth (cerebraldatabank@gmail.com, https://cerebraldatabank.neocities.org/)
 * Version: v3.2.1
 * Last Updated: 2024-06-27
 * This file itself may not be distributed without express written/typed permission by Gopal Othayoth (cerebraldatabank@gmail.com). If you wish to share the code, please share this URL: https://cerebraldatabank.neocities.org/utilities/gogo_css.html
 * The GOGO CSS Class Library was made by Gopal Othayoth (cerebraldatabank@gmail.com). All rights reserved.
 * All Data URI images are also created by Gopal Othayoth and can be treated as part of the GOGO CSS Class Library.
 */

/*Comment out below rule to not disable dotted borders*/
::-moz-focus-inner {
  border: none;
}
:-moz-focusring {
  /*border: none;*/
}

.gogo-btn {
  background: #EEEEEE;
  border: 1px solid #CCCCCC;
  color: #000000;
  border-radius: 2px;
  padding: 5px 10px;
  font: 14px "Segoe UI", "Arial", sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.gogo-btn:hover {
  background: #DDDDDD;
}
.gogo-btn:active {
  background: #CECECE;
}
.gogo-btn:disabled {
  background: #EFEFEF;
  opacity: 0.3;
  cursor: not-allowed;
}

.gogo-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.gogo-btn-big {
  padding: 10px 20px;
}

.gogo-btn-blue {
  background: #0099FF;
  color: #FFFFFF;
  border: 1px solid #0088EE;
}
.gogo-btn-blue:hover {
  background: #0088EE;
}
.gogo-btn-blue:active {
  background: #0055CC;
}
.gogo-btn-blue:disabled, .gogo-btn-blue.gogo-disabled {
  background: #0099FF;
}

.gogo-btn-green {
  background: #00AA00;
  color: #FFFFFF;
  border: 1px solid #008000;
}
.gogo-btn-green:hover {
  background: #008000;
}
.gogo-btn-green:active {
  background: #007000;
}
.gogo-btn-green:disabled, .gogo-btn-green.gogo-disabled {
  background: #00AA00;
}

.gogo-btn-red {
  background: #CC0000;
  color: #FFFFFF;
  border: 1px solid #AA0000;
}
.gogo-btn-red:hover {
  background: #AA0000;
}
.gogo-btn-red:active {
  background: #800000;
}
.gogo-btn-red:disabled {
  background: #CC0000;
}

.gogo-btn-mint {
  background: #3EB489;
  color: #FFFFFF;
  border: 1px solid #39A57E;
}
.gogo-btn-mint:hover {
  background: #39A57E;
}
.gogo-btn-mint:active {
  background: #278966;
}
.gogo-btn-mint:disabled {
  background: #3EB489;
}

.gogo-btn-orange {
  background: #FFA500;
  color: #FFFFFF;
  border: 1px solid #EE9400;
}
.gogo-btn-orange:hover {
  background: #EE9400;
}
.gogo-btn-orange:active {
  background: #CC8000;
}
.gogo-btn-orange:disabled {
  background: #FFA500;
}

.gogo-btn-darkblue {
  background: #0000EE;
  color: #FFFFFF;
  border: 1px solid #0000CC;
}
.gogo-btn-darkblue:hover {
  background: #0000CC;
}
.gogo-btn-darkblue:active {
  background: #0000AA;
}
.gogo-btn-darkblue:disabled {
  background: #0000EE;
}

.gogo-btn-darkgray {
  background: #222;
  border: 1px solid #555;
  color: #FFF;
}
.gogo-btn-darkgray:hover {
  background: #333;
}
.gogo-btn-darkgray:active {
  background: #444;
}
.gogo-btn-darkgray:disabled {
  background: #222;
  opacity: 0.6;
  cursor: not-allowed;
}

.gogo-btn-small {
  padding: 2px 4px;
  min-width: 20px;
}

.gogo-btn-bigaction, .gogo-btn-dropdown, .gogo-btn-dropdown-options {
  border: none;
  font: 20px "Segoe UI", "Arial";
  padding: 10px 20px;
  border-radius: 4px;
  display: inline-block;
}
.gogo-btn-dropdown {
  border-radius: 4px 0 0 4px;
}
.gogo-btn-dropdown-options {
  border-radius: 0 4px 4px 0;
  padding: 10px 15px;
  margin-left: 2px;
}

code, .gogo-default-code, .gogo-code, .gogo-filename, .gogo-monospace {
  background: #222222;
  color: #FFFFFF;
  font-family: "Consolas", monospace;
  font-size: 0.8em;
  white-space: pre;
  border-radius: 4px;
  padding: 2px 4px;
}
var {
  font-style: italic;
}
select {
  background: #EEEEEE;
  border: 1px solid #CCCCCC;
  color: #000000;
  border-radius: 2px;
  padding: 2px 4px;
  font: 14px "Segoe UI", "Arial";
  text-decoration: none;
  cursor: default;
}
select:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

input[type=text], input[type=url], input[type=email], input[type=search], input[type=number], input[type=password], input[type=date], input[type=time], textarea {
  padding: 5px;
  border: 2px solid #CCCCCC;
  border-radius: 2px;
}
input[type=text]:hover, input[type=url]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, input[type=password]:hover, input[type=date], input[type=time], textarea:hover {
  border: 2px solid #BBBBBB;
}
input[type=text]:active, input[type=url]:active, input[type=email]:active, input[type=number]:active, input[type=password]:active, input[type=date], input[type=time], textarea:active {
  border: 2px solid #AAAAAA;
}
input[type=text]:focus, input[type=url]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=password]:focus, input[type=date], input[type=time], textarea:focus {
  border: 2px solid #AAAAAA;
}

/*Toggle Switch Start*/
.gogo-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -khtml-appearance: none;
  appearance: none;
  width: 50px;
  height: 25px;
  display: inline-block;
  position: relative;
  background: #333333;
  transition: background 100ms;
  border: none;
  border-radius: 2px;
  outline: none;
  overflow: hidden;
  cursor: pointer;
}
.gogo-toggle:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.gogo-toggle::before, .gogo-toggle-switch::before {
  content: "ON OFF";
  text-transform: uppercase;
  font: bold 10px Arial, sans-serif;
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-indent: -22px;
  word-spacing: 28px;
  background: #EEEEEE;
  border: none;
  border-radius: 2px;
  color: #FFFFFF;
  z-index: 2;
  transition: all 100ms linear;
}
.gogo-toggle-offred {
  background: #FF0000;
}
.gogo-toggle-onred:checked {
  background: #FF0000;
}
.gogo-toggle:checked, .gogo-toggle-switch:checked {
  background: #00CC00;
}
.gogo-toggle:checked::before, .gogo-toggle-switch:checked::before {
  left: 28px;
}
.gogo-kbd {
  background: linear-gradient(to bottom, #EEE, #DDD);
  border: 1px solid #AAA;
  border-radius: 2px;
  box-shadow: 0 1px 2px #AAA;
  display: inline-block;
  text-align: center;
  font: 0.8em "Segoe UI", "Arial", sans-serif;
  padding: 2px 6px;
  box-sizing: border-box;
  min-width: 1.8em;
  min-height: 1.8em;
}
/*Toggle Switch End*/

.gogo-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.gogo-dialog {
  z-index: 1000;
  width: 400px;
  height: 200px;
  background: #FFFFFF;
  color: #000;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 #AAAAAA;
  font-family: "Segoe UI", "Arial", sans-serif;
  position: relative;
  overflow: hidden;
}
.gogo-dialog::backdrop {
  background: #80808080;
}
.gogo-dialog-content {
  width: calc(100% - 20px);
  height: 150px;
  overflow: auto;
  padding: 10px;
  scrollbar-width: thin;
}
.gogo-dialog-buttons {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: calc(100% - 20px);
  border-top: 1px solid #AAA;
  padding-top: 10px;
  background: #FFF;
  display: flex;
  justify-content: flex-end;
}
.gogo-dialog-buttons > button:not(:first-child) {
  margin-left: 10px;
}
.gogo-dialog-buttons > button {
  min-width: 80px;
  min-height: 30px;
}

/*Popup/context menu*/
.gogo-popup-menu {
  background: #FFF;
  border: 1px solid #EEE;
  box-shadow: 0 0 2px 1px #AAA;
  color: #000;
  min-width: 200px;
  min-height: 10px;
  font: 14px "Segoe UI", "Arial", sans-serif;
  display: none;
  z-index: 200;
}
.gogo-popup-menu-item {
  background: #FFF;
  font: 14px "Segoe UI", "Arial", sans-serif;
  padding: 5px;
}
.gogo-popup-menu-item:hover {
  background: #EEE;
}
.gogo-popup-menu-item:active {
  background: #CCC;
}
.gogo-popup-menu-item::before {
  content: "";
  display: inline-block;
  width: 20px;
}
.gogo-popup-menu-item[data-disabled] {
  opacity: 0.5;
}
.gogo-popup-menu-item-checked::before {
  content: "\2713";
  display: inline-block;
  width: 20px;
}
.gogo-popup-menu-item-selected::before {
  content: "\25CF";
  display: inline-block;
  width: 20px;
  text-align: center;
  transform: translate(-2px, -1px);
}
.gogo-popup-menu-item-submenu::after {
  content: "\25B6";
  float: right;
}
/*End popup/context menu*/

blockquote {
  background: #EEEEEE;
  border-left: 4px solid #CCCCCC;
  padding: 5px 20px;
}

.gogo-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gogo-centered-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Old kbd
kbd {
  background: linear-gradient(to bottom, #EEEEEE, #DDDDDD);
  color: #000000;
  border: 1px solid #808080;
  border-radius: 2px;
  box-shadow: 0px 2px 2px 0px #33333380;
  padding: 3px 5px;
  font-family: "Consolas", monospace;
  font-size: 0.8em;
}*/
/*kbd fallback, same as .gogo-kbd*/
kbd {
  background: linear-gradient(to bottom, #EEE, #DDD);
  border: 1px solid #AAA;
  border-radius: 2px;
  box-shadow: 0 1px 2px #AAA;
  display: inline-block;
  text-align: center;
  font: 0.8em "Segoe UI", "Arial", sans-serif;
  padding: 2px 6px;
  box-sizing: border-box;
  min-width: 1.8em;
  min-height: 1.8em;
}