/* LIGHT THEME */
html * {
  box-sizing: border-box;
}

h1, h2 {
  padding: 5px;
  margin: 5px;
  text-align: center;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 150%;
}

.centered {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

.centera {
  margin: auto;
}

.centerh {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.centerv {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.justify {
  text-align: justify !important;
}

.fleft {
  float: left !important;
}

.fright {
  float: right !important;
}

.clear {
  clear: both;
}

.vtop {
  vertical-align: top !important;
}

.vmid {
  vertical-align: middle !important;
}

.nopad {
  padding: 0 !important;
}

.pad {
  padding: 5px !important;
}

.nomargin {
  margin: 0 !important;
}

.margin {
  margin: 5px !important;
}

.marginh {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.marginv {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.full {
  width: 100%;
}

.half {
  width: 50%;
}

.fullh {
  height: 100%;
}

.fullvw {
  width: 100vw;
}

.halfvw {
  width: 50vw;
}

.fullvh {
  height: 100vh;
}

.halfvh {
  height: 50vh;
}

.strong {
  font-weight: bold !important;
}

.lcase {
  text-transform: lowercase;
}

.ucase {
  text-transform: uppercase;
}

.ccase {
  text-transform: capitalize;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.round {
  border-radius: 4px;
}

.nowrap {
  white-space: nowrap;
}

.overflow {
  overflow: auto;
}

.overhid {
  overflow: hidden;
}

.inline {
  display: inline-block;
}

.block {
  display: block;
}

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.blur {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}

#m2d2-alert .m2d2-alert-front {
  min-width: 400px;
  min-height: 100px;
  max-width: 600px;
  background-color: #dddddd;
  padding: 10px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5333333333);
  margin-top: -200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 4px;
  font-size: 0.7em;
}
#m2d2-alert .m2d2-alert-front .icon {
  font-size: 4em;
  margin: 5px;
  display: block;
}
#m2d2-alert .m2d2-alert-front.question .icon {
  color: #2175af;
}
#m2d2-alert .m2d2-alert-front.ok .icon {
  color: #3d8b3d;
}
#m2d2-alert .m2d2-alert-front.input .icon {
  color: #F3863D;
}
#m2d2-alert .m2d2-alert-front.wait .icon {
  color: #333333;
}
#m2d2-alert .m2d2-alert-front.error .icon {
  color: #F06D65;
}
#m2d2-alert .m2d2-alert-front.info .icon {
  color: #f3ed3b;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-title {
  font-size: 200%;
  text-align: center;
  line-height: 40px;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-text {
  line-height: 20px;
  padding: 5px;
  text-align: center;
  width: 100%;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-field {
  border: 0;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-field, #m2d2-alert .m2d2-alert-front .m2d2-alert-field input {
  width: 100%;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-buttons {
  padding: 5px;
  width: 100%;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-buttons button {
  min-width: 100px;
  text-transform: capitalize;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #333333;
  color: white;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-buttons .ok {
  float: right;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-buttons .yes, #m2d2-alert .m2d2-alert-front .m2d2-alert-buttons .send {
  float: right;
  background-color: #3d8b3d;
}
#m2d2-alert .m2d2-alert-front .m2d2-alert-buttons .no, #m2d2-alert .m2d2-alert-front .m2d2-alert-buttons .cancel {
  float: left;
  background-color: #F06D65;
}

@keyframes popup {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  60% {
    transform: scale(1.1);
  }
  70% {
    transform: scale(1.2);
  }
  80% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes vanish {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(0);
  }
}
.popup {
  animation: popup 0.7s;
}

.vanish {
  animation: vanish 0.5s;
}

/** WAIT SPIN **/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.icon.spin,
.material-icons.spin,
.fa.fa-spin::before {
  animation: spin 2s linear infinite;
}

textarea, input {
  font-size: 1em;
}

/* Form base theme */
form, .form {
  /* checkbox , radio */
  /* Themes */
}
form input[type=text],
form input[type=password],
form input[type=email],
form input[type=tel],
form input[type=url],
form input[type=date],
form input[type=time],
form input[type=datetime-local],
form input[type=number],
form textarea,
form select, .form input[type=text],
.form input[type=password],
.form input[type=email],
.form input[type=tel],
.form input[type=url],
.form input[type=date],
.form input[type=time],
.form input[type=datetime-local],
.form input[type=number],
.form textarea,
.form select {
  height: auto;
  padding: 8px 16px;
  line-height: 1.428571429;
  color: #333;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #EEE;
  margin: 1px;
}
form input:focus,
form textarea:focus,
form select:focus,
form button:focus, .form input:focus,
.form textarea:focus,
.form select:focus,
.form button:focus {
  outline: 0;
  background-image: none;
}
form textarea, .form textarea {
  height: auto;
  width: 100%;
}
form input[readonly],
form input[disabled], .form input[readonly],
.form input[disabled] {
  background-color: #cccccc;
  color: #565656 !important;
  cursor: not-allowed;
}
form button, .form button {
  display: inline-block;
  padding: 6px 16px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 2px;
  user-select: none;
  box-shadow: none;
  background: none;
  text-shadow: none;
  filter: none;
  height: auto;
  width: auto;
}
form button.compact, .form button.compact {
  padding: 6px;
}
form button:hover,
form button:focus, .form button:hover,
.form button:focus {
  outline: 0;
  color: #333333;
  text-decoration: none;
  background: none;
}
form input[type=checkbox],
form input[type=radio], .form input[type=checkbox],
.form input[type=radio] {
  -webkit-appearance: none;
  height: 21px;
  outline: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 5px;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
form input[type=checkbox]:checked::after,
form input[type=radio]:checked::after, .form input[type=checkbox]:checked::after,
.form input[type=radio]:checked::after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  position: absolute;
  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2) 0.3s;
}
form input[type=checkbox]:disabled,
form input[type=radio]:disabled, .form input[type=checkbox]:disabled,
.form input[type=radio]:disabled {
  cursor: not-allowed;
  opacity: 0.9;
}
form input[type=checkbox]:disabled + label,
form input[type=radio]:disabled + label, .form input[type=checkbox]:disabled + label,
.form input[type=radio]:disabled + label {
  cursor: not-allowed;
}
form input[type=checkbox]:not(.switch),
form input[type=radio]:not(.switch), .form input[type=checkbox]:not(.switch),
.form input[type=radio]:not(.switch) {
  width: 21px;
}
form input[type=checkbox]:not(.switch):checked::after,
form input[type=radio]:not(.switch):checked::after, .form input[type=checkbox]:not(.switch):checked::after,
.form input[type=radio]:not(.switch):checked::after {
  opacity: 1;
}
form input[type=checkbox] + label,
form input[type=radio] + label, .form input[type=checkbox] + label,
.form input[type=radio] + label {
  /*font-size: 14px;*/
  line-height: 21px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-left: 4px;
}
form input[type=checkbox]:not(.switch), .form input[type=checkbox]:not(.switch) {
  border-radius: 4px;
}
form input[type=checkbox]:not(.switch)::after, .form input[type=checkbox]:not(.switch)::after {
  width: 5px;
  height: 9px;
  border-top: 0;
  border-left: 0;
  left: 6px;
  top: 2px;
  transform: rotate(43deg);
}
form input[type=checkbox].switch, .form input[type=checkbox].switch {
  width: 38px;
  border-radius: 11px;
}
form input[type=checkbox].switch::after, .form input[type=checkbox].switch::after {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
form input[type=checkbox].switch:checked::after, .form input[type=checkbox].switch:checked::after {
  transform: translateX(17px);
}
form input[type=checkbox].switch:disabled:not(:checked)::after, .form input[type=checkbox].switch:disabled:not(:checked)::after {
  opacity: 0.6;
}
form input[type=radio], .form input[type=radio] {
  border-radius: 50%;
}
form input[type=radio]::after, .form input[type=radio]::after {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.7);
}
form input[type=radio]:checked::after, .form input[type=radio]:checked::after {
  transform: scale(0.5);
}
form input::placeholder, .form input::placeholder {
  opacity: 0.4;
}
form.theme_main button:not(.color), .form.theme_main button:not(.color) {
  color: white !important;
  background-color: #333333 !important;
  border-color: rgb(12.75, 12.75, 12.75);
}
form.theme_main button:not(.color):hover:not(:disabled), form.theme_main button:not(.color):active, form.theme_main button:not(.color):focus, .form.theme_main button:not(.color):hover:not(:disabled), .form.theme_main button:not(.color):active, .form.theme_main button:not(.color):focus {
  color: rgb(242.25, 242.25, 242.25) !important;
  background-color: rgb(12.75, 12.75, 12.75) !important;
  border-color: black;
}
form.theme_main button.wide, .form.theme_main button.wide {
  min-width: 150px;
}
form.theme_main button:disabled, .form.theme_main button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_main input[type=text]:focus,
form.theme_main input[type=password]:focus,
form.theme_main input[type=email]:focus,
form.theme_main input[type=tel]:focus,
form.theme_main input[type=url]:focus,
form.theme_main input[type=date]:focus,
form.theme_main input[type=time]:focus,
form.theme_main input[type=datetime-local]:focus,
form.theme_main textarea:focus,
form.theme_main select:focus, .form.theme_main input[type=text]:focus,
.form.theme_main input[type=password]:focus,
.form.theme_main input[type=email]:focus,
.form.theme_main input[type=tel]:focus,
.form.theme_main input[type=url]:focus,
.form.theme_main input[type=date]:focus,
.form.theme_main input[type=time]:focus,
.form.theme_main input[type=datetime-local]:focus,
.form.theme_main textarea:focus,
.form.theme_main select:focus {
  border-color: rgb(89.25, 89.25, 89.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 51, 51, 0.15);
}
form.theme_main input[type=checkbox],
form.theme_main input[type=radio], .form.theme_main input[type=checkbox],
.form.theme_main input[type=radio] {
  border: 1px solid var(--bc, #333333);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #333333;
}
form.theme_main input[type=checkbox]:checked,
form.theme_main input[type=radio]:checked, .form.theme_main input[type=checkbox]:checked,
.form.theme_main input[type=radio]:checked {
  --b: #333333;
  --bc: #333333;
}
form.theme_main input[type=checkbox]:disabled,
form.theme_main input[type=radio]:disabled, .form.theme_main input[type=checkbox]:disabled,
.form.theme_main input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_main input[type=checkbox]:disabled:checked,
form.theme_main input[type=radio]:disabled:checked, .form.theme_main input[type=checkbox]:disabled:checked,
.form.theme_main input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(89.25, 89.25, 89.25);
}
form.theme_main input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_main input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_main input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_main input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #333333;
}
form.theme_main input[type=checkbox]:focus,
form.theme_main input[type=radio]:focus, .form.theme_main input[type=checkbox]:focus,
.form.theme_main input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.3);
}
form.theme_main input[type=checkbox]:not(.switch)::after, .form.theme_main input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_main input[type=checkbox].switch::after, .form.theme_main input[type=checkbox].switch::after {
  background: var(--ab, rgb(89.25, 89.25, 89.25));
}
form.theme_main input[type=checkbox].switch:checked, .form.theme_main input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_main input[type=radio]::after, .form.theme_main input[type=radio]::after {
  background: #fff;
}
form.theme_main input[type=text],
form.theme_main input[type=password],
form.theme_main input[type=email],
form.theme_main input[type=tel],
form.theme_main input[type=url],
form.theme_main input[type=date],
form.theme_main input[type=time],
form.theme_main input[type=datetime-local],
form.theme_main input[type=number],
form.theme_main textarea,
form.theme_main select, .form.theme_main input[type=text],
.form.theme_main input[type=password],
.form.theme_main input[type=email],
.form.theme_main input[type=tel],
.form.theme_main input[type=url],
.form.theme_main input[type=date],
.form.theme_main input[type=time],
.form.theme_main input[type=datetime-local],
.form.theme_main input[type=number],
.form.theme_main textarea,
.form.theme_main select {
  border-color: var(--bc, #333333);
}
form.theme_dark button:not(.color), .form.theme_dark button:not(.color) {
  color: white !important;
  background-color: #333333 !important;
  border-color: rgb(12.75, 12.75, 12.75);
}
form.theme_dark button:not(.color):hover:not(:disabled), form.theme_dark button:not(.color):active, form.theme_dark button:not(.color):focus, .form.theme_dark button:not(.color):hover:not(:disabled), .form.theme_dark button:not(.color):active, .form.theme_dark button:not(.color):focus {
  color: rgb(242.25, 242.25, 242.25) !important;
  background-color: rgb(12.75, 12.75, 12.75) !important;
  border-color: black;
}
form.theme_dark button.wide, .form.theme_dark button.wide {
  min-width: 150px;
}
form.theme_dark button:disabled, .form.theme_dark button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_dark input[type=text]:focus,
form.theme_dark input[type=password]:focus,
form.theme_dark input[type=email]:focus,
form.theme_dark input[type=tel]:focus,
form.theme_dark input[type=url]:focus,
form.theme_dark input[type=date]:focus,
form.theme_dark input[type=time]:focus,
form.theme_dark input[type=datetime-local]:focus,
form.theme_dark textarea:focus,
form.theme_dark select:focus, .form.theme_dark input[type=text]:focus,
.form.theme_dark input[type=password]:focus,
.form.theme_dark input[type=email]:focus,
.form.theme_dark input[type=tel]:focus,
.form.theme_dark input[type=url]:focus,
.form.theme_dark input[type=date]:focus,
.form.theme_dark input[type=time]:focus,
.form.theme_dark input[type=datetime-local]:focus,
.form.theme_dark textarea:focus,
.form.theme_dark select:focus {
  border-color: rgb(89.25, 89.25, 89.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 51, 51, 0.15);
}
form.theme_dark input[type=checkbox],
form.theme_dark input[type=radio], .form.theme_dark input[type=checkbox],
.form.theme_dark input[type=radio] {
  border: 1px solid var(--bc, #333333);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #333333;
}
form.theme_dark input[type=checkbox]:checked,
form.theme_dark input[type=radio]:checked, .form.theme_dark input[type=checkbox]:checked,
.form.theme_dark input[type=radio]:checked {
  --b: #333333;
  --bc: #333333;
}
form.theme_dark input[type=checkbox]:disabled,
form.theme_dark input[type=radio]:disabled, .form.theme_dark input[type=checkbox]:disabled,
.form.theme_dark input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_dark input[type=checkbox]:disabled:checked,
form.theme_dark input[type=radio]:disabled:checked, .form.theme_dark input[type=checkbox]:disabled:checked,
.form.theme_dark input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(89.25, 89.25, 89.25);
}
form.theme_dark input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_dark input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_dark input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_dark input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #333333;
}
form.theme_dark input[type=checkbox]:focus,
form.theme_dark input[type=radio]:focus, .form.theme_dark input[type=checkbox]:focus,
.form.theme_dark input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.3);
}
form.theme_dark input[type=checkbox]:not(.switch)::after, .form.theme_dark input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_dark input[type=checkbox].switch::after, .form.theme_dark input[type=checkbox].switch::after {
  background: var(--ab, rgb(89.25, 89.25, 89.25));
}
form.theme_dark input[type=checkbox].switch:checked, .form.theme_dark input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_dark input[type=radio]::after, .form.theme_dark input[type=radio]::after {
  background: #fff;
}
form.theme_dark input[type=text],
form.theme_dark input[type=password],
form.theme_dark input[type=email],
form.theme_dark input[type=tel],
form.theme_dark input[type=url],
form.theme_dark input[type=date],
form.theme_dark input[type=time],
form.theme_dark input[type=datetime-local],
form.theme_dark input[type=number],
form.theme_dark textarea,
form.theme_dark select, .form.theme_dark input[type=text],
.form.theme_dark input[type=password],
.form.theme_dark input[type=email],
.form.theme_dark input[type=tel],
.form.theme_dark input[type=url],
.form.theme_dark input[type=date],
.form.theme_dark input[type=time],
.form.theme_dark input[type=datetime-local],
.form.theme_dark input[type=number],
.form.theme_dark textarea,
.form.theme_dark select {
  border-color: var(--bc, #333333);
}
form.theme_light button:not(.color), .form.theme_light button:not(.color) {
  color: black !important;
  background-color: #dddddd !important;
  border-color: rgb(182.75, 182.75, 182.75);
}
form.theme_light button:not(.color):hover:not(:disabled), form.theme_light button:not(.color):active, form.theme_light button:not(.color):focus, .form.theme_light button:not(.color):hover:not(:disabled), .form.theme_light button:not(.color):active, .form.theme_light button:not(.color):focus {
  color: black !important;
  background-color: rgb(182.75, 182.75, 182.75) !important;
  border-color: rgb(144.5, 144.5, 144.5);
}
form.theme_light button.wide, .form.theme_light button.wide {
  min-width: 150px;
}
form.theme_light button:disabled, .form.theme_light button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_light input[type=text]:focus,
form.theme_light input[type=password]:focus,
form.theme_light input[type=email]:focus,
form.theme_light input[type=tel]:focus,
form.theme_light input[type=url]:focus,
form.theme_light input[type=date]:focus,
form.theme_light input[type=time]:focus,
form.theme_light input[type=datetime-local]:focus,
form.theme_light textarea:focus,
form.theme_light select:focus, .form.theme_light input[type=text]:focus,
.form.theme_light input[type=password]:focus,
.form.theme_light input[type=email]:focus,
.form.theme_light input[type=tel]:focus,
.form.theme_light input[type=url]:focus,
.form.theme_light input[type=date]:focus,
.form.theme_light input[type=time]:focus,
.form.theme_light input[type=datetime-local]:focus,
.form.theme_light textarea:focus,
.form.theme_light select:focus {
  border-color: rgb(182.75, 182.75, 182.75);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(221, 221, 221, 0.15);
}
form.theme_light input[type=checkbox],
form.theme_light input[type=radio], .form.theme_light input[type=checkbox],
.form.theme_light input[type=radio] {
  border: 1px solid var(--bc, #dddddd);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #dddddd;
}
form.theme_light input[type=checkbox]:checked,
form.theme_light input[type=radio]:checked, .form.theme_light input[type=checkbox]:checked,
.form.theme_light input[type=radio]:checked {
  --b: #dddddd;
  --bc: #dddddd;
}
form.theme_light input[type=checkbox]:disabled,
form.theme_light input[type=radio]:disabled, .form.theme_light input[type=checkbox]:disabled,
.form.theme_light input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_light input[type=checkbox]:disabled:checked,
form.theme_light input[type=radio]:disabled:checked, .form.theme_light input[type=checkbox]:disabled:checked,
.form.theme_light input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: white;
}
form.theme_light input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_light input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_light input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_light input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #dddddd;
}
form.theme_light input[type=checkbox]:focus,
form.theme_light input[type=radio]:focus, .form.theme_light input[type=checkbox]:focus,
.form.theme_light input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(221, 221, 221, 0.3);
}
form.theme_light input[type=checkbox]:not(.switch)::after, .form.theme_light input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_light input[type=checkbox].switch::after, .form.theme_light input[type=checkbox].switch::after {
  background: var(--ab, white);
}
form.theme_light input[type=checkbox].switch:checked, .form.theme_light input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_light input[type=radio]::after, .form.theme_light input[type=radio]::after {
  background: #fff;
}
form.theme_light input[type=text],
form.theme_light input[type=password],
form.theme_light input[type=email],
form.theme_light input[type=tel],
form.theme_light input[type=url],
form.theme_light input[type=date],
form.theme_light input[type=time],
form.theme_light input[type=datetime-local],
form.theme_light input[type=number],
form.theme_light textarea,
form.theme_light select, .form.theme_light input[type=text],
.form.theme_light input[type=password],
.form.theme_light input[type=email],
.form.theme_light input[type=tel],
.form.theme_light input[type=url],
.form.theme_light input[type=date],
.form.theme_light input[type=time],
.form.theme_light input[type=datetime-local],
.form.theme_light input[type=number],
.form.theme_light textarea,
.form.theme_light select {
  border-color: var(--bc, #dddddd);
}
form.theme_red button:not(.color), .form.theme_red button:not(.color) {
  color: black !important;
  background-color: #F06D65 !important;
  border-color: rgb(233.2100591716, 42.9112426036, 31.2899408284);
}
form.theme_red button:not(.color):hover:not(:disabled), form.theme_red button:not(.color):active, form.theme_red button:not(.color):focus, .form.theme_red button:not(.color):hover:not(:disabled), .form.theme_red button:not(.color):active, .form.theme_red button:not(.color):focus {
  color: black !important;
  background-color: rgb(233.2100591716, 42.9112426036, 31.2899408284) !important;
  border-color: rgb(171.3136094675, 25.5857988166, 16.6863905325);
}
form.theme_red button.wide, .form.theme_red button.wide {
  min-width: 150px;
}
form.theme_red button:disabled, .form.theme_red button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_red input[type=text]:focus,
form.theme_red input[type=password]:focus,
form.theme_red input[type=email]:focus,
form.theme_red input[type=tel]:focus,
form.theme_red input[type=url]:focus,
form.theme_red input[type=date]:focus,
form.theme_red input[type=time]:focus,
form.theme_red input[type=datetime-local]:focus,
form.theme_red textarea:focus,
form.theme_red select:focus, .form.theme_red input[type=text]:focus,
.form.theme_red input[type=password]:focus,
.form.theme_red input[type=email]:focus,
.form.theme_red input[type=tel]:focus,
.form.theme_red input[type=url]:focus,
.form.theme_red input[type=date]:focus,
.form.theme_red input[type=time]:focus,
.form.theme_red input[type=datetime-local]:focus,
.form.theme_red textarea:focus,
.form.theme_red select:focus {
  border-color: rgb(233.2100591716, 42.9112426036, 31.2899408284);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 109, 101, 0.15);
}
form.theme_red input[type=checkbox],
form.theme_red input[type=radio], .form.theme_red input[type=checkbox],
.form.theme_red input[type=radio] {
  border: 1px solid var(--bc, #F06D65);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #F06D65;
}
form.theme_red input[type=checkbox]:checked,
form.theme_red input[type=radio]:checked, .form.theme_red input[type=checkbox]:checked,
.form.theme_red input[type=radio]:checked {
  --b: #F06D65;
  --bc: #F06D65;
}
form.theme_red input[type=checkbox]:disabled,
form.theme_red input[type=radio]:disabled, .form.theme_red input[type=checkbox]:disabled,
.form.theme_red input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_red input[type=checkbox]:disabled:checked,
form.theme_red input[type=radio]:disabled:checked, .form.theme_red input[type=checkbox]:disabled:checked,
.form.theme_red input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(246.7899408284, 175.0887573964, 170.7100591716);
}
form.theme_red input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_red input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_red input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_red input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #F06D65;
}
form.theme_red input[type=checkbox]:focus,
form.theme_red input[type=radio]:focus, .form.theme_red input[type=checkbox]:focus,
.form.theme_red input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(240, 109, 101, 0.3);
}
form.theme_red input[type=checkbox]:not(.switch)::after, .form.theme_red input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_red input[type=checkbox].switch::after, .form.theme_red input[type=checkbox].switch::after {
  background: var(--ab, rgb(246.7899408284, 175.0887573964, 170.7100591716));
}
form.theme_red input[type=checkbox].switch:checked, .form.theme_red input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_red input[type=radio]::after, .form.theme_red input[type=radio]::after {
  background: #fff;
}
form.theme_red input[type=text],
form.theme_red input[type=password],
form.theme_red input[type=email],
form.theme_red input[type=tel],
form.theme_red input[type=url],
form.theme_red input[type=date],
form.theme_red input[type=time],
form.theme_red input[type=datetime-local],
form.theme_red input[type=number],
form.theme_red textarea,
form.theme_red select, .form.theme_red input[type=text],
.form.theme_red input[type=password],
.form.theme_red input[type=email],
.form.theme_red input[type=tel],
.form.theme_red input[type=url],
.form.theme_red input[type=date],
.form.theme_red input[type=time],
.form.theme_red input[type=datetime-local],
.form.theme_red input[type=number],
.form.theme_red textarea,
.form.theme_red select {
  border-color: var(--bc, #F06D65);
}
form.theme_blue button:not(.color), .form.theme_blue button:not(.color) {
  color: white !important;
  background-color: #2175af !important;
  border-color: rgb(20.8629807692, 73.96875, 110.6370192308);
}
form.theme_blue button:not(.color):hover:not(:disabled), form.theme_blue button:not(.color):active, form.theme_blue button:not(.color):focus, .form.theme_blue button:not(.color):hover:not(:disabled), .form.theme_blue button:not(.color):active, .form.theme_blue button:not(.color):focus {
  color: white !important;
  background-color: rgb(20.8629807692, 73.96875, 110.6370192308) !important;
  border-color: rgb(8.7259615385, 30.9375, 46.2740384615);
}
form.theme_blue button.wide, .form.theme_blue button.wide {
  min-width: 150px;
}
form.theme_blue button:disabled, .form.theme_blue button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_blue input[type=text]:focus,
form.theme_blue input[type=password]:focus,
form.theme_blue input[type=email]:focus,
form.theme_blue input[type=tel]:focus,
form.theme_blue input[type=url]:focus,
form.theme_blue input[type=date]:focus,
form.theme_blue input[type=time]:focus,
form.theme_blue input[type=datetime-local]:focus,
form.theme_blue textarea:focus,
form.theme_blue select:focus, .form.theme_blue input[type=text]:focus,
.form.theme_blue input[type=password]:focus,
.form.theme_blue input[type=email]:focus,
.form.theme_blue input[type=tel]:focus,
.form.theme_blue input[type=url]:focus,
.form.theme_blue input[type=date]:focus,
.form.theme_blue input[type=time]:focus,
.form.theme_blue input[type=datetime-local]:focus,
.form.theme_blue textarea:focus,
.form.theme_blue select:focus {
  border-color: rgb(65.2764423077, 156.34375, 219.2235576923);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(33, 117, 175, 0.15);
}
form.theme_blue input[type=checkbox],
form.theme_blue input[type=radio], .form.theme_blue input[type=checkbox],
.form.theme_blue input[type=radio] {
  border: 1px solid var(--bc, #2175af);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #2175af;
}
form.theme_blue input[type=checkbox]:checked,
form.theme_blue input[type=radio]:checked, .form.theme_blue input[type=checkbox]:checked,
.form.theme_blue input[type=radio]:checked {
  --b: #2175af;
  --bc: #2175af;
}
form.theme_blue input[type=checkbox]:disabled,
form.theme_blue input[type=radio]:disabled, .form.theme_blue input[type=checkbox]:disabled,
.form.theme_blue input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_blue input[type=checkbox]:disabled:checked,
form.theme_blue input[type=radio]:disabled:checked, .form.theme_blue input[type=checkbox]:disabled:checked,
.form.theme_blue input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(65.2764423077, 156.34375, 219.2235576923);
}
form.theme_blue input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_blue input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_blue input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_blue input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #2175af;
}
form.theme_blue input[type=checkbox]:focus,
form.theme_blue input[type=radio]:focus, .form.theme_blue input[type=checkbox]:focus,
.form.theme_blue input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(33, 117, 175, 0.3);
}
form.theme_blue input[type=checkbox]:not(.switch)::after, .form.theme_blue input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_blue input[type=checkbox].switch::after, .form.theme_blue input[type=checkbox].switch::after {
  background: var(--ab, rgb(65.2764423077, 156.34375, 219.2235576923));
}
form.theme_blue input[type=checkbox].switch:checked, .form.theme_blue input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_blue input[type=radio]::after, .form.theme_blue input[type=radio]::after {
  background: #fff;
}
form.theme_blue input[type=text],
form.theme_blue input[type=password],
form.theme_blue input[type=email],
form.theme_blue input[type=tel],
form.theme_blue input[type=url],
form.theme_blue input[type=date],
form.theme_blue input[type=time],
form.theme_blue input[type=datetime-local],
form.theme_blue input[type=number],
form.theme_blue textarea,
form.theme_blue select, .form.theme_blue input[type=text],
.form.theme_blue input[type=password],
.form.theme_blue input[type=email],
.form.theme_blue input[type=tel],
.form.theme_blue input[type=url],
.form.theme_blue input[type=date],
.form.theme_blue input[type=time],
.form.theme_blue input[type=datetime-local],
.form.theme_blue input[type=number],
.form.theme_blue textarea,
.form.theme_blue select {
  border-color: var(--bc, #2175af);
}
form.theme_green button:not(.color), .form.theme_green button:not(.color) {
  color: white !important;
  background-color: #3d8b3d !important;
  border-color: rgb(37.6675, 85.8325, 37.6675);
}
form.theme_green button:not(.color):hover:not(:disabled), form.theme_green button:not(.color):active, form.theme_green button:not(.color):focus, .form.theme_green button:not(.color):hover:not(:disabled), .form.theme_green button:not(.color):active, .form.theme_green button:not(.color):focus {
  color: white !important;
  background-color: rgb(37.6675, 85.8325, 37.6675) !important;
  border-color: rgb(14.335, 32.665, 14.335);
}
form.theme_green button.wide, .form.theme_green button.wide {
  min-width: 150px;
}
form.theme_green button:disabled, .form.theme_green button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_green input[type=text]:focus,
form.theme_green input[type=password]:focus,
form.theme_green input[type=email]:focus,
form.theme_green input[type=tel]:focus,
form.theme_green input[type=url]:focus,
form.theme_green input[type=date]:focus,
form.theme_green input[type=time]:focus,
form.theme_green input[type=datetime-local]:focus,
form.theme_green textarea:focus,
form.theme_green select:focus, .form.theme_green input[type=text]:focus,
.form.theme_green input[type=password]:focus,
.form.theme_green input[type=email]:focus,
.form.theme_green input[type=tel]:focus,
.form.theme_green input[type=url]:focus,
.form.theme_green input[type=date]:focus,
.form.theme_green input[type=time]:focus,
.form.theme_green input[type=datetime-local]:focus,
.form.theme_green textarea:focus,
.form.theme_green select:focus {
  border-color: rgb(92.7175, 183.7825, 92.7175);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 139, 61, 0.15);
}
form.theme_green input[type=checkbox],
form.theme_green input[type=radio], .form.theme_green input[type=checkbox],
.form.theme_green input[type=radio] {
  border: 1px solid var(--bc, #3d8b3d);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #3d8b3d;
}
form.theme_green input[type=checkbox]:checked,
form.theme_green input[type=radio]:checked, .form.theme_green input[type=checkbox]:checked,
.form.theme_green input[type=radio]:checked {
  --b: #3d8b3d;
  --bc: #3d8b3d;
}
form.theme_green input[type=checkbox]:disabled,
form.theme_green input[type=radio]:disabled, .form.theme_green input[type=checkbox]:disabled,
.form.theme_green input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_green input[type=checkbox]:disabled:checked,
form.theme_green input[type=radio]:disabled:checked, .form.theme_green input[type=checkbox]:disabled:checked,
.form.theme_green input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(92.7175, 183.7825, 92.7175);
}
form.theme_green input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_green input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_green input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_green input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #3d8b3d;
}
form.theme_green input[type=checkbox]:focus,
form.theme_green input[type=radio]:focus, .form.theme_green input[type=checkbox]:focus,
.form.theme_green input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(61, 139, 61, 0.3);
}
form.theme_green input[type=checkbox]:not(.switch)::after, .form.theme_green input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_green input[type=checkbox].switch::after, .form.theme_green input[type=checkbox].switch::after {
  background: var(--ab, rgb(92.7175, 183.7825, 92.7175));
}
form.theme_green input[type=checkbox].switch:checked, .form.theme_green input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_green input[type=radio]::after, .form.theme_green input[type=radio]::after {
  background: #fff;
}
form.theme_green input[type=text],
form.theme_green input[type=password],
form.theme_green input[type=email],
form.theme_green input[type=tel],
form.theme_green input[type=url],
form.theme_green input[type=date],
form.theme_green input[type=time],
form.theme_green input[type=datetime-local],
form.theme_green input[type=number],
form.theme_green textarea,
form.theme_green select, .form.theme_green input[type=text],
.form.theme_green input[type=password],
.form.theme_green input[type=email],
.form.theme_green input[type=tel],
.form.theme_green input[type=url],
.form.theme_green input[type=date],
.form.theme_green input[type=time],
.form.theme_green input[type=datetime-local],
.form.theme_green input[type=number],
.form.theme_green textarea,
.form.theme_green select {
  border-color: var(--bc, #3d8b3d);
}
form.theme_yellow button:not(.color), .form.theme_yellow button:not(.color) {
  color: black !important;
  background-color: #f3ed3b !important;
  border-color: rgb(212.4903846154, 205.9855769231, 13.0096153846);
}
form.theme_yellow button:not(.color):hover:not(:disabled), form.theme_yellow button:not(.color):active, form.theme_yellow button:not(.color):focus, .form.theme_yellow button:not(.color):hover:not(:disabled), .form.theme_yellow button:not(.color):active, .form.theme_yellow button:not(.color):focus {
  color: white !important;
  background-color: rgb(212.4903846154, 205.9855769231, 13.0096153846) !important;
  border-color: rgb(140.4038461538, 136.1057692308, 8.5961538462);
}
form.theme_yellow button.wide, .form.theme_yellow button.wide {
  min-width: 150px;
}
form.theme_yellow button:disabled, .form.theme_yellow button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_yellow input[type=text]:focus,
form.theme_yellow input[type=password]:focus,
form.theme_yellow input[type=email]:focus,
form.theme_yellow input[type=tel]:focus,
form.theme_yellow input[type=url]:focus,
form.theme_yellow input[type=date]:focus,
form.theme_yellow input[type=time]:focus,
form.theme_yellow input[type=datetime-local]:focus,
form.theme_yellow textarea:focus,
form.theme_yellow select:focus, .form.theme_yellow input[type=text]:focus,
.form.theme_yellow input[type=password]:focus,
.form.theme_yellow input[type=email]:focus,
.form.theme_yellow input[type=tel]:focus,
.form.theme_yellow input[type=url]:focus,
.form.theme_yellow input[type=date]:focus,
.form.theme_yellow input[type=time]:focus,
.form.theme_yellow input[type=datetime-local]:focus,
.form.theme_yellow textarea:focus,
.form.theme_yellow select:focus {
  border-color: rgb(247.4134615385, 243.6201923077, 131.0865384615);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 237, 59, 0.15);
}
form.theme_yellow input[type=checkbox],
form.theme_yellow input[type=radio], .form.theme_yellow input[type=checkbox],
.form.theme_yellow input[type=radio] {
  border: 1px solid var(--bc, #f3ed3b);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #f3ed3b;
}
form.theme_yellow input[type=checkbox]:checked,
form.theme_yellow input[type=radio]:checked, .form.theme_yellow input[type=checkbox]:checked,
.form.theme_yellow input[type=radio]:checked {
  --b: #f3ed3b;
  --bc: #f3ed3b;
}
form.theme_yellow input[type=checkbox]:disabled,
form.theme_yellow input[type=radio]:disabled, .form.theme_yellow input[type=checkbox]:disabled,
.form.theme_yellow input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_yellow input[type=checkbox]:disabled:checked,
form.theme_yellow input[type=radio]:disabled:checked, .form.theme_yellow input[type=checkbox]:disabled:checked,
.form.theme_yellow input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(247.4134615385, 243.6201923077, 131.0865384615);
}
form.theme_yellow input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_yellow input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_yellow input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_yellow input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #f3ed3b;
}
form.theme_yellow input[type=checkbox]:focus,
form.theme_yellow input[type=radio]:focus, .form.theme_yellow input[type=checkbox]:focus,
.form.theme_yellow input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(243, 237, 59, 0.3);
}
form.theme_yellow input[type=checkbox]:not(.switch)::after, .form.theme_yellow input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_yellow input[type=checkbox].switch::after, .form.theme_yellow input[type=checkbox].switch::after {
  background: var(--ab, rgb(247.4134615385, 243.6201923077, 131.0865384615));
}
form.theme_yellow input[type=checkbox].switch:checked, .form.theme_yellow input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_yellow input[type=radio]::after, .form.theme_yellow input[type=radio]::after {
  background: #fff;
}
form.theme_yellow input[type=text],
form.theme_yellow input[type=password],
form.theme_yellow input[type=email],
form.theme_yellow input[type=tel],
form.theme_yellow input[type=url],
form.theme_yellow input[type=date],
form.theme_yellow input[type=time],
form.theme_yellow input[type=datetime-local],
form.theme_yellow input[type=number],
form.theme_yellow textarea,
form.theme_yellow select, .form.theme_yellow input[type=text],
.form.theme_yellow input[type=password],
.form.theme_yellow input[type=email],
.form.theme_yellow input[type=tel],
.form.theme_yellow input[type=url],
.form.theme_yellow input[type=date],
.form.theme_yellow input[type=time],
.form.theme_yellow input[type=datetime-local],
.form.theme_yellow input[type=number],
.form.theme_yellow textarea,
.form.theme_yellow select {
  border-color: var(--bc, #f3ed3b);
}
form.theme_purple button:not(.color), .form.theme_purple button:not(.color) {
  color: white !important;
  background-color: #5a3672 !important;
  border-color: rgb(49.0178571429, 29.4107142857, 62.0892857143);
}
form.theme_purple button:not(.color):hover:not(:disabled), form.theme_purple button:not(.color):active, form.theme_purple button:not(.color):focus, .form.theme_purple button:not(.color):hover:not(:disabled), .form.theme_purple button:not(.color):active, .form.theme_purple button:not(.color):focus {
  color: white !important;
  background-color: rgb(49.0178571429, 29.4107142857, 62.0892857143) !important;
  border-color: rgb(8.0357142857, 4.8214285714, 10.1785714286);
}
form.theme_purple button.wide, .form.theme_purple button.wide {
  min-width: 150px;
}
form.theme_purple button:disabled, .form.theme_purple button:disabled {
  background-color: #565656 !important;
  border-color: #565656 !important;
  cursor: not-allowed;
}
form.theme_purple input[type=text]:focus,
form.theme_purple input[type=password]:focus,
form.theme_purple input[type=email]:focus,
form.theme_purple input[type=tel]:focus,
form.theme_purple input[type=url]:focus,
form.theme_purple input[type=date]:focus,
form.theme_purple input[type=time]:focus,
form.theme_purple input[type=datetime-local]:focus,
form.theme_purple textarea:focus,
form.theme_purple select:focus, .form.theme_purple input[type=text]:focus,
.form.theme_purple input[type=password]:focus,
.form.theme_purple input[type=email]:focus,
.form.theme_purple input[type=tel]:focus,
.form.theme_purple input[type=url]:focus,
.form.theme_purple input[type=date]:focus,
.form.theme_purple input[type=time]:focus,
.form.theme_purple input[type=datetime-local]:focus,
.form.theme_purple textarea:focus,
.form.theme_purple select:focus {
  border-color: rgb(130.9821428571, 78.5892857143, 165.9107142857);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(90, 54, 114, 0.15);
}
form.theme_purple input[type=checkbox],
form.theme_purple input[type=radio], .form.theme_purple input[type=checkbox],
.form.theme_purple input[type=radio] {
  border: 1px solid var(--bc, #5a3672);
  background: var(--b, transparent);
  box-shadow: inset 0px 0px 3px #5a3672;
}
form.theme_purple input[type=checkbox]:checked,
form.theme_purple input[type=radio]:checked, .form.theme_purple input[type=checkbox]:checked,
.form.theme_purple input[type=radio]:checked {
  --b: #5a3672;
  --bc: #5a3672;
}
form.theme_purple input[type=checkbox]:disabled,
form.theme_purple input[type=radio]:disabled, .form.theme_purple input[type=checkbox]:disabled,
.form.theme_purple input[type=radio]:disabled {
  --b: #cccccc;
}
form.theme_purple input[type=checkbox]:disabled:checked,
form.theme_purple input[type=radio]:disabled:checked, .form.theme_purple input[type=checkbox]:disabled:checked,
.form.theme_purple input[type=radio]:disabled:checked {
  --b: #565656;
  --bc: rgb(130.9821428571, 78.5892857143, 165.9107142857);
}
form.theme_purple input[type=checkbox]:hover:not(:checked):not(:disabled),
form.theme_purple input[type=radio]:hover:not(:checked):not(:disabled), .form.theme_purple input[type=checkbox]:hover:not(:checked):not(:disabled),
.form.theme_purple input[type=radio]:hover:not(:checked):not(:disabled) {
  --bc: #5a3672;
}
form.theme_purple input[type=checkbox]:focus,
form.theme_purple input[type=radio]:focus, .form.theme_purple input[type=checkbox]:focus,
.form.theme_purple input[type=radio]:focus {
  box-shadow: 0 0 0 2px rgba(90, 54, 114, 0.3);
}
form.theme_purple input[type=checkbox]:not(.switch)::after, .form.theme_purple input[type=checkbox]:not(.switch)::after {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
form.theme_purple input[type=checkbox].switch::after, .form.theme_purple input[type=checkbox].switch::after {
  background: var(--ab, rgb(130.9821428571, 78.5892857143, 165.9107142857));
}
form.theme_purple input[type=checkbox].switch:checked, .form.theme_purple input[type=checkbox].switch:checked {
  --ab: #fff;
}
form.theme_purple input[type=radio]::after, .form.theme_purple input[type=radio]::after {
  background: #fff;
}
form.theme_purple input[type=text],
form.theme_purple input[type=password],
form.theme_purple input[type=email],
form.theme_purple input[type=tel],
form.theme_purple input[type=url],
form.theme_purple input[type=date],
form.theme_purple input[type=time],
form.theme_purple input[type=datetime-local],
form.theme_purple input[type=number],
form.theme_purple textarea,
form.theme_purple select, .form.theme_purple input[type=text],
.form.theme_purple input[type=password],
.form.theme_purple input[type=email],
.form.theme_purple input[type=tel],
.form.theme_purple input[type=url],
.form.theme_purple input[type=date],
.form.theme_purple input[type=time],
.form.theme_purple input[type=datetime-local],
.form.theme_purple input[type=number],
.form.theme_purple textarea,
.form.theme_purple select {
  border-color: var(--bc, #5a3672);
}

button.color {
  /* Themes */
}
button.color.main {
  color: white !important;
  background-color: #333333 !important;
  border-color: rgb(12.75, 12.75, 12.75);
}
button.color.main:hover:not(:disabled), button.color.main:active, button.color.main:focus {
  color: rgb(242.25, 242.25, 242.25) !important;
  background-color: rgb(12.75, 12.75, 12.75) !important;
  border-color: black;
}
button.color.dark {
  color: white !important;
  background-color: #333333 !important;
  border-color: rgb(12.75, 12.75, 12.75);
}
button.color.dark:hover:not(:disabled), button.color.dark:active, button.color.dark:focus {
  color: rgb(242.25, 242.25, 242.25) !important;
  background-color: rgb(12.75, 12.75, 12.75) !important;
  border-color: black;
}
button.color.light {
  color: black !important;
  background-color: #dddddd !important;
  border-color: rgb(182.75, 182.75, 182.75);
}
button.color.light:hover:not(:disabled), button.color.light:active, button.color.light:focus {
  color: black !important;
  background-color: rgb(182.75, 182.75, 182.75) !important;
  border-color: rgb(144.5, 144.5, 144.5);
}
button.color.red {
  color: black !important;
  background-color: #F06D65 !important;
  border-color: rgb(233.2100591716, 42.9112426036, 31.2899408284);
}
button.color.red:hover:not(:disabled), button.color.red:active, button.color.red:focus {
  color: black !important;
  background-color: rgb(233.2100591716, 42.9112426036, 31.2899408284) !important;
  border-color: rgb(171.3136094675, 25.5857988166, 16.6863905325);
}
button.color.blue {
  color: white !important;
  background-color: #2175af !important;
  border-color: rgb(20.8629807692, 73.96875, 110.6370192308);
}
button.color.blue:hover:not(:disabled), button.color.blue:active, button.color.blue:focus {
  color: white !important;
  background-color: rgb(20.8629807692, 73.96875, 110.6370192308) !important;
  border-color: rgb(8.7259615385, 30.9375, 46.2740384615);
}
button.color.green {
  color: white !important;
  background-color: #3d8b3d !important;
  border-color: rgb(37.6675, 85.8325, 37.6675);
}
button.color.green:hover:not(:disabled), button.color.green:active, button.color.green:focus {
  color: white !important;
  background-color: rgb(37.6675, 85.8325, 37.6675) !important;
  border-color: rgb(14.335, 32.665, 14.335);
}
button.color.yellow {
  color: black !important;
  background-color: #f3ed3b !important;
  border-color: rgb(212.4903846154, 205.9855769231, 13.0096153846);
}
button.color.yellow:hover:not(:disabled), button.color.yellow:active, button.color.yellow:focus {
  color: white !important;
  background-color: rgb(212.4903846154, 205.9855769231, 13.0096153846) !important;
  border-color: rgb(140.4038461538, 136.1057692308, 8.5961538462);
}
button.color.purple {
  color: white !important;
  background-color: #5a3672 !important;
  border-color: rgb(49.0178571429, 29.4107142857, 62.0892857143);
}
button.color.purple:hover:not(:disabled), button.color.purple:active, button.color.purple:focus {
  color: white !important;
  background-color: rgb(49.0178571429, 29.4107142857, 62.0892857143) !important;
  border-color: rgb(8.0357142857, 4.8214285714, 10.1785714286);
}

::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

html {
  font-size: 20px;
}

body {
  margin: 0;
  background: #dddddd;
}
body * {
  box-sizing: border-box;
  font-family: "Meiryo UI", sans-serif;
}
body.loading form {
  display: none;
}
body .titles {
  text-align: center;
}

#login {
  display: none;
}
#login section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
#login section form {
  padding: 10px;
  background: white;
  z-index: 100;
  width: fit-content;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5333333333);
  margin: auto;
}
#login section form div {
  padding: 5px;
  position: relative;
}
#login section form label {
  color: rgba(0, 0, 0, 0.5333333333);
  width: 38%;
  display: inline-block;
  padding-right: 5px;
}
#login section form input {
  width: 60%;
  display: inline-block;
}
#login section form input.pass {
  padding-right: 40px;
}
#login section form .eye {
  user-select: none;
  font-style: normal;
  position: absolute;
  right: 20px;
  line-height: 40px;
  cursor: pointer;
  opacity: 0.5;
  outline: 0;
}
#login section form .eye:hover {
  opacity: 1;
}
#login section .note {
  text-align: center;
  padding: 10px;
}

@media only screen and (min-width: 600px) {
  #login h1, #login h2 {
    display: inline-block;
  }
}
@media only screen and (max-width: 750px) {
  form, article {
    width: 98% !important;
  }
  .titles h1 {
    font-size: 150% !important;
  }
  .titles h2 {
    font-size: 120% !important;
  }
  .titles h3 {
    font-size: 80%;
  }
  #login section {
    align-items: baseline !important;
  }
  legend {
    width: 100% !important;
  }
}