.burgerIcon-sm.cp-default {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-default::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: black;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-default:hover::before {
  color: #303030;
  cursor: pointer;
}
.burgerIcon-sm.cp-primary {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-primary::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #8b480e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-primary:hover::before {
  color: #b06c31;
  cursor: pointer;
}
.burgerIcon-sm.cp-success {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-success::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #195f34;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-success:hover::before {
  color: #238649;
  cursor: pointer;
}
.burgerIcon-sm.cp-danger {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-danger::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #8c101b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-danger:hover::before {
  color: #a12d37;
  cursor: pointer;
}
.burgerIcon-sm.cp-warning {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-warning::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffbf00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-warning:hover::before {
  color: #ffd24a;
  cursor: pointer;
}
.burgerIcon-sm.cp-info {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-info::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #2894aa;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-info:hover::before {
  color: #46a3b6;
  cursor: pointer;
}
.burgerIcon-sm.cp-light {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-light::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #a19b9b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-light:hover::before {
  color: #bbb3b3;
  cursor: pointer;
}
.burgerIcon-sm.cp-dark {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-dark::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #161616;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-dark:hover::before {
  color: #2c2c2c;
  cursor: pointer;
}
.burgerIcon-sm.cp-antan {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-antan::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fe2f00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-antan:hover::before {
  color: #c44b30;
  cursor: pointer;
}
.burgerIcon-sm.cp-notify {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-notify::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #07294e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-notify:hover::before {
  color: #1c436d;
  cursor: pointer;
}
.burgerIcon-sm.cp-funk {
  display: none;
  visibility: hidden;
}
.burgerIcon-sm.cp-funk::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #165992;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-sm.cp-funk:hover::before {
  color: #1976c5;
  cursor: pointer;
}

.burgerIcon-md.cp-default {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-default::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: black;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-default:hover::before {
  color: #303030;
  cursor: pointer;
}
.burgerIcon-md.cp-primary {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-primary::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #8b480e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-primary:hover::before {
  color: #b06c31;
  cursor: pointer;
}
.burgerIcon-md.cp-success {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-success::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #195f34;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-success:hover::before {
  color: #238649;
  cursor: pointer;
}
.burgerIcon-md.cp-danger {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-danger::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #8c101b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-danger:hover::before {
  color: #a12d37;
  cursor: pointer;
}
.burgerIcon-md.cp-warning {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-warning::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #ffbf00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-warning:hover::before {
  color: #ffd24a;
  cursor: pointer;
}
.burgerIcon-md.cp-info {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-info::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #2894aa;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-info:hover::before {
  color: #46a3b6;
  cursor: pointer;
}
.burgerIcon-md.cp-light {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-light::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #a19b9b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-light:hover::before {
  color: #bbb3b3;
  cursor: pointer;
}
.burgerIcon-md.cp-dark {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-dark::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #161616;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-dark:hover::before {
  color: #2c2c2c;
  cursor: pointer;
}
.burgerIcon-md.cp-antan {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-antan::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fe2f00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-antan:hover::before {
  color: #c44b30;
  cursor: pointer;
}
.burgerIcon-md.cp-notify {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-notify::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #07294e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-notify:hover::before {
  color: #1c436d;
  cursor: pointer;
}
.burgerIcon-md.cp-funk {
  display: none;
  visibility: hidden;
}
.burgerIcon-md.cp-funk::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #165992;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-md.cp-funk:hover::before {
  color: #1976c5;
  cursor: pointer;
}

.burgerIcon-lg.cp-default {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-default::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: black;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-default:hover::before {
  color: #303030;
  cursor: pointer;
}
.burgerIcon-lg.cp-primary {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-primary::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #8b480e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-primary:hover::before {
  color: #b06c31;
  cursor: pointer;
}
.burgerIcon-lg.cp-success {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-success::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #195f34;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-success:hover::before {
  color: #238649;
  cursor: pointer;
}
.burgerIcon-lg.cp-danger {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-danger::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #8c101b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-danger:hover::before {
  color: #a12d37;
  cursor: pointer;
}
.burgerIcon-lg.cp-warning {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-warning::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #ffbf00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-warning:hover::before {
  color: #ffd24a;
  cursor: pointer;
}
.burgerIcon-lg.cp-info {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-info::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #2894aa;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-info:hover::before {
  color: #46a3b6;
  cursor: pointer;
}
.burgerIcon-lg.cp-light {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-light::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #a19b9b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-light:hover::before {
  color: #bbb3b3;
  cursor: pointer;
}
.burgerIcon-lg.cp-dark {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-dark::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #161616;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-dark:hover::before {
  color: #2c2c2c;
  cursor: pointer;
}
.burgerIcon-lg.cp-antan {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-antan::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #fe2f00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-antan:hover::before {
  color: #c44b30;
  cursor: pointer;
}
.burgerIcon-lg.cp-notify {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-notify::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #07294e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-notify:hover::before {
  color: #1c436d;
  cursor: pointer;
}
.burgerIcon-lg.cp-funk {
  display: none;
  visibility: hidden;
}
.burgerIcon-lg.cp-funk::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: bold;
  color: #165992;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
.burgerIcon-lg.cp-funk:hover::before {
  color: #1976c5;
  cursor: pointer;
}

#burgerMenu {
  display: none;
  z-index: 82;
}
#burgerMenu > nav {
  display: grid;
  grid-template-rows: 1fr auto 1fr;
  grid-template-columns: 1fr;
}
#burgerMenu > nav > .link {
  grid-column-start: 1;
  grid-row-start: 2;
  justify-self: center;
  align-self: center;
  font-size: 2.6rem;
  font-weight: 600;
  color: white;
  margin: 4px;
  z-index: 99;
}

#burgerMenuBackground {
  background-color: rgba(0, 0, 0, 0.8);
}
#burgerMenuBackground > .close-burger-menu {
  position: absolute;
  top: 18px;
  right: 24px;
  font-size: 2.2rem;
  font-weight: bold;
  color: white;
}
#burgerMenuBackground > .close-burger-menu:hover {
  color: #cccccc;
  cursor: pointer;
}

@media (max-width: 768px) {
  #burgerIcon {
    display: block !important;
    visibility: visible !important;
  }
  #burgerIcon::before {
    display: inline-block;
  }
}.dialog-default-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid black;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-default-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid black;
  background: linear-gradient(#a1a1a1, #ececec);
}
.dialog-default-xs > content > header.solid {
  background: none;
  background-color: black;
  color: #ececec;
}
.dialog-default-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ececec;
}
.dialog-default-xs > content > header.solid > .close-command:hover {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-xs > content > header.solid > .close-command:hover::after {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-default-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: black;
}
.dialog-default-xs > content > header > .close-command:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-xs > content > header > .close-command:hover::after {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-default-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid black;
}
.dialog-default-xs > content > footer .ok-command.btn {
  background-color: white !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-default-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-default-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-default-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-default-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid black;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-default-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid black;
  background: linear-gradient(#a1a1a1, #ececec);
}
.dialog-default-sm > content > header.solid {
  background: none;
  background-color: black;
  color: #ececec;
}
.dialog-default-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ececec;
}
.dialog-default-sm > content > header.solid > .close-command:hover {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-sm > content > header.solid > .close-command:hover::after {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-default-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: black;
}
.dialog-default-sm > content > header > .close-command:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-sm > content > header > .close-command:hover::after {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-default-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid black;
}
.dialog-default-sm > content > footer .ok-command.btn {
  background-color: white !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-default-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-default-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-default-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-default-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid black;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-default-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid black;
  background: linear-gradient(#a1a1a1, #ececec);
}
.dialog-default-md > content > header.solid {
  background: none;
  background-color: black;
  color: #ececec;
}
.dialog-default-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ececec;
}
.dialog-default-md > content > header.solid > .close-command:hover {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-md > content > header.solid > .close-command:hover::after {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-default-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: black;
}
.dialog-default-md > content > header > .close-command:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-md > content > header > .close-command:hover::after {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-default-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid black;
}
.dialog-default-md > content > footer .ok-command.btn {
  background-color: white !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-default-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-md > content > footer .ok-command.btn-left {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-default-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-md > content > footer .ok-command.btn-center {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-default-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-default-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid black;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-default-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid black;
  background: linear-gradient(#a1a1a1, #ececec);
}
.dialog-default-lg > content > header.solid {
  background: none;
  background-color: black;
  color: #ececec;
}
.dialog-default-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ececec;
}
.dialog-default-lg > content > header.solid > .close-command:hover {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-lg > content > header.solid > .close-command:hover::after {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-default-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: black;
}
.dialog-default-lg > content > header > .close-command:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-lg > content > header > .close-command:hover::after {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-default-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid black;
}
.dialog-default-lg > content > footer .ok-command.btn {
  background-color: white !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-default-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-default-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-default-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-default-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid black;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-default-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: black;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid black;
  background: linear-gradient(#a1a1a1, #ececec);
}
.dialog-default-xl > content > header.solid {
  background: none;
  background-color: black;
  color: #ececec;
}
.dialog-default-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ececec;
}
.dialog-default-xl > content > header.solid > .close-command:hover {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-xl > content > header.solid > .close-command:hover::after {
  color: rgba(236, 236, 236, 0.6);
  cursor: pointer;
}
.dialog-default-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-default-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: black;
}
.dialog-default-xl > content > header > .close-command:hover {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-default-xl > content > header > .close-command:hover::after {
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.dialog-default-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-default-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid black;
}
.dialog-default-xl > content > footer .ok-command.btn {
  background-color: white !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-default-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-default-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(#484848, white) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #484848 !important;
  border: 3px solid #2a2a2a;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-default-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ececec !important;
  background-color: black !important;
}
.dialog-default-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-primary-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #8b480e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-primary-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8b480e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8b480e;
  background: linear-gradient(#d8a77d, #efdbc9);
}
.dialog-primary-xs > content > header.solid {
  background: none;
  background-color: #8b480e;
  color: #efdbc9;
}
.dialog-primary-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #efdbc9;
}
.dialog-primary-xs > content > header.solid > .close-command:hover {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-xs > content > header.solid > .close-command:hover::after {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-primary-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8b480e;
}
.dialog-primary-xs > content > header > .close-command:hover {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-xs > content > header > .close-command:hover::after {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-primary-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8b480e;
}
.dialog-primary-xs > content > footer .ok-command.btn {
  background-color: #8b480e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #efdbc9 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-primary-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-primary-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-primary-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-primary-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #8b480e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-primary-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8b480e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8b480e;
  background: linear-gradient(#d8a77d, #efdbc9);
}
.dialog-primary-sm > content > header.solid {
  background: none;
  background-color: #8b480e;
  color: #efdbc9;
}
.dialog-primary-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #efdbc9;
}
.dialog-primary-sm > content > header.solid > .close-command:hover {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-sm > content > header.solid > .close-command:hover::after {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-primary-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8b480e;
}
.dialog-primary-sm > content > header > .close-command:hover {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-sm > content > header > .close-command:hover::after {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-primary-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8b480e;
}
.dialog-primary-sm > content > footer .ok-command.btn {
  background-color: #8b480e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #efdbc9 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-primary-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-primary-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-primary-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-primary-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #8b480e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-primary-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8b480e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8b480e;
  background: linear-gradient(#d8a77d, #efdbc9);
}
.dialog-primary-md > content > header.solid {
  background: none;
  background-color: #8b480e;
  color: #efdbc9;
}
.dialog-primary-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #efdbc9;
}
.dialog-primary-md > content > header.solid > .close-command:hover {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-md > content > header.solid > .close-command:hover::after {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-primary-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8b480e;
}
.dialog-primary-md > content > header > .close-command:hover {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-md > content > header > .close-command:hover::after {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-primary-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8b480e;
}
.dialog-primary-md > content > footer .ok-command.btn {
  background-color: #8b480e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #efdbc9 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-primary-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-primary-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-primary-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-primary-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #8b480e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-primary-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8b480e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8b480e;
  background: linear-gradient(#d8a77d, #efdbc9);
}
.dialog-primary-lg > content > header.solid {
  background: none;
  background-color: #8b480e;
  color: #efdbc9;
}
.dialog-primary-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #efdbc9;
}
.dialog-primary-lg > content > header.solid > .close-command:hover {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-lg > content > header.solid > .close-command:hover::after {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-primary-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8b480e;
}
.dialog-primary-lg > content > header > .close-command:hover {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-lg > content > header > .close-command:hover::after {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-primary-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8b480e;
}
.dialog-primary-lg > content > footer .ok-command.btn {
  background-color: #8b480e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #efdbc9 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-primary-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-primary-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-primary-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-primary-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #8b480e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-primary-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8b480e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8b480e;
  background: linear-gradient(#d8a77d, #efdbc9);
}
.dialog-primary-xl > content > header.solid {
  background: none;
  background-color: #8b480e;
  color: #efdbc9;
}
.dialog-primary-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #efdbc9;
}
.dialog-primary-xl > content > header.solid > .close-command:hover {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-xl > content > header.solid > .close-command:hover::after {
  color: rgba(239, 219, 201, 0.6);
  cursor: pointer;
}
.dialog-primary-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-primary-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8b480e;
}
.dialog-primary-xl > content > header > .close-command:hover {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-primary-xl > content > header > .close-command:hover::after {
  color: rgba(139, 72, 14, 0.6);
  cursor: pointer;
}
.dialog-primary-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-primary-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8b480e;
}
.dialog-primary-xl > content > footer .ok-command.btn {
  background-color: #8b480e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #efdbc9 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-primary-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-primary-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8b480e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-primary-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #efdbc9 !important;
  background-color: #381d06 !important;
}
.dialog-primary-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-success-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #195f34;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-success-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #195f34;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #195f34;
  background: linear-gradient(#4bcc7c, #a0edbd);
}
.dialog-success-xs > content > header.solid {
  background: none;
  background-color: #195f34;
  color: #a0edbd;
}
.dialog-success-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a0edbd;
}
.dialog-success-xs > content > header.solid > .close-command:hover {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-xs > content > header.solid > .close-command:hover::after {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-success-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #195f34;
}
.dialog-success-xs > content > header > .close-command:hover {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-xs > content > header > .close-command:hover::after {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-success-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #195f34;
}
.dialog-success-xs > content > footer .ok-command.btn {
  background-color: #195f34 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #a0edbd !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-success-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-success-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-success-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-success-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #195f34;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-success-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #195f34;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #195f34;
  background: linear-gradient(#4bcc7c, #a0edbd);
}
.dialog-success-sm > content > header.solid {
  background: none;
  background-color: #195f34;
  color: #a0edbd;
}
.dialog-success-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a0edbd;
}
.dialog-success-sm > content > header.solid > .close-command:hover {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-sm > content > header.solid > .close-command:hover::after {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-success-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #195f34;
}
.dialog-success-sm > content > header > .close-command:hover {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-sm > content > header > .close-command:hover::after {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-success-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #195f34;
}
.dialog-success-sm > content > footer .ok-command.btn {
  background-color: #195f34 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #a0edbd !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-success-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-success-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-success-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-success-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #195f34;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-success-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #195f34;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #195f34;
  background: linear-gradient(#4bcc7c, #a0edbd);
}
.dialog-success-md > content > header.solid {
  background: none;
  background-color: #195f34;
  color: #a0edbd;
}
.dialog-success-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a0edbd;
}
.dialog-success-md > content > header.solid > .close-command:hover {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-md > content > header.solid > .close-command:hover::after {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-success-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #195f34;
}
.dialog-success-md > content > header > .close-command:hover {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-md > content > header > .close-command:hover::after {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-success-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #195f34;
}
.dialog-success-md > content > footer .ok-command.btn {
  background-color: #195f34 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #a0edbd !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-success-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-success-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-success-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-success-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #195f34;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-success-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #195f34;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #195f34;
  background: linear-gradient(#4bcc7c, #a0edbd);
}
.dialog-success-lg > content > header.solid {
  background: none;
  background-color: #195f34;
  color: #a0edbd;
}
.dialog-success-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a0edbd;
}
.dialog-success-lg > content > header.solid > .close-command:hover {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-lg > content > header.solid > .close-command:hover::after {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-success-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #195f34;
}
.dialog-success-lg > content > header > .close-command:hover {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-lg > content > header > .close-command:hover::after {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-success-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #195f34;
}
.dialog-success-lg > content > footer .ok-command.btn {
  background-color: #195f34 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #a0edbd !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-success-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-success-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-success-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-success-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #195f34;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-success-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #195f34;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #195f34;
  background: linear-gradient(#4bcc7c, #a0edbd);
}
.dialog-success-xl > content > header.solid {
  background: none;
  background-color: #195f34;
  color: #a0edbd;
}
.dialog-success-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a0edbd;
}
.dialog-success-xl > content > header.solid > .close-command:hover {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-xl > content > header.solid > .close-command:hover::after {
  color: rgba(160, 237, 189, 0.6);
  cursor: pointer;
}
.dialog-success-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-success-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #195f34;
}
.dialog-success-xl > content > header > .close-command:hover {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-success-xl > content > header > .close-command:hover::after {
  color: rgba(25, 95, 52, 0.6);
  cursor: pointer;
}
.dialog-success-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-success-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #195f34;
}
.dialog-success-xl > content > footer .ok-command.btn {
  background-color: #195f34 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #a0edbd !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-success-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-success-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #195f34) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-success-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #a0edbd !important;
  background-color: #06160c !important;
}
.dialog-success-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-danger-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #8c101b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-danger-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8c101b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8c101b;
  background: linear-gradient(#ed7781, #ffcacf);
}
.dialog-danger-xs > content > header.solid {
  background: none;
  background-color: #8c101b;
  color: #ffcacf;
}
.dialog-danger-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffcacf;
}
.dialog-danger-xs > content > header.solid > .close-command:hover {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-xs > content > header.solid > .close-command:hover::after {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-danger-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8c101b;
}
.dialog-danger-xs > content > header > .close-command:hover {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-xs > content > header > .close-command:hover::after {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-danger-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8c101b;
}
.dialog-danger-xs > content > footer .ok-command.btn {
  background-color: #8c101b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffcacf !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-danger-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-danger-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-danger-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-danger-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #8c101b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-danger-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8c101b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8c101b;
  background: linear-gradient(#ed7781, #ffcacf);
}
.dialog-danger-sm > content > header.solid {
  background: none;
  background-color: #8c101b;
  color: #ffcacf;
}
.dialog-danger-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffcacf;
}
.dialog-danger-sm > content > header.solid > .close-command:hover {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-sm > content > header.solid > .close-command:hover::after {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-danger-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8c101b;
}
.dialog-danger-sm > content > header > .close-command:hover {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-sm > content > header > .close-command:hover::after {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-danger-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8c101b;
}
.dialog-danger-sm > content > footer .ok-command.btn {
  background-color: #8c101b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffcacf !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-danger-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-danger-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-danger-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-danger-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #8c101b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-danger-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8c101b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8c101b;
  background: linear-gradient(#ed7781, #ffcacf);
}
.dialog-danger-md > content > header.solid {
  background: none;
  background-color: #8c101b;
  color: #ffcacf;
}
.dialog-danger-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffcacf;
}
.dialog-danger-md > content > header.solid > .close-command:hover {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-md > content > header.solid > .close-command:hover::after {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-danger-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8c101b;
}
.dialog-danger-md > content > header > .close-command:hover {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-md > content > header > .close-command:hover::after {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-danger-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8c101b;
}
.dialog-danger-md > content > footer .ok-command.btn {
  background-color: #8c101b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffcacf !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-danger-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-danger-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-danger-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-danger-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #8c101b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-danger-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8c101b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8c101b;
  background: linear-gradient(#ed7781, #ffcacf);
}
.dialog-danger-lg > content > header.solid {
  background: none;
  background-color: #8c101b;
  color: #ffcacf;
}
.dialog-danger-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffcacf;
}
.dialog-danger-lg > content > header.solid > .close-command:hover {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-lg > content > header.solid > .close-command:hover::after {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-danger-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8c101b;
}
.dialog-danger-lg > content > header > .close-command:hover {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-lg > content > header > .close-command:hover::after {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-danger-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8c101b;
}
.dialog-danger-lg > content > footer .ok-command.btn {
  background-color: #8c101b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffcacf !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-danger-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-danger-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-danger-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-danger-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #8c101b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-danger-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #8c101b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #8c101b;
  background: linear-gradient(#ed7781, #ffcacf);
}
.dialog-danger-xl > content > header.solid {
  background: none;
  background-color: #8c101b;
  color: #ffcacf;
}
.dialog-danger-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffcacf;
}
.dialog-danger-xl > content > header.solid > .close-command:hover {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-xl > content > header.solid > .close-command:hover::after {
  color: rgba(255, 202, 207, 0.6);
  cursor: pointer;
}
.dialog-danger-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-danger-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #8c101b;
}
.dialog-danger-xl > content > header > .close-command:hover {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-danger-xl > content > header > .close-command:hover::after {
  color: rgba(140, 16, 27, 0.6);
  cursor: pointer;
}
.dialog-danger-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-danger-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #8c101b;
}
.dialog-danger-xl > content > footer .ok-command.btn {
  background-color: #8c101b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffcacf !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-danger-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-danger-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #8c101b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-danger-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #ffcacf !important;
  background-color: #3a070b !important;
}
.dialog-danger-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-warning-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #ffbf00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-warning-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffbf00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #ffbf00;
  background: linear-gradient(#ffe9a6, #fff2cb);
}
.dialog-warning-xs > content > header.solid {
  background: none;
  background-color: #ffbf00;
  color: #fff2cb;
}
.dialog-warning-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fff2cb;
}
.dialog-warning-xs > content > header.solid > .close-command:hover {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-xs > content > header.solid > .close-command:hover::after {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-warning-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffbf00;
}
.dialog-warning-xs > content > header > .close-command:hover {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-xs > content > header > .close-command:hover::after {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-warning-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #ffbf00;
}
.dialog-warning-xs > content > footer .ok-command.btn {
  background-color: #ffbf00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-warning-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-warning-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-warning-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-warning-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #ffbf00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-warning-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffbf00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #ffbf00;
  background: linear-gradient(#ffe9a6, #fff2cb);
}
.dialog-warning-sm > content > header.solid {
  background: none;
  background-color: #ffbf00;
  color: #fff2cb;
}
.dialog-warning-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fff2cb;
}
.dialog-warning-sm > content > header.solid > .close-command:hover {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-sm > content > header.solid > .close-command:hover::after {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-warning-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffbf00;
}
.dialog-warning-sm > content > header > .close-command:hover {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-sm > content > header > .close-command:hover::after {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-warning-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #ffbf00;
}
.dialog-warning-sm > content > footer .ok-command.btn {
  background-color: #ffbf00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-warning-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-warning-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-warning-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-warning-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #ffbf00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-warning-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffbf00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #ffbf00;
  background: linear-gradient(#ffe9a6, #fff2cb);
}
.dialog-warning-md > content > header.solid {
  background: none;
  background-color: #ffbf00;
  color: #fff2cb;
}
.dialog-warning-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fff2cb;
}
.dialog-warning-md > content > header.solid > .close-command:hover {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-md > content > header.solid > .close-command:hover::after {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-warning-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffbf00;
}
.dialog-warning-md > content > header > .close-command:hover {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-md > content > header > .close-command:hover::after {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-warning-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #ffbf00;
}
.dialog-warning-md > content > footer .ok-command.btn {
  background-color: #ffbf00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-warning-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-md > content > footer .ok-command.btn-left {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-warning-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-md > content > footer .ok-command.btn-center {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-warning-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-warning-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #ffbf00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-warning-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffbf00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #ffbf00;
  background: linear-gradient(#ffe9a6, #fff2cb);
}
.dialog-warning-lg > content > header.solid {
  background: none;
  background-color: #ffbf00;
  color: #fff2cb;
}
.dialog-warning-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fff2cb;
}
.dialog-warning-lg > content > header.solid > .close-command:hover {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-lg > content > header.solid > .close-command:hover::after {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-warning-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffbf00;
}
.dialog-warning-lg > content > header > .close-command:hover {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-lg > content > header > .close-command:hover::after {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-warning-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #ffbf00;
}
.dialog-warning-lg > content > footer .ok-command.btn {
  background-color: #ffbf00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-warning-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-warning-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-warning-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-warning-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #ffbf00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-warning-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffbf00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #ffbf00;
  background: linear-gradient(#ffe9a6, #fff2cb);
}
.dialog-warning-xl > content > header.solid {
  background: none;
  background-color: #ffbf00;
  color: #fff2cb;
}
.dialog-warning-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fff2cb;
}
.dialog-warning-xl > content > header.solid > .close-command:hover {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-xl > content > header.solid > .close-command:hover::after {
  color: rgba(255, 242, 203, 0.6);
  cursor: pointer;
}
.dialog-warning-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-warning-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #ffbf00;
}
.dialog-warning-xl > content > header > .close-command:hover {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-warning-xl > content > header > .close-command:hover::after {
  color: rgba(255, 191, 0, 0.6);
  cursor: pointer;
}
.dialog-warning-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-warning-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #ffbf00;
}
.dialog-warning-xl > content > footer .ok-command.btn {
  background-color: #ffbf00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-warning-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-warning-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(#86291c, #ffbf00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #86291c !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-warning-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: white !important;
  background-color: #a37a00 !important;
}
.dialog-warning-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-info-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #2894aa;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-info-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2894aa;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #2894aa;
  background: linear-gradient(#8bc8d4, #c4e7ee);
}
.dialog-info-xs > content > header.solid {
  background: none;
  background-color: #2894aa;
  color: #c4e7ee;
}
.dialog-info-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c4e7ee;
}
.dialog-info-xs > content > header.solid > .close-command:hover {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-xs > content > header.solid > .close-command:hover::after {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-info-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #2894aa;
}
.dialog-info-xs > content > header > .close-command:hover {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-xs > content > header > .close-command:hover::after {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-info-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #2894aa;
}
.dialog-info-xs > content > footer .ok-command.btn {
  background-color: #2894aa !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c4e7ee !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-info-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-info-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-info-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-info-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #2894aa;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-info-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2894aa;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #2894aa;
  background: linear-gradient(#8bc8d4, #c4e7ee);
}
.dialog-info-sm > content > header.solid {
  background: none;
  background-color: #2894aa;
  color: #c4e7ee;
}
.dialog-info-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c4e7ee;
}
.dialog-info-sm > content > header.solid > .close-command:hover {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-sm > content > header.solid > .close-command:hover::after {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-info-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #2894aa;
}
.dialog-info-sm > content > header > .close-command:hover {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-sm > content > header > .close-command:hover::after {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-info-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #2894aa;
}
.dialog-info-sm > content > footer .ok-command.btn {
  background-color: #2894aa !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c4e7ee !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-info-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-info-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-info-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-info-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #2894aa;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-info-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2894aa;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #2894aa;
  background: linear-gradient(#8bc8d4, #c4e7ee);
}
.dialog-info-md > content > header.solid {
  background: none;
  background-color: #2894aa;
  color: #c4e7ee;
}
.dialog-info-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c4e7ee;
}
.dialog-info-md > content > header.solid > .close-command:hover {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-md > content > header.solid > .close-command:hover::after {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-info-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #2894aa;
}
.dialog-info-md > content > header > .close-command:hover {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-md > content > header > .close-command:hover::after {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-info-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #2894aa;
}
.dialog-info-md > content > footer .ok-command.btn {
  background-color: #2894aa !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c4e7ee !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-info-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-md > content > footer .ok-command.btn-left {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-info-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-md > content > footer .ok-command.btn-center {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-info-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-info-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #2894aa;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-info-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2894aa;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #2894aa;
  background: linear-gradient(#8bc8d4, #c4e7ee);
}
.dialog-info-lg > content > header.solid {
  background: none;
  background-color: #2894aa;
  color: #c4e7ee;
}
.dialog-info-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c4e7ee;
}
.dialog-info-lg > content > header.solid > .close-command:hover {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-lg > content > header.solid > .close-command:hover::after {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-info-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #2894aa;
}
.dialog-info-lg > content > header > .close-command:hover {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-lg > content > header > .close-command:hover::after {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-info-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #2894aa;
}
.dialog-info-lg > content > footer .ok-command.btn {
  background-color: #2894aa !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c4e7ee !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-info-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-info-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-info-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-info-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #2894aa;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-info-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2894aa;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #2894aa;
  background: linear-gradient(#8bc8d4, #c4e7ee);
}
.dialog-info-xl > content > header.solid {
  background: none;
  background-color: #2894aa;
  color: #c4e7ee;
}
.dialog-info-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c4e7ee;
}
.dialog-info-xl > content > header.solid > .close-command:hover {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-xl > content > header.solid > .close-command:hover::after {
  color: rgba(196, 231, 238, 0.6);
  cursor: pointer;
}
.dialog-info-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-info-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #2894aa;
}
.dialog-info-xl > content > header > .close-command:hover {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-info-xl > content > header > .close-command:hover::after {
  color: rgba(40, 148, 170, 0.6);
  cursor: pointer;
}
.dialog-info-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-info-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #2894aa;
}
.dialog-info-xl > content > footer .ok-command.btn {
  background-color: #2894aa !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c4e7ee !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-info-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-info-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(#0c436e, #2894aa) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #0c436e !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-info-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c4e7ee !important;
  background-color: #175360 !important;
}
.dialog-info-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-light-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #a19b9b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-light-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a19b9b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #a19b9b;
  background: linear-gradient(#eae2e2, #f7f2f2);
}
.dialog-light-xs > content > header.solid {
  background: none;
  background-color: #a19b9b;
  color: #f7f2f2;
}
.dialog-light-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #f7f2f2;
}
.dialog-light-xs > content > header.solid > .close-command:hover {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-xs > content > header.solid > .close-command:hover::after {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-light-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a19b9b;
}
.dialog-light-xs > content > header > .close-command:hover {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-xs > content > header > .close-command:hover::after {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-light-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #242424;
}
.dialog-light-xs > content > footer .ok-command.btn {
  background-color: #a19b9b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #f7f2f2 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-light-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-light-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-light-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-light-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #a19b9b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-light-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a19b9b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #a19b9b;
  background: linear-gradient(#eae2e2, #f7f2f2);
}
.dialog-light-sm > content > header.solid {
  background: none;
  background-color: #a19b9b;
  color: #f7f2f2;
}
.dialog-light-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #f7f2f2;
}
.dialog-light-sm > content > header.solid > .close-command:hover {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-sm > content > header.solid > .close-command:hover::after {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-light-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a19b9b;
}
.dialog-light-sm > content > header > .close-command:hover {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-sm > content > header > .close-command:hover::after {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-light-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #242424;
}
.dialog-light-sm > content > footer .ok-command.btn {
  background-color: #a19b9b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #f7f2f2 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-light-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-light-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-light-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-light-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #a19b9b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-light-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a19b9b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #a19b9b;
  background: linear-gradient(#eae2e2, #f7f2f2);
}
.dialog-light-md > content > header.solid {
  background: none;
  background-color: #a19b9b;
  color: #f7f2f2;
}
.dialog-light-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #f7f2f2;
}
.dialog-light-md > content > header.solid > .close-command:hover {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-md > content > header.solid > .close-command:hover::after {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-light-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a19b9b;
}
.dialog-light-md > content > header > .close-command:hover {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-md > content > header > .close-command:hover::after {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-light-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #242424;
}
.dialog-light-md > content > footer .ok-command.btn {
  background-color: #a19b9b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #f7f2f2 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-light-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-light-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-light-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-light-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #a19b9b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-light-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a19b9b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #a19b9b;
  background: linear-gradient(#eae2e2, #f7f2f2);
}
.dialog-light-lg > content > header.solid {
  background: none;
  background-color: #a19b9b;
  color: #f7f2f2;
}
.dialog-light-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #f7f2f2;
}
.dialog-light-lg > content > header.solid > .close-command:hover {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-lg > content > header.solid > .close-command:hover::after {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-light-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a19b9b;
}
.dialog-light-lg > content > header > .close-command:hover {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-lg > content > header > .close-command:hover::after {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-light-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #242424;
}
.dialog-light-lg > content > footer .ok-command.btn {
  background-color: #a19b9b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #f7f2f2 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-light-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-light-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-light-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-light-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #a19b9b;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-light-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #a19b9b;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #a19b9b;
  background: linear-gradient(#eae2e2, #f7f2f2);
}
.dialog-light-xl > content > header.solid {
  background: none;
  background-color: #a19b9b;
  color: #f7f2f2;
}
.dialog-light-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #f7f2f2;
}
.dialog-light-xl > content > header.solid > .close-command:hover {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-xl > content > header.solid > .close-command:hover::after {
  color: rgba(247, 242, 242, 0.6);
  cursor: pointer;
}
.dialog-light-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-light-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #a19b9b;
}
.dialog-light-xl > content > header > .close-command:hover {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-light-xl > content > header > .close-command:hover::after {
  color: rgba(161, 155, 155, 0.6);
  cursor: pointer;
}
.dialog-light-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-light-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #242424;
}
.dialog-light-xl > content > footer .ok-command.btn {
  background-color: #a19b9b !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #f7f2f2 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-light-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-light-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #a19b9b) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-light-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #f7f2f2 !important;
  background-color: #746d6d !important;
}
.dialog-light-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-dark-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #161616;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-dark-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #161616;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #161616;
  background: linear-gradient(#606060, #c3c3c3);
}
.dialog-dark-xs > content > header.solid {
  background: none;
  background-color: #161616;
  color: #c3c3c3;
}
.dialog-dark-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c3c3c3;
}
.dialog-dark-xs > content > header.solid > .close-command:hover {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-xs > content > header.solid > .close-command:hover::after {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-dark-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #161616;
}
.dialog-dark-xs > content > header > .close-command:hover {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-xs > content > header > .close-command:hover::after {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-dark-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #161616;
}
.dialog-dark-xs > content > footer .ok-command.btn {
  background-color: #161616 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: gray !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-dark-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-dark-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-dark-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-dark-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #161616;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-dark-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #161616;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #161616;
  background: linear-gradient(#606060, #c3c3c3);
}
.dialog-dark-sm > content > header.solid {
  background: none;
  background-color: #161616;
  color: #c3c3c3;
}
.dialog-dark-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c3c3c3;
}
.dialog-dark-sm > content > header.solid > .close-command:hover {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-sm > content > header.solid > .close-command:hover::after {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-dark-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #161616;
}
.dialog-dark-sm > content > header > .close-command:hover {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-sm > content > header > .close-command:hover::after {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-dark-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #161616;
}
.dialog-dark-sm > content > footer .ok-command.btn {
  background-color: #161616 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: gray !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-dark-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-dark-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-dark-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-dark-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #161616;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-dark-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #161616;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #161616;
  background: linear-gradient(#606060, #c3c3c3);
}
.dialog-dark-md > content > header.solid {
  background: none;
  background-color: #161616;
  color: #c3c3c3;
}
.dialog-dark-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c3c3c3;
}
.dialog-dark-md > content > header.solid > .close-command:hover {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-md > content > header.solid > .close-command:hover::after {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-dark-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #161616;
}
.dialog-dark-md > content > header > .close-command:hover {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-md > content > header > .close-command:hover::after {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-dark-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #161616;
}
.dialog-dark-md > content > footer .ok-command.btn {
  background-color: #161616 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: gray !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-dark-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-dark-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-dark-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-dark-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #161616;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-dark-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #161616;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #161616;
  background: linear-gradient(#606060, #c3c3c3);
}
.dialog-dark-lg > content > header.solid {
  background: none;
  background-color: #161616;
  color: #c3c3c3;
}
.dialog-dark-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c3c3c3;
}
.dialog-dark-lg > content > header.solid > .close-command:hover {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-lg > content > header.solid > .close-command:hover::after {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-dark-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #161616;
}
.dialog-dark-lg > content > header > .close-command:hover {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-lg > content > header > .close-command:hover::after {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-dark-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #161616;
}
.dialog-dark-lg > content > footer .ok-command.btn {
  background-color: #161616 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: gray !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-dark-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-dark-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-dark-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-dark-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #161616;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-dark-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #161616;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #161616;
  background: linear-gradient(#606060, #c3c3c3);
}
.dialog-dark-xl > content > header.solid {
  background: none;
  background-color: #161616;
  color: #c3c3c3;
}
.dialog-dark-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c3c3c3;
}
.dialog-dark-xl > content > header.solid > .close-command:hover {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-xl > content > header.solid > .close-command:hover::after {
  color: rgba(195, 195, 195, 0.6);
  cursor: pointer;
}
.dialog-dark-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-dark-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #161616;
}
.dialog-dark-xl > content > header > .close-command:hover {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-dark-xl > content > header > .close-command:hover::after {
  color: rgba(22, 22, 22, 0.6);
  cursor: pointer;
}
.dialog-dark-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-dark-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #161616;
}
.dialog-dark-xl > content > footer .ok-command.btn {
  background-color: #161616 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: gray !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-dark-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-dark-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #161616) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-dark-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #6d6d6d !important;
  background-color: black !important;
}
.dialog-dark-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-antan-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #fe2f00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-antan-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fe2f00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #fe2f00;
  background: linear-gradient(#a76e62, #e8bdb4);
}
.dialog-antan-xs > content > header.solid {
  background: none;
  background-color: #fe2f00;
  color: #e8bdb4;
}
.dialog-antan-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #e8bdb4;
}
.dialog-antan-xs > content > header.solid > .close-command:hover {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-xs > content > header.solid > .close-command:hover::after {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-antan-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fe2f00;
}
.dialog-antan-xs > content > header > .close-command:hover {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-xs > content > header > .close-command:hover::after {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-antan-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #fe2f00;
}
.dialog-antan-xs > content > footer .ok-command.btn {
  background-color: #fe2f00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-antan-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-antan-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-antan-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-antan-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #fe2f00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-antan-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fe2f00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #fe2f00;
  background: linear-gradient(#a76e62, #e8bdb4);
}
.dialog-antan-sm > content > header.solid {
  background: none;
  background-color: #fe2f00;
  color: #e8bdb4;
}
.dialog-antan-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #e8bdb4;
}
.dialog-antan-sm > content > header.solid > .close-command:hover {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-sm > content > header.solid > .close-command:hover::after {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-antan-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fe2f00;
}
.dialog-antan-sm > content > header > .close-command:hover {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-sm > content > header > .close-command:hover::after {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-antan-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #fe2f00;
}
.dialog-antan-sm > content > footer .ok-command.btn {
  background-color: #fe2f00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-antan-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-antan-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-antan-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-antan-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #fe2f00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-antan-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fe2f00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #fe2f00;
  background: linear-gradient(#a76e62, #e8bdb4);
}
.dialog-antan-md > content > header.solid {
  background: none;
  background-color: #fe2f00;
  color: #e8bdb4;
}
.dialog-antan-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #e8bdb4;
}
.dialog-antan-md > content > header.solid > .close-command:hover {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-md > content > header.solid > .close-command:hover::after {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-antan-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fe2f00;
}
.dialog-antan-md > content > header > .close-command:hover {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-md > content > header > .close-command:hover::after {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-antan-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #fe2f00;
}
.dialog-antan-md > content > footer .ok-command.btn {
  background-color: #fe2f00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-antan-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-antan-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-antan-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-antan-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #fe2f00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-antan-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fe2f00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #fe2f00;
  background: linear-gradient(#a76e62, #e8bdb4);
}
.dialog-antan-lg > content > header.solid {
  background: none;
  background-color: #fe2f00;
  color: #e8bdb4;
}
.dialog-antan-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #e8bdb4;
}
.dialog-antan-lg > content > header.solid > .close-command:hover {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-lg > content > header.solid > .close-command:hover::after {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-antan-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fe2f00;
}
.dialog-antan-lg > content > header > .close-command:hover {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-lg > content > header > .close-command:hover::after {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-antan-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #fe2f00;
}
.dialog-antan-lg > content > footer .ok-command.btn {
  background-color: #fe2f00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-antan-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-antan-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-antan-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-antan-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #fe2f00;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-antan-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fe2f00;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #fe2f00;
  background: linear-gradient(#a76e62, #e8bdb4);
}
.dialog-antan-xl > content > header.solid {
  background: none;
  background-color: #fe2f00;
  color: #e8bdb4;
}
.dialog-antan-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #e8bdb4;
}
.dialog-antan-xl > content > header.solid > .close-command:hover {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-xl > content > header.solid > .close-command:hover::after {
  color: rgba(232, 189, 180, 0.6);
  cursor: pointer;
}
.dialog-antan-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-antan-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #fe2f00;
}
.dialog-antan-xl > content > header > .close-command:hover {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-antan-xl > content > header > .close-command:hover::after {
  color: rgba(254, 47, 0, 0.6);
  cursor: pointer;
}
.dialog-antan-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-antan-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #fe2f00;
}
.dialog-antan-xl > content > footer .ok-command.btn {
  background-color: #fe2f00 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-antan-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-antan-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #fe2f00) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-antan-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #e8bdb4 !important;
  background-color: #a21e00 !important;
}
.dialog-antan-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-notify-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #07294e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-notify-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #07294e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #07294e;
  background: linear-gradient(#7b9abd, #c1cfde);
}
.dialog-notify-xs > content > header.solid {
  background: none;
  background-color: #07294e;
  color: #c1cfde;
}
.dialog-notify-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c1cfde;
}
.dialog-notify-xs > content > header.solid > .close-command:hover {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-xs > content > header.solid > .close-command:hover::after {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-notify-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #07294e;
}
.dialog-notify-xs > content > header > .close-command:hover {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-xs > content > header > .close-command:hover::after {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-notify-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #07294e;
}
.dialog-notify-xs > content > footer .ok-command.btn {
  background-color: #07294e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c1cfde !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-notify-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-notify-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-notify-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-notify-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #07294e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-notify-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #07294e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #07294e;
  background: linear-gradient(#7b9abd, #c1cfde);
}
.dialog-notify-sm > content > header.solid {
  background: none;
  background-color: #07294e;
  color: #c1cfde;
}
.dialog-notify-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c1cfde;
}
.dialog-notify-sm > content > header.solid > .close-command:hover {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-sm > content > header.solid > .close-command:hover::after {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-notify-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #07294e;
}
.dialog-notify-sm > content > header > .close-command:hover {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-sm > content > header > .close-command:hover::after {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-notify-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #07294e;
}
.dialog-notify-sm > content > footer .ok-command.btn {
  background-color: #07294e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c1cfde !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-notify-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-notify-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-notify-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-notify-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #07294e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-notify-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #07294e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #07294e;
  background: linear-gradient(#7b9abd, #c1cfde);
}
.dialog-notify-md > content > header.solid {
  background: none;
  background-color: #07294e;
  color: #c1cfde;
}
.dialog-notify-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c1cfde;
}
.dialog-notify-md > content > header.solid > .close-command:hover {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-md > content > header.solid > .close-command:hover::after {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-notify-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #07294e;
}
.dialog-notify-md > content > header > .close-command:hover {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-md > content > header > .close-command:hover::after {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-notify-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #07294e;
}
.dialog-notify-md > content > footer .ok-command.btn {
  background-color: #07294e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c1cfde !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-notify-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-md > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-notify-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-md > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-notify-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-notify-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #07294e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-notify-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #07294e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #07294e;
  background: linear-gradient(#7b9abd, #c1cfde);
}
.dialog-notify-lg > content > header.solid {
  background: none;
  background-color: #07294e;
  color: #c1cfde;
}
.dialog-notify-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c1cfde;
}
.dialog-notify-lg > content > header.solid > .close-command:hover {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-lg > content > header.solid > .close-command:hover::after {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-notify-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #07294e;
}
.dialog-notify-lg > content > header > .close-command:hover {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-lg > content > header > .close-command:hover::after {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-notify-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #07294e;
}
.dialog-notify-lg > content > footer .ok-command.btn {
  background-color: #07294e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c1cfde !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-notify-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-notify-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-notify-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-notify-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #07294e;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-notify-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #07294e;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #07294e;
  background: linear-gradient(#7b9abd, #c1cfde);
}
.dialog-notify-xl > content > header.solid {
  background: none;
  background-color: #07294e;
  color: #c1cfde;
}
.dialog-notify-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #c1cfde;
}
.dialog-notify-xl > content > header.solid > .close-command:hover {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-xl > content > header.solid > .close-command:hover::after {
  color: rgba(193, 207, 222, 0.6);
  cursor: pointer;
}
.dialog-notify-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-notify-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #07294e;
}
.dialog-notify-xl > content > header > .close-command:hover {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-notify-xl > content > header > .close-command:hover::after {
  color: rgba(7, 41, 78, 0.6);
  cursor: pointer;
}
.dialog-notify-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-notify-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #07294e;
}
.dialog-notify-xl > content > footer .ok-command.btn {
  background-color: #07294e !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #c1cfde !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-notify-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-notify-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(white, #07294e) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: white !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-notify-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #c1cfde !important;
  background-color: black !important;
}
.dialog-notify-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-funk-xs {
  width: 100%;
  max-width: 200px;
  max-height: 84%;
  border: 8px solid #165992;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-funk-xs > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #165992;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #165992;
  background: linear-gradient(#61b2f7, #9fcef6);
}
.dialog-funk-xs > content > header.solid {
  background: none;
  background-color: #165992;
  color: #9fcef6;
}
.dialog-funk-xs > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #9fcef6;
}
.dialog-funk-xs > content > header.solid > .close-command:hover {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-xs > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-xs > content > header.solid > .close-command:hover::after {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-xs > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-funk-xs > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #165992;
}
.dialog-funk-xs > content > header > .close-command:hover {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-xs > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-xs > content > header > .close-command:hover::after {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-xs > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-funk-xs > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #165992;
}
.dialog-funk-xs > content > footer .ok-command.btn {
  background-color: #165992 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-funk-xs > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-xs > content > footer .ok-command.btn-left {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-funk-xs > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-xs > content > footer .ok-command.btn-center {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-funk-xs > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-xs > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-funk-sm {
  width: 100%;
  max-width: 384px;
  max-height: 84%;
  border: 8px solid #165992;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-funk-sm > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #165992;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #165992;
  background: linear-gradient(#61b2f7, #9fcef6);
}
.dialog-funk-sm > content > header.solid {
  background: none;
  background-color: #165992;
  color: #9fcef6;
}
.dialog-funk-sm > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #9fcef6;
}
.dialog-funk-sm > content > header.solid > .close-command:hover {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-sm > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-sm > content > header.solid > .close-command:hover::after {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-sm > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-funk-sm > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #165992;
}
.dialog-funk-sm > content > header > .close-command:hover {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-sm > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-sm > content > header > .close-command:hover::after {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-sm > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-funk-sm > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #165992;
}
.dialog-funk-sm > content > footer .ok-command.btn {
  background-color: #165992 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-funk-sm > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-sm > content > footer .ok-command.btn-left {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-funk-sm > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-sm > content > footer .ok-command.btn-center {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-funk-sm > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-sm > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-funk-md {
  width: 100%;
  max-width: 622px;
  max-height: 84%;
  border: 8px solid #165992;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-funk-md > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #165992;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #165992;
  background: linear-gradient(#61b2f7, #9fcef6);
}
.dialog-funk-md > content > header.solid {
  background: none;
  background-color: #165992;
  color: #9fcef6;
}
.dialog-funk-md > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #9fcef6;
}
.dialog-funk-md > content > header.solid > .close-command:hover {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-md > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-md > content > header.solid > .close-command:hover::after {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-md > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-funk-md > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #165992;
}
.dialog-funk-md > content > header > .close-command:hover {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-md > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-md > content > header > .close-command:hover::after {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-md > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-funk-md > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #165992;
}
.dialog-funk-md > content > footer .ok-command.btn {
  background-color: #165992 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-funk-md > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-md > content > footer .ok-command.btn-left {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-funk-md > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-md > content > footer .ok-command.btn-center {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-funk-md > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-md > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-funk-lg {
  width: 100%;
  max-width: 840px;
  max-height: 84%;
  border: 8px solid #165992;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-funk-lg > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #165992;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #165992;
  background: linear-gradient(#61b2f7, #9fcef6);
}
.dialog-funk-lg > content > header.solid {
  background: none;
  background-color: #165992;
  color: #9fcef6;
}
.dialog-funk-lg > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #9fcef6;
}
.dialog-funk-lg > content > header.solid > .close-command:hover {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-lg > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-lg > content > header.solid > .close-command:hover::after {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-lg > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-funk-lg > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #165992;
}
.dialog-funk-lg > content > header > .close-command:hover {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-lg > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-lg > content > header > .close-command:hover::after {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-lg > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-funk-lg > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #165992;
}
.dialog-funk-lg > content > footer .ok-command.btn {
  background-color: #165992 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-funk-lg > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-lg > content > footer .ok-command.btn-left {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-funk-lg > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-lg > content > footer .ok-command.btn-center {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-funk-lg > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-lg > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

.dialog-funk-xl {
  width: 100%;
  max-width: 1024px;
  max-height: 84%;
  border: 8px solid #165992;
  border-radius: 10px;
  padding: 0px;
  z-index: 420;
  position: fixed;
  top: 50%;
  box-shadow: 10px 10px black;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dialog-funk-xl > content > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #165992;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 3px solid #165992;
  background: linear-gradient(#61b2f7, #9fcef6);
}
.dialog-funk-xl > content > header.solid {
  background: none;
  background-color: #165992;
  color: #9fcef6;
}
.dialog-funk-xl > content > header.solid > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #9fcef6;
}
.dialog-funk-xl > content > header.solid > .close-command:hover {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-xl > content > header.solid > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-xl > content > header.solid > .close-command:hover::after {
  color: rgba(159, 206, 246, 0.6);
  cursor: pointer;
}
.dialog-funk-xl > content > header > .title {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-funk-xl > content > header > .close-command {
  flex: 0 0 22px;
  font-family: Verdana, "Open Sans";
  font-size: 16px;
  font-weight: bolder;
  font-style: normal;
  transition: all 0.4s ease-in-out;
  position: relative;
  right: -2px;
  color: #165992;
}
.dialog-funk-xl > content > header > .close-command:hover {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-xl > content > header > .close-command::after {
  display: inline-block;
  content: "X";
}
.dialog-funk-xl > content > header > .close-command:hover::after {
  color: rgba(22, 89, 146, 0.6);
  cursor: pointer;
}
.dialog-funk-xl > content > .body {
  padding: 12px;
  color: black;
  background-color: white;
}
.dialog-funk-xl > content > footer {
  padding: 16px;
  display: flex;
  justify-content: end;
  border-top: 1px solid #165992;
}
.dialog-funk-xl > content > footer .ok-command.btn {
  background-color: #165992 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
}
.dialog-funk-xl > content > footer .ok-command.btn:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-xl > content > footer .ok-command.btn-left {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin-right: auto;
}
.dialog-funk-xl > content > footer .ok-command.btn-left:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-xl > content > footer .ok-command.btn-center {
  background: linear-gradient(#9fcef6, #165992) !important;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px;
  padding-right: 16px;
  color: #9fcef6 !important;
  display: block;
  margin: 2px;
  box-shadow: 2px 2px #111111;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  height: 36px;
  min-width: 66px;
  margin: auto;
}
.dialog-funk-xl > content > footer .ok-command.btn-center:hover {
  cursor: pointer;
  color: #9fcef6 !important;
  background-color: #0a2842 !important;
}
.dialog-funk-xl > content > footer .ok-command:hover {
  cursor: pointer;
  font-weight: 800;
}

#dialogBackground {
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}.sticky-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.sticky-nav {
  flex: 0 0 auto;
}
.sticky-content {
  flex: 1 0 auto;
}.txt-default {
  color: black;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(236, 236, 236, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-default:hover {
  background-color: rgba(236, 236, 236, 0.5);
  cursor: pointer;
}
.txt-default:focus {
  background-color: white;
  border: 2px solid rgba(0, 0, 0, 0.8);
}
.txt-default-light {
  color: #a1a1a1;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(161, 161, 161, 0.2);
  background-color: rgba(236, 236, 236, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-default-light:hover {
  background-color: rgba(236, 236, 236, 0.5);
  cursor: pointer;
}
.txt-default-light:focus {
  background-color: white;
  border: 2px solid rgba(161, 161, 161, 0.8);
}
.txt-default-lite {
  border-left: 2px solid #303030;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #303030;
  border-color: #303030;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-default-lite:focus {
  outline: none;
}
.txt-default-lite:hover {
  border-color: #303030;
}
.txt-default-lite-light {
  border-left: 2px solid #a1a1a1;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #a1a1a1;
  border-color: #a1a1a1;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #303030;
  height: 23px;
  margin-right: 8px;
}
.txt-default-lite-light:focus {
  outline: none;
}
.txt-default-lite-light:hover {
  border-color: #303030;
}

.btn-default {
  color: black;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(72, 72, 72, 0.2);
  background-color: rgba(236, 236, 236, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(72, 72, 72, 0.6);
}
.btn-default:hover {
  background-color: rgba(236, 236, 236, 0.5);
  cursor: pointer;
}
.btn-default:hover {
  cursor: pointer;
  background-color: rgba(236, 236, 236, 0.5);
}
.btn-default-gradient {
  color: black;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(161, 161, 161, 0.2);
  background-color: rgba(236, 236, 236, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(161, 161, 161, 0.4);
  background: linear-gradient(rgba(236, 236, 236, 0.3) 0%, rgba(161, 161, 161, 0.6) 100%);
  border-color: rgba(0, 0, 0, 0.4);
}
.btn-default-gradient:hover {
  background-color: rgba(236, 236, 236, 0.5);
  cursor: pointer;
}
.btn-default-gradient:hover {
  cursor: pointer;
  background-color: rgba(236, 236, 236, 0.5);
}
.btn-default-gradient:hover {
  background: linear-gradient(rgba(236, 236, 236, 0.4) 0%, rgba(161, 161, 161, 0.8) 100%);
}

.txt-primary {
  color: #8b480e;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(139, 72, 14, 0.2);
  background-color: rgba(239, 219, 201, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-primary:hover {
  background-color: rgba(239, 219, 201, 0.5);
  cursor: pointer;
}
.txt-primary:focus {
  background-color: white;
  border: 2px solid rgba(139, 72, 14, 0.8);
}
.txt-primary-light {
  color: #d8a77d;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(216, 167, 125, 0.2);
  background-color: rgba(239, 219, 201, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-primary-light:hover {
  background-color: rgba(239, 219, 201, 0.5);
  cursor: pointer;
}
.txt-primary-light:focus {
  background-color: white;
  border: 2px solid rgba(216, 167, 125, 0.8);
}
.txt-primary-lite {
  border-left: 2px solid #b06c31;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #b06c31;
  border-color: #b06c31;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-primary-lite:focus {
  outline: none;
}
.txt-primary-lite:hover {
  border-color: #b06c31;
}
.txt-primary-lite-light {
  border-left: 2px solid #d8a77d;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #d8a77d;
  border-color: #d8a77d;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #b06c31;
  height: 23px;
  margin-right: 8px;
}
.txt-primary-lite-light:focus {
  outline: none;
}
.txt-primary-lite-light:hover {
  border-color: #b06c31;
}

.btn-primary {
  color: #8b480e;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(204, 140, 85, 0.2);
  background-color: rgba(239, 219, 201, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(204, 140, 85, 0.6);
}
.btn-primary:hover {
  background-color: rgba(239, 219, 201, 0.5);
  cursor: pointer;
}
.btn-primary:hover {
  cursor: pointer;
  background-color: rgba(239, 219, 201, 0.5);
}
.btn-primary-gradient {
  color: #8b480e;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(216, 167, 125, 0.2);
  background-color: rgba(239, 219, 201, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(216, 167, 125, 0.4);
  background: linear-gradient(rgba(239, 219, 201, 0.3) 0%, rgba(216, 167, 125, 0.6) 100%);
  border-color: rgba(139, 72, 14, 0.4);
}
.btn-primary-gradient:hover {
  background-color: rgba(239, 219, 201, 0.5);
  cursor: pointer;
}
.btn-primary-gradient:hover {
  cursor: pointer;
  background-color: rgba(239, 219, 201, 0.5);
}
.btn-primary-gradient:hover {
  background: linear-gradient(rgba(239, 219, 201, 0.4) 0%, rgba(216, 167, 125, 0.8) 100%);
}

.txt-success {
  color: #195f34;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(25, 95, 52, 0.2);
  background-color: rgba(160, 237, 189, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-success:hover {
  background-color: rgba(160, 237, 189, 0.5);
  cursor: pointer;
}
.txt-success:focus {
  background-color: white;
  border: 2px solid rgba(25, 95, 52, 0.8);
}
.txt-success-light {
  color: #4bcc7c;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(75, 204, 124, 0.2);
  background-color: rgba(160, 237, 189, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-success-light:hover {
  background-color: rgba(160, 237, 189, 0.5);
  cursor: pointer;
}
.txt-success-light:focus {
  background-color: white;
  border: 2px solid rgba(75, 204, 124, 0.8);
}
.txt-success-lite {
  border-left: 2px solid #238649;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #238649;
  border-color: #238649;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-success-lite:focus {
  outline: none;
}
.txt-success-lite:hover {
  border-color: #238649;
}
.txt-success-lite-light {
  border-left: 2px solid #4bcc7c;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #4bcc7c;
  border-color: #4bcc7c;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #238649;
  height: 23px;
  margin-right: 8px;
}
.txt-success-lite-light:focus {
  outline: none;
}
.txt-success-lite-light:hover {
  border-color: #238649;
}

.btn-success {
  color: #195f34;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(46, 172, 94, 0.2);
  background-color: rgba(160, 237, 189, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(46, 172, 94, 0.6);
}
.btn-success:hover {
  background-color: rgba(160, 237, 189, 0.5);
  cursor: pointer;
}
.btn-success:hover {
  cursor: pointer;
  background-color: rgba(160, 237, 189, 0.5);
}
.btn-success-gradient {
  color: #195f34;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(75, 204, 124, 0.2);
  background-color: rgba(160, 237, 189, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(75, 204, 124, 0.4);
  background: linear-gradient(rgba(160, 237, 189, 0.3) 0%, rgba(75, 204, 124, 0.6) 100%);
  border-color: rgba(25, 95, 52, 0.4);
}
.btn-success-gradient:hover {
  background-color: rgba(160, 237, 189, 0.5);
  cursor: pointer;
}
.btn-success-gradient:hover {
  cursor: pointer;
  background-color: rgba(160, 237, 189, 0.5);
}
.btn-success-gradient:hover {
  background: linear-gradient(rgba(160, 237, 189, 0.4) 0%, rgba(75, 204, 124, 0.8) 100%);
}

.txt-danger {
  color: #8c101b;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(140, 16, 27, 0.2);
  background-color: rgba(255, 202, 207, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-danger:hover {
  background-color: rgba(255, 202, 207, 0.5);
  cursor: pointer;
}
.txt-danger:focus {
  background-color: white;
  border: 2px solid rgba(140, 16, 27, 0.8);
}
.txt-danger-light {
  color: #ed7781;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(237, 119, 129, 0.2);
  background-color: rgba(255, 202, 207, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-danger-light:hover {
  background-color: rgba(255, 202, 207, 0.5);
  cursor: pointer;
}
.txt-danger-light:focus {
  background-color: white;
  border: 2px solid rgba(237, 119, 129, 0.8);
}
.txt-danger-lite {
  border-left: 2px solid #a12d37;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #a12d37;
  border-color: #a12d37;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-danger-lite:focus {
  outline: none;
}
.txt-danger-lite:hover {
  border-color: #a12d37;
}
.txt-danger-lite-light {
  border-left: 2px solid #ed7781;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #ed7781;
  border-color: #ed7781;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #a12d37;
  height: 23px;
  margin-right: 8px;
}
.txt-danger-lite-light:focus {
  outline: none;
}
.txt-danger-lite-light:hover {
  border-color: #a12d37;
}

.btn-danger {
  color: #8c101b;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(202, 86, 96, 0.2);
  background-color: rgba(255, 202, 207, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(202, 86, 96, 0.6);
}
.btn-danger:hover {
  background-color: rgba(255, 202, 207, 0.5);
  cursor: pointer;
}
.btn-danger:hover {
  cursor: pointer;
  background-color: rgba(255, 202, 207, 0.5);
}
.btn-danger-gradient {
  color: #8c101b;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(237, 119, 129, 0.2);
  background-color: rgba(255, 202, 207, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(237, 119, 129, 0.4);
  background: linear-gradient(rgba(255, 202, 207, 0.3) 0%, rgba(237, 119, 129, 0.6) 100%);
  border-color: rgba(140, 16, 27, 0.4);
}
.btn-danger-gradient:hover {
  background-color: rgba(255, 202, 207, 0.5);
  cursor: pointer;
}
.btn-danger-gradient:hover {
  cursor: pointer;
  background-color: rgba(255, 202, 207, 0.5);
}
.btn-danger-gradient:hover {
  background: linear-gradient(rgba(255, 202, 207, 0.4) 0%, rgba(237, 119, 129, 0.8) 100%);
}

.txt-warning {
  color: #ffbf00;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(255, 191, 0, 0.2);
  background-color: rgba(255, 242, 203, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-warning:hover {
  background-color: rgba(255, 242, 203, 0.5);
  cursor: pointer;
}
.txt-warning:focus {
  background-color: white;
  border: 2px solid rgba(255, 191, 0, 0.8);
}
.txt-warning-light {
  color: #ffe9a6;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(255, 233, 166, 0.2);
  background-color: rgba(255, 242, 203, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-warning-light:hover {
  background-color: rgba(255, 242, 203, 0.5);
  cursor: pointer;
}
.txt-warning-light:focus {
  background-color: white;
  border: 2px solid rgba(255, 233, 166, 0.8);
}
.txt-warning-lite {
  border-left: 2px solid #ffd24a;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #ffd24a;
  border-color: #ffd24a;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-warning-lite:focus {
  outline: none;
}
.txt-warning-lite:hover {
  border-color: #ffd24a;
}
.txt-warning-lite-light {
  border-left: 2px solid #ffe9a6;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #ffe9a6;
  border-color: #ffe9a6;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #ffd24a;
  height: 23px;
  margin-right: 8px;
}
.txt-warning-lite-light:focus {
  outline: none;
}
.txt-warning-lite-light:hover {
  border-color: #ffd24a;
}

.btn-warning {
  color: #ffbf00;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(255, 222, 123, 0.2);
  background-color: rgba(255, 242, 203, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(255, 222, 123, 0.6);
}
.btn-warning:hover {
  background-color: rgba(255, 242, 203, 0.5);
  cursor: pointer;
}
.btn-warning:hover {
  cursor: pointer;
  background-color: rgba(255, 242, 203, 0.5);
}
.btn-warning-gradient {
  color: #ffbf00;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(255, 233, 166, 0.2);
  background-color: rgba(255, 242, 203, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(255, 233, 166, 0.4);
  background: linear-gradient(rgba(255, 242, 203, 0.3) 0%, rgba(255, 233, 166, 0.6) 100%);
  border-color: rgba(255, 191, 0, 0.4);
}
.btn-warning-gradient:hover {
  background-color: rgba(255, 242, 203, 0.5);
  cursor: pointer;
}
.btn-warning-gradient:hover {
  cursor: pointer;
  background-color: rgba(255, 242, 203, 0.5);
}
.btn-warning-gradient:hover {
  background: linear-gradient(rgba(255, 242, 203, 0.4) 0%, rgba(255, 233, 166, 0.8) 100%);
}

.txt-info {
  color: #2894aa;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(40, 148, 170, 0.2);
  background-color: rgba(196, 231, 238, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-info:hover {
  background-color: rgba(196, 231, 238, 0.5);
  cursor: pointer;
}
.txt-info:focus {
  background-color: white;
  border: 2px solid rgba(40, 148, 170, 0.8);
}
.txt-info-light {
  color: #8bc8d4;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(139, 200, 212, 0.2);
  background-color: rgba(196, 231, 238, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-info-light:hover {
  background-color: rgba(196, 231, 238, 0.5);
  cursor: pointer;
}
.txt-info-light:focus {
  background-color: white;
  border: 2px solid rgba(139, 200, 212, 0.8);
}
.txt-info-lite {
  border-left: 2px solid #46a3b6;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #46a3b6;
  border-color: #46a3b6;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-info-lite:focus {
  outline: none;
}
.txt-info-lite:hover {
  border-color: #46a3b6;
}
.txt-info-lite-light {
  border-left: 2px solid #8bc8d4;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #8bc8d4;
  border-color: #8bc8d4;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #46a3b6;
  height: 23px;
  margin-right: 8px;
}
.txt-info-lite-light:focus {
  outline: none;
}
.txt-info-lite-light:hover {
  border-color: #46a3b6;
}

.btn-info {
  color: #2894aa;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(104, 183, 199, 0.2);
  background-color: rgba(196, 231, 238, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(104, 183, 199, 0.6);
}
.btn-info:hover {
  background-color: rgba(196, 231, 238, 0.5);
  cursor: pointer;
}
.btn-info:hover {
  cursor: pointer;
  background-color: rgba(196, 231, 238, 0.5);
}
.btn-info-gradient {
  color: #2894aa;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(139, 200, 212, 0.2);
  background-color: rgba(196, 231, 238, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(139, 200, 212, 0.4);
  background: linear-gradient(rgba(196, 231, 238, 0.3) 0%, rgba(139, 200, 212, 0.6) 100%);
  border-color: rgba(40, 148, 170, 0.4);
}
.btn-info-gradient:hover {
  background-color: rgba(196, 231, 238, 0.5);
  cursor: pointer;
}
.btn-info-gradient:hover {
  cursor: pointer;
  background-color: rgba(196, 231, 238, 0.5);
}
.btn-info-gradient:hover {
  background: linear-gradient(rgba(196, 231, 238, 0.4) 0%, rgba(139, 200, 212, 0.8) 100%);
}

.txt-light {
  color: #a19b9b;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(161, 155, 155, 0.2);
  background-color: rgba(247, 242, 242, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-light:hover {
  background-color: rgba(247, 242, 242, 0.5);
  cursor: pointer;
}
.txt-light:focus {
  background-color: white;
  border: 2px solid rgba(161, 155, 155, 0.8);
}
.txt-light-light {
  color: #eae2e2;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(234, 226, 226, 0.2);
  background-color: rgba(247, 242, 242, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-light-light:hover {
  background-color: rgba(247, 242, 242, 0.5);
  cursor: pointer;
}
.txt-light-light:focus {
  background-color: white;
  border: 2px solid rgba(234, 226, 226, 0.8);
}
.txt-light-lite {
  border-left: 2px solid #bbb3b3;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #bbb3b3;
  border-color: #bbb3b3;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-light-lite:focus {
  outline: none;
}
.txt-light-lite:hover {
  border-color: #bbb3b3;
}
.txt-light-lite-light {
  border-left: 2px solid #eae2e2;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #eae2e2;
  border-color: #eae2e2;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #bbb3b3;
  height: 23px;
  margin-right: 8px;
}
.txt-light-lite-light:focus {
  outline: none;
}
.txt-light-lite-light:hover {
  border-color: #bbb3b3;
}

.btn-light {
  color: #a19b9b;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(219, 212, 212, 0.2);
  background-color: rgba(247, 242, 242, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(219, 212, 212, 0.6);
}
.btn-light:hover {
  background-color: rgba(247, 242, 242, 0.5);
  cursor: pointer;
}
.btn-light:hover {
  cursor: pointer;
  background-color: rgba(247, 242, 242, 0.5);
}
.btn-light-gradient {
  color: #a19b9b;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(234, 226, 226, 0.2);
  background-color: rgba(247, 242, 242, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(234, 226, 226, 0.4);
  background: linear-gradient(rgba(247, 242, 242, 0.3) 0%, rgba(234, 226, 226, 0.6) 100%);
  border-color: rgba(161, 155, 155, 0.4);
}
.btn-light-gradient:hover {
  background-color: rgba(247, 242, 242, 0.5);
  cursor: pointer;
}
.btn-light-gradient:hover {
  cursor: pointer;
  background-color: rgba(247, 242, 242, 0.5);
}
.btn-light-gradient:hover {
  background: linear-gradient(rgba(247, 242, 242, 0.4) 0%, rgba(234, 226, 226, 0.8) 100%);
}

.txt-dark {
  color: #161616;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(22, 22, 22, 0.2);
  background-color: rgba(195, 195, 195, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-dark:hover {
  background-color: rgba(195, 195, 195, 0.5);
  cursor: pointer;
}
.txt-dark:focus {
  background-color: white;
  border: 2px solid rgba(22, 22, 22, 0.8);
}
.txt-dark-light {
  color: #606060;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(96, 96, 96, 0.2);
  background-color: rgba(195, 195, 195, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-dark-light:hover {
  background-color: rgba(195, 195, 195, 0.5);
  cursor: pointer;
}
.txt-dark-light:focus {
  background-color: white;
  border: 2px solid rgba(96, 96, 96, 0.8);
}
.txt-dark-lite {
  border-left: 2px solid #2c2c2c;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #2c2c2c;
  border-color: #2c2c2c;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-dark-lite:focus {
  outline: none;
}
.txt-dark-lite:hover {
  border-color: #2c2c2c;
}
.txt-dark-lite-light {
  border-left: 2px solid #606060;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #606060;
  border-color: #606060;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #2c2c2c;
  height: 23px;
  margin-right: 8px;
}
.txt-dark-lite-light:focus {
  outline: none;
}
.txt-dark-lite-light:hover {
  border-color: #2c2c2c;
}

.btn-dark {
  color: #161616;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(60, 60, 60, 0.2);
  background-color: rgba(195, 195, 195, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(60, 60, 60, 0.6);
}
.btn-dark:hover {
  background-color: rgba(195, 195, 195, 0.5);
  cursor: pointer;
}
.btn-dark:hover {
  cursor: pointer;
  background-color: rgba(195, 195, 195, 0.5);
}
.btn-dark-gradient {
  color: #161616;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(96, 96, 96, 0.2);
  background-color: rgba(195, 195, 195, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(96, 96, 96, 0.4);
  background: linear-gradient(rgba(195, 195, 195, 0.3) 0%, rgba(96, 96, 96, 0.6) 100%);
  border-color: rgba(22, 22, 22, 0.4);
}
.btn-dark-gradient:hover {
  background-color: rgba(195, 195, 195, 0.5);
  cursor: pointer;
}
.btn-dark-gradient:hover {
  cursor: pointer;
  background-color: rgba(195, 195, 195, 0.5);
}
.btn-dark-gradient:hover {
  background: linear-gradient(rgba(195, 195, 195, 0.4) 0%, rgba(96, 96, 96, 0.8) 100%);
}

.txt-antan {
  color: #fe2f00;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(254, 47, 0, 0.2);
  background-color: rgba(232, 189, 180, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-antan:hover {
  background-color: rgba(232, 189, 180, 0.5);
  cursor: pointer;
}
.txt-antan:focus {
  background-color: white;
  border: 2px solid rgba(254, 47, 0, 0.8);
}
.txt-antan-light {
  color: #a76e62;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(167, 110, 98, 0.2);
  background-color: rgba(232, 189, 180, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-antan-light:hover {
  background-color: rgba(232, 189, 180, 0.5);
  cursor: pointer;
}
.txt-antan-light:focus {
  background-color: white;
  border: 2px solid rgba(167, 110, 98, 0.8);
}
.txt-antan-lite {
  border-left: 2px solid #c44b30;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #c44b30;
  border-color: #c44b30;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-antan-lite:focus {
  outline: none;
}
.txt-antan-lite:hover {
  border-color: #c44b30;
}
.txt-antan-lite-light {
  border-left: 2px solid #a76e62;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #a76e62;
  border-color: #a76e62;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #c44b30;
  height: 23px;
  margin-right: 8px;
}
.txt-antan-lite-light:focus {
  outline: none;
}
.txt-antan-lite-light:hover {
  border-color: #c44b30;
}

.btn-antan {
  color: #fe2f00;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(198, 107, 87, 0.2);
  background-color: rgba(232, 189, 180, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(198, 107, 87, 0.6);
}
.btn-antan:hover {
  background-color: rgba(232, 189, 180, 0.5);
  cursor: pointer;
}
.btn-antan:hover {
  cursor: pointer;
  background-color: rgba(232, 189, 180, 0.5);
}
.btn-antan-gradient {
  color: #fe2f00;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(167, 110, 98, 0.2);
  background-color: rgba(232, 189, 180, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(167, 110, 98, 0.4);
  background: linear-gradient(rgba(232, 189, 180, 0.3) 0%, rgba(167, 110, 98, 0.6) 100%);
  border-color: rgba(254, 47, 0, 0.4);
}
.btn-antan-gradient:hover {
  background-color: rgba(232, 189, 180, 0.5);
  cursor: pointer;
}
.btn-antan-gradient:hover {
  cursor: pointer;
  background-color: rgba(232, 189, 180, 0.5);
}
.btn-antan-gradient:hover {
  background: linear-gradient(rgba(232, 189, 180, 0.4) 0%, rgba(167, 110, 98, 0.8) 100%);
}

.txt-notify {
  color: #07294e;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(7, 41, 78, 0.2);
  background-color: rgba(193, 207, 222, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-notify:hover {
  background-color: rgba(193, 207, 222, 0.5);
  cursor: pointer;
}
.txt-notify:focus {
  background-color: white;
  border: 2px solid rgba(7, 41, 78, 0.8);
}
.txt-notify-light {
  color: #7b9abd;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(123, 154, 189, 0.2);
  background-color: rgba(193, 207, 222, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-notify-light:hover {
  background-color: rgba(193, 207, 222, 0.5);
  cursor: pointer;
}
.txt-notify-light:focus {
  background-color: white;
  border: 2px solid rgba(123, 154, 189, 0.8);
}
.txt-notify-lite {
  border-left: 2px solid #1c436d;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #1c436d;
  border-color: #1c436d;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-notify-lite:focus {
  outline: none;
}
.txt-notify-lite:hover {
  border-color: #1c436d;
}
.txt-notify-lite-light {
  border-left: 2px solid #7b9abd;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #7b9abd;
  border-color: #7b9abd;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #1c436d;
  height: 23px;
  margin-right: 8px;
}
.txt-notify-lite-light:focus {
  outline: none;
}
.txt-notify-lite-light:hover {
  border-color: #1c436d;
}

.btn-notify {
  color: #07294e;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(70, 106, 146, 0.2);
  background-color: rgba(193, 207, 222, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(70, 106, 146, 0.6);
}
.btn-notify:hover {
  background-color: rgba(193, 207, 222, 0.5);
  cursor: pointer;
}
.btn-notify:hover {
  cursor: pointer;
  background-color: rgba(193, 207, 222, 0.5);
}
.btn-notify-gradient {
  color: #07294e;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(123, 154, 189, 0.2);
  background-color: rgba(193, 207, 222, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(123, 154, 189, 0.4);
  background: linear-gradient(rgba(193, 207, 222, 0.3) 0%, rgba(123, 154, 189, 0.6) 100%);
  border-color: rgba(7, 41, 78, 0.4);
}
.btn-notify-gradient:hover {
  background-color: rgba(193, 207, 222, 0.5);
  cursor: pointer;
}
.btn-notify-gradient:hover {
  cursor: pointer;
  background-color: rgba(193, 207, 222, 0.5);
}
.btn-notify-gradient:hover {
  background: linear-gradient(rgba(193, 207, 222, 0.4) 0%, rgba(123, 154, 189, 0.8) 100%);
}

.txt-funk {
  color: #165992;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(22, 89, 146, 0.2);
  background-color: rgba(159, 206, 246, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-funk:hover {
  background-color: rgba(159, 206, 246, 0.5);
  cursor: pointer;
}
.txt-funk:focus {
  background-color: white;
  border: 2px solid rgba(22, 89, 146, 0.8);
}
.txt-funk-light {
  color: #61b2f7;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(97, 178, 247, 0.2);
  background-color: rgba(159, 206, 246, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
}
.txt-funk-light:hover {
  background-color: rgba(159, 206, 246, 0.5);
  cursor: pointer;
}
.txt-funk-light:focus {
  background-color: white;
  border: 2px solid rgba(97, 178, 247, 0.8);
}
.txt-funk-lite {
  border-left: 2px solid #1976c5;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #1976c5;
  border-color: #1976c5;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: black;
  height: 23px;
  margin-right: 8px;
}
.txt-funk-lite:focus {
  outline: none;
}
.txt-funk-lite:hover {
  border-color: #1976c5;
}
.txt-funk-lite-light {
  border-left: 2px solid #61b2f7;
  background: none;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #61b2f7;
  border-color: #61b2f7;
  padding-left: 18px;
  padding-bottom: 8px;
  font-size: 16px;
  min-width: 234px;
  color: #1976c5;
  height: 23px;
  margin-right: 8px;
}
.txt-funk-lite-light:focus {
  outline: none;
}
.txt-funk-lite-light:hover {
  border-color: #1976c5;
}

.btn-funk {
  color: #165992;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(30, 146, 244, 0.2);
  background-color: rgba(159, 206, 246, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(30, 146, 244, 0.6);
}
.btn-funk:hover {
  background-color: rgba(159, 206, 246, 0.5);
  cursor: pointer;
}
.btn-funk:hover {
  cursor: pointer;
  background-color: rgba(159, 206, 246, 0.5);
}
.btn-funk-gradient {
  color: #165992;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  border: 2px solid rgba(97, 178, 247, 0.2);
  background-color: rgba(159, 206, 246, 0.2);
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
  margin-right: 2px;
  border-color: rgba(97, 178, 247, 0.4);
  background: linear-gradient(rgba(159, 206, 246, 0.3) 0%, rgba(97, 178, 247, 0.6) 100%);
  border-color: rgba(22, 89, 146, 0.4);
}
.btn-funk-gradient:hover {
  background-color: rgba(159, 206, 246, 0.5);
  cursor: pointer;
}
.btn-funk-gradient:hover {
  cursor: pointer;
  background-color: rgba(159, 206, 246, 0.5);
}
.btn-funk-gradient:hover {
  background: linear-gradient(rgba(159, 206, 246, 0.4) 0%, rgba(97, 178, 247, 0.8) 100%);
}.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.grid-1-start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
.grid-1-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-1-start-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-start-start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-1-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-1-start-start-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-start-end {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-1-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-1-start-end-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-start-center {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-1-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-1-start-center-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-start-stretch {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-1-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-1-start-stretch-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-start-baseline {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-1-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-1-start-baseline-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-end {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
.grid-1-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-1-end-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-end-start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-1-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-1-end-start-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-end-end {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-1-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-1-end-end-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-end-center {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-1-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-1-end-center-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-end-stretch {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-1-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-1-end-stretch-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-end-baseline {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-1-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-1-end-baseline-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-center {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
.grid-1-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-1-center-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-center-start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-1-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-1-center-start-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-center-end {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-1-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-1-center-end-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-center-center {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-1-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-1-center-center-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-center-stretch {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-1-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-1-center-stretch-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-center-baseline {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-1-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-1-center-baseline-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-stretch {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-1-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-1-stretch-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-stretch-start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-1-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-1-stretch-start-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-stretch-end {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-1-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-1-stretch-end-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-stretch-center {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-1-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-1-stretch-center-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-stretch-stretch {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-1-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-1-stretch-stretch-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-stretch-baseline {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-1-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-1-stretch-baseline-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
.grid-1-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-1-1-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
.grid-1-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-1-2-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
.grid-1-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-1-3-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-4 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
.grid-1-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-1-4-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-5 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
.grid-1-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-1-5-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-6 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
.grid-1-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-1-6-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-7 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
.grid-1-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-1-7-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-8 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
.grid-1-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-1-8-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-9 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
.grid-1-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-1-9-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-10 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
.grid-1-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-1-10-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-11 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
.grid-1-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-1-11-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-1-12 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
.grid-1-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-1-12-r {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}
.grid-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-2-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-start {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-2-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-2-start-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-start-start {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-2-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-2-start-start-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-start-end {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-2-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-2-start-end-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-start-center {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-2-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-2-start-center-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-start-stretch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-2-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-2-start-stretch-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-start-baseline {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-2-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-2-start-baseline-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-end {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-2-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-2-end-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-end-start {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-2-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-2-end-start-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-end-end {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-2-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-2-end-end-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-end-center {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-2-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-2-end-center-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-end-stretch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-2-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-2-end-stretch-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-end-baseline {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-2-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-2-end-baseline-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-center {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-2-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-2-center-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-center-start {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-2-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-2-center-start-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-center-end {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-2-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-2-center-end-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-center-center {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-2-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-2-center-center-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-center-stretch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-2-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-2-center-stretch-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-center-baseline {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-2-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-2-center-baseline-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-stretch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-2-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-2-stretch-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-stretch-start {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-2-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-2-stretch-start-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-stretch-end {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-2-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-2-stretch-end-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-stretch-center {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-2-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-2-stretch-center-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-2-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-2-stretch-stretch-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-2-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-2-stretch-baseline-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-2-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-2-1-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-2-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-2-2-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-2-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-2-3-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-4 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-2-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-2-4-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-2-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-2-5-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-6 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-2-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-2-6-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-2-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-2-7-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-8 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-2-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-2-8-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-9 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-2-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-2-9-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-10 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-2-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-2-10-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-11 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-2-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-2-11-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-2-12 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-2-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-2-12-r {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
}
.grid-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-3-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-start {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-3-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-3-start-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-start-start {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-3-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-3-start-start-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-start-end {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-3-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-3-start-end-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-start-center {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-3-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-3-start-center-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-start-stretch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-3-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-3-start-stretch-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-start-baseline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-3-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-3-start-baseline-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-end {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-3-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-3-end-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-end-start {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-3-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-3-end-start-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-end-end {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-3-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-3-end-end-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-end-center {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-3-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-3-end-center-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-end-stretch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-3-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-3-end-stretch-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-end-baseline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-3-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-3-end-baseline-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-center {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-3-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-3-center-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-center-start {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-3-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-3-center-start-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-center-end {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-3-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-3-center-end-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-center-center {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-3-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-3-center-center-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-center-stretch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-3-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-3-center-stretch-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-center-baseline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-3-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-3-center-baseline-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-stretch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-3-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-3-stretch-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-stretch-start {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-3-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-3-stretch-start-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-stretch-end {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-3-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-3-stretch-end-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-stretch-center {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-3-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-3-stretch-center-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-3-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-3-stretch-stretch-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-3-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-3-stretch-baseline-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-3-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-3-1-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-3-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-3-2-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-3-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-3-3-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-3-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-3-4-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-5 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-3-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-3-5-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-3-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-3-6-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-7 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-3-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-3-7-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-8 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-3-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-3-8-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-9 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-3-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-3-9-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-10 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-3-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-3-10-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-11 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-3-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-3-11-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-3-12 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-3-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-3-12-r {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
.grid-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-4-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-start {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-4-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-4-start-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-start-start {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-4-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-4-start-start-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-start-end {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-4-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-4-start-end-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-start-center {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-4-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-4-start-center-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-start-stretch {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-4-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-4-start-stretch-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-start-baseline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-4-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-4-start-baseline-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-end {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-4-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-4-end-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-end-start {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-4-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-4-end-start-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-end-end {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-4-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-4-end-end-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-end-center {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-4-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-4-end-center-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-end-stretch {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-4-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-4-end-stretch-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-end-baseline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-4-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-4-end-baseline-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-center {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-4-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-4-center-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-center-start {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-4-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-4-center-start-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-center-end {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-4-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-4-center-end-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-center-center {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-4-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-4-center-center-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-center-stretch {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-4-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-4-center-stretch-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-center-baseline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-4-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-4-center-baseline-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-stretch {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-4-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-4-stretch-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-stretch-start {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-4-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-4-stretch-start-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-stretch-end {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-4-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-4-stretch-end-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-stretch-center {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-4-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-4-stretch-center-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-4-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-4-stretch-stretch-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-4-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-4-stretch-baseline-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-4-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-4-1-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-4-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-4-2-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-3 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-4-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-4-3-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-4-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-4-4-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-5 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-4-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-4-5-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-6 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-4-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-4-6-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-7 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-4-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-4-7-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-4-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-4-8-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-9 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-4-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-4-9-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-10 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-4-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-4-10-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-11 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-4-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-4-11-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-4-12 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-4-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-4-12-r {
    grid-template-columns: repeat(4, 1fr);
  }
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
}
.grid-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-5-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-start {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-5-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-5-start-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-start-start {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-5-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-5-start-start-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-start-end {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-5-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-5-start-end-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-start-center {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-5-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-5-start-center-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-start-stretch {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-5-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-5-start-stretch-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-start-baseline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-5-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-5-start-baseline-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-end {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-5-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-5-end-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-end-start {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-5-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-5-end-start-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-end-end {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-5-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-5-end-end-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-end-center {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-5-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-5-end-center-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-end-stretch {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-5-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-5-end-stretch-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-end-baseline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-5-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-5-end-baseline-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-center {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-5-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-5-center-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-center-start {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-5-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-5-center-start-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-center-end {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-5-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-5-center-end-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-center-center {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-5-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-5-center-center-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-center-stretch {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-5-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-5-center-stretch-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-center-baseline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-5-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-5-center-baseline-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-stretch {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-5-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-5-stretch-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-stretch-start {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-5-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-5-stretch-start-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-stretch-end {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-5-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-5-stretch-end-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-stretch-center {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-5-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-5-stretch-center-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-5-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-5-stretch-stretch-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-5-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-5-stretch-baseline-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-5-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-5-1-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-5-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-5-2-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-3 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-5-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-5-3-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-4 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-5-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-5-4-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-5-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-5-5-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-6 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-5-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-5-6-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-7 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-5-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-5-7-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-8 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-5-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-5-8-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-9 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-5-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-5-9-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-10 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-5-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-5-10-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-11 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-5-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-5-11-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-5-12 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-5-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-5-12-r {
    grid-template-columns: repeat(5, 1fr);
  }
}
.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
}
.grid-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-6-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-start {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-6-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-6-start-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-start-start {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-6-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-6-start-start-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-start-end {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-6-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-6-start-end-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-start-center {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-6-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-6-start-center-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-start-stretch {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-6-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-6-start-stretch-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-start-baseline {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-6-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-6-start-baseline-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-end {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-6-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-6-end-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-end-start {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-6-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-6-end-start-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-end-end {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-6-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-6-end-end-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-end-center {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-6-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-6-end-center-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-end-stretch {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-6-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-6-end-stretch-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-end-baseline {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-6-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-6-end-baseline-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-center {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-6-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-6-center-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-center-start {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-6-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-6-center-start-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-center-end {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-6-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-6-center-end-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-center-center {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-6-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-6-center-center-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-center-stretch {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-6-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-6-center-stretch-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-center-baseline {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-6-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-6-center-baseline-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-stretch {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-6-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-6-stretch-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-stretch-start {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-6-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-6-stretch-start-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-stretch-end {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-6-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-6-stretch-end-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-stretch-center {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-6-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-6-stretch-center-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-6-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-6-stretch-stretch-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-6-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-6-stretch-baseline-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-6-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-6-1-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-2 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-6-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-6-2-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-3 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-6-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-6-3-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-4 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-6-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-6-4-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-5 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-6-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-6-5-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-6-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-6-6-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-7 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-6-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-6-7-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-8 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-6-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-6-8-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-9 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-6-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-6-9-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-10 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-6-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-6-10-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-11 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-6-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-6-11-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-6-12 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-6-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-6-12-r {
    grid-template-columns: repeat(6, 1fr);
  }
}
.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
}
.grid-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-7-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-start {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-7-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-7-start-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-start-start {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-7-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-7-start-start-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-start-end {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-7-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-7-start-end-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-start-center {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-7-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-7-start-center-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-start-stretch {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-7-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-7-start-stretch-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-start-baseline {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-7-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-7-start-baseline-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-end {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-7-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-7-end-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-end-start {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-7-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-7-end-start-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-end-end {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-7-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-7-end-end-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-end-center {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-7-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-7-end-center-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-end-stretch {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-7-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-7-end-stretch-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-end-baseline {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-7-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-7-end-baseline-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-center {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-7-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-7-center-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-center-start {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-7-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-7-center-start-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-center-end {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-7-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-7-center-end-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-center-center {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-7-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-7-center-center-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-center-stretch {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-7-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-7-center-stretch-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-center-baseline {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-7-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-7-center-baseline-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-stretch {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-7-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-7-stretch-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-stretch-start {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-7-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-7-stretch-start-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-stretch-end {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-7-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-7-stretch-end-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-stretch-center {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-7-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-7-stretch-center-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-7-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-7-stretch-stretch-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-7-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-7-stretch-baseline-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-1 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-7-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-7-1-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-2 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-7-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-7-2-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-3 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-7-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-7-3-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-4 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-7-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-7-4-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-5 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-7-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-7-5-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-6 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-7-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-7-6-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-7-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-7-7-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-8 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-7-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-7-8-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-9 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-7-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-7-9-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-10 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-7-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-7-10-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-11 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-7-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-7-11-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-7-12 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-7-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-7-12-r {
    grid-template-columns: repeat(7, 1fr);
  }
}
.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
}
.grid-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-8-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-start {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-8-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-8-start-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-start-start {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-8-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-8-start-start-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-start-end {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-8-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-8-start-end-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-start-center {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-8-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-8-start-center-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-start-stretch {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-8-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-8-start-stretch-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-start-baseline {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-8-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-8-start-baseline-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-end {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-8-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-8-end-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-end-start {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-8-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-8-end-start-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-end-end {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-8-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-8-end-end-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-end-center {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-8-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-8-end-center-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-end-stretch {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-8-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-8-end-stretch-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-end-baseline {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-8-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-8-end-baseline-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-center {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-8-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-8-center-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-center-start {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-8-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-8-center-start-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-center-end {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-8-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-8-center-end-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-center-center {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-8-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-8-center-center-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-center-stretch {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-8-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-8-center-stretch-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-center-baseline {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-8-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-8-center-baseline-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-stretch {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-8-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-8-stretch-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-stretch-start {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-8-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-8-stretch-start-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-stretch-end {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-8-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-8-stretch-end-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-stretch-center {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-8-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-8-stretch-center-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-8-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-8-stretch-stretch-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-8-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-8-stretch-baseline-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-1 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-8-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-8-1-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-2 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-8-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-8-2-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-3 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-8-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-8-3-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-4 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-8-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-8-4-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-5 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-8-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-8-5-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-6 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-8-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-8-6-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-7 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-8-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-8-7-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-8-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-8-8-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-9 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-8-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-8-9-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-10 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-8-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-8-10-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-11 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-8-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-8-11-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-8-12 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-8-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-8-12-r {
    grid-template-columns: repeat(8, 1fr);
  }
}
.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
}
.grid-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-9-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-start {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-9-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-9-start-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-start-start {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-9-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-9-start-start-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-start-end {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-9-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-9-start-end-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-start-center {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-9-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-9-start-center-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-start-stretch {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-9-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-9-start-stretch-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-start-baseline {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-9-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-9-start-baseline-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-end {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-9-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-9-end-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-end-start {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-9-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-9-end-start-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-end-end {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-9-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-9-end-end-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-end-center {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-9-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-9-end-center-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-end-stretch {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-9-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-9-end-stretch-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-end-baseline {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-9-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-9-end-baseline-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-center {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-9-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-9-center-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-center-start {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-9-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-9-center-start-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-center-end {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-9-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-9-center-end-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-center-center {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-9-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-9-center-center-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-center-stretch {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-9-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-9-center-stretch-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-center-baseline {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-9-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-9-center-baseline-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-stretch {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-9-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-9-stretch-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-stretch-start {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-9-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-9-stretch-start-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-stretch-end {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-9-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-9-stretch-end-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-stretch-center {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-9-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-9-stretch-center-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-9-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-9-stretch-stretch-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-9-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-9-stretch-baseline-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-1 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-9-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-9-1-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-2 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-9-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-9-2-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-3 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-9-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-9-3-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-4 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-9-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-9-4-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-5 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-9-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-9-5-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-6 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-9-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-9-6-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-7 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-9-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-9-7-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-8 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-9-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-9-8-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-9-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-9-9-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-10 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-9-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-9-10-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-11 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-9-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-9-11-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-9-12 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-9-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-9-12-r {
    grid-template-columns: repeat(9, 1fr);
  }
}
.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
}
.grid-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-10-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-start {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-10-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-10-start-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-start-start {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-10-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-10-start-start-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-start-end {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-10-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-10-start-end-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-start-center {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-10-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-10-start-center-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-start-stretch {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-10-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-10-start-stretch-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-start-baseline {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-10-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-10-start-baseline-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-end {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-10-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-10-end-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-end-start {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-10-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-10-end-start-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-end-end {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-10-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-10-end-end-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-end-center {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-10-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-10-end-center-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-end-stretch {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-10-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-10-end-stretch-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-end-baseline {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-10-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-10-end-baseline-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-center {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-10-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-10-center-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-center-start {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-10-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-10-center-start-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-center-end {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-10-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-10-center-end-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-center-center {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-10-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-10-center-center-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-center-stretch {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-10-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-10-center-stretch-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-center-baseline {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-10-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-10-center-baseline-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-stretch {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-10-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-10-stretch-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-stretch-start {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-10-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-10-stretch-start-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-stretch-end {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-10-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-10-stretch-end-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-stretch-center {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-10-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-10-stretch-center-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-10-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-10-stretch-stretch-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-10-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-10-stretch-baseline-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-1 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-10-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-10-1-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-2 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-10-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-10-2-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-3 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-10-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-10-3-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-4 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-10-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-10-4-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-5 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-10-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-10-5-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-6 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-10-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-10-6-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-7 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-10-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-10-7-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-8 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-10-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-10-8-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-9 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-10-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-10-9-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-10-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-10-10-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-11 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-10-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-10-11-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-10-12 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-10-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-10-12-r {
    grid-template-columns: repeat(10, 1fr);
  }
}
.grid-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
}
.grid-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-11-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-start {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-11-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-11-start-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-start-start {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-11-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-11-start-start-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-start-end {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-11-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-11-start-end-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-start-center {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-11-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-11-start-center-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-start-stretch {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-11-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-11-start-stretch-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-start-baseline {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-11-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-11-start-baseline-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-end {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-11-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-11-end-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-end-start {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-11-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-11-end-start-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-end-end {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-11-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-11-end-end-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-end-center {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-11-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-11-end-center-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-end-stretch {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-11-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-11-end-stretch-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-end-baseline {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-11-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-11-end-baseline-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-center {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-11-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-11-center-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-center-start {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-11-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-11-center-start-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-center-end {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-11-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-11-center-end-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-center-center {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-11-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-11-center-center-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-center-stretch {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-11-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-11-center-stretch-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-center-baseline {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-11-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-11-center-baseline-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-stretch {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-11-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-11-stretch-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-stretch-start {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-11-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-11-stretch-start-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-stretch-end {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-11-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-11-stretch-end-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-stretch-center {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-11-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-11-stretch-center-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-11-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-11-stretch-stretch-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-11-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-11-stretch-baseline-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-1 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-11-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-11-1-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-2 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-11-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-11-2-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-3 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-11-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-11-3-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-4 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-11-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-11-4-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-5 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-11-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-11-5-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-6 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-11-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-11-6-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-7 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-11-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-11-7-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-8 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-11-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-11-8-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-9 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-11-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-11-9-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-10 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-11-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-11-10-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-11-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-11-11-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-11-12 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-11-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-11-12-r {
    grid-template-columns: repeat(11, 1fr);
  }
}
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
}
.grid-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .grid-12-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-start {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: start;
}
.grid-12-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
}
@media (min-width: 768px) {
  .grid-12-start-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-start-start {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
.grid-12-start-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-12-start-start-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-start-end {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
.grid-12-start-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-12-start-end-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-start-center {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
.grid-12-start-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-12-start-center-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-start-stretch {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
.grid-12-start-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-12-start-stretch-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-start-baseline {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
.grid-12-start-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: start;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-12-start-baseline-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-end {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: end;
}
.grid-12-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
}
@media (min-width: 768px) {
  .grid-12-end-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-end-start {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
.grid-12-end-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-12-end-start-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-end-end {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
.grid-12-end-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-12-end-end-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-end-center {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
.grid-12-end-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-12-end-center-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-end-stretch {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
.grid-12-end-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-12-end-stretch-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-end-baseline {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
.grid-12-end-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: end;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-12-end-baseline-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-center {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: center;
}
.grid-12-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
}
@media (min-width: 768px) {
  .grid-12-center-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-center-start {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
.grid-12-center-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-12-center-start-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-center-end {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
.grid-12-center-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-12-center-end-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-center-center {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
.grid-12-center-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-12-center-center-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-center-stretch {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
.grid-12-center-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-12-center-stretch-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-center-baseline {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
.grid-12-center-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-12-center-baseline-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-stretch {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
}
.grid-12-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
}
@media (min-width: 768px) {
  .grid-12-stretch-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-stretch-start {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
.grid-12-stretch-start-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: start;
}
@media (min-width: 768px) {
  .grid-12-stretch-start-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-stretch-end {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
.grid-12-stretch-end-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: end;
}
@media (min-width: 768px) {
  .grid-12-stretch-end-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-stretch-center {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
.grid-12-stretch-center-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: center;
}
@media (min-width: 768px) {
  .grid-12-stretch-center-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-stretch-stretch {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
.grid-12-stretch-stretch-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: stretch;
}
@media (min-width: 768px) {
  .grid-12-stretch-stretch-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-stretch-baseline {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
.grid-12-stretch-baseline-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: stretch;
  align-items: baseline;
}
@media (min-width: 768px) {
  .grid-12-stretch-baseline-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 768px) {
  .grid-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-1 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.grid-12-1-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .grid-12-1-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-2 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.grid-12-2-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .grid-12-2-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-3 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.grid-12-3-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 768px) {
  .grid-12-3-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-4 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.grid-12-4-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid-12-4-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-5 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(5, 1fr);
}
.grid-12-5-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, 1fr);
}
@media (min-width: 768px) {
  .grid-12-5-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-6 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.grid-12-6-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
}
@media (min-width: 768px) {
  .grid-12-6-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-7 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(7, 1fr);
}
.grid-12-7-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(7, 1fr);
}
@media (min-width: 768px) {
  .grid-12-7-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-8 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(8, 1fr);
}
.grid-12-8-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(8, 1fr);
}
@media (min-width: 768px) {
  .grid-12-8-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-9 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(9, 1fr);
}
.grid-12-9-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(9, 1fr);
}
@media (min-width: 768px) {
  .grid-12-9-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-10 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(10, 1fr);
}
.grid-12-10-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(10, 1fr);
}
@media (min-width: 768px) {
  .grid-12-10-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-11 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(11, 1fr);
}
.grid-12-11-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(11, 1fr);
}
@media (min-width: 768px) {
  .grid-12-11-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-12-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
}
.grid-12-12-r {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(12, 1fr);
}
@media (min-width: 768px) {
  .grid-12-12-r {
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid-gap-xs {
  grid-gap: 26px;
}
.grid-gap-sm {
  grid-gap: 34px;
}
.grid-gap-md {
  grid-gap: 50px;
}
.grid-gap-lg {
  grid-gap: 63px;
}
.grid-gap-xl {
  grid-gap: 1fr;
}
.grid-start-start {
  justify-content: start;
  align-content: start;
}
.grid-start-end {
  justify-content: start;
  align-content: end;
}
.grid-start-center {
  justify-content: start;
  align-content: center;
}
.grid-start-stretch {
  justify-content: start;
  align-content: stretch;
}
.grid-start-space-around {
  justify-content: start;
  align-content: space-around;
}
.grid-start-space-between {
  justify-content: start;
  align-content: space-between;
}
.grid-start-space-evenly {
  justify-content: start;
  align-content: space-evenly;
}
.grid-end-start {
  justify-content: end;
  align-content: start;
}
.grid-end-end {
  justify-content: end;
  align-content: end;
}
.grid-end-center {
  justify-content: end;
  align-content: center;
}
.grid-end-stretch {
  justify-content: end;
  align-content: stretch;
}
.grid-end-space-around {
  justify-content: end;
  align-content: space-around;
}
.grid-end-space-between {
  justify-content: end;
  align-content: space-between;
}
.grid-end-space-evenly {
  justify-content: end;
  align-content: space-evenly;
}
.grid-center-start {
  justify-content: center;
  align-content: start;
}
.grid-center-end {
  justify-content: center;
  align-content: end;
}
.grid-center-center {
  justify-content: center;
  align-content: center;
}
.grid-center-stretch {
  justify-content: center;
  align-content: stretch;
}
.grid-center-space-around {
  justify-content: center;
  align-content: space-around;
}
.grid-center-space-between {
  justify-content: center;
  align-content: space-between;
}
.grid-center-space-evenly {
  justify-content: center;
  align-content: space-evenly;
}
.grid-stretch-start {
  justify-content: stretch;
  align-content: start;
}
.grid-stretch-end {
  justify-content: stretch;
  align-content: end;
}
.grid-stretch-center {
  justify-content: stretch;
  align-content: center;
}
.grid-stretch-stretch {
  justify-content: stretch;
  align-content: stretch;
}
.grid-stretch-space-around {
  justify-content: stretch;
  align-content: space-around;
}
.grid-stretch-space-between {
  justify-content: stretch;
  align-content: space-between;
}
.grid-stretch-space-evenly {
  justify-content: stretch;
  align-content: space-evenly;
}
.grid-space-around-start {
  justify-content: space-around;
  align-content: start;
}
.grid-space-around-end {
  justify-content: space-around;
  align-content: end;
}
.grid-space-around-center {
  justify-content: space-around;
  align-content: center;
}
.grid-space-around-stretch {
  justify-content: space-around;
  align-content: stretch;
}
.grid-space-around-space-around {
  justify-content: space-around;
  align-content: space-around;
}
.grid-space-around-space-between {
  justify-content: space-around;
  align-content: space-between;
}
.grid-space-around-space-evenly {
  justify-content: space-around;
  align-content: space-evenly;
}
.grid-space-between-start {
  justify-content: space-between;
  align-content: start;
}
.grid-space-between-end {
  justify-content: space-between;
  align-content: end;
}
.grid-space-between-center {
  justify-content: space-between;
  align-content: center;
}
.grid-space-between-stretch {
  justify-content: space-between;
  align-content: stretch;
}
.grid-space-between-space-around {
  justify-content: space-between;
  align-content: space-around;
}
.grid-space-between-space-between {
  justify-content: space-between;
  align-content: space-between;
}
.grid-space-between-space-evenly {
  justify-content: space-between;
  align-content: space-evenly;
}
.grid-space-evenly-start {
  justify-content: space-evenly;
  align-content: start;
}
.grid-space-evenly-end {
  justify-content: space-evenly;
  align-content: end;
}
.grid-space-evenly-center {
  justify-content: space-evenly;
  align-content: center;
}
.grid-space-evenly-stretch {
  justify-content: space-evenly;
  align-content: stretch;
}
.grid-space-evenly-space-around {
  justify-content: space-evenly;
  align-content: space-around;
}
.grid-space-evenly-space-between {
  justify-content: space-evenly;
  align-content: space-between;
}
.grid-space-evenly-space-evenly {
  justify-content: space-evenly;
  align-content: space-evenly;
}.notify-bar-top-three {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  top: 0;
  bottom: unset;
  box-shadow: 0 4px 22px -2px black;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.notify-bar-top-three.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-top-three.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-top-three.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-top-three.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-top-three.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-top-three.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-top-three.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-top-three.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-top-three.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-top-three.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-top-three.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-top-three.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-top-five {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  top: 0;
  bottom: unset;
  box-shadow: 0 4px 22px -2px black;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.notify-bar-top-five.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-top-five.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-top-five.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-top-five.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-top-five.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-top-five.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-top-five.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-top-five.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-top-five.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-top-five.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-top-five.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-top-five.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-top-eight {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  top: 0;
  bottom: unset;
  box-shadow: 0 4px 22px -2px black;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.notify-bar-top-eight.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-top-eight.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-top-eight.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-top-eight.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-top-eight.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-top-eight.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-top-eight.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-top-eight.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-top-eight.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-top-eight.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-top-eight.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-top-eight.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-top-fourteen {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  top: 0;
  bottom: unset;
  box-shadow: 0 4px 22px -2px black;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.notify-bar-top-fourteen.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-top-fourteen.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-top-fourteen.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-top-fourteen.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-top-fourteen.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-top-fourteen.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-top-fourteen.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-top-fourteen.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-top-fourteen.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-top-fourteen.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-top-fourteen.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-top-fourteen.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-top-twenty {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  top: 0;
  bottom: unset;
  box-shadow: 0 4px 22px -2px black;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.notify-bar-top-twenty.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-top-twenty.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-top-twenty.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-top-twenty.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-top-twenty.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-top-twenty.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-top-twenty.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-top-twenty.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-top-twenty.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-top-twenty.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-top-twenty.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-top-twenty.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-top-permanent {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  top: 0;
  bottom: unset;
  box-shadow: 0 4px 22px -2px black;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.notify-bar-top-permanent.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-top-permanent.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-top-permanent.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-top-permanent.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-top-permanent.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-top-permanent.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-top-permanent.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-top-permanent.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-top-permanent.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-top-permanent.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-top-permanent.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-top-permanent.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-bottom-three {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  bottom: 0;
  top: unset;
  box-shadow: 0 -4px 22px black;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.notify-bar-bottom-three.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-bottom-three.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-bottom-three.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-bottom-three.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-bottom-three.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-bottom-three.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-bottom-three.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-bottom-three.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-bottom-three.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-bottom-three.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-bottom-three.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-bottom-three.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-bottom-five {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  bottom: 0;
  top: unset;
  box-shadow: 0 -4px 22px black;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.notify-bar-bottom-five.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-bottom-five.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-bottom-five.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-bottom-five.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-bottom-five.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-bottom-five.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-bottom-five.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-bottom-five.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-bottom-five.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-bottom-five.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-bottom-five.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-bottom-five.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-bottom-eight {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  bottom: 0;
  top: unset;
  box-shadow: 0 -4px 22px black;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.notify-bar-bottom-eight.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-bottom-eight.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-bottom-eight.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-bottom-eight.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-bottom-eight.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-bottom-eight.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-bottom-eight.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-bottom-eight.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-bottom-eight.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-bottom-eight.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-bottom-eight.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-bottom-eight.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-bottom-fourteen {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  bottom: 0;
  top: unset;
  box-shadow: 0 -4px 22px black;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.notify-bar-bottom-fourteen.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-bottom-fourteen.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-bottom-fourteen.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-bottom-fourteen.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-bottom-fourteen.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-bottom-fourteen.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-bottom-fourteen.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-bottom-fourteen.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-bottom-fourteen.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-bottom-fourteen.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-bottom-fourteen.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-bottom-fourteen.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-bottom-twenty {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  bottom: 0;
  top: unset;
  box-shadow: 0 -4px 22px black;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.notify-bar-bottom-twenty.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-bottom-twenty.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-bottom-twenty.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-bottom-twenty.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-bottom-twenty.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-bottom-twenty.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-bottom-twenty.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-bottom-twenty.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-bottom-twenty.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-bottom-twenty.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-bottom-twenty.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-bottom-twenty.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-bar-bottom-permanent {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  left: 0;
  right: 0;
  min-height: 28px;
  bottom: 0;
  top: unset;
  box-shadow: 0 -4px 22px black;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.notify-bar-bottom-permanent.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-bar-bottom-permanent.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-bar-bottom-permanent.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-bar-bottom-permanent.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-bar-bottom-permanent.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-bar-bottom-permanent.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-bar-bottom-permanent.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-bar-bottom-permanent.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-bar-bottom-permanent.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-bar-bottom-permanent.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-bar-bottom-permanent.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-bar-bottom-permanent.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-top-three {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 38px;
  bottom: unset;
}
.notify-box-top-three.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-top-three.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-top-three.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-top-three.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-top-three.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-top-three.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-top-three.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-top-three.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-top-three.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-top-three.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-top-three.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-top-three.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-top-five {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 38px;
  bottom: unset;
}
.notify-box-top-five.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-top-five.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-top-five.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-top-five.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-top-five.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-top-five.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-top-five.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-top-five.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-top-five.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-top-five.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-top-five.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-top-five.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-top-eight {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 38px;
  bottom: unset;
}
.notify-box-top-eight.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-top-eight.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-top-eight.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-top-eight.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-top-eight.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-top-eight.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-top-eight.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-top-eight.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-top-eight.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-top-eight.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-top-eight.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-top-eight.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-top-fourteen {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 38px;
  bottom: unset;
}
.notify-box-top-fourteen.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-top-fourteen.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-top-fourteen.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-top-fourteen.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-top-fourteen.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-top-fourteen.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-top-fourteen.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-top-fourteen.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-top-fourteen.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-top-fourteen.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-top-fourteen.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-top-fourteen.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-top-twenty {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 38px;
  bottom: unset;
}
.notify-box-top-twenty.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-top-twenty.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-top-twenty.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-top-twenty.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-top-twenty.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-top-twenty.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-top-twenty.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-top-twenty.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-top-twenty.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-top-twenty.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-top-twenty.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-top-twenty.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-top-permanent {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 38px;
  bottom: unset;
}
.notify-box-top-permanent.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-top-permanent.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-top-permanent.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-top-permanent.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-top-permanent.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-top-permanent.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-top-permanent.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-top-permanent.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-top-permanent.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-top-permanent.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-top-permanent.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-top-permanent.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-bottom-three {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: unset;
  bottom: 0;
}
.notify-box-bottom-three.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-bottom-three.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-bottom-three.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-bottom-three.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-bottom-three.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-bottom-three.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-bottom-three.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-bottom-three.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-bottom-three.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-bottom-three.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-bottom-three.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-bottom-three.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-bottom-five {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: unset;
  bottom: 0;
}
.notify-box-bottom-five.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-bottom-five.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-bottom-five.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-bottom-five.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-bottom-five.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-bottom-five.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-bottom-five.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-bottom-five.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-bottom-five.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-bottom-five.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-bottom-five.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-bottom-five.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-bottom-eight {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: unset;
  bottom: 0;
}
.notify-box-bottom-eight.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-bottom-eight.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-bottom-eight.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-bottom-eight.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-bottom-eight.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-bottom-eight.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-bottom-eight.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-bottom-eight.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-bottom-eight.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-bottom-eight.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-bottom-eight.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-bottom-eight.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-bottom-fourteen {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: unset;
  bottom: 0;
}
.notify-box-bottom-fourteen.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-bottom-fourteen.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-bottom-fourteen.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-bottom-fourteen.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-bottom-fourteen.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-bottom-fourteen.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-bottom-fourteen.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-bottom-fourteen.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-bottom-fourteen.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-bottom-fourteen.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-bottom-fourteen.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-bottom-fourteen.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-bottom-twenty {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: unset;
  bottom: 0;
}
.notify-box-bottom-twenty.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-bottom-twenty.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-bottom-twenty.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-bottom-twenty.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-bottom-twenty.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-bottom-twenty.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-bottom-twenty.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-bottom-twenty.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-bottom-twenty.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-bottom-twenty.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-bottom-twenty.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-bottom-twenty.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-bottom-permanent {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  left: 50%;
  transform: translate(-50%, -50%);
  top: unset;
  bottom: 0;
}
.notify-box-bottom-permanent.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-bottom-permanent.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-bottom-permanent.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-bottom-permanent.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-bottom-permanent.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-bottom-permanent.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-bottom-permanent.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-bottom-permanent.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-bottom-permanent.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-bottom-permanent.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-bottom-permanent.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-bottom-permanent.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-left-three {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
}
.notify-box-left-three.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-left-three.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-left-three.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-left-three.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-left-three.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-left-three.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-left-three.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-left-three.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-left-three.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-left-three.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-left-three.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-left-three.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-left-five {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
}
.notify-box-left-five.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-left-five.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-left-five.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-left-five.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-left-five.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-left-five.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-left-five.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-left-five.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-left-five.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-left-five.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-left-five.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-left-five.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-left-eight {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
}
.notify-box-left-eight.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-left-eight.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-left-eight.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-left-eight.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-left-eight.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-left-eight.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-left-eight.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-left-eight.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-left-eight.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-left-eight.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-left-eight.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-left-eight.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-left-fourteen {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
}
.notify-box-left-fourteen.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-left-fourteen.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-left-fourteen.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-left-fourteen.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-left-fourteen.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-left-fourteen.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-left-fourteen.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-left-fourteen.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-left-fourteen.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-left-fourteen.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-left-fourteen.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-left-fourteen.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-left-twenty {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
}
.notify-box-left-twenty.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-left-twenty.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-left-twenty.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-left-twenty.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-left-twenty.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-left-twenty.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-left-twenty.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-left-twenty.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-left-twenty.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-left-twenty.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-left-twenty.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-left-twenty.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-left-permanent {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
}
.notify-box-left-permanent.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-left-permanent.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-left-permanent.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-left-permanent.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-left-permanent.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-left-permanent.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-left-permanent.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-left-permanent.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-left-permanent.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-left-permanent.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-left-permanent.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-left-permanent.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-right-three {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 16px;
}
.notify-box-right-three.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-right-three.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-right-three.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-right-three.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-right-three.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-right-three.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-right-three.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-right-three.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-right-three.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-right-three.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-right-three.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-right-three.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-right-five {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 16px;
}
.notify-box-right-five.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-right-five.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-right-five.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-right-five.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-right-five.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-right-five.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-right-five.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-right-five.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-right-five.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-right-five.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-right-five.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-right-five.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-right-eight {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 16px;
}
.notify-box-right-eight.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-right-eight.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-right-eight.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-right-eight.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-right-eight.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-right-eight.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-right-eight.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-right-eight.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-right-eight.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-right-eight.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-right-eight.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-right-eight.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-right-fourteen {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 16px;
}
.notify-box-right-fourteen.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-right-fourteen.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-right-fourteen.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-right-fourteen.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-right-fourteen.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-right-fourteen.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-right-fourteen.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-right-fourteen.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-right-fourteen.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-right-fourteen.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-right-fourteen.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-right-fourteen.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-right-twenty {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 16px;
}
.notify-box-right-twenty.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-right-twenty.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-right-twenty.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-right-twenty.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-right-twenty.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-right-twenty.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-right-twenty.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-right-twenty.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-right-twenty.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-right-twenty.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-right-twenty.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-right-twenty.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}

.notify-box-right-permanent {
  position: fixed;
  transition: all 0.8s;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  padding: 10px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 14px;
  box-shadow: 0 0 12px 8px black;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 16px;
}
.notify-box-right-permanent.show {
  transition: opacity 0.8s;
  visibility: visible;
  opacity: 1;
}
.notify-box-right-permanent.cp-default {
  background-color: black;
  color: #ececec;
}
.notify-box-right-permanent.cp-primary {
  background-color: #8b480e;
  color: #efdbc9;
}
.notify-box-right-permanent.cp-success {
  background-color: #195f34;
  color: #a0edbd;
}
.notify-box-right-permanent.cp-danger {
  background-color: #8c101b;
  color: #ffcacf;
}
.notify-box-right-permanent.cp-warning {
  background-color: #ffbf00;
  color: #fff2cb;
}
.notify-box-right-permanent.cp-info {
  background-color: #2894aa;
  color: #c4e7ee;
}
.notify-box-right-permanent.cp-light {
  background-color: #a19b9b;
  color: #f7f2f2;
}
.notify-box-right-permanent.cp-dark {
  background-color: #161616;
  color: #c3c3c3;
}
.notify-box-right-permanent.cp-antan {
  background-color: #fe2f00;
  color: #e8bdb4;
}
.notify-box-right-permanent.cp-notify {
  background-color: #07294e;
  color: #c1cfde;
}
.notify-box-right-permanent.cp-funk {
  background-color: #165992;
  color: #9fcef6;
}table.default td {
  padding: 3px;
}
table.default td:first-child {
  width: 260px;
}
table.default > tr:nth-child(even) {
  background-color: #c9e6f7;
}.tabs {
  width: 100%;
}

.tabs > .group > .tab {
  margin-top: 4px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 1.4rem;
}
.tabs > .group > .tab:hover {
  cursor: pointer;
  opacity: 0.8;
}
.tabs > .group > .tab.cp-default {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid black;
  border-top: 5px solid black;
  background-color: #a1a1a1;
  color: black;
}
.tabs > .group > .tab.cp-default.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-primary {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #8b480e;
  border-top: 5px solid #8b480e;
  background-color: #d8a77d;
  color: #8b480e;
}
.tabs > .group > .tab.cp-primary.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-success {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #195f34;
  border-top: 5px solid #195f34;
  background-color: #4bcc7c;
  color: #195f34;
}
.tabs > .group > .tab.cp-success.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-danger {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #8c101b;
  border-top: 5px solid #8c101b;
  background-color: #ed7781;
  color: #8c101b;
}
.tabs > .group > .tab.cp-danger.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-warning {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #ffbf00;
  border-top: 5px solid #ffbf00;
  background-color: #ffe9a6;
  color: #ffbf00;
}
.tabs > .group > .tab.cp-warning.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-info {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #2894aa;
  border-top: 5px solid #2894aa;
  background-color: #8bc8d4;
  color: #2894aa;
}
.tabs > .group > .tab.cp-info.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-light {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #a19b9b;
  border-top: 5px solid #a19b9b;
  background-color: #eae2e2;
  color: #a19b9b;
}
.tabs > .group > .tab.cp-light.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-dark {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #161616;
  border-top: 5px solid #161616;
  background-color: #606060;
  color: #161616;
}
.tabs > .group > .tab.cp-dark.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-antan {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #fe2f00;
  border-top: 5px solid #fe2f00;
  background-color: #a76e62;
  color: #fe2f00;
}
.tabs > .group > .tab.cp-antan.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-notify {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #07294e;
  border-top: 5px solid #07294e;
  background-color: #7b9abd;
  color: #07294e;
}
.tabs > .group > .tab.cp-notify.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.cp-funk {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border: 3px solid #165992;
  border-top: 5px solid #165992;
  background-color: #61b2f7;
  color: #165992;
}
.tabs > .group > .tab.cp-funk.straight {
  border-radius: 0px;
}
.tabs > .group > .tab.left {
  justify-self: flex-start;
}
.tabs > .group > .tab.center {
  justify-self: center;
}
.tabs > .group > .tab.right {
  justify-self: flex-end;
}
.tabs > .group > .tab.active {
  border-top-width: 10px;
}

.tabs > .group {
  display: flex;
  align-items: flex-end;
}
.tabs > .group, .tabs > .group.left {
  justify-content: flex-start;
}
.tabs > .group.center {
  justify-content: center;
}
.tabs > .group.right {
  justify-content: flex-end;
}

.tabs > .content {
  display: none;
  visibility: hidden;
  padding: 6px;
}
.tabs > .content.active {
  display: block;
  visibility: visible;
}
.tabs > .content.cp-default {
  border: 2px solid black;
  background-color: white;
}
.tabs > .content.cp-primary {
  border: 2px solid #8b480e;
  background-color: white;
}
.tabs > .content.cp-success {
  border: 2px solid #195f34;
  background-color: white;
}
.tabs > .content.cp-danger {
  border: 2px solid #8c101b;
  background-color: white;
}
.tabs > .content.cp-warning {
  border: 2px solid #ffbf00;
  background-color: white;
}
.tabs > .content.cp-info {
  border: 2px solid #2894aa;
  background-color: white;
}
.tabs > .content.cp-light {
  border: 2px solid #a19b9b;
  background-color: white;
}
.tabs > .content.cp-dark {
  border: 2px solid #161616;
  background-color: white;
}
.tabs > .content.cp-antan {
  border: 2px solid #fe2f00;
  background-color: white;
}
.tabs > .content.cp-notify {
  border: 2px solid #07294e;
  background-color: white;
}
.tabs > .content.cp-funk {
  border: 2px solid #165992;
  background-color: white;
}.color-default {
  color: black;
}
.color-default-second {
  color: #303030;
}
.color-default-third {
  color: #484848;
}
.color-default-fourth {
  color: #a1a1a1;
}
.color-default-fifth {
  color: #ececec;
}
.color-primary {
  color: #8b480e;
}
.color-primary-second {
  color: #b06c31;
}
.color-primary-third {
  color: #cc8c55;
}
.color-primary-fourth {
  color: #d8a77d;
}
.color-primary-fifth {
  color: #efdbc9;
}
.color-success {
  color: #195f34;
}
.color-success-second {
  color: #238649;
}
.color-success-third {
  color: #2eac5e;
}
.color-success-fourth {
  color: #4bcc7c;
}
.color-success-fifth {
  color: #a0edbd;
}
.color-danger {
  color: #8c101b;
}
.color-danger-second {
  color: #a12d37;
}
.color-danger-third {
  color: #ca5660;
}
.color-danger-fourth {
  color: #ed7781;
}
.color-danger-fifth {
  color: #ffcacf;
}
.color-warning {
  color: #ffbf00;
}
.color-warning-second {
  color: #ffd24a;
}
.color-warning-third {
  color: #ffde7b;
}
.color-warning-fourth {
  color: #ffe9a6;
}
.color-warning-fifth {
  color: #fff2cb;
}
.color-info {
  color: #2894aa;
}
.color-info-second {
  color: #46a3b6;
}
.color-info-third {
  color: #68b7c7;
}
.color-info-fourth {
  color: #8bc8d4;
}
.color-info-fifth {
  color: #c4e7ee;
}
.color-light {
  color: #a19b9b;
}
.color-light-second {
  color: #bbb3b3;
}
.color-light-third {
  color: #dbd4d4;
}
.color-light-fourth {
  color: #eae2e2;
}
.color-light-fifth {
  color: #f7f2f2;
}
.color-dark {
  color: #161616;
}
.color-dark-second {
  color: #2c2c2c;
}
.color-dark-third {
  color: #3c3c3c;
}
.color-dark-fourth {
  color: #606060;
}
.color-dark-fifth {
  color: #c3c3c3;
}
.color-antan {
  color: #fe2f00;
}
.color-antan-second {
  color: #c44b30;
}
.color-antan-third {
  color: #c66b57;
}
.color-antan-fourth {
  color: #a76e62;
}
.color-antan-fifth {
  color: #e8bdb4;
}
.color-notify {
  color: #07294e;
}
.color-notify-second {
  color: #1c436d;
}
.color-notify-third {
  color: #466a92;
}
.color-notify-fourth {
  color: #7b9abd;
}
.color-notify-fifth {
  color: #c1cfde;
}
.color-funk {
  color: #165992;
}
.color-funk-second {
  color: #1976c5;
}
.color-funk-third {
  color: #1e92f4;
}
.color-funk-fourth {
  color: #61b2f7;
}
.color-funk-fifth {
  color: #9fcef6;
}

.color-default {
  color: black;
}
.color-default-second {
  color: #303030;
}
.color-default-third {
  color: #484848;
}
.color-default-fourth {
  color: #a1a1a1;
}
.color-default-fifth {
  color: #ececec;
}
.color-primary {
  color: #8b480e;
}
.color-primary-second {
  color: #b06c31;
}
.color-primary-third {
  color: #cc8c55;
}
.color-primary-fourth {
  color: #d8a77d;
}
.color-primary-fifth {
  color: #efdbc9;
}
.color-success {
  color: #195f34;
}
.color-success-second {
  color: #238649;
}
.color-success-third {
  color: #2eac5e;
}
.color-success-fourth {
  color: #4bcc7c;
}
.color-success-fifth {
  color: #a0edbd;
}
.color-danger {
  color: #8c101b;
}
.color-danger-second {
  color: #a12d37;
}
.color-danger-third {
  color: #ca5660;
}
.color-danger-fourth {
  color: #ed7781;
}
.color-danger-fifth {
  color: #ffcacf;
}
.color-warning {
  color: #ffbf00;
}
.color-warning-second {
  color: #ffd24a;
}
.color-warning-third {
  color: #ffde7b;
}
.color-warning-fourth {
  color: #ffe9a6;
}
.color-warning-fifth {
  color: #fff2cb;
}
.color-info {
  color: #2894aa;
}
.color-info-second {
  color: #46a3b6;
}
.color-info-third {
  color: #68b7c7;
}
.color-info-fourth {
  color: #8bc8d4;
}
.color-info-fifth {
  color: #c4e7ee;
}
.color-light {
  color: #a19b9b;
}
.color-light-second {
  color: #bbb3b3;
}
.color-light-third {
  color: #dbd4d4;
}
.color-light-fourth {
  color: #eae2e2;
}
.color-light-fifth {
  color: #f7f2f2;
}
.color-dark {
  color: #161616;
}
.color-dark-second {
  color: #2c2c2c;
}
.color-dark-third {
  color: #3c3c3c;
}
.color-dark-fourth {
  color: #606060;
}
.color-dark-fifth {
  color: #c3c3c3;
}
.color-antan {
  color: #fe2f00;
}
.color-antan-second {
  color: #c44b30;
}
.color-antan-third {
  color: #c66b57;
}
.color-antan-fourth {
  color: #a76e62;
}
.color-antan-fifth {
  color: #e8bdb4;
}
.color-notify {
  color: #07294e;
}
.color-notify-second {
  color: #1c436d;
}
.color-notify-third {
  color: #466a92;
}
.color-notify-fourth {
  color: #7b9abd;
}
.color-notify-fifth {
  color: #c1cfde;
}
.color-funk {
  color: #165992;
}
.color-funk-second {
  color: #1976c5;
}
.color-funk-third {
  color: #1e92f4;
}
.color-funk-fourth {
  color: #61b2f7;
}
.color-funk-fifth {
  color: #9fcef6;
}

.color-bg-default {
  background-color: black;
}
.color-bg-default-second {
  background-color: #303030;
}
.color-bg-default-third {
  background-color: #484848;
}
.color-bg-default-fourth {
  background-color: #a1a1a1;
}
.color-bg-default-fifth {
  background-color: #ececec;
}
.color-bg-primary {
  background-color: #8b480e;
}
.color-bg-primary-second {
  background-color: #b06c31;
}
.color-bg-primary-third {
  background-color: #cc8c55;
}
.color-bg-primary-fourth {
  background-color: #d8a77d;
}
.color-bg-primary-fifth {
  background-color: #efdbc9;
}
.color-bg-success {
  background-color: #195f34;
}
.color-bg-success-second {
  background-color: #238649;
}
.color-bg-success-third {
  background-color: #2eac5e;
}
.color-bg-success-fourth {
  background-color: #4bcc7c;
}
.color-bg-success-fifth {
  background-color: #a0edbd;
}
.color-bg-danger {
  background-color: #8c101b;
}
.color-bg-danger-second {
  background-color: #a12d37;
}
.color-bg-danger-third {
  background-color: #ca5660;
}
.color-bg-danger-fourth {
  background-color: #ed7781;
}
.color-bg-danger-fifth {
  background-color: #ffcacf;
}
.color-bg-warning {
  background-color: #ffbf00;
}
.color-bg-warning-second {
  background-color: #ffd24a;
}
.color-bg-warning-third {
  background-color: #ffde7b;
}
.color-bg-warning-fourth {
  background-color: #ffe9a6;
}
.color-bg-warning-fifth {
  background-color: #fff2cb;
}
.color-bg-info {
  background-color: #2894aa;
}
.color-bg-info-second {
  background-color: #46a3b6;
}
.color-bg-info-third {
  background-color: #68b7c7;
}
.color-bg-info-fourth {
  background-color: #8bc8d4;
}
.color-bg-info-fifth {
  background-color: #c4e7ee;
}
.color-bg-light {
  background-color: #a19b9b;
}
.color-bg-light-second {
  background-color: #bbb3b3;
}
.color-bg-light-third {
  background-color: #dbd4d4;
}
.color-bg-light-fourth {
  background-color: #eae2e2;
}
.color-bg-light-fifth {
  background-color: #f7f2f2;
}
.color-bg-dark {
  background-color: #161616;
}
.color-bg-dark-second {
  background-color: #2c2c2c;
}
.color-bg-dark-third {
  background-color: #3c3c3c;
}
.color-bg-dark-fourth {
  background-color: #606060;
}
.color-bg-dark-fifth {
  background-color: #c3c3c3;
}
.color-bg-antan {
  background-color: #fe2f00;
}
.color-bg-antan-second {
  background-color: #c44b30;
}
.color-bg-antan-third {
  background-color: #c66b57;
}
.color-bg-antan-fourth {
  background-color: #a76e62;
}
.color-bg-antan-fifth {
  background-color: #e8bdb4;
}
.color-bg-notify {
  background-color: #07294e;
}
.color-bg-notify-second {
  background-color: #1c436d;
}
.color-bg-notify-third {
  background-color: #466a92;
}
.color-bg-notify-fourth {
  background-color: #7b9abd;
}
.color-bg-notify-fifth {
  background-color: #c1cfde;
}
.color-bg-funk {
  background-color: #165992;
}
.color-bg-funk-second {
  background-color: #1976c5;
}
.color-bg-funk-third {
  background-color: #1e92f4;
}
.color-bg-funk-fourth {
  background-color: #61b2f7;
}
.color-bg-funk-fifth {
  background-color: #9fcef6;
}

.color-border-default {
  border-color: black;
}
.color-border-default-second {
  border-color: #303030;
}
.color-border-default-third {
  border-color: #484848;
}
.color-border-default-fourth {
  border-color: #a1a1a1;
}
.color-border-default-fifth {
  border-color: #ececec;
}
.color-border-primary {
  border-color: #8b480e;
}
.color-border-primary-second {
  border-color: #b06c31;
}
.color-border-primary-third {
  border-color: #cc8c55;
}
.color-border-primary-fourth {
  border-color: #d8a77d;
}
.color-border-primary-fifth {
  border-color: #efdbc9;
}
.color-border-success {
  border-color: #195f34;
}
.color-border-success-second {
  border-color: #238649;
}
.color-border-success-third {
  border-color: #2eac5e;
}
.color-border-success-fourth {
  border-color: #4bcc7c;
}
.color-border-success-fifth {
  border-color: #a0edbd;
}
.color-border-danger {
  border-color: #8c101b;
}
.color-border-danger-second {
  border-color: #a12d37;
}
.color-border-danger-third {
  border-color: #ca5660;
}
.color-border-danger-fourth {
  border-color: #ed7781;
}
.color-border-danger-fifth {
  border-color: #ffcacf;
}
.color-border-warning {
  border-color: #ffbf00;
}
.color-border-warning-second {
  border-color: #ffd24a;
}
.color-border-warning-third {
  border-color: #ffde7b;
}
.color-border-warning-fourth {
  border-color: #ffe9a6;
}
.color-border-warning-fifth {
  border-color: #fff2cb;
}
.color-border-info {
  border-color: #2894aa;
}
.color-border-info-second {
  border-color: #46a3b6;
}
.color-border-info-third {
  border-color: #68b7c7;
}
.color-border-info-fourth {
  border-color: #8bc8d4;
}
.color-border-info-fifth {
  border-color: #c4e7ee;
}
.color-border-light {
  border-color: #a19b9b;
}
.color-border-light-second {
  border-color: #bbb3b3;
}
.color-border-light-third {
  border-color: #dbd4d4;
}
.color-border-light-fourth {
  border-color: #eae2e2;
}
.color-border-light-fifth {
  border-color: #f7f2f2;
}
.color-border-dark {
  border-color: #161616;
}
.color-border-dark-second {
  border-color: #2c2c2c;
}
.color-border-dark-third {
  border-color: #3c3c3c;
}
.color-border-dark-fourth {
  border-color: #606060;
}
.color-border-dark-fifth {
  border-color: #c3c3c3;
}
.color-border-antan {
  border-color: #fe2f00;
}
.color-border-antan-second {
  border-color: #c44b30;
}
.color-border-antan-third {
  border-color: #c66b57;
}
.color-border-antan-fourth {
  border-color: #a76e62;
}
.color-border-antan-fifth {
  border-color: #e8bdb4;
}
.color-border-notify {
  border-color: #07294e;
}
.color-border-notify-second {
  border-color: #1c436d;
}
.color-border-notify-third {
  border-color: #466a92;
}
.color-border-notify-fourth {
  border-color: #7b9abd;
}
.color-border-notify-fifth {
  border-color: #c1cfde;
}
.color-border-funk {
  border-color: #165992;
}
.color-border-funk-second {
  border-color: #1976c5;
}
.color-border-funk-third {
  border-color: #1e92f4;
}
.color-border-funk-fourth {
  border-color: #61b2f7;
}
.color-border-funk-fifth {
  border-color: #9fcef6;
}html.creator-xs {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-xs > body {
  margin: 0px;
}
html.creator-xs > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 298px;
  margin: auto;
}
html.creator-xs > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-xs > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-xs > body hr {
  opacity: 0.4;
  width: 87%;
}

html.creator-sm {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-sm > body {
  margin: 0px;
}
html.creator-sm > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 444px;
  margin: auto;
}
html.creator-sm > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-sm > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-sm > body hr {
  opacity: 0.4;
  width: 87%;
}

html.creator-md {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-md > body {
  margin: 0px;
}
html.creator-md > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 598px;
  margin: auto;
}
html.creator-md > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-md > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-md > body hr {
  opacity: 0.4;
  width: 87%;
}

html.creator-lg {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-lg > body {
  margin: 0px;
}
html.creator-lg > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 878px;
  margin: auto;
}
html.creator-lg > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-lg > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-lg > body hr {
  opacity: 0.4;
  width: 87%;
}

html.creator-xl {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-xl > body {
  margin: 0px;
}
html.creator-xl > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 1366px;
  margin: auto;
}
html.creator-xl > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-xl > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-xl > body hr {
  opacity: 0.4;
  width: 87%;
}

html.creator-xxl {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-xxl > body {
  margin: 0px;
}
html.creator-xxl > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 1920px;
  margin: auto;
}
html.creator-xxl > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-xxl > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-xxl > body hr {
  opacity: 0.4;
  width: 87%;
}

html.creator-full {
  box-sizing: border-box;
  min-height: 100%;
}
html.creator-full > body {
  margin: 0px;
}
html.creator-full > body .main-content-wrap {
  position: relative;
  min-height: 100vh;
  width: 100%;
  max-width: 100%;
  margin: auto;
}
html.creator-full > body .main-content-wrap main {
  width: 100%;
  margin-top: -8px;
  padding-bottom: 4rem;
}
html.creator-full > body .main-content-wrap > footer {
  width: 100%;
  bottom: 0;
  height: 4rem;
}
html.creator-full > body hr {
  opacity: 0.4;
  width: 87%;
}

.full-one {
  width: 100%;
  padding-bottom: 5rem;
}

.footer-one {
  height: 5rem;
  margin-top: 5rem;
}

.full-two {
  width: 100%;
  padding-bottom: 10rem;
}

.footer-two {
  height: 10rem;
  margin-top: 10rem;
}

.full-three {
  width: 100%;
  padding-bottom: 15rem;
}

.footer-three {
  height: 15rem;
  margin-top: 15rem;
}

.full-four {
  width: 100%;
  padding-bottom: 20rem;
}

.footer-four {
  height: 20rem;
  margin-top: 20rem;
}

.full-five {
  width: 100%;
  padding-bottom: 25rem;
}

.footer-five {
  height: 25rem;
  margin-top: 25rem;
}

.full-six {
  width: 100%;
  padding-bottom: 30rem;
}

.footer-six {
  height: 30rem;
  margin-top: 30rem;
}

.full-seven {
  width: 100%;
  padding-bottom: 35rem;
}

.footer-seven {
  height: 35rem;
  margin-top: 35rem;
}

.full-eight {
  width: 100%;
  padding-bottom: 40rem;
}

.footer-eight {
  height: 40rem;
  margin-top: 40rem;
}

.full-nine {
  width: 100%;
  padding-bottom: 45rem;
}

.footer-nine {
  height: 45rem;
  margin-top: 45rem;
}

.full-tens {
  width: 100%;
  padding-bottom: 50rem;
}

.footer-tens {
  height: 50rem;
  margin-top: 50rem;
}

*, *:before, *:after {
  box-sizing: inherit;
}@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes slideIn {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes slideOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes slideOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
    visibility: hidden;
  }
}
.fadeIn {
  animation: fadeIn 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -webkit-animation: fadeIn 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fadeOut {
  animation: fadeOut 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  -webkit-animation: fadeOut 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slideIn {
  -webkit-animation: slideIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slideIn 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slideOut {
  -webkit-animation: slideOut 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: slideOut 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.scaleIn {
  -webkit-animation: scaleIn 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
  animation: scaleIn 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}

.zoomHover:hover {
  transition: all 0.3s ease-in-out;
  transform: scale(1.2);
}

.pointerHover:hover {
  cursor: pointer;
}.flex {
  display: flex;
}
.flex-force {
  display: flex !important;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-wrap-force {
  display: flex !important;
  flex-wrap: wrap !important;
}
.flex-no-wrap {
  display: flex;
  flex-wrap: nowrap;
}
.flex-no-wrap-force {
  display: flex !important;
  flex-wrap: nowrap !important;
}
.flex-reverse {
  display: flex;
  flex-wrap: wrap-reverse;
}
.flex-reverse-force {
  display: flex !important;
  flex-wrap: wrap-reverse !important;
}
.flex-even {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
}
.flex-even > * {
  flex: 1 1 auto;
}
.flex-even-force {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: center !important;
}
.flex-even-force > * {
  flex: 1 1 auto !important;
}
.flex-even-column {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
}
.flex-even-column > * {
  flex: 1 1 auto;
}
.flex-even-column-force {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: center !important;
}
.flex-even-column-force > * {
  flex: 1 1 auto !important;
}
.flex-center {
  display: flex;
  justify-content: center;
}
.flex-center-force {
  display: flex !important;
  justify-content: center !important;
}
.flex-center-base {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.flex-center-base-force {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
}
.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-center-center-force {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.flex-center-end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.flex-center-end-force {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
}
.flex-center-start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flex-center-start-force {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
.flex-center-stretch {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.flex-center-stretch-force {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
}
.flex-self-center {
  align-self: center;
}
.flex-self-center-force {
  align-self: center !important;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-end-force {
  align-self: flex-end !important;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-start-force {
  align-self: flex-start !important;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-self-stretch-force {
  align-self: stretch !important;
}
.flex-self-between {
  align-self: space-between;
}
.flex-self-between-force {
  align-self: space-between !important;
}
.flex-self-evenly {
  align-self: space-evenly;
}
.flex-self-evenly-force {
  align-self: space-evenly !important;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-end-force {
  display: flex !important;
  justify-content: flex-end !important;
}
.flex-end-base {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.flex-end-base-force {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
}
.flex-end-center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-end-center-force {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
.flex-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.flex-end-end-force {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.flex-end-start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex-end-start-force {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
.flex-end-stretch {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
.flex-end-stretch-force {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
}
.flex-self-center {
  align-self: center;
}
.flex-self-center-force {
  align-self: center !important;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-end-force {
  align-self: flex-end !important;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-start-force {
  align-self: flex-start !important;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-self-stretch-force {
  align-self: stretch !important;
}
.flex-self-between {
  align-self: space-between;
}
.flex-self-between-force {
  align-self: space-between !important;
}
.flex-self-evenly {
  align-self: space-evenly;
}
.flex-self-evenly-force {
  align-self: space-evenly !important;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
}
.flex-start-force {
  display: flex !important;
  justify-content: flex-start !important;
}
.flex-start-base {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.flex-start-base-force {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
}
.flex-start-center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-start-center-force {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
.flex-start-end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.flex-start-end-force {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-end !important;
}
.flex-start-start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-start-start-force {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
.flex-start-stretch {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.flex-start-stretch-force {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}
.flex-self-center {
  align-self: center;
}
.flex-self-center-force {
  align-self: center !important;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-end-force {
  align-self: flex-end !important;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-start-force {
  align-self: flex-start !important;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-self-stretch-force {
  align-self: stretch !important;
}
.flex-self-between {
  align-self: space-between;
}
.flex-self-between-force {
  align-self: space-between !important;
}
.flex-self-evenly {
  align-self: space-evenly;
}
.flex-self-evenly-force {
  align-self: space-evenly !important;
}
.flex-stretch {
  display: flex;
  justify-content: stretch;
}
.flex-stretch-force {
  display: flex !important;
  justify-content: stretch !important;
}
.flex-stretch-base {
  display: flex;
  justify-content: stretch;
  align-items: baseline;
}
.flex-stretch-base-force {
  display: flex !important;
  justify-content: stretch !important;
  align-items: baseline !important;
}
.flex-stretch-center {
  display: flex;
  justify-content: stretch;
  align-items: center;
}
.flex-stretch-center-force {
  display: flex !important;
  justify-content: stretch !important;
  align-items: center !important;
}
.flex-stretch-end {
  display: flex;
  justify-content: stretch;
  align-items: flex-end;
}
.flex-stretch-end-force {
  display: flex !important;
  justify-content: stretch !important;
  align-items: flex-end !important;
}
.flex-stretch-start {
  display: flex;
  justify-content: stretch;
  align-items: flex-start;
}
.flex-stretch-start-force {
  display: flex !important;
  justify-content: stretch !important;
  align-items: flex-start !important;
}
.flex-stretch-stretch {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}
.flex-stretch-stretch-force {
  display: flex !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}
.flex-self-center {
  align-self: center;
}
.flex-self-center-force {
  align-self: center !important;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-end-force {
  align-self: flex-end !important;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-start-force {
  align-self: flex-start !important;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-self-stretch-force {
  align-self: stretch !important;
}
.flex-self-between {
  align-self: space-between;
}
.flex-self-between-force {
  align-self: space-between !important;
}
.flex-self-evenly {
  align-self: space-evenly;
}
.flex-self-evenly-force {
  align-self: space-evenly !important;
}
.flex-between {
  display: flex;
  justify-content: space-between;
}
.flex-between-force {
  display: flex !important;
  justify-content: space-between !important;
}
.flex-between-base {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.flex-between-base-force {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
}
.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-between-center-force {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.flex-between-end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex-between-end-force {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
}
.flex-between-start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flex-between-start-force {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}
.flex-between-stretch {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.flex-between-stretch-force {
  display: flex !important;
  justify-content: space-between !important;
  align-items: stretch !important;
}
.flex-self-center {
  align-self: center;
}
.flex-self-center-force {
  align-self: center !important;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-end-force {
  align-self: flex-end !important;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-start-force {
  align-self: flex-start !important;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-self-stretch-force {
  align-self: stretch !important;
}
.flex-self-between {
  align-self: space-between;
}
.flex-self-between-force {
  align-self: space-between !important;
}
.flex-self-evenly {
  align-self: space-evenly;
}
.flex-self-evenly-force {
  align-self: space-evenly !important;
}
.flex-evenly {
  display: flex;
  justify-content: evenly;
}
.flex-evenly-force {
  display: flex !important;
  justify-content: evenly !important;
}
.flex-evenly-base {
  display: flex;
  justify-content: evenly;
  align-items: baseline;
}
.flex-evenly-base-force {
  display: flex !important;
  justify-content: evenly !important;
  align-items: baseline !important;
}
.flex-evenly-center {
  display: flex;
  justify-content: evenly;
  align-items: center;
}
.flex-evenly-center-force {
  display: flex !important;
  justify-content: evenly !important;
  align-items: center !important;
}
.flex-evenly-end {
  display: flex;
  justify-content: evenly;
  align-items: flex-end;
}
.flex-evenly-end-force {
  display: flex !important;
  justify-content: evenly !important;
  align-items: flex-end !important;
}
.flex-evenly-start {
  display: flex;
  justify-content: evenly;
  align-items: flex-start;
}
.flex-evenly-start-force {
  display: flex !important;
  justify-content: evenly !important;
  align-items: flex-start !important;
}
.flex-evenly-stretch {
  display: flex;
  justify-content: evenly;
  align-items: stretch;
}
.flex-evenly-stretch-force {
  display: flex !important;
  justify-content: evenly !important;
  align-items: stretch !important;
}
.flex-self-center {
  align-self: center;
}
.flex-self-center-force {
  align-self: center !important;
}
.flex-self-end {
  align-self: flex-end;
}
.flex-self-end-force {
  align-self: flex-end !important;
}
.flex-self-start {
  align-self: flex-start;
}
.flex-self-start-force {
  align-self: flex-start !important;
}
.flex-self-stretch {
  align-self: stretch;
}
.flex-self-stretch-force {
  align-self: stretch !important;
}
.flex-self-between {
  align-self: space-between;
}
.flex-self-between-force {
  align-self: space-between !important;
}
.flex-self-evenly {
  align-self: space-evenly;
}
.flex-self-evenly-force {
  align-self: space-evenly !important;
}

.horizontal-list {
  display: flex;
  flex-direction: column;
}
.horizontal-list-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.horizontal-list-reverse-force {
  display: flex !important;
  flex-direction: column-reverse !important;
}
.horizontal-list-force {
  display: flex !important;
  flex-direction: column !important;
}
.horizontal-list-even {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
}
.horizontal-list-even > * {
  flex: 1 1 auto;
}
.horizontal-list-even-reverse {
  display: flex;
  flex-direction: column -reverse;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
}
.horizontal-list-even-reverse > * {
  flex: 1 1 auto;
}
.horizontal-list-even-reverse-force {
  display: flex !important;
  flex-direction: column -reverse !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: center !important;
}
.horizontal-list-even-reverse-force > * {
  flex: 1 1 auto !important;
}
.horizontal-list-even-force {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: center !important;
}
.horizontal-list-even-force > * {
  flex: 1 1 auto !important;
}

.vertical-list {
  display: flex;
  flex-direction: row;
}
.vertical-list-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.vertical-list-reverse-force {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.vertical-list-force {
  display: flex !important;
  flex-direction: row !important;
}
.vertical-list-even {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
}
.vertical-list-even > * {
  flex: 1 1 auto;
}
.vertical-list-even-reverse {
  display: flex;
  flex-direction: row -reverse;
  justify-content: space-around;
  align-items: stretch;
  align-content: center;
}
.vertical-list-even-reverse > * {
  flex: 1 1 auto;
}
.vertical-list-even-reverse-force {
  display: flex !important;
  flex-direction: row -reverse !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: center !important;
}
.vertical-list-even-reverse-force > * {
  flex: 1 1 auto !important;
}
.vertical-list-even-force {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-around !important;
  align-items: stretch !important;
  align-content: center !important;
}
.vertical-list-even-force > * {
  flex: 1 1 auto !important;
}

.flex-item-resize-auto {
  flex: 1 1 auto;
}
.flex-item-resize-auto-force {
  flex: 1 1 auto !important;
}
.flex-item-resize-xxs {
  flex: 1 1 76px;
}
.flex-item-resize-xxs-force {
  flex: 1 1 76px !important;
}
.flex-item-resize-xs {
  flex: 1 1 120px;
}
.flex-item-resize-xs-force {
  flex: 1 1 120px !important;
}
.flex-item-resize-sm {
  flex: 1 1 200px;
}
.flex-item-resize-sm-force {
  flex: 1 1 200px !important;
}
.flex-item-resize-md {
  flex: 1 1 280px;
}
.flex-item-resize-md-force {
  flex: 1 1 280px !important;
}
.flex-item-resize-lg {
  flex: 1 1 368px;
}
.flex-item-resize-lg-force {
  flex: 1 1 368px !important;
}
.flex-item-resize-xl {
  flex: 1 1 498px;
}
.flex-item-resize-xl-force {
  flex: 1 1 498px !important;
}
.flex-item-resize-xxl {
  flex: 1 1 612px;
}
.flex-item-resize-xxl-force {
  flex: 1 1 612px !important;
}
.flex-item-resize-10 {
  flex: 1 1 10%;
}
.flex-item-resize-10-force {
  flex: 1 1 10% !important;
}
.flex-item-resize-25 {
  flex: 1 1 25%;
}
.flex-item-resize-25-force {
  flex: 1 1 25% !important;
}
.flex-item-resize-50 {
  flex: 1 1 50%;
}
.flex-item-resize-50-force {
  flex: 1 1 50% !important;
}
.flex-item-resize-75 {
  flex: 1 1 75%;
}
.flex-item-resize-75-force {
  flex: 1 1 75% !important;
}
.flex-item-resize-90 {
  flex: 1 1 90%;
}
.flex-item-resize-90-force {
  flex: 1 1 90% !important;
}
.flex-item-resize-100 {
  flex: 1 1 100%;
}
.flex-item-resize-100-force {
  flex: 1 1 100% !important;
}

.flex-item-shrink-auto {
  flex: 0 1 auto;
}
.flex-item-shrink-auto-force {
  flex: 0 1 auto !important;
}
.flex-item-shrink-xxs {
  flex: 0 1 76px;
}
.flex-item-shrink-xxs-force {
  flex: 0 1 76px !important;
}
.flex-item-shrink-xs {
  flex: 0 1 120px;
}
.flex-item-shrink-xs-force {
  flex: 0 1 120px !important;
}
.flex-item-shrink-sm {
  flex: 0 1 200px;
}
.flex-item-shrink-sm-force {
  flex: 0 1 200px !important;
}
.flex-item-shrink-md {
  flex: 0 1 280px;
}
.flex-item-shrink-md-force {
  flex: 0 1 280px !important;
}
.flex-item-shrink-lg {
  flex: 0 1 368px;
}
.flex-item-shrink-lg-force {
  flex: 0 1 368px !important;
}
.flex-item-shrink-xl {
  flex: 0 1 498px;
}
.flex-item-shrink-xl-force {
  flex: 0 1 498px !important;
}
.flex-item-shrink-xxl {
  flex: 0 1 612px;
}
.flex-item-shrink-xxl-force {
  flex: 0 1 612px !important;
}
.flex-item-shrink-10 {
  flex: 0 1 10%;
}
.flex-item-shrink-10-force {
  flex: 0 1 10% !important;
}
.flex-item-shrink-25 {
  flex: 0 1 25%;
}
.flex-item-shrink-25-force {
  flex: 0 1 25% !important;
}
.flex-item-shrink-50 {
  flex: 0 1 50%;
}
.flex-item-shrink-50-force {
  flex: 0 1 50% !important;
}
.flex-item-shrink-75 {
  flex: 0 1 75%;
}
.flex-item-shrink-75-force {
  flex: 0 1 75% !important;
}
.flex-item-shrink-90 {
  flex: 0 1 90%;
}
.flex-item-shrink-90-force {
  flex: 0 1 90% !important;
}
.flex-item-shrink-100 {
  flex: 0 1 100%;
}
.flex-item-shrink-100-force {
  flex: 0 1 100% !important;
}

.flex-item-grow-auto {
  flex: 1 0 auto;
}
.flex-item-grow-auto-force {
  flex: 1 0 auto !important;
}
.flex-item-grow-xxs {
  flex: 1 0 76px;
}
.flex-item-grow-xxs-force {
  flex: 1 0 76px !important;
}
.flex-item-grow-xs {
  flex: 1 0 120px;
}
.flex-item-grow-xs-force {
  flex: 1 0 120px !important;
}
.flex-item-grow-sm {
  flex: 1 0 200px;
}
.flex-item-grow-sm-force {
  flex: 1 0 200px !important;
}
.flex-item-grow-md {
  flex: 1 0 280px;
}
.flex-item-grow-md-force {
  flex: 1 0 280px !important;
}
.flex-item-grow-lg {
  flex: 1 0 368px;
}
.flex-item-grow-lg-force {
  flex: 1 0 368px !important;
}
.flex-item-grow-xl {
  flex: 1 0 498px;
}
.flex-item-grow-xl-force {
  flex: 1 0 498px !important;
}
.flex-item-grow-xxl {
  flex: 1 0 612px;
}
.flex-item-grow-xxl-force {
  flex: 1 0 612px !important;
}
.flex-item-grow-10 {
  flex: 1 0 10%;
}
.flex-item-grow-10-force {
  flex: 1 0 10% !important;
}
.flex-item-grow-25 {
  flex: 1 0 25%;
}
.flex-item-grow-25-force {
  flex: 1 0 25% !important;
}
.flex-item-grow-50 {
  flex: 1 0 50%;
}
.flex-item-grow-50-force {
  flex: 1 0 50% !important;
}
.flex-item-grow-75 {
  flex: 1 0 75%;
}
.flex-item-grow-75-force {
  flex: 1 0 75% !important;
}
.flex-item-grow-90 {
  flex: 1 0 90%;
}
.flex-item-grow-90-force {
  flex: 1 0 90% !important;
}
.flex-item-grow-100 {
  flex: 1 0 100%;
}
.flex-item-grow-100-force {
  flex: 1 0 100% !important;
}

.flex-item-auto {
  flex: 0 0 auto;
}
.flex-item-auto-force {
  flex: 0 0 auto !important;
}
.flex-item-xxs {
  flex: 0 0 76px;
}
.flex-item-xxs-force {
  flex: 0 0 76px !important;
}
.flex-item-xs {
  flex: 0 0 120px;
}
.flex-item-xs-force {
  flex: 0 0 120px !important;
}
.flex-item-sm {
  flex: 0 0 200px;
}
.flex-item-sm-force {
  flex: 0 0 200px !important;
}
.flex-item-md {
  flex: 0 0 280px;
}
.flex-item-md-force {
  flex: 0 0 280px !important;
}
.flex-item-lg {
  flex: 0 0 368px;
}
.flex-item-lg-force {
  flex: 0 0 368px !important;
}
.flex-item-xl {
  flex: 0 0 498px;
}
.flex-item-xl-force {
  flex: 0 0 498px !important;
}
.flex-item-xxl {
  flex: 0 0 612px;
}
.flex-item-xxl-force {
  flex: 0 0 612px !important;
}
.flex-item-10 {
  flex: 0 0 10%;
}
.flex-item-10-force {
  flex: 0 0 10% !important;
}
.flex-item-25 {
  flex: 0 0 25%;
}
.flex-item-25-force {
  flex: 0 0 25% !important;
}
.flex-item-50 {
  flex: 0 0 50%;
}
.flex-item-50-force {
  flex: 0 0 50% !important;
}
.flex-item-75 {
  flex: 0 0 75%;
}
.flex-item-75-force {
  flex: 0 0 75% !important;
}
.flex-item-90 {
  flex: 0 0 90%;
}
.flex-item-90-force {
  flex: 0 0 90% !important;
}
.flex-item-100 {
  flex: 0 0 100%;
}
.flex-item-100-force {
  flex: 0 0 100% !important;
}.bold {
  font-weight: bold;
}
.bold-force {
  font-weight: bold !important;
}

.font-10 {
  font-size: 10px;
  font-weight: normal;
}
.font-10-bold {
  font-size: 10px;
  font-weight: bold;
}
.font-10-bold-force {
  font-size: 10px !important;
  font-weight: bold !important;
}
.font-10-force {
  font-weight: normal;
}

.font-10-r {
  font-size: 8px;
  font-weight: normal;
}
.font-10-r-bold {
  font-size: 8px;
  font-weight: bold;
}
.font-10-r-bold-force {
  font-size: 8px !important;
  font-weight: bold !important;
}
.font-10-r-force {
  font-weight: normal;
}

@media (min-width: 768px) {
  .font-10-r {
    font-size: 10px;
    font-weight: normal;
  }
  .font-10-r-bold {
    font-size: 10px;
    font-weight: bold;
  }
  .font-10-r-bold-force {
    font-size: 10px !important;
    font-weight: bold !important;
  }
  .font-10-r-force {
    font-weight: normal;
  }
}
.font-14 {
  font-size: 14px;
  font-weight: normal;
}
.font-14-bold {
  font-size: 14px;
  font-weight: bold;
}
.font-14-bold-force {
  font-size: 14px !important;
  font-weight: bold !important;
}
.font-14-force {
  font-weight: normal;
}

.font-14-r {
  font-size: 10px;
  font-weight: normal;
}
.font-14-r-bold {
  font-size: 10px;
  font-weight: bold;
}
.font-14-r-bold-force {
  font-size: 10px !important;
  font-weight: bold !important;
}
.font-14-r-force {
  font-weight: normal;
}

@media (min-width: 768px) {
  .font-14-r {
    font-size: 14px;
    font-weight: normal;
  }
  .font-14-r-bold {
    font-size: 14px;
    font-weight: bold;
  }
  .font-14-r-bold-force {
    font-size: 14px !important;
    font-weight: bold !important;
  }
  .font-14-r-force {
    font-weight: normal;
  }
}
.font-17 {
  font-size: 17px;
  font-weight: normal;
}
.font-17-bold {
  font-size: 17px;
  font-weight: bold;
}
.font-17-bold-force {
  font-size: 17px !important;
  font-weight: bold !important;
}
.font-17-force {
  font-weight: normal;
}

.font-17-r {
  font-size: 13px;
  font-weight: normal;
}
.font-17-r-bold {
  font-size: 13px;
  font-weight: bold;
}
.font-17-r-bold-force {
  font-size: 13px !important;
  font-weight: bold !important;
}
.font-17-r-force {
  font-weight: normal;
}

@media (min-width: 768px) {
  .font-17-r {
    font-size: 17px;
    font-weight: normal;
  }
  .font-17-r-bold {
    font-size: 17px;
    font-weight: bold;
  }
  .font-17-r-bold-force {
    font-size: 17px !important;
    font-weight: bold !important;
  }
  .font-17-r-force {
    font-weight: normal;
  }
}
.font-22 {
  font-size: 22px;
  font-weight: normal;
}
.font-22-bold {
  font-size: 22px;
  font-weight: bold;
}
.font-22-bold-force {
  font-size: 22px !important;
  font-weight: bold !important;
}
.font-22-force {
  font-weight: normal;
}

.font-22-r {
  font-size: 17px;
  font-weight: normal;
}
.font-22-r-bold {
  font-size: 17px;
  font-weight: bold;
}
.font-22-r-bold-force {
  font-size: 17px !important;
  font-weight: bold !important;
}
.font-22-r-force {
  font-weight: normal;
}

@media (min-width: 768px) {
  .font-22-r {
    font-size: 22px;
    font-weight: normal;
  }
  .font-22-r-bold {
    font-size: 22px;
    font-weight: bold;
  }
  .font-22-r-bold-force {
    font-size: 22px !important;
    font-weight: bold !important;
  }
  .font-22-r-force {
    font-weight: normal;
  }
}
.font-26 {
  font-size: 26px;
  font-weight: normal;
}
.font-26-bold {
  font-size: 26px;
  font-weight: bold;
}
.font-26-bold-force {
  font-size: 26px !important;
  font-weight: bold !important;
}
.font-26-force {
  font-weight: normal;
}

.font-26-r {
  font-size: 22px;
  font-weight: normal;
}
.font-26-r-bold {
  font-size: 22px;
  font-weight: bold;
}
.font-26-r-bold-force {
  font-size: 22px !important;
  font-weight: bold !important;
}
.font-26-r-force {
  font-weight: normal;
}

@media (min-width: 768px) {
  .font-26-r {
    font-size: 26px;
    font-weight: normal;
  }
  .font-26-r-bold {
    font-size: 26px;
    font-weight: bold;
  }
  .font-26-r-bold-force {
    font-size: 26px !important;
    font-weight: bold !important;
  }
  .font-26-r-force {
    font-weight: normal;
  }
}
.font-30 {
  font-size: 30px;
  font-weight: normal;
}
.font-30-bold {
  font-size: 30px;
  font-weight: bold;
}
.font-30-bold-force {
  font-size: 30px !important;
  font-weight: bold !important;
}
.font-30-force {
  font-weight: normal;
}

.font-30-r {
  font-size: 26px;
  font-weight: normal;
}
.font-30-r-bold {
  font-size: 26px;
  font-weight: bold;
}
.font-30-r-bold-force {
  font-size: 26px !important;
  font-weight: bold !important;
}
.font-30-r-force {
  font-weight: normal;
}

@media (min-width: 768px) {
  .font-30-r {
    font-size: 30px;
    font-weight: normal;
  }
  .font-30-r-bold {
    font-size: 30px;
    font-weight: bold;
  }
  .font-30-r-bold-force {
    font-size: 30px !important;
    font-weight: bold !important;
  }
  .font-30-r-force {
    font-weight: normal;
  }
}
.h1 {
  font-size: 33px;
}

.h1-r {
  font-size: 22px;
}

@media (min-width: 768px) {
  .h1-r {
    font-size: 33px;
  }
}
.h2 {
  font-size: 27px;
}

.h2-r {
  font-size: 19px;
}

@media (min-width: 768px) {
  .h2-r {
    font-size: 27px;
  }
}
.h3 {
  font-size: 24px;
}

.h3-r {
  font-size: 16px;
}

@media (min-width: 768px) {
  .h3-r {
    font-size: 24px;
  }
}
.h4 {
  font-size: 20px;
}

.h4-r {
  font-size: 13px;
}

@media (min-width: 768px) {
  .h4-r {
    font-size: 20px;
  }
}
.h5 {
  font-size: 16px;
}

.h5-r {
  font-size: 10px;
}

@media (min-width: 768px) {
  .h5-r {
    font-size: 16px;
  }
}
.h6 {
  font-size: 13px;
}

.h6-r {
  font-size: 8px;
}

@media (min-width: 768px) {
  .h6-r {
    font-size: 13px;
  }
}@media (min-width: 0px) {
  .font-media {
    font-size: 9px;
  }
}
@media (min-width: 0px) {
  .font-media-force {
    font-size: 9px !important;
  }
}
@media (min-width: 576px) {
  .font-media {
    font-size: 12px;
  }
}
@media (min-width: 576px) {
  .font-media-force {
    font-size: 12px !important;
  }
}
@media (min-width: 992px) {
  .font-media {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .font-media-force {
    font-size: 24px !important;
  }
}
@media (min-width: 1200px) {
  .font-media {
    font-size: 48px;
  }
}
@media (min-width: 1200px) {
  .font-media-force {
    font-size: 48px !important;
  }
}

.font-head {
  font-weight: bold;
  margin-top: 13px;
  margin-bottom: 13px;
}
.font-head-force {
  font-weight: bold !important;
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}
@media (min-width: 0px) {
  .font-head {
    font-size: 12px;
  }
}
@media (min-width: 0px) {
  .font-head-force {
    font-size: 12px !important;
  }
}
@media (min-width: 576px) {
  .font-head {
    font-size: 18px;
  }
}
@media (min-width: 576px) {
  .font-head-force {
    font-size: 18px !important;
  }
}
@media (min-width: 768px) {
  .font-head {
    font-size: 29px;
  }
}
@media (min-width: 768px) {
  .font-head-force {
    font-size: 29px !important;
  }
}
@media (min-width: 992px) {
  .font-head {
    font-size: 44px;
  }
}
@media (min-width: 992px) {
  .font-head-force {
    font-size: 44px !important;
  }
}
@media (min-width: 1200px) {
  .font-head {
    font-size: 69px;
  }
}
@media (min-width: 1200px) {
  .font-head-force {
    font-size: 69px !important;
  }
}[class^=show-] {
  display: none !important;
  visibility: hidden;
}

.hide {
  display: none;
  visibility: hidden;
}
.hide-force {
  display: none !important;
  visibility: hidden !important;
}

.show {
  display: block;
  visibility: visible;
}
.show-force {
  display: block !important;
  visibility: visible !important;
}
.show-inline {
  display: inline-block;
  visibility: visible;
}
.show-inline-force {
  display: inline-block !important;
  visibility: visible !important;
}

@media (min-width: 576px) {
  .hide-sm {
    display: none;
    visibility: hidden;
  }
  .hide-sm-force {
    display: none !important;
    visibility: hidden !important;
  }
  .show-sm {
    display: block;
    visibility: visible;
  }
  .show-sm-force {
    display: block !important;
    visibility: visible !important;
  }
  .show-sm-inline {
    display: inline-block;
    visibility: visible !important;
  }
  .show-sm-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
}
@media (min-width: 768px) {
  .hide-md {
    display: none;
    visibility: hidden;
  }
  .hide-md-force {
    display: none !important;
    visibility: hidden !important;
  }
  .show-md {
    display: block;
    visibility: visible;
  }
  .show-md-force {
    display: block !important;
    visibility: visible !important;
  }
  .show-md-inline {
    display: inline-block;
    visibility: visible !important;
  }
  .show-md-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
}
@media (min-width: 992px) {
  .hide-lg {
    display: none;
    visibility: hidden;
  }
  .hide-lg-force {
    display: none !important;
    visibility: hidden !important;
  }
  .show-lg {
    display: block;
    visibility: visible;
  }
  .show-lg-force {
    display: block !important;
    visibility: visible !important;
  }
  .show-lg-inline {
    display: inline-block;
    visibility: visible !important;
  }
  .show-lg-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
}
@media (min-width: 1200px) {
  .hide-xl {
    display: none;
    visibility: hidden;
  }
  .hide-xl-force {
    display: none !important;
    visibility: hidden !important;
  }
  .show-xl {
    display: block;
    visibility: visible;
  }
  .show-xl-force {
    display: block !important;
    visibility: visible !important;
  }
  .show-xl-inline {
    display: inline-block;
    visibility: visible !important;
  }
  .show-xl-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
}[class^=media-device-] {
  display: none !important;
  visibility: hidden;
}

@media (min-width: 0px) and (max-width: 576px) {
  .media-device-phone {
    display: block;
    visibility: visible;
  }
  .media-device-phone-force {
    display: block !important;
    visibility: visible !important;
  }
  .media-device-phone-inline {
    display: inline-block;
    visibility: visible;
  }
  .media-device-phone-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
  .media-device-phone-hide {
    display: none;
    visibility: hidden;
  }
  .media-device-phone-hide-force {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 0px) and (max-width: 768px) {
  .media-device-phone-tablet {
    display: block;
    visibility: visible;
  }
  .media-device-phone-tablet-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 0px) and (max-width: 992px) {
  .media-device-phone-laptop {
    display: block;
    visibility: visible;
  }
  .media-device-phone-laptop-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 0px) and (max-width: 1200px) {
  .media-device-phone-computer {
    display: block;
    visibility: visible;
  }
  .media-device-phone-computer-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 0px) {
  .media-device-phone-screen {
    display: block;
    visibility: visible;
  }
  .media-device-phone-screen-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .media-device-tablet {
    display: block;
    visibility: visible;
  }
  .media-device-tablet-force {
    display: block !important;
    visibility: visible !important;
  }
  .media-device-tablet-inline {
    display: inline-block;
    visibility: visible;
  }
  .media-device-tablet-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
  .media-device-tablet-hide {
    display: none;
    visibility: hidden;
  }
  .media-device-tablet-hide-force {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .media-device-tablet-laptop {
    display: block;
    visibility: visible;
  }
  .media-device-tablet-laptop-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 576px) and (max-width: 1200px) {
  .media-device-tablet-computer {
    display: block;
    visibility: visible;
  }
  .media-device-tablet-computer-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .media-device-tablet-screen {
    display: block;
    visibility: visible;
  }
  .media-device-tablet-screen-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .media-device-laptop {
    display: block;
    visibility: visible;
  }
  .media-device-laptop-force {
    display: block !important;
    visibility: visible !important;
  }
  .media-device-laptop-inline {
    display: inline-block;
    visibility: visible;
  }
  .media-device-laptop-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
  .media-device-laptop-hide {
    display: none;
    visibility: hidden;
  }
  .media-device-laptop-hide-force {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .media-device-laptop-computer {
    display: block;
    visibility: visible;
  }
  .media-device-laptop-computer-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .media-device-laptop-screen {
    display: block;
    visibility: visible;
  }
  .media-device-laptop-screen-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .media-device-computer {
    display: block;
    visibility: visible;
  }
  .media-device-computer-force {
    display: block !important;
    visibility: visible !important;
  }
  .media-device-computer-inline {
    display: inline-block;
    visibility: visible;
  }
  .media-device-computer-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
  .media-device-computer-hide {
    display: none;
    visibility: hidden;
  }
  .media-device-computer-hide-force {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 992px) {
  .media-device-computer-screen {
    display: block;
    visibility: visible;
  }
  .media-device-computer-screen-inline {
    display: inline-block;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .media-device-screen {
    display: block;
    visibility: visible;
  }
  .media-device-screen-force {
    display: block !important;
    visibility: visible !important;
  }
  .media-device-screen-inline {
    display: inline-block;
    visibility: visible;
  }
  .media-device-screen-inline-force {
    display: inline-block !important;
    visibility: visible !important;
  }
  .media-device-screen-hide {
    display: none;
    visibility: hidden;
  }
  .media-device-screen-hide-force {
    display: none !important;
    visibility: hidden !important;
  }
}.ix-0 {
  z-index: 0;
}
.ix-0-force {
  z-index: 0 !important;
}

.ix-1 {
  z-index: 1;
}
.ix-1-force {
  z-index: 1 !important;
}

.ix-2 {
  z-index: 2;
}
.ix-2-force {
  z-index: 2 !important;
}

.ix-3 {
  z-index: 3;
}
.ix-3-force {
  z-index: 3 !important;
}

.ix-4 {
  z-index: 4;
}
.ix-4-force {
  z-index: 4 !important;
}

.ix-5 {
  z-index: 5;
}
.ix-5-force {
  z-index: 5 !important;
}

.ix-6 {
  z-index: 6;
}
.ix-6-force {
  z-index: 6 !important;
}

.ix-7 {
  z-index: 7;
}
.ix-7-force {
  z-index: 7 !important;
}

.ix-8 {
  z-index: 8;
}
.ix-8-force {
  z-index: 8 !important;
}

.ix-9 {
  z-index: 9;
}
.ix-9-force {
  z-index: 9 !important;
}

.ix-10 {
  z-index: 10;
}
.ix-10-force {
  z-index: 10 !important;
}

.ix-11 {
  z-index: 11;
}
.ix-11-force {
  z-index: 11 !important;
}

.ix-12 {
  z-index: 12;
}
.ix-12-force {
  z-index: 12 !important;
}

.ix-13 {
  z-index: 13;
}
.ix-13-force {
  z-index: 13 !important;
}

.ix-14 {
  z-index: 14;
}
.ix-14-force {
  z-index: 14 !important;
}

.ix-15 {
  z-index: 15;
}
.ix-15-force {
  z-index: 15 !important;
}

.ix-16 {
  z-index: 16;
}
.ix-16-force {
  z-index: 16 !important;
}

.ix-17 {
  z-index: 17;
}
.ix-17-force {
  z-index: 17 !important;
}

.ix-18 {
  z-index: 18;
}
.ix-18-force {
  z-index: 18 !important;
}

.ix-19 {
  z-index: 19;
}
.ix-19-force {
  z-index: 19 !important;
}

.ix-20 {
  z-index: 20;
}
.ix-20-force {
  z-index: 20 !important;
}

.ix-21 {
  z-index: 21;
}
.ix-21-force {
  z-index: 21 !important;
}

.ix-22 {
  z-index: 22;
}
.ix-22-force {
  z-index: 22 !important;
}

.ix-23 {
  z-index: 23;
}
.ix-23-force {
  z-index: 23 !important;
}

.ix-24 {
  z-index: 24;
}
.ix-24-force {
  z-index: 24 !important;
}

.ix-25 {
  z-index: 25;
}
.ix-25-force {
  z-index: 25 !important;
}

.ix-26 {
  z-index: 26;
}
.ix-26-force {
  z-index: 26 !important;
}

.ix-27 {
  z-index: 27;
}
.ix-27-force {
  z-index: 27 !important;
}

.ix-28 {
  z-index: 28;
}
.ix-28-force {
  z-index: 28 !important;
}

.ix-29 {
  z-index: 29;
}
.ix-29-force {
  z-index: 29 !important;
}

.ix-30 {
  z-index: 30;
}
.ix-30-force {
  z-index: 30 !important;
}

.ix-31 {
  z-index: 31;
}
.ix-31-force {
  z-index: 31 !important;
}

.ix-32 {
  z-index: 32;
}
.ix-32-force {
  z-index: 32 !important;
}

.ix-33 {
  z-index: 33;
}
.ix-33-force {
  z-index: 33 !important;
}

.ix-34 {
  z-index: 34;
}
.ix-34-force {
  z-index: 34 !important;
}

.ix-35 {
  z-index: 35;
}
.ix-35-force {
  z-index: 35 !important;
}

.ix-36 {
  z-index: 36;
}
.ix-36-force {
  z-index: 36 !important;
}

.ix-37 {
  z-index: 37;
}
.ix-37-force {
  z-index: 37 !important;
}

.ix-38 {
  z-index: 38;
}
.ix-38-force {
  z-index: 38 !important;
}

.ix-39 {
  z-index: 39;
}
.ix-39-force {
  z-index: 39 !important;
}

.ix-40 {
  z-index: 40;
}
.ix-40-force {
  z-index: 40 !important;
}

.ix-41 {
  z-index: 41;
}
.ix-41-force {
  z-index: 41 !important;
}

.ix-42 {
  z-index: 42;
}
.ix-42-force {
  z-index: 42 !important;
}

.ix-43 {
  z-index: 43;
}
.ix-43-force {
  z-index: 43 !important;
}

.ix-44 {
  z-index: 44;
}
.ix-44-force {
  z-index: 44 !important;
}

.ix-45 {
  z-index: 45;
}
.ix-45-force {
  z-index: 45 !important;
}

.ix-46 {
  z-index: 46;
}
.ix-46-force {
  z-index: 46 !important;
}

.ix-47 {
  z-index: 47;
}
.ix-47-force {
  z-index: 47 !important;
}

.ix-48 {
  z-index: 48;
}
.ix-48-force {
  z-index: 48 !important;
}

.ix-49 {
  z-index: 49;
}
.ix-49-force {
  z-index: 49 !important;
}

.ix-50 {
  z-index: 50;
}
.ix-50-force {
  z-index: 50 !important;
}

.ix-51 {
  z-index: 51;
}
.ix-51-force {
  z-index: 51 !important;
}

.ix-52 {
  z-index: 52;
}
.ix-52-force {
  z-index: 52 !important;
}

.ix-53 {
  z-index: 53;
}
.ix-53-force {
  z-index: 53 !important;
}

.ix-54 {
  z-index: 54;
}
.ix-54-force {
  z-index: 54 !important;
}

.ix-55 {
  z-index: 55;
}
.ix-55-force {
  z-index: 55 !important;
}

.ix-56 {
  z-index: 56;
}
.ix-56-force {
  z-index: 56 !important;
}

.ix-57 {
  z-index: 57;
}
.ix-57-force {
  z-index: 57 !important;
}

.ix-58 {
  z-index: 58;
}
.ix-58-force {
  z-index: 58 !important;
}

.ix-59 {
  z-index: 59;
}
.ix-59-force {
  z-index: 59 !important;
}

.ix-60 {
  z-index: 60;
}
.ix-60-force {
  z-index: 60 !important;
}

.ix-61 {
  z-index: 61;
}
.ix-61-force {
  z-index: 61 !important;
}

.ix-62 {
  z-index: 62;
}
.ix-62-force {
  z-index: 62 !important;
}

.ix-63 {
  z-index: 63;
}
.ix-63-force {
  z-index: 63 !important;
}

.ix-64 {
  z-index: 64;
}
.ix-64-force {
  z-index: 64 !important;
}

.ix-65 {
  z-index: 65;
}
.ix-65-force {
  z-index: 65 !important;
}

.ix-66 {
  z-index: 66;
}
.ix-66-force {
  z-index: 66 !important;
}

.ix-67 {
  z-index: 67;
}
.ix-67-force {
  z-index: 67 !important;
}

.ix-68 {
  z-index: 68;
}
.ix-68-force {
  z-index: 68 !important;
}

.ix-69 {
  z-index: 69;
}
.ix-69-force {
  z-index: 69 !important;
}

.ix-70 {
  z-index: 70;
}
.ix-70-force {
  z-index: 70 !important;
}

.ix-71 {
  z-index: 71;
}
.ix-71-force {
  z-index: 71 !important;
}

.ix-72 {
  z-index: 72;
}
.ix-72-force {
  z-index: 72 !important;
}

.ix-73 {
  z-index: 73;
}
.ix-73-force {
  z-index: 73 !important;
}

.ix-74 {
  z-index: 74;
}
.ix-74-force {
  z-index: 74 !important;
}

.ix-75 {
  z-index: 75;
}
.ix-75-force {
  z-index: 75 !important;
}

.ix-76 {
  z-index: 76;
}
.ix-76-force {
  z-index: 76 !important;
}

.ix-77 {
  z-index: 77;
}
.ix-77-force {
  z-index: 77 !important;
}

.ix-78 {
  z-index: 78;
}
.ix-78-force {
  z-index: 78 !important;
}

.ix-79 {
  z-index: 79;
}
.ix-79-force {
  z-index: 79 !important;
}

.ix-80 {
  z-index: 80;
}
.ix-80-force {
  z-index: 80 !important;
}

.ix-81 {
  z-index: 81;
}
.ix-81-force {
  z-index: 81 !important;
}

.ix-82 {
  z-index: 82;
}
.ix-82-force {
  z-index: 82 !important;
}

.ix-83 {
  z-index: 83;
}
.ix-83-force {
  z-index: 83 !important;
}

.ix-84 {
  z-index: 84;
}
.ix-84-force {
  z-index: 84 !important;
}

.ix-85 {
  z-index: 85;
}
.ix-85-force {
  z-index: 85 !important;
}

.ix-86 {
  z-index: 86;
}
.ix-86-force {
  z-index: 86 !important;
}

.ix-87 {
  z-index: 87;
}
.ix-87-force {
  z-index: 87 !important;
}

.ix-88 {
  z-index: 88;
}
.ix-88-force {
  z-index: 88 !important;
}

.ix-89 {
  z-index: 89;
}
.ix-89-force {
  z-index: 89 !important;
}

.ix-90 {
  z-index: 90;
}
.ix-90-force {
  z-index: 90 !important;
}

.ix-91 {
  z-index: 91;
}
.ix-91-force {
  z-index: 91 !important;
}

.ix-92 {
  z-index: 92;
}
.ix-92-force {
  z-index: 92 !important;
}

.ix-93 {
  z-index: 93;
}
.ix-93-force {
  z-index: 93 !important;
}

.ix-94 {
  z-index: 94;
}
.ix-94-force {
  z-index: 94 !important;
}

.ix-95 {
  z-index: 95;
}
.ix-95-force {
  z-index: 95 !important;
}

.ix-96 {
  z-index: 96;
}
.ix-96-force {
  z-index: 96 !important;
}

.ix-97 {
  z-index: 97;
}
.ix-97-force {
  z-index: 97 !important;
}

.ix-98 {
  z-index: 98;
}
.ix-98-force {
  z-index: 98 !important;
}

.ix-99 {
  z-index: 99;
}
.ix-99-force {
  z-index: 99 !important;
}

.align-left {
  text-align: left;
}
.align-left-force {
  text-align: left !important;
}
.align-right {
  text-align: right;
}
.align-right-force {
  text-align: right !important;
}
.align-center {
  text-align: center;
}
.align-center-force {
  text-align: center !important;
}
.align-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.align-vertical-center-force {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.align-vertical-center-fixed {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}
.align-vertical-center-fixed-force {
  position: fixed !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.a-clean {
  text-decoration: none;
}
.a-clean:hover {
  cursor: pointer;
  text-decoration: underline;
}
.a-clean-force {
  text-decoration: none !important;
}
.a-clean-force:hover {
  cursor: pointer;
  text-decoration: underline;
}

.r {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.r-center {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
}
.bg-contain-fixed {
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.bg-contain-fixed-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.bg-contain-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-cover-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.bg-cover-fixed-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.bg-cover-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.bg-contain-top {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-contain-top-fixed {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
}
.bg-contain-top-fixed-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  background-attachment: fixed !important;
}
.bg-contain-top-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}

.bg-cover-top {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.bg-cover-top-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
}
.bg-cover-top-fixed-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  background-attachment: fixed !important;
}
.bg-cover-top-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}

.bg-contain-bottom {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.bg-contain-bottom-fixed {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
}
.bg-contain-bottom-fixed-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-attachment: fixed !important;
}
.bg-contain-bottom-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
}

.bg-cover-bottom {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}
.bg-cover-bottom-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
}
.bg-cover-bottom-fixed-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-attachment: fixed !important;
}
.bg-cover-bottom-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: bottom !important;
}

.bg-contain-left {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}
.bg-contain-left-fixed {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: fixed;
}
.bg-contain-left-fixed-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-attachment: fixed !important;
}
.bg-contain-left-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
}

.bg-cover-left {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
.bg-cover-left-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  background-attachment: fixed;
}
.bg-cover-left-fixed-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
  background-attachment: fixed !important;
}
.bg-cover-left-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: left !important;
}

.bg-contain-right {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
}
.bg-contain-right-fixed {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  background-attachment: fixed;
}
.bg-contain-right-fixed-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-attachment: fixed !important;
}
.bg-contain-right-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
}

.bg-cover-right {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
.bg-cover-right-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  background-attachment: fixed;
}
.bg-cover-right-fixed-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-attachment: fixed !important;
}
.bg-cover-right-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
}

.bg-contain-center {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-contain-center-fixed {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.bg-contain-center-fixed-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
.bg-contain-center-force {
  background-size: contain;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.bg-cover-center {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.bg-cover-center-fixed {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.bg-cover-center-fixed-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-attachment: fixed !important;
}
.bg-cover-center-force {
  background-size: cover;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.float-left {
  float: left;
}
.float-left-force {
  float: left !important;
}

.float-right {
  float: right;
}
.float-right-force {
  float: right !important;
}

.hide,
.close,
.invisible {
  display: none;
  visibility: hidden;
}
.hide-force,
.close-force,
.invisible-force {
  display: none !important;
  visibility: hidden !important;
}

.show,
.block,
.visible {
  display: block;
  visibility: visible;
}
.show-force,
.block-force,
.visible-force {
  display: block !important;
  visibility: visible !important;
}

.opacity-1 {
  opacity: 1;
}
.opacity-1-force {
  opacity: 1 !important;
}

.opacity-2 {
  opacity: 0.2;
}
.opacity-2-force {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3;
}
.opacity-3-force {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4;
}
.opacity-4-force {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5;
}
.opacity-5-force {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6;
}
.opacity-6-force {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7;
}
.opacity-7-force {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8;
}
.opacity-8-force {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9;
}
.opacity-9-force {
  opacity: 0.9 !important;
}

.clean {
  padding: unset;
  margin: unset;
}
.clean-force {
  padding: unset !important;
  margin: unset !important;
}

.clean-mrg {
  margin: unset;
}
.clean-mrg-force {
  margin: unset !important;
}

.clean-pad {
  padding: unset;
}
.clean-pad-force {
  padding: unset !important;
}

.color-bg-white {
  background-color: white;
}
.color-bg-white-force {
  background-color: white !important;
}
.color-white {
  color: white;
}
.color-white-force {
  color: white !important;
}
.color-bg-black {
  background-color: black;
}
.color-bg-black-force {
  background-color: black !important;
}
.color-black {
  color: black;
}
.color-black-force {
  color: black !important;
}
.color-default {
  color: black;
}
.color-default-force {
  color: black !important;
}
.color-bg-default {
  background-color: black;
}
.color-bg-default-force {
  background-color: black !important;
}
.color-bg-default-opacity-8 {
  background-color: rgba(0, 0, 0, 0.8);
}
.color-bg-default-opacity-8-force {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.color-bg-default-opacity-6 {
  background-color: rgba(0, 0, 0, 0.6);
}
.color-bg-default-opacity-6-force {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.color-bg-default-opacity-4 {
  background-color: rgba(0, 0, 0, 0.4);
}
.color-bg-default-opacity-4-force {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.color-bg-default-opacity-2 {
  background-color: rgba(0, 0, 0, 0.2);
}
.color-bg-default-opacity-2-force {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.color-primary {
  color: #8b480e;
}
.color-primary-force {
  color: #8b480e !important;
}
.color-bg-primary {
  background-color: #8b480e;
}
.color-bg-primary-force {
  background-color: #8b480e !important;
}
.color-bg-primary-opacity-8 {
  background-color: rgba(139, 72, 14, 0.8);
}
.color-bg-primary-opacity-8-force {
  background-color: rgba(139, 72, 14, 0.8) !important;
}
.color-bg-primary-opacity-6 {
  background-color: rgba(139, 72, 14, 0.6);
}
.color-bg-primary-opacity-6-force {
  background-color: rgba(139, 72, 14, 0.6) !important;
}
.color-bg-primary-opacity-4 {
  background-color: rgba(139, 72, 14, 0.4);
}
.color-bg-primary-opacity-4-force {
  background-color: rgba(139, 72, 14, 0.4) !important;
}
.color-bg-primary-opacity-2 {
  background-color: rgba(139, 72, 14, 0.2);
}
.color-bg-primary-opacity-2-force {
  background-color: rgba(139, 72, 14, 0.2) !important;
}
.color-success {
  color: #195f34;
}
.color-success-force {
  color: #195f34 !important;
}
.color-bg-success {
  background-color: #195f34;
}
.color-bg-success-force {
  background-color: #195f34 !important;
}
.color-bg-success-opacity-8 {
  background-color: rgba(25, 95, 52, 0.8);
}
.color-bg-success-opacity-8-force {
  background-color: rgba(25, 95, 52, 0.8) !important;
}
.color-bg-success-opacity-6 {
  background-color: rgba(25, 95, 52, 0.6);
}
.color-bg-success-opacity-6-force {
  background-color: rgba(25, 95, 52, 0.6) !important;
}
.color-bg-success-opacity-4 {
  background-color: rgba(25, 95, 52, 0.4);
}
.color-bg-success-opacity-4-force {
  background-color: rgba(25, 95, 52, 0.4) !important;
}
.color-bg-success-opacity-2 {
  background-color: rgba(25, 95, 52, 0.2);
}
.color-bg-success-opacity-2-force {
  background-color: rgba(25, 95, 52, 0.2) !important;
}
.color-danger {
  color: #8c101b;
}
.color-danger-force {
  color: #8c101b !important;
}
.color-bg-danger {
  background-color: #8c101b;
}
.color-bg-danger-force {
  background-color: #8c101b !important;
}
.color-bg-danger-opacity-8 {
  background-color: rgba(140, 16, 27, 0.8);
}
.color-bg-danger-opacity-8-force {
  background-color: rgba(140, 16, 27, 0.8) !important;
}
.color-bg-danger-opacity-6 {
  background-color: rgba(140, 16, 27, 0.6);
}
.color-bg-danger-opacity-6-force {
  background-color: rgba(140, 16, 27, 0.6) !important;
}
.color-bg-danger-opacity-4 {
  background-color: rgba(140, 16, 27, 0.4);
}
.color-bg-danger-opacity-4-force {
  background-color: rgba(140, 16, 27, 0.4) !important;
}
.color-bg-danger-opacity-2 {
  background-color: rgba(140, 16, 27, 0.2);
}
.color-bg-danger-opacity-2-force {
  background-color: rgba(140, 16, 27, 0.2) !important;
}
.color-warning {
  color: #ffbf00;
}
.color-warning-force {
  color: #ffbf00 !important;
}
.color-bg-warning {
  background-color: #ffbf00;
}
.color-bg-warning-force {
  background-color: #ffbf00 !important;
}
.color-bg-warning-opacity-8 {
  background-color: rgba(255, 191, 0, 0.8);
}
.color-bg-warning-opacity-8-force {
  background-color: rgba(255, 191, 0, 0.8) !important;
}
.color-bg-warning-opacity-6 {
  background-color: rgba(255, 191, 0, 0.6);
}
.color-bg-warning-opacity-6-force {
  background-color: rgba(255, 191, 0, 0.6) !important;
}
.color-bg-warning-opacity-4 {
  background-color: rgba(255, 191, 0, 0.4);
}
.color-bg-warning-opacity-4-force {
  background-color: rgba(255, 191, 0, 0.4) !important;
}
.color-bg-warning-opacity-2 {
  background-color: rgba(255, 191, 0, 0.2);
}
.color-bg-warning-opacity-2-force {
  background-color: rgba(255, 191, 0, 0.2) !important;
}
.color-info {
  color: #2894aa;
}
.color-info-force {
  color: #2894aa !important;
}
.color-bg-info {
  background-color: #2894aa;
}
.color-bg-info-force {
  background-color: #2894aa !important;
}
.color-bg-info-opacity-8 {
  background-color: rgba(40, 148, 170, 0.8);
}
.color-bg-info-opacity-8-force {
  background-color: rgba(40, 148, 170, 0.8) !important;
}
.color-bg-info-opacity-6 {
  background-color: rgba(40, 148, 170, 0.6);
}
.color-bg-info-opacity-6-force {
  background-color: rgba(40, 148, 170, 0.6) !important;
}
.color-bg-info-opacity-4 {
  background-color: rgba(40, 148, 170, 0.4);
}
.color-bg-info-opacity-4-force {
  background-color: rgba(40, 148, 170, 0.4) !important;
}
.color-bg-info-opacity-2 {
  background-color: rgba(40, 148, 170, 0.2);
}
.color-bg-info-opacity-2-force {
  background-color: rgba(40, 148, 170, 0.2) !important;
}
.color-light {
  color: #a19b9b;
}
.color-light-force {
  color: #a19b9b !important;
}
.color-bg-light {
  background-color: #a19b9b;
}
.color-bg-light-force {
  background-color: #a19b9b !important;
}
.color-bg-light-opacity-8 {
  background-color: rgba(161, 155, 155, 0.8);
}
.color-bg-light-opacity-8-force {
  background-color: rgba(161, 155, 155, 0.8) !important;
}
.color-bg-light-opacity-6 {
  background-color: rgba(161, 155, 155, 0.6);
}
.color-bg-light-opacity-6-force {
  background-color: rgba(161, 155, 155, 0.6) !important;
}
.color-bg-light-opacity-4 {
  background-color: rgba(161, 155, 155, 0.4);
}
.color-bg-light-opacity-4-force {
  background-color: rgba(161, 155, 155, 0.4) !important;
}
.color-bg-light-opacity-2 {
  background-color: rgba(161, 155, 155, 0.2);
}
.color-bg-light-opacity-2-force {
  background-color: rgba(161, 155, 155, 0.2) !important;
}
.color-dark {
  color: #161616;
}
.color-dark-force {
  color: #161616 !important;
}
.color-bg-dark {
  background-color: #161616;
}
.color-bg-dark-force {
  background-color: #161616 !important;
}
.color-bg-dark-opacity-8 {
  background-color: rgba(22, 22, 22, 0.8);
}
.color-bg-dark-opacity-8-force {
  background-color: rgba(22, 22, 22, 0.8) !important;
}
.color-bg-dark-opacity-6 {
  background-color: rgba(22, 22, 22, 0.6);
}
.color-bg-dark-opacity-6-force {
  background-color: rgba(22, 22, 22, 0.6) !important;
}
.color-bg-dark-opacity-4 {
  background-color: rgba(22, 22, 22, 0.4);
}
.color-bg-dark-opacity-4-force {
  background-color: rgba(22, 22, 22, 0.4) !important;
}
.color-bg-dark-opacity-2 {
  background-color: rgba(22, 22, 22, 0.2);
}
.color-bg-dark-opacity-2-force {
  background-color: rgba(22, 22, 22, 0.2) !important;
}
.color-antan {
  color: #fe2f00;
}
.color-antan-force {
  color: #fe2f00 !important;
}
.color-bg-antan {
  background-color: #fe2f00;
}
.color-bg-antan-force {
  background-color: #fe2f00 !important;
}
.color-bg-antan-opacity-8 {
  background-color: rgba(254, 47, 0, 0.8);
}
.color-bg-antan-opacity-8-force {
  background-color: rgba(254, 47, 0, 0.8) !important;
}
.color-bg-antan-opacity-6 {
  background-color: rgba(254, 47, 0, 0.6);
}
.color-bg-antan-opacity-6-force {
  background-color: rgba(254, 47, 0, 0.6) !important;
}
.color-bg-antan-opacity-4 {
  background-color: rgba(254, 47, 0, 0.4);
}
.color-bg-antan-opacity-4-force {
  background-color: rgba(254, 47, 0, 0.4) !important;
}
.color-bg-antan-opacity-2 {
  background-color: rgba(254, 47, 0, 0.2);
}
.color-bg-antan-opacity-2-force {
  background-color: rgba(254, 47, 0, 0.2) !important;
}
.color-notify {
  color: #07294e;
}
.color-notify-force {
  color: #07294e !important;
}
.color-bg-notify {
  background-color: #07294e;
}
.color-bg-notify-force {
  background-color: #07294e !important;
}
.color-bg-notify-opacity-8 {
  background-color: rgba(7, 41, 78, 0.8);
}
.color-bg-notify-opacity-8-force {
  background-color: rgba(7, 41, 78, 0.8) !important;
}
.color-bg-notify-opacity-6 {
  background-color: rgba(7, 41, 78, 0.6);
}
.color-bg-notify-opacity-6-force {
  background-color: rgba(7, 41, 78, 0.6) !important;
}
.color-bg-notify-opacity-4 {
  background-color: rgba(7, 41, 78, 0.4);
}
.color-bg-notify-opacity-4-force {
  background-color: rgba(7, 41, 78, 0.4) !important;
}
.color-bg-notify-opacity-2 {
  background-color: rgba(7, 41, 78, 0.2);
}
.color-bg-notify-opacity-2-force {
  background-color: rgba(7, 41, 78, 0.2) !important;
}
.color-funk {
  color: #165992;
}
.color-funk-force {
  color: #165992 !important;
}
.color-bg-funk {
  background-color: #165992;
}
.color-bg-funk-force {
  background-color: #165992 !important;
}
.color-bg-funk-opacity-8 {
  background-color: rgba(22, 89, 146, 0.8);
}
.color-bg-funk-opacity-8-force {
  background-color: rgba(22, 89, 146, 0.8) !important;
}
.color-bg-funk-opacity-6 {
  background-color: rgba(22, 89, 146, 0.6);
}
.color-bg-funk-opacity-6-force {
  background-color: rgba(22, 89, 146, 0.6) !important;
}
.color-bg-funk-opacity-4 {
  background-color: rgba(22, 89, 146, 0.4);
}
.color-bg-funk-opacity-4-force {
  background-color: rgba(22, 89, 146, 0.4) !important;
}
.color-bg-funk-opacity-2 {
  background-color: rgba(22, 89, 146, 0.2);
}
.color-bg-funk-opacity-2-force {
  background-color: rgba(22, 89, 146, 0.2) !important;
}

.dis-table {
  display: table;
  visibility: visible;
}
.dis-table-force {
  display: table !important;
  visibility: visible !important;
}
.dis-inline-table {
  display: inline-table;
  visibility: visible;
}
.dis-inline-table-force {
  display: inline-table !important;
  visibility: visible !important;
}
.dis-block {
  display: block;
  visibility: visible;
}
.dis-block-force {
  display: block !important;
  visibility: visible !important;
}
.dis-inline-block {
  display: inline-block;
  visibility: visible;
}
.dis-inline-block-force {
  display: inline-block !important;
  visibility: visible !important;
}
.dis-normal {
  display: normal;
  visibility: visible;
}
.dis-normal-force {
  display: normal !important;
  visibility: visible !important;
}
.dis-none {
  display: none;
  visibility: hidden;
}
.dis-none-force {
  display: none !important;
  visibility: hidden !important;
}

.ws-nowrap {
  white-space: nowrap;
}
.ws-nowrap-force {
  white-space: nowrap !important;
}
.ws-normal {
  white-space: normal;
}
.ws-normal-force {
  white-space: normal !important;
}
.ws-pre {
  white-space: pre;
}
.ws-pre-force {
  white-space: pre !important;
}

.table-auto {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.table-auto-force {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fill {
  min-width: 100%;
  min-height: 100%;
}
.fill-force {
  min-width: 100% !important;
  min-height: 100% !important;
}

.scale-up:hover {
  transition: all 80ms;
  transform: scale(1.1);
}
.scale-down:hover {
  transition: all 80ms;
  transform: scale(-0.84);
}

.fixed-left {
  position: fixed;
  left: 0px;
  right: unset;
}
.fixed-left-force {
  left: 0px !important;
  right: unset !important;
}

.fixed-left-top {
  position: fixed;
  left: 0px;
  right: unset;
  top: 0px;
}
.fixed-left-top-force {
  left: 0px !important;
  right: unset !important;
  top: 0px !important;
}

.fixed-right {
  position: fixed;
  left: unset;
  right: 0px;
}
.fixed-right-force {
  left: unset !important;
  right: 0px !important;
}

.fixed-right-top {
  position: fixed;
  left: unset;
  right: 0px;
  top: 0px;
}
.fixed-right-top-force {
  left: unset !important;
  right: 0px !important;
  top: 0px !important;
}

.fixed-top {
  position: fixed;
  top: 0px;
  bottom: unset;
}
.fixed-top-force {
  top: 0px !important;
  bottom: unset !important;
}

.fixed-bottom {
  position: fixed;
  top: unset;
  bottom: 0px;
}
.fixed-bottom-force {
  top: unset !important;
  bottom: 0px !important;
}.pad-xxs {
  padding: 4px;
}
.pad-xxs-force {
  padding: 4px !important;
}
.pad-xxs-left {
  padding-left: 4px;
}
.pad-xxs-left-force {
  padding-left: 4px !important;
}
.pad-xxs-left-clear {
  padding-left: 0;
}
.pad-xxs-left-clear-force {
  padding-left: 0 !important;
}
.pad-xxs-top {
  padding-top: 4px;
}
.pad-xxs-top-force {
  padding-top: 4px !important;
}
.pad-xxs-top-clear {
  padding-top: 0;
}
.pad-xxs-top-clear-force {
  padding-top: 0 !important;
}
.pad-xxs-right {
  padding-right: 4px;
}
.pad-xxs-right-force {
  padding-right: 4px !important;
}
.pad-xxs-right-clear {
  padding-right: 0;
}
.pad-xxs-right-clear-force {
  padding-right: 0 !important;
}
.pad-xxs-bottom {
  padding-bottom: 4px;
}
.pad-xxs-bottom-force {
  padding-bottom: 4px !important;
}
.pad-xxs-bottom-clear {
  padding-bottom: 0;
}
.pad-xxs-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-xxs-clear {
  padding: 0;
}
.pad-xxs-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-xxs {
    padding: 4px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-force {
    padding: 4px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-left {
    padding-left: 4px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-left-force {
    padding-left: 4px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-top {
    padding-top: 4px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-top-force {
    padding-top: 4px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-right {
    padding-right: 4px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-right-force {
    padding-right: 4px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxs-bottom-force {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs {
    padding: 4px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-force {
    padding: 4px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-left {
    padding-left: 4px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-left-force {
    padding-left: 4px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-top {
    padding-top: 4px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-top-force {
    padding-top: 4px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-right {
    padding-right: 4px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-right-force {
    padding-right: 4px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxs-bottom-force {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs {
    padding: 4px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-force {
    padding: 4px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-left {
    padding-left: 4px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-left-force {
    padding-left: 4px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-top {
    padding-top: 4px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-top-force {
    padding-top: 4px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-right {
    padding-right: 4px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-right-force {
    padding-right: 4px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxs-bottom-force {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs {
    padding: 4px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-force {
    padding: 4px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-left {
    padding-left: 4px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-left-force {
    padding-left: 4px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-top {
    padding-top: 4px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-top-force {
    padding-top: 4px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-right {
    padding-right: 4px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-right-force {
    padding-right: 4px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-bottom {
    padding-bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxs-bottom-force {
    padding-bottom: 4px !important;
  }
}
.pad-xxs-horizontal {
  padding-left: 4px;
  padding-right: 4px;
}
.pad-xxs-horizontal-force {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.pad-xxs-vertical {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pad-xxs-vertical-force {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.pad-xs {
  padding: 10px;
}
.pad-xs-force {
  padding: 10px !important;
}
.pad-xs-left {
  padding-left: 10px;
}
.pad-xs-left-force {
  padding-left: 10px !important;
}
.pad-xs-left-clear {
  padding-left: 0;
}
.pad-xs-left-clear-force {
  padding-left: 0 !important;
}
.pad-xs-top {
  padding-top: 10px;
}
.pad-xs-top-force {
  padding-top: 10px !important;
}
.pad-xs-top-clear {
  padding-top: 0;
}
.pad-xs-top-clear-force {
  padding-top: 0 !important;
}
.pad-xs-right {
  padding-right: 10px;
}
.pad-xs-right-force {
  padding-right: 10px !important;
}
.pad-xs-right-clear {
  padding-right: 0;
}
.pad-xs-right-clear-force {
  padding-right: 0 !important;
}
.pad-xs-bottom {
  padding-bottom: 10px;
}
.pad-xs-bottom-force {
  padding-bottom: 10px !important;
}
.pad-xs-bottom-clear {
  padding-bottom: 0;
}
.pad-xs-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-xs-clear {
  padding: 0;
}
.pad-xs-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-xs {
    padding: 10px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-force {
    padding: 10px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-left {
    padding-left: 10px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-left-force {
    padding-left: 10px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-top {
    padding-top: 10px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-top-force {
    padding-top: 10px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-right {
    padding-right: 10px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-right-force {
    padding-right: 10px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-bottom {
    padding-bottom: 10px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xs-bottom-force {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs {
    padding: 10px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-force {
    padding: 10px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-left {
    padding-left: 10px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-left-force {
    padding-left: 10px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-top {
    padding-top: 10px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-top-force {
    padding-top: 10px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-right {
    padding-right: 10px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-right-force {
    padding-right: 10px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-bottom {
    padding-bottom: 10px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xs-bottom-force {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-force {
    padding: 10px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-left {
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-left-force {
    padding-left: 10px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-top {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-top-force {
    padding-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-right {
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-right-force {
    padding-right: 10px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-bottom {
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xs-bottom-force {
    padding-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs {
    padding: 10px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-force {
    padding: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-left {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-left-force {
    padding-left: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-top {
    padding-top: 10px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-top-force {
    padding-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-right {
    padding-right: 10px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-right-force {
    padding-right: 10px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-bottom {
    padding-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xs-bottom-force {
    padding-bottom: 10px !important;
  }
}
.pad-xs-horizontal {
  padding-left: 10px;
  padding-right: 10px;
}
.pad-xs-horizontal-force {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.pad-xs-vertical {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-xs-vertical-force {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pad-sm {
  padding: 16px;
}
.pad-sm-force {
  padding: 16px !important;
}
.pad-sm-left {
  padding-left: 16px;
}
.pad-sm-left-force {
  padding-left: 16px !important;
}
.pad-sm-left-clear {
  padding-left: 0;
}
.pad-sm-left-clear-force {
  padding-left: 0 !important;
}
.pad-sm-top {
  padding-top: 16px;
}
.pad-sm-top-force {
  padding-top: 16px !important;
}
.pad-sm-top-clear {
  padding-top: 0;
}
.pad-sm-top-clear-force {
  padding-top: 0 !important;
}
.pad-sm-right {
  padding-right: 16px;
}
.pad-sm-right-force {
  padding-right: 16px !important;
}
.pad-sm-right-clear {
  padding-right: 0;
}
.pad-sm-right-clear-force {
  padding-right: 0 !important;
}
.pad-sm-bottom {
  padding-bottom: 16px;
}
.pad-sm-bottom-force {
  padding-bottom: 16px !important;
}
.pad-sm-bottom-clear {
  padding-bottom: 0;
}
.pad-sm-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-sm-clear {
  padding: 0;
}
.pad-sm-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-sm {
    padding: 16px;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-force {
    padding: 16px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-left {
    padding-left: 16px;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-left-force {
    padding-left: 16px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-top {
    padding-top: 16px;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-top-force {
    padding-top: 16px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-right {
    padding-right: 16px;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-right-force {
    padding-right: 16px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-bottom {
    padding-bottom: 16px;
  }
}
@media (min-width: 0px) {
  .pad-phone-sm-bottom-force {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm {
    padding: 16px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-force {
    padding: 16px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-left {
    padding-left: 16px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-left-force {
    padding-left: 16px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-top {
    padding-top: 16px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-top-force {
    padding-top: 16px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-right {
    padding-right: 16px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-right-force {
    padding-right: 16px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-bottom {
    padding-bottom: 16px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-sm-bottom-force {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm {
    padding: 16px;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-force {
    padding: 16px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-left {
    padding-left: 16px;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-left-force {
    padding-left: 16px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-top {
    padding-top: 16px;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-top-force {
    padding-top: 16px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-right {
    padding-right: 16px;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-right-force {
    padding-right: 16px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-bottom {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .pad-computer-sm-bottom-force {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm {
    padding: 16px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-force {
    padding: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-left {
    padding-left: 16px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-left-force {
    padding-left: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-top {
    padding-top: 16px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-top-force {
    padding-top: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-right {
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-right-force {
    padding-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-bottom {
    padding-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-sm-bottom-force {
    padding-bottom: 16px !important;
  }
}
.pad-sm-horizontal {
  padding-left: 16px;
  padding-right: 16px;
}
.pad-sm-horizontal-force {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pad-sm-vertical {
  padding-top: 16px;
  padding-bottom: 16px;
}
.pad-sm-vertical-force {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.pad-md {
  padding: 28px;
}
.pad-md-force {
  padding: 28px !important;
}
.pad-md-left {
  padding-left: 28px;
}
.pad-md-left-force {
  padding-left: 28px !important;
}
.pad-md-left-clear {
  padding-left: 0;
}
.pad-md-left-clear-force {
  padding-left: 0 !important;
}
.pad-md-top {
  padding-top: 28px;
}
.pad-md-top-force {
  padding-top: 28px !important;
}
.pad-md-top-clear {
  padding-top: 0;
}
.pad-md-top-clear-force {
  padding-top: 0 !important;
}
.pad-md-right {
  padding-right: 28px;
}
.pad-md-right-force {
  padding-right: 28px !important;
}
.pad-md-right-clear {
  padding-right: 0;
}
.pad-md-right-clear-force {
  padding-right: 0 !important;
}
.pad-md-bottom {
  padding-bottom: 28px;
}
.pad-md-bottom-force {
  padding-bottom: 28px !important;
}
.pad-md-bottom-clear {
  padding-bottom: 0;
}
.pad-md-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-md-clear {
  padding: 0;
}
.pad-md-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-md {
    padding: 28px;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-force {
    padding: 28px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-left {
    padding-left: 28px;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-left-force {
    padding-left: 28px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-top {
    padding-top: 28px;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-top-force {
    padding-top: 28px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-right {
    padding-right: 28px;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-right-force {
    padding-right: 28px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-bottom {
    padding-bottom: 28px;
  }
}
@media (min-width: 0px) {
  .pad-phone-md-bottom-force {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md {
    padding: 28px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-force {
    padding: 28px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-left {
    padding-left: 28px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-left-force {
    padding-left: 28px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-top {
    padding-top: 28px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-top-force {
    padding-top: 28px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-right {
    padding-right: 28px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-right-force {
    padding-right: 28px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-bottom {
    padding-bottom: 28px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-md-bottom-force {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-md {
    padding: 28px;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-force {
    padding: 28px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-left {
    padding-left: 28px;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-left-force {
    padding-left: 28px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-top {
    padding-top: 28px;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-top-force {
    padding-top: 28px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-right {
    padding-right: 28px;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-right-force {
    padding-right: 28px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-bottom {
    padding-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .pad-computer-md-bottom-force {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md {
    padding: 28px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-force {
    padding: 28px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-left {
    padding-left: 28px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-left-force {
    padding-left: 28px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-top {
    padding-top: 28px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-top-force {
    padding-top: 28px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-right {
    padding-right: 28px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-right-force {
    padding-right: 28px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-bottom {
    padding-bottom: 28px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-md-bottom-force {
    padding-bottom: 28px !important;
  }
}
.pad-md-horizontal {
  padding-left: 28px;
  padding-right: 28px;
}
.pad-md-horizontal-force {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.pad-md-vertical {
  padding-top: 28px;
  padding-bottom: 28px;
}
.pad-md-vertical-force {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.pad-lg {
  padding: 34px;
}
.pad-lg-force {
  padding: 34px !important;
}
.pad-lg-left {
  padding-left: 34px;
}
.pad-lg-left-force {
  padding-left: 34px !important;
}
.pad-lg-left-clear {
  padding-left: 0;
}
.pad-lg-left-clear-force {
  padding-left: 0 !important;
}
.pad-lg-top {
  padding-top: 34px;
}
.pad-lg-top-force {
  padding-top: 34px !important;
}
.pad-lg-top-clear {
  padding-top: 0;
}
.pad-lg-top-clear-force {
  padding-top: 0 !important;
}
.pad-lg-right {
  padding-right: 34px;
}
.pad-lg-right-force {
  padding-right: 34px !important;
}
.pad-lg-right-clear {
  padding-right: 0;
}
.pad-lg-right-clear-force {
  padding-right: 0 !important;
}
.pad-lg-bottom {
  padding-bottom: 34px;
}
.pad-lg-bottom-force {
  padding-bottom: 34px !important;
}
.pad-lg-bottom-clear {
  padding-bottom: 0;
}
.pad-lg-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-lg-clear {
  padding: 0;
}
.pad-lg-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-lg {
    padding: 34px;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-force {
    padding: 34px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-left {
    padding-left: 34px;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-left-force {
    padding-left: 34px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-top {
    padding-top: 34px;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-top-force {
    padding-top: 34px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-right {
    padding-right: 34px;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-right-force {
    padding-right: 34px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-bottom {
    padding-bottom: 34px;
  }
}
@media (min-width: 0px) {
  .pad-phone-lg-bottom-force {
    padding-bottom: 34px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg {
    padding: 34px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-force {
    padding: 34px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-left {
    padding-left: 34px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-left-force {
    padding-left: 34px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-top {
    padding-top: 34px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-top-force {
    padding-top: 34px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-right {
    padding-right: 34px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-right-force {
    padding-right: 34px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-bottom {
    padding-bottom: 34px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-lg-bottom-force {
    padding-bottom: 34px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg {
    padding: 34px;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-force {
    padding: 34px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-left {
    padding-left: 34px;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-left-force {
    padding-left: 34px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-top {
    padding-top: 34px;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-top-force {
    padding-top: 34px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-right {
    padding-right: 34px;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-right-force {
    padding-right: 34px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-bottom {
    padding-bottom: 34px;
  }
}
@media (min-width: 992px) {
  .pad-computer-lg-bottom-force {
    padding-bottom: 34px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg {
    padding: 34px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-force {
    padding: 34px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-left {
    padding-left: 34px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-left-force {
    padding-left: 34px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-top {
    padding-top: 34px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-top-force {
    padding-top: 34px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-right {
    padding-right: 34px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-right-force {
    padding-right: 34px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-bottom {
    padding-bottom: 34px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-lg-bottom-force {
    padding-bottom: 34px !important;
  }
}
.pad-lg-horizontal {
  padding-left: 34px;
  padding-right: 34px;
}
.pad-lg-horizontal-force {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.pad-lg-vertical {
  padding-top: 34px;
  padding-bottom: 34px;
}
.pad-lg-vertical-force {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.pad-xl {
  padding: 42px;
}
.pad-xl-force {
  padding: 42px !important;
}
.pad-xl-left {
  padding-left: 42px;
}
.pad-xl-left-force {
  padding-left: 42px !important;
}
.pad-xl-left-clear {
  padding-left: 0;
}
.pad-xl-left-clear-force {
  padding-left: 0 !important;
}
.pad-xl-top {
  padding-top: 42px;
}
.pad-xl-top-force {
  padding-top: 42px !important;
}
.pad-xl-top-clear {
  padding-top: 0;
}
.pad-xl-top-clear-force {
  padding-top: 0 !important;
}
.pad-xl-right {
  padding-right: 42px;
}
.pad-xl-right-force {
  padding-right: 42px !important;
}
.pad-xl-right-clear {
  padding-right: 0;
}
.pad-xl-right-clear-force {
  padding-right: 0 !important;
}
.pad-xl-bottom {
  padding-bottom: 42px;
}
.pad-xl-bottom-force {
  padding-bottom: 42px !important;
}
.pad-xl-bottom-clear {
  padding-bottom: 0;
}
.pad-xl-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-xl-clear {
  padding: 0;
}
.pad-xl-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-xl {
    padding: 42px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-force {
    padding: 42px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-left {
    padding-left: 42px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-left-force {
    padding-left: 42px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-top {
    padding-top: 42px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-top-force {
    padding-top: 42px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-right {
    padding-right: 42px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-right-force {
    padding-right: 42px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-bottom {
    padding-bottom: 42px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xl-bottom-force {
    padding-bottom: 42px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl {
    padding: 42px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-force {
    padding: 42px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-left {
    padding-left: 42px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-left-force {
    padding-left: 42px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-top {
    padding-top: 42px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-top-force {
    padding-top: 42px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-right {
    padding-right: 42px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-right-force {
    padding-right: 42px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-bottom {
    padding-bottom: 42px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xl-bottom-force {
    padding-bottom: 42px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl {
    padding: 42px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-force {
    padding: 42px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-left {
    padding-left: 42px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-left-force {
    padding-left: 42px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-top {
    padding-top: 42px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-top-force {
    padding-top: 42px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-right {
    padding-right: 42px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-right-force {
    padding-right: 42px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-bottom {
    padding-bottom: 42px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xl-bottom-force {
    padding-bottom: 42px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl {
    padding: 42px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-force {
    padding: 42px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-left {
    padding-left: 42px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-left-force {
    padding-left: 42px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-top {
    padding-top: 42px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-top-force {
    padding-top: 42px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-right {
    padding-right: 42px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-right-force {
    padding-right: 42px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-bottom {
    padding-bottom: 42px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xl-bottom-force {
    padding-bottom: 42px !important;
  }
}
.pad-xl-horizontal {
  padding-left: 42px;
  padding-right: 42px;
}
.pad-xl-horizontal-force {
  padding-left: 42px !important;
  padding-right: 42px !important;
}
.pad-xl-vertical {
  padding-top: 42px;
  padding-bottom: 42px;
}
.pad-xl-vertical-force {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
.pad-xxl {
  padding: 60px;
}
.pad-xxl-force {
  padding: 60px !important;
}
.pad-xxl-left {
  padding-left: 60px;
}
.pad-xxl-left-force {
  padding-left: 60px !important;
}
.pad-xxl-left-clear {
  padding-left: 0;
}
.pad-xxl-left-clear-force {
  padding-left: 0 !important;
}
.pad-xxl-top {
  padding-top: 60px;
}
.pad-xxl-top-force {
  padding-top: 60px !important;
}
.pad-xxl-top-clear {
  padding-top: 0;
}
.pad-xxl-top-clear-force {
  padding-top: 0 !important;
}
.pad-xxl-right {
  padding-right: 60px;
}
.pad-xxl-right-force {
  padding-right: 60px !important;
}
.pad-xxl-right-clear {
  padding-right: 0;
}
.pad-xxl-right-clear-force {
  padding-right: 0 !important;
}
.pad-xxl-bottom {
  padding-bottom: 60px;
}
.pad-xxl-bottom-force {
  padding-bottom: 60px !important;
}
.pad-xxl-bottom-clear {
  padding-bottom: 0;
}
.pad-xxl-bottom-clear-force {
  padding-bottom: 0 !important;
}
.pad-xxl-clear {
  padding: 0;
}
.pad-xxl-clear-force {
  padding: 0 !important;
}
@media (min-width: 0px) {
  .pad-phone-xxl {
    padding: 60px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-force {
    padding: 60px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-left {
    padding-left: 60px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-left-force {
    padding-left: 60px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-top {
    padding-top: 60px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-top-force {
    padding-top: 60px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-right {
    padding-right: 60px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-right-force {
    padding-right: 60px !important;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 0px) {
  .pad-phone-xxl-bottom-force {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl {
    padding: 60px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-force {
    padding: 60px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-left {
    padding-left: 60px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-left-force {
    padding-left: 60px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-top {
    padding-top: 60px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-top-force {
    padding-top: 60px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-right {
    padding-right: 60px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-right-force {
    padding-right: 60px !important;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 576px) {
  .pad-tablet-xxl-bottom-force {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl {
    padding: 60px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-force {
    padding: 60px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-left {
    padding-left: 60px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-left-force {
    padding-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-top {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-top-force {
    padding-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-right {
    padding-right: 60px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-right-force {
    padding-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .pad-computer-xxl-bottom-force {
    padding-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl {
    padding: 60px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-force {
    padding: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-left {
    padding-left: 60px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-left-force {
    padding-left: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-top {
    padding-top: 60px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-top-force {
    padding-top: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-right {
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-right-force {
    padding-right: 60px !important;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-bottom {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .pad-screen-xxl-bottom-force {
    padding-bottom: 60px !important;
  }
}
.pad-xxl-horizontal {
  padding-left: 60px;
  padding-right: 60px;
}
.pad-xxl-horizontal-force {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.pad-xxl-vertical {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pad-xxl-vertical-force {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.pad-doc {
  padding: 12px;
}
.pad-doc-force {
  padding: 12px !important;
}
.pad-clear {
  padding: 0;
}
.pad-clear-force {
  padding: 0 !important;
}

.mrg-xxs {
  margin: 4px;
}
.mrg-xxs-force {
  margin: 4px !important;
}
.mrg-xxs-left {
  margin-left: 4px;
}
.mrg-xxs-left-force {
  margin-left: 4px !important;
}
.mrg-xxs-left-clear {
  margin-left: 0;
}
.mrg-xxs-left-clear-force {
  margin-left: 0 !important;
}
.mrg-xxs-top {
  margin-top: 4px;
}
.mrg-xxs-top-force {
  margin-top: 4px !important;
}
.mrg-xxs-top-clear {
  margin-top: 0;
}
.mrg-xxs-top-clear-force {
  margin-top: 0 !important;
}
.mrg-xxs-right {
  margin-right: 4px;
}
.mrg-xxs-right-force {
  margin-right: 4px !important;
}
.mrg-xxs-right-clear {
  margin-right: 0;
}
.mrg-xxs-right-clear-force {
  margin-right: 0 !important;
}
.mrg-xxs-bottom {
  margin-bottom: 4px;
}
.mrg-xxs-bottom-force {
  margin-bottom: 4px !important;
}
.mrg-xxs-bottom-clear {
  margin-bottom: 0;
}
.mrg-xxs-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-xxs-clear {
  margin: 0;
}
.mrg-xxs-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-xxs {
    margin: 4px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-force {
    margin: 4px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-left {
    margin-left: 4px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-left-force {
    margin-left: 4px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-top {
    margin-top: 4px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-top-force {
    margin-top: 4px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-right {
    margin-right: 4px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-right-force {
    margin-right: 4px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxs-bottom-force {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs {
    margin: 4px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-force {
    margin: 4px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-left {
    margin-left: 4px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-left-force {
    margin-left: 4px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-top {
    margin-top: 4px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-top-force {
    margin-top: 4px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-right {
    margin-right: 4px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-right-force {
    margin-right: 4px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxs-bottom-force {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs {
    margin: 4px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-force {
    margin: 4px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-left {
    margin-left: 4px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-left-force {
    margin-left: 4px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-top {
    margin-top: 4px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-top-force {
    margin-top: 4px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-right {
    margin-right: 4px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-right-force {
    margin-right: 4px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxs-bottom-force {
    margin-bottom: 4px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs {
    margin: 4px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-force {
    margin: 4px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-left {
    margin-left: 4px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-left-force {
    margin-left: 4px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-top {
    margin-top: 4px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-top-force {
    margin-top: 4px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-right {
    margin-right: 4px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-right-force {
    margin-right: 4px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-bottom {
    margin-bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxs-bottom-force {
    margin-bottom: 4px !important;
  }
}
.mrg-xxs-horizontal {
  margin-left: 4px;
  margin-right: 4px;
}
.mrg-xxs-horizontal-force {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.mrg-xxs-vertical {
  margin-top: 4px;
  margin-bottom: 4px;
}
.mrg-xxs-vertical-force {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.mrg-xs {
  margin: 10px;
}
.mrg-xs-force {
  margin: 10px !important;
}
.mrg-xs-left {
  margin-left: 10px;
}
.mrg-xs-left-force {
  margin-left: 10px !important;
}
.mrg-xs-left-clear {
  margin-left: 0;
}
.mrg-xs-left-clear-force {
  margin-left: 0 !important;
}
.mrg-xs-top {
  margin-top: 10px;
}
.mrg-xs-top-force {
  margin-top: 10px !important;
}
.mrg-xs-top-clear {
  margin-top: 0;
}
.mrg-xs-top-clear-force {
  margin-top: 0 !important;
}
.mrg-xs-right {
  margin-right: 10px;
}
.mrg-xs-right-force {
  margin-right: 10px !important;
}
.mrg-xs-right-clear {
  margin-right: 0;
}
.mrg-xs-right-clear-force {
  margin-right: 0 !important;
}
.mrg-xs-bottom {
  margin-bottom: 10px;
}
.mrg-xs-bottom-force {
  margin-bottom: 10px !important;
}
.mrg-xs-bottom-clear {
  margin-bottom: 0;
}
.mrg-xs-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-xs-clear {
  margin: 0;
}
.mrg-xs-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-xs {
    margin: 10px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-force {
    margin: 10px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-left {
    margin-left: 10px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-left-force {
    margin-left: 10px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-top {
    margin-top: 10px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-top-force {
    margin-top: 10px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-right {
    margin-right: 10px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-right-force {
    margin-right: 10px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-bottom {
    margin-bottom: 10px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xs-bottom-force {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs {
    margin: 10px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-force {
    margin: 10px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-left {
    margin-left: 10px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-left-force {
    margin-left: 10px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-top {
    margin-top: 10px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-top-force {
    margin-top: 10px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-right {
    margin-right: 10px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-right-force {
    margin-right: 10px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-bottom {
    margin-bottom: 10px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xs-bottom-force {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs {
    margin: 10px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-force {
    margin: 10px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-left {
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-left-force {
    margin-left: 10px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-top {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-top-force {
    margin-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-right {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-right-force {
    margin-right: 10px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-bottom {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xs-bottom-force {
    margin-bottom: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs {
    margin: 10px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-force {
    margin: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-left {
    margin-left: 10px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-left-force {
    margin-left: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-top {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-top-force {
    margin-top: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-right {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-right-force {
    margin-right: 10px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-bottom {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xs-bottom-force {
    margin-bottom: 10px !important;
  }
}
.mrg-xs-horizontal {
  margin-left: 10px;
  margin-right: 10px;
}
.mrg-xs-horizontal-force {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mrg-xs-vertical {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mrg-xs-vertical-force {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mrg-sm {
  margin: 16px;
}
.mrg-sm-force {
  margin: 16px !important;
}
.mrg-sm-left {
  margin-left: 16px;
}
.mrg-sm-left-force {
  margin-left: 16px !important;
}
.mrg-sm-left-clear {
  margin-left: 0;
}
.mrg-sm-left-clear-force {
  margin-left: 0 !important;
}
.mrg-sm-top {
  margin-top: 16px;
}
.mrg-sm-top-force {
  margin-top: 16px !important;
}
.mrg-sm-top-clear {
  margin-top: 0;
}
.mrg-sm-top-clear-force {
  margin-top: 0 !important;
}
.mrg-sm-right {
  margin-right: 16px;
}
.mrg-sm-right-force {
  margin-right: 16px !important;
}
.mrg-sm-right-clear {
  margin-right: 0;
}
.mrg-sm-right-clear-force {
  margin-right: 0 !important;
}
.mrg-sm-bottom {
  margin-bottom: 16px;
}
.mrg-sm-bottom-force {
  margin-bottom: 16px !important;
}
.mrg-sm-bottom-clear {
  margin-bottom: 0;
}
.mrg-sm-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-sm-clear {
  margin: 0;
}
.mrg-sm-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-sm {
    margin: 16px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-force {
    margin: 16px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-left {
    margin-left: 16px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-left-force {
    margin-left: 16px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-top {
    margin-top: 16px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-top-force {
    margin-top: 16px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-right {
    margin-right: 16px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-right-force {
    margin-right: 16px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-bottom {
    margin-bottom: 16px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-sm-bottom-force {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm {
    margin: 16px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-force {
    margin: 16px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-left {
    margin-left: 16px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-left-force {
    margin-left: 16px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-top {
    margin-top: 16px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-top-force {
    margin-top: 16px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-right {
    margin-right: 16px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-right-force {
    margin-right: 16px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-bottom {
    margin-bottom: 16px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-sm-bottom-force {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm {
    margin: 16px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-force {
    margin: 16px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-left {
    margin-left: 16px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-left-force {
    margin-left: 16px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-top {
    margin-top: 16px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-top-force {
    margin-top: 16px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-right {
    margin-right: 16px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-right-force {
    margin-right: 16px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-bottom {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-sm-bottom-force {
    margin-bottom: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm {
    margin: 16px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-force {
    margin: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-left {
    margin-left: 16px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-left-force {
    margin-left: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-top {
    margin-top: 16px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-top-force {
    margin-top: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-right {
    margin-right: 16px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-right-force {
    margin-right: 16px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-bottom {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-sm-bottom-force {
    margin-bottom: 16px !important;
  }
}
.mrg-sm-horizontal {
  margin-left: 16px;
  margin-right: 16px;
}
.mrg-sm-horizontal-force {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.mrg-sm-vertical {
  margin-top: 16px;
  margin-bottom: 16px;
}
.mrg-sm-vertical-force {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.mrg-md {
  margin: 28px;
}
.mrg-md-force {
  margin: 28px !important;
}
.mrg-md-left {
  margin-left: 28px;
}
.mrg-md-left-force {
  margin-left: 28px !important;
}
.mrg-md-left-clear {
  margin-left: 0;
}
.mrg-md-left-clear-force {
  margin-left: 0 !important;
}
.mrg-md-top {
  margin-top: 28px;
}
.mrg-md-top-force {
  margin-top: 28px !important;
}
.mrg-md-top-clear {
  margin-top: 0;
}
.mrg-md-top-clear-force {
  margin-top: 0 !important;
}
.mrg-md-right {
  margin-right: 28px;
}
.mrg-md-right-force {
  margin-right: 28px !important;
}
.mrg-md-right-clear {
  margin-right: 0;
}
.mrg-md-right-clear-force {
  margin-right: 0 !important;
}
.mrg-md-bottom {
  margin-bottom: 28px;
}
.mrg-md-bottom-force {
  margin-bottom: 28px !important;
}
.mrg-md-bottom-clear {
  margin-bottom: 0;
}
.mrg-md-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-md-clear {
  margin: 0;
}
.mrg-md-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-md {
    margin: 28px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-force {
    margin: 28px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-left {
    margin-left: 28px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-left-force {
    margin-left: 28px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-top {
    margin-top: 28px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-top-force {
    margin-top: 28px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-right {
    margin-right: 28px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-right-force {
    margin-right: 28px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-bottom {
    margin-bottom: 28px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-md-bottom-force {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md {
    margin: 28px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-force {
    margin: 28px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-left {
    margin-left: 28px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-left-force {
    margin-left: 28px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-top {
    margin-top: 28px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-top-force {
    margin-top: 28px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-right {
    margin-right: 28px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-right-force {
    margin-right: 28px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-bottom {
    margin-bottom: 28px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-md-bottom-force {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md {
    margin: 28px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-force {
    margin: 28px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-left {
    margin-left: 28px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-left-force {
    margin-left: 28px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-top {
    margin-top: 28px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-top-force {
    margin-top: 28px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-right {
    margin-right: 28px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-right-force {
    margin-right: 28px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-bottom {
    margin-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-md-bottom-force {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md {
    margin: 28px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-force {
    margin: 28px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-left {
    margin-left: 28px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-left-force {
    margin-left: 28px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-top {
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-top-force {
    margin-top: 28px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-right {
    margin-right: 28px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-right-force {
    margin-right: 28px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-bottom {
    margin-bottom: 28px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-md-bottom-force {
    margin-bottom: 28px !important;
  }
}
.mrg-md-horizontal {
  margin-left: 28px;
  margin-right: 28px;
}
.mrg-md-horizontal-force {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.mrg-md-vertical {
  margin-top: 28px;
  margin-bottom: 28px;
}
.mrg-md-vertical-force {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.mrg-lg {
  margin: 34px;
}
.mrg-lg-force {
  margin: 34px !important;
}
.mrg-lg-left {
  margin-left: 34px;
}
.mrg-lg-left-force {
  margin-left: 34px !important;
}
.mrg-lg-left-clear {
  margin-left: 0;
}
.mrg-lg-left-clear-force {
  margin-left: 0 !important;
}
.mrg-lg-top {
  margin-top: 34px;
}
.mrg-lg-top-force {
  margin-top: 34px !important;
}
.mrg-lg-top-clear {
  margin-top: 0;
}
.mrg-lg-top-clear-force {
  margin-top: 0 !important;
}
.mrg-lg-right {
  margin-right: 34px;
}
.mrg-lg-right-force {
  margin-right: 34px !important;
}
.mrg-lg-right-clear {
  margin-right: 0;
}
.mrg-lg-right-clear-force {
  margin-right: 0 !important;
}
.mrg-lg-bottom {
  margin-bottom: 34px;
}
.mrg-lg-bottom-force {
  margin-bottom: 34px !important;
}
.mrg-lg-bottom-clear {
  margin-bottom: 0;
}
.mrg-lg-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-lg-clear {
  margin: 0;
}
.mrg-lg-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-lg {
    margin: 34px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-force {
    margin: 34px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-left {
    margin-left: 34px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-left-force {
    margin-left: 34px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-top {
    margin-top: 34px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-top-force {
    margin-top: 34px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-right {
    margin-right: 34px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-right-force {
    margin-right: 34px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-bottom {
    margin-bottom: 34px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-lg-bottom-force {
    margin-bottom: 34px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg {
    margin: 34px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-force {
    margin: 34px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-left {
    margin-left: 34px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-left-force {
    margin-left: 34px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-top {
    margin-top: 34px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-top-force {
    margin-top: 34px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-right {
    margin-right: 34px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-right-force {
    margin-right: 34px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-bottom {
    margin-bottom: 34px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-lg-bottom-force {
    margin-bottom: 34px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg {
    margin: 34px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-force {
    margin: 34px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-left {
    margin-left: 34px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-left-force {
    margin-left: 34px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-top {
    margin-top: 34px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-top-force {
    margin-top: 34px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-right {
    margin-right: 34px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-right-force {
    margin-right: 34px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-bottom {
    margin-bottom: 34px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-lg-bottom-force {
    margin-bottom: 34px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg {
    margin: 34px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-force {
    margin: 34px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-left {
    margin-left: 34px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-left-force {
    margin-left: 34px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-top {
    margin-top: 34px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-top-force {
    margin-top: 34px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-right {
    margin-right: 34px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-right-force {
    margin-right: 34px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-bottom {
    margin-bottom: 34px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-lg-bottom-force {
    margin-bottom: 34px !important;
  }
}
.mrg-lg-horizontal {
  margin-left: 34px;
  margin-right: 34px;
}
.mrg-lg-horizontal-force {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.mrg-lg-vertical {
  margin-top: 34px;
  margin-bottom: 34px;
}
.mrg-lg-vertical-force {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
.mrg-xl {
  margin: 42px;
}
.mrg-xl-force {
  margin: 42px !important;
}
.mrg-xl-left {
  margin-left: 42px;
}
.mrg-xl-left-force {
  margin-left: 42px !important;
}
.mrg-xl-left-clear {
  margin-left: 0;
}
.mrg-xl-left-clear-force {
  margin-left: 0 !important;
}
.mrg-xl-top {
  margin-top: 42px;
}
.mrg-xl-top-force {
  margin-top: 42px !important;
}
.mrg-xl-top-clear {
  margin-top: 0;
}
.mrg-xl-top-clear-force {
  margin-top: 0 !important;
}
.mrg-xl-right {
  margin-right: 42px;
}
.mrg-xl-right-force {
  margin-right: 42px !important;
}
.mrg-xl-right-clear {
  margin-right: 0;
}
.mrg-xl-right-clear-force {
  margin-right: 0 !important;
}
.mrg-xl-bottom {
  margin-bottom: 42px;
}
.mrg-xl-bottom-force {
  margin-bottom: 42px !important;
}
.mrg-xl-bottom-clear {
  margin-bottom: 0;
}
.mrg-xl-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-xl-clear {
  margin: 0;
}
.mrg-xl-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-xl {
    margin: 42px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-force {
    margin: 42px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-left {
    margin-left: 42px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-left-force {
    margin-left: 42px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-top {
    margin-top: 42px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-top-force {
    margin-top: 42px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-right {
    margin-right: 42px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-right-force {
    margin-right: 42px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-bottom {
    margin-bottom: 42px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xl-bottom-force {
    margin-bottom: 42px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl {
    margin: 42px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-force {
    margin: 42px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-left {
    margin-left: 42px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-left-force {
    margin-left: 42px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-top {
    margin-top: 42px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-top-force {
    margin-top: 42px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-right {
    margin-right: 42px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-right-force {
    margin-right: 42px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-bottom {
    margin-bottom: 42px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xl-bottom-force {
    margin-bottom: 42px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl {
    margin: 42px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-force {
    margin: 42px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-left {
    margin-left: 42px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-left-force {
    margin-left: 42px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-top {
    margin-top: 42px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-top-force {
    margin-top: 42px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-right {
    margin-right: 42px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-right-force {
    margin-right: 42px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-bottom {
    margin-bottom: 42px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xl-bottom-force {
    margin-bottom: 42px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl {
    margin: 42px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-force {
    margin: 42px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-left {
    margin-left: 42px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-left-force {
    margin-left: 42px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-top {
    margin-top: 42px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-top-force {
    margin-top: 42px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-right {
    margin-right: 42px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-right-force {
    margin-right: 42px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-bottom {
    margin-bottom: 42px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xl-bottom-force {
    margin-bottom: 42px !important;
  }
}
.mrg-xl-horizontal {
  margin-left: 42px;
  margin-right: 42px;
}
.mrg-xl-horizontal-force {
  margin-left: 42px !important;
  margin-right: 42px !important;
}
.mrg-xl-vertical {
  margin-top: 42px;
  margin-bottom: 42px;
}
.mrg-xl-vertical-force {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}
.mrg-xxl {
  margin: 60px;
}
.mrg-xxl-force {
  margin: 60px !important;
}
.mrg-xxl-left {
  margin-left: 60px;
}
.mrg-xxl-left-force {
  margin-left: 60px !important;
}
.mrg-xxl-left-clear {
  margin-left: 0;
}
.mrg-xxl-left-clear-force {
  margin-left: 0 !important;
}
.mrg-xxl-top {
  margin-top: 60px;
}
.mrg-xxl-top-force {
  margin-top: 60px !important;
}
.mrg-xxl-top-clear {
  margin-top: 0;
}
.mrg-xxl-top-clear-force {
  margin-top: 0 !important;
}
.mrg-xxl-right {
  margin-right: 60px;
}
.mrg-xxl-right-force {
  margin-right: 60px !important;
}
.mrg-xxl-right-clear {
  margin-right: 0;
}
.mrg-xxl-right-clear-force {
  margin-right: 0 !important;
}
.mrg-xxl-bottom {
  margin-bottom: 60px;
}
.mrg-xxl-bottom-force {
  margin-bottom: 60px !important;
}
.mrg-xxl-bottom-clear {
  margin-bottom: 0;
}
.mrg-xxl-bottom-clear-force {
  margin-bottom: 0 !important;
}
.mrg-xxl-clear {
  margin: 0;
}
.mrg-xxl-clear-force {
  margin: 0 !important;
}
@media (min-width: 0px) {
  .mrg-phone-xxl {
    margin: 60px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-force {
    margin: 60px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-left {
    margin-left: 60px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-left-force {
    margin-left: 60px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-top {
    margin-top: 60px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-top-force {
    margin-top: 60px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-right {
    margin-right: 60px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-right-force {
    margin-right: 60px !important;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-bottom {
    margin-bottom: 60px;
  }
}
@media (min-width: 0px) {
  .mrg-phone-xxl-bottom-force {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl {
    margin: 60px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-force {
    margin: 60px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-left {
    margin-left: 60px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-left-force {
    margin-left: 60px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-top {
    margin-top: 60px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-top-force {
    margin-top: 60px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-right {
    margin-right: 60px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-right-force {
    margin-right: 60px !important;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-bottom {
    margin-bottom: 60px;
  }
}
@media (min-width: 576px) {
  .mrg-tablet-xxl-bottom-force {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl {
    margin: 60px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-force {
    margin: 60px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-left {
    margin-left: 60px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-left-force {
    margin-left: 60px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-top {
    margin-top: 60px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-top-force {
    margin-top: 60px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-right {
    margin-right: 60px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-right-force {
    margin-right: 60px !important;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-bottom {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .mrg-computer-xxl-bottom-force {
    margin-bottom: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl {
    margin: 60px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-force {
    margin: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-left {
    margin-left: 60px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-left-force {
    margin-left: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-top {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-top-force {
    margin-top: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-right {
    margin-right: 60px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-right-force {
    margin-right: 60px !important;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-bottom {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .mrg-screen-xxl-bottom-force {
    margin-bottom: 60px !important;
  }
}
.mrg-xxl-horizontal {
  margin-left: 60px;
  margin-right: 60px;
}
.mrg-xxl-horizontal-force {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.mrg-xxl-vertical {
  margin-top: 60px;
  margin-bottom: 60px;
}
.mrg-xxl-vertical-force {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.mrg-clear {
  margin: 0;
}
.mrg-clear-force {
  margin: 0 !important;
}
.mrg-auto {
  margin-left: auto;
  margin-right: auto;
}.pos-absolute {
  position: absolute;
}
.pos-absolute-force {
  position: absolute !important;
}
.pos-absolute-left {
  position: absolute;
  left: 0;
}
.pos-absolute-left-force {
  position: absolute !important;
  left: 0 !important;
}
.pos-absolute-top {
  position: absolute;
  top: 0;
}
.pos-absolute-top-force {
  position: absolute !important;
  top: 0 !important;
}
.pos-absolute-right {
  position: absolute;
  right: 0;
}
.pos-absolute-right-force {
  position: absolute !important;
  right: 0 !important;
}
.pos-absolute-bottom {
  position: absolute;
  bottom: 0;
}
.pos-absolute-bottom-force {
  position: absolute !important;
  bottom: 0 !important;
}
.pos-fixed {
  position: fixed;
}
.pos-fixed-force {
  position: fixed !important;
}
.pos-fixed-left {
  position: fixed;
  left: 0;
}
.pos-fixed-left-force {
  position: fixed !important;
  left: 0 !important;
}
.pos-fixed-top {
  position: fixed;
  top: 0;
}
.pos-fixed-top-force {
  position: fixed !important;
  top: 0 !important;
}
.pos-fixed-right {
  position: fixed;
  right: 0;
}
.pos-fixed-right-force {
  position: fixed !important;
  right: 0 !important;
}
.pos-fixed-bottom {
  position: fixed;
  bottom: 0;
}
.pos-fixed-bottom-force {
  position: fixed !important;
  bottom: 0 !important;
}
.pos-relative {
  position: relative;
}
.pos-relative-force {
  position: relative !important;
}
.pos-sticky {
  position: sticky;
}
.pos-sticky-force {
  position: sticky !important;
}
.pos-sticky-left {
  position: sticky;
  left: 0;
}
.pos-sticky-left-force {
  position: sticky !important;
  left: 0 !important;
}
.pos-sticky-top {
  position: sticky;
  top: 0;
}
.pos-sticky-top-force {
  position: sticky !important;
  top: 0 !important;
}
.pos-sticky-right {
  position: sticky;
  right: 0;
}
.pos-sticky-right-force {
  position: sticky !important;
  right: 0 !important;
}
.pos-sticky-bottom {
  position: sticky;
  bottom: 0;
}
.pos-sticky-bottom-force {
  position: sticky !important;
  bottom: 0 !important;
}
.pos-initial {
  position: initial;
}
.pos-initial-force {
  position: initial !important;
}
.pos-inherit {
  position: inherit;
}
.pos-inherit-force {
  position: inherit !important;
}
.pos-center {
  margin: auto;
}
.pos-center-force {
  margin: auto !important;
}.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
}
.row > div[class^=col-] {
  grid-row: auto;
  grid-column: 1/-1;
}
@media (min-width: 576px) {
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-1-1 {
    grid-column: 1/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-1-2 {
    grid-column: 1/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-1-3 {
    grid-column: 1/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-1-4 {
    grid-column: 1/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-1-5 {
    grid-column: 1/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-1-6 {
    grid-column: 1/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-1-7 {
    grid-column: 1/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-1-8 {
    grid-column: 1/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-1-9 {
    grid-column: 1/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-1-10 {
    grid-column: 1/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-1-11 {
    grid-column: 1/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-1-12 {
    grid-column: 1/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-2-1 {
    grid-column: 2/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-2-2 {
    grid-column: 2/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-2-3 {
    grid-column: 2/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-2-4 {
    grid-column: 2/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-2-5 {
    grid-column: 2/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-2-6 {
    grid-column: 2/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-2-7 {
    grid-column: 2/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-2-8 {
    grid-column: 2/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-2-9 {
    grid-column: 2/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-2-10 {
    grid-column: 2/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-2-11 {
    grid-column: 2/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-2-12 {
    grid-column: 2/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-3-1 {
    grid-column: 3/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-3-2 {
    grid-column: 3/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-3-3 {
    grid-column: 3/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-3-4 {
    grid-column: 3/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-3-5 {
    grid-column: 3/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-3-6 {
    grid-column: 3/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-3-7 {
    grid-column: 3/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-3-8 {
    grid-column: 3/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-3-9 {
    grid-column: 3/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-3-10 {
    grid-column: 3/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-3-11 {
    grid-column: 3/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-3-12 {
    grid-column: 3/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-4-1 {
    grid-column: 4/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-4-2 {
    grid-column: 4/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-4-3 {
    grid-column: 4/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-4-4 {
    grid-column: 4/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-4-5 {
    grid-column: 4/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-4-6 {
    grid-column: 4/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-4-7 {
    grid-column: 4/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-4-8 {
    grid-column: 4/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-4-9 {
    grid-column: 4/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-4-10 {
    grid-column: 4/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-4-11 {
    grid-column: 4/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-4-12 {
    grid-column: 4/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-5-1 {
    grid-column: 5/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-5-2 {
    grid-column: 5/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-5-3 {
    grid-column: 5/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-5-4 {
    grid-column: 5/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-5-5 {
    grid-column: 5/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-5-6 {
    grid-column: 5/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-5-7 {
    grid-column: 5/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-5-8 {
    grid-column: 5/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-5-9 {
    grid-column: 5/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-5-10 {
    grid-column: 5/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-5-11 {
    grid-column: 5/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-5-12 {
    grid-column: 5/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-6-1 {
    grid-column: 6/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-6-2 {
    grid-column: 6/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-6-3 {
    grid-column: 6/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-6-4 {
    grid-column: 6/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-6-5 {
    grid-column: 6/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-6-6 {
    grid-column: 6/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-6-7 {
    grid-column: 6/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-6-8 {
    grid-column: 6/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-6-9 {
    grid-column: 6/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-6-10 {
    grid-column: 6/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-6-11 {
    grid-column: 6/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-6-12 {
    grid-column: 6/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-7-1 {
    grid-column: 7/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-7-2 {
    grid-column: 7/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-7-3 {
    grid-column: 7/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-7-4 {
    grid-column: 7/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-7-5 {
    grid-column: 7/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-7-6 {
    grid-column: 7/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-7-7 {
    grid-column: 7/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-7-8 {
    grid-column: 7/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-7-9 {
    grid-column: 7/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-7-10 {
    grid-column: 7/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-7-11 {
    grid-column: 7/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-7-12 {
    grid-column: 7/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-8-1 {
    grid-column: 8/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-8-2 {
    grid-column: 8/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-8-3 {
    grid-column: 8/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-8-4 {
    grid-column: 8/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-8-5 {
    grid-column: 8/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-8-6 {
    grid-column: 8/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-8-7 {
    grid-column: 8/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-8-8 {
    grid-column: 8/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-8-9 {
    grid-column: 8/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-8-10 {
    grid-column: 8/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-8-11 {
    grid-column: 8/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-8-12 {
    grid-column: 8/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-9-1 {
    grid-column: 9/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-9-2 {
    grid-column: 9/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-9-3 {
    grid-column: 9/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-9-4 {
    grid-column: 9/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-9-5 {
    grid-column: 9/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-9-6 {
    grid-column: 9/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-9-7 {
    grid-column: 9/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-9-8 {
    grid-column: 9/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-9-9 {
    grid-column: 9/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-9-10 {
    grid-column: 9/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-9-11 {
    grid-column: 9/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-9-12 {
    grid-column: 9/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-10-1 {
    grid-column: 10/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-10-2 {
    grid-column: 10/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-10-3 {
    grid-column: 10/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-10-4 {
    grid-column: 10/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-10-5 {
    grid-column: 10/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-10-6 {
    grid-column: 10/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-10-7 {
    grid-column: 10/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-10-8 {
    grid-column: 10/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-10-9 {
    grid-column: 10/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-10-10 {
    grid-column: 10/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-10-11 {
    grid-column: 10/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-10-12 {
    grid-column: 10/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-11-1 {
    grid-column: 11/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-11-2 {
    grid-column: 11/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-11-3 {
    grid-column: 11/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-11-4 {
    grid-column: 11/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-11-5 {
    grid-column: 11/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-11-6 {
    grid-column: 11/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-11-7 {
    grid-column: 11/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-11-8 {
    grid-column: 11/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-11-9 {
    grid-column: 11/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-11-10 {
    grid-column: 11/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-11-11 {
    grid-column: 11/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-11-12 {
    grid-column: 11/span 12;
    grid-row: auto;
  }
  .row > col-sm-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-sm-12-1 {
    grid-column: 12/span 1;
    grid-row: auto;
  }
  .row > col-sm-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-sm-12-2 {
    grid-column: 12/span 2;
    grid-row: auto;
  }
  .row > col-sm-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-sm-12-3 {
    grid-column: 12/span 3;
    grid-row: auto;
  }
  .row > col-sm-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-sm-12-4 {
    grid-column: 12/span 4;
    grid-row: auto;
  }
  .row > col-sm-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-sm-12-5 {
    grid-column: 12/span 5;
    grid-row: auto;
  }
  .row > col-sm-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-sm-12-6 {
    grid-column: 12/span 6;
    grid-row: auto;
  }
  .row > col-sm-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-sm-12-7 {
    grid-column: 12/span 7;
    grid-row: auto;
  }
  .row > col-sm-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-sm-12-8 {
    grid-column: 12/span 8;
    grid-row: auto;
  }
  .row > col-sm-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-sm-12-9 {
    grid-column: 12/span 9;
    grid-row: auto;
  }
  .row > col-sm-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-sm-12-10 {
    grid-column: 12/span 10;
    grid-row: auto;
  }
  .row > col-sm-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-sm-12-11 {
    grid-column: 12/span 11;
    grid-row: auto;
  }
  .row > col-sm-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-sm-12-12 {
    grid-column: 12/span 12;
    grid-row: auto;
  }
}
@media (min-width: 768px) {
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-1-1 {
    grid-column: 1/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-1-2 {
    grid-column: 1/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-1-3 {
    grid-column: 1/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-1-4 {
    grid-column: 1/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-1-5 {
    grid-column: 1/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-1-6 {
    grid-column: 1/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-1-7 {
    grid-column: 1/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-1-8 {
    grid-column: 1/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-1-9 {
    grid-column: 1/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-1-10 {
    grid-column: 1/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-1-11 {
    grid-column: 1/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-1-12 {
    grid-column: 1/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-2-1 {
    grid-column: 2/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-2-2 {
    grid-column: 2/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-2-3 {
    grid-column: 2/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-2-4 {
    grid-column: 2/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-2-5 {
    grid-column: 2/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-2-6 {
    grid-column: 2/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-2-7 {
    grid-column: 2/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-2-8 {
    grid-column: 2/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-2-9 {
    grid-column: 2/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-2-10 {
    grid-column: 2/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-2-11 {
    grid-column: 2/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-2-12 {
    grid-column: 2/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-3-1 {
    grid-column: 3/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-3-2 {
    grid-column: 3/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-3-3 {
    grid-column: 3/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-3-4 {
    grid-column: 3/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-3-5 {
    grid-column: 3/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-3-6 {
    grid-column: 3/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-3-7 {
    grid-column: 3/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-3-8 {
    grid-column: 3/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-3-9 {
    grid-column: 3/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-3-10 {
    grid-column: 3/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-3-11 {
    grid-column: 3/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-3-12 {
    grid-column: 3/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-4-1 {
    grid-column: 4/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-4-2 {
    grid-column: 4/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-4-3 {
    grid-column: 4/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-4-4 {
    grid-column: 4/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-4-5 {
    grid-column: 4/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-4-6 {
    grid-column: 4/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-4-7 {
    grid-column: 4/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-4-8 {
    grid-column: 4/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-4-9 {
    grid-column: 4/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-4-10 {
    grid-column: 4/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-4-11 {
    grid-column: 4/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-4-12 {
    grid-column: 4/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-5-1 {
    grid-column: 5/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-5-2 {
    grid-column: 5/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-5-3 {
    grid-column: 5/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-5-4 {
    grid-column: 5/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-5-5 {
    grid-column: 5/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-5-6 {
    grid-column: 5/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-5-7 {
    grid-column: 5/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-5-8 {
    grid-column: 5/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-5-9 {
    grid-column: 5/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-5-10 {
    grid-column: 5/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-5-11 {
    grid-column: 5/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-5-12 {
    grid-column: 5/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-6-1 {
    grid-column: 6/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-6-2 {
    grid-column: 6/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-6-3 {
    grid-column: 6/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-6-4 {
    grid-column: 6/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-6-5 {
    grid-column: 6/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-6-6 {
    grid-column: 6/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-6-7 {
    grid-column: 6/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-6-8 {
    grid-column: 6/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-6-9 {
    grid-column: 6/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-6-10 {
    grid-column: 6/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-6-11 {
    grid-column: 6/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-6-12 {
    grid-column: 6/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-7-1 {
    grid-column: 7/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-7-2 {
    grid-column: 7/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-7-3 {
    grid-column: 7/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-7-4 {
    grid-column: 7/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-7-5 {
    grid-column: 7/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-7-6 {
    grid-column: 7/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-7-7 {
    grid-column: 7/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-7-8 {
    grid-column: 7/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-7-9 {
    grid-column: 7/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-7-10 {
    grid-column: 7/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-7-11 {
    grid-column: 7/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-7-12 {
    grid-column: 7/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-8-1 {
    grid-column: 8/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-8-2 {
    grid-column: 8/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-8-3 {
    grid-column: 8/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-8-4 {
    grid-column: 8/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-8-5 {
    grid-column: 8/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-8-6 {
    grid-column: 8/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-8-7 {
    grid-column: 8/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-8-8 {
    grid-column: 8/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-8-9 {
    grid-column: 8/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-8-10 {
    grid-column: 8/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-8-11 {
    grid-column: 8/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-8-12 {
    grid-column: 8/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-9-1 {
    grid-column: 9/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-9-2 {
    grid-column: 9/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-9-3 {
    grid-column: 9/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-9-4 {
    grid-column: 9/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-9-5 {
    grid-column: 9/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-9-6 {
    grid-column: 9/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-9-7 {
    grid-column: 9/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-9-8 {
    grid-column: 9/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-9-9 {
    grid-column: 9/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-9-10 {
    grid-column: 9/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-9-11 {
    grid-column: 9/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-9-12 {
    grid-column: 9/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-10-1 {
    grid-column: 10/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-10-2 {
    grid-column: 10/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-10-3 {
    grid-column: 10/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-10-4 {
    grid-column: 10/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-10-5 {
    grid-column: 10/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-10-6 {
    grid-column: 10/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-10-7 {
    grid-column: 10/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-10-8 {
    grid-column: 10/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-10-9 {
    grid-column: 10/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-10-10 {
    grid-column: 10/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-10-11 {
    grid-column: 10/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-10-12 {
    grid-column: 10/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-11-1 {
    grid-column: 11/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-11-2 {
    grid-column: 11/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-11-3 {
    grid-column: 11/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-11-4 {
    grid-column: 11/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-11-5 {
    grid-column: 11/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-11-6 {
    grid-column: 11/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-11-7 {
    grid-column: 11/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-11-8 {
    grid-column: 11/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-11-9 {
    grid-column: 11/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-11-10 {
    grid-column: 11/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-11-11 {
    grid-column: 11/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-11-12 {
    grid-column: 11/span 12;
    grid-row: auto;
  }
  .row > col-md-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-md-12-1 {
    grid-column: 12/span 1;
    grid-row: auto;
  }
  .row > col-md-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-md-12-2 {
    grid-column: 12/span 2;
    grid-row: auto;
  }
  .row > col-md-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-md-12-3 {
    grid-column: 12/span 3;
    grid-row: auto;
  }
  .row > col-md-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-md-12-4 {
    grid-column: 12/span 4;
    grid-row: auto;
  }
  .row > col-md-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-md-12-5 {
    grid-column: 12/span 5;
    grid-row: auto;
  }
  .row > col-md-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-md-12-6 {
    grid-column: 12/span 6;
    grid-row: auto;
  }
  .row > col-md-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-md-12-7 {
    grid-column: 12/span 7;
    grid-row: auto;
  }
  .row > col-md-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-md-12-8 {
    grid-column: 12/span 8;
    grid-row: auto;
  }
  .row > col-md-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-md-12-9 {
    grid-column: 12/span 9;
    grid-row: auto;
  }
  .row > col-md-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-md-12-10 {
    grid-column: 12/span 10;
    grid-row: auto;
  }
  .row > col-md-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-md-12-11 {
    grid-column: 12/span 11;
    grid-row: auto;
  }
  .row > col-md-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-md-12-12 {
    grid-column: 12/span 12;
    grid-row: auto;
  }
}
@media (min-width: 992px) {
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-1-1 {
    grid-column: 1/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-1-2 {
    grid-column: 1/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-1-3 {
    grid-column: 1/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-1-4 {
    grid-column: 1/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-1-5 {
    grid-column: 1/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-1-6 {
    grid-column: 1/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-1-7 {
    grid-column: 1/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-1-8 {
    grid-column: 1/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-1-9 {
    grid-column: 1/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-1-10 {
    grid-column: 1/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-1-11 {
    grid-column: 1/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-1-12 {
    grid-column: 1/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-2-1 {
    grid-column: 2/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-2-2 {
    grid-column: 2/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-2-3 {
    grid-column: 2/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-2-4 {
    grid-column: 2/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-2-5 {
    grid-column: 2/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-2-6 {
    grid-column: 2/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-2-7 {
    grid-column: 2/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-2-8 {
    grid-column: 2/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-2-9 {
    grid-column: 2/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-2-10 {
    grid-column: 2/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-2-11 {
    grid-column: 2/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-2-12 {
    grid-column: 2/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-3-1 {
    grid-column: 3/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-3-2 {
    grid-column: 3/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-3-3 {
    grid-column: 3/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-3-4 {
    grid-column: 3/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-3-5 {
    grid-column: 3/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-3-6 {
    grid-column: 3/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-3-7 {
    grid-column: 3/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-3-8 {
    grid-column: 3/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-3-9 {
    grid-column: 3/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-3-10 {
    grid-column: 3/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-3-11 {
    grid-column: 3/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-3-12 {
    grid-column: 3/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-4-1 {
    grid-column: 4/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-4-2 {
    grid-column: 4/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-4-3 {
    grid-column: 4/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-4-4 {
    grid-column: 4/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-4-5 {
    grid-column: 4/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-4-6 {
    grid-column: 4/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-4-7 {
    grid-column: 4/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-4-8 {
    grid-column: 4/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-4-9 {
    grid-column: 4/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-4-10 {
    grid-column: 4/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-4-11 {
    grid-column: 4/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-4-12 {
    grid-column: 4/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-5-1 {
    grid-column: 5/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-5-2 {
    grid-column: 5/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-5-3 {
    grid-column: 5/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-5-4 {
    grid-column: 5/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-5-5 {
    grid-column: 5/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-5-6 {
    grid-column: 5/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-5-7 {
    grid-column: 5/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-5-8 {
    grid-column: 5/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-5-9 {
    grid-column: 5/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-5-10 {
    grid-column: 5/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-5-11 {
    grid-column: 5/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-5-12 {
    grid-column: 5/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-6-1 {
    grid-column: 6/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-6-2 {
    grid-column: 6/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-6-3 {
    grid-column: 6/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-6-4 {
    grid-column: 6/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-6-5 {
    grid-column: 6/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-6-6 {
    grid-column: 6/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-6-7 {
    grid-column: 6/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-6-8 {
    grid-column: 6/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-6-9 {
    grid-column: 6/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-6-10 {
    grid-column: 6/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-6-11 {
    grid-column: 6/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-6-12 {
    grid-column: 6/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-7-1 {
    grid-column: 7/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-7-2 {
    grid-column: 7/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-7-3 {
    grid-column: 7/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-7-4 {
    grid-column: 7/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-7-5 {
    grid-column: 7/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-7-6 {
    grid-column: 7/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-7-7 {
    grid-column: 7/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-7-8 {
    grid-column: 7/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-7-9 {
    grid-column: 7/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-7-10 {
    grid-column: 7/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-7-11 {
    grid-column: 7/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-7-12 {
    grid-column: 7/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-8-1 {
    grid-column: 8/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-8-2 {
    grid-column: 8/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-8-3 {
    grid-column: 8/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-8-4 {
    grid-column: 8/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-8-5 {
    grid-column: 8/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-8-6 {
    grid-column: 8/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-8-7 {
    grid-column: 8/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-8-8 {
    grid-column: 8/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-8-9 {
    grid-column: 8/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-8-10 {
    grid-column: 8/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-8-11 {
    grid-column: 8/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-8-12 {
    grid-column: 8/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-9-1 {
    grid-column: 9/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-9-2 {
    grid-column: 9/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-9-3 {
    grid-column: 9/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-9-4 {
    grid-column: 9/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-9-5 {
    grid-column: 9/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-9-6 {
    grid-column: 9/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-9-7 {
    grid-column: 9/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-9-8 {
    grid-column: 9/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-9-9 {
    grid-column: 9/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-9-10 {
    grid-column: 9/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-9-11 {
    grid-column: 9/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-9-12 {
    grid-column: 9/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-10-1 {
    grid-column: 10/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-10-2 {
    grid-column: 10/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-10-3 {
    grid-column: 10/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-10-4 {
    grid-column: 10/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-10-5 {
    grid-column: 10/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-10-6 {
    grid-column: 10/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-10-7 {
    grid-column: 10/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-10-8 {
    grid-column: 10/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-10-9 {
    grid-column: 10/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-10-10 {
    grid-column: 10/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-10-11 {
    grid-column: 10/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-10-12 {
    grid-column: 10/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-11-1 {
    grid-column: 11/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-11-2 {
    grid-column: 11/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-11-3 {
    grid-column: 11/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-11-4 {
    grid-column: 11/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-11-5 {
    grid-column: 11/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-11-6 {
    grid-column: 11/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-11-7 {
    grid-column: 11/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-11-8 {
    grid-column: 11/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-11-9 {
    grid-column: 11/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-11-10 {
    grid-column: 11/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-11-11 {
    grid-column: 11/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-11-12 {
    grid-column: 11/span 12;
    grid-row: auto;
  }
  .row > col-lg-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-lg-12-1 {
    grid-column: 12/span 1;
    grid-row: auto;
  }
  .row > col-lg-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-lg-12-2 {
    grid-column: 12/span 2;
    grid-row: auto;
  }
  .row > col-lg-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-lg-12-3 {
    grid-column: 12/span 3;
    grid-row: auto;
  }
  .row > col-lg-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-lg-12-4 {
    grid-column: 12/span 4;
    grid-row: auto;
  }
  .row > col-lg-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-lg-12-5 {
    grid-column: 12/span 5;
    grid-row: auto;
  }
  .row > col-lg-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-lg-12-6 {
    grid-column: 12/span 6;
    grid-row: auto;
  }
  .row > col-lg-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-lg-12-7 {
    grid-column: 12/span 7;
    grid-row: auto;
  }
  .row > col-lg-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-lg-12-8 {
    grid-column: 12/span 8;
    grid-row: auto;
  }
  .row > col-lg-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-lg-12-9 {
    grid-column: 12/span 9;
    grid-row: auto;
  }
  .row > col-lg-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-lg-12-10 {
    grid-column: 12/span 10;
    grid-row: auto;
  }
  .row > col-lg-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-lg-12-11 {
    grid-column: 12/span 11;
    grid-row: auto;
  }
  .row > col-lg-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-lg-12-12 {
    grid-column: 12/span 12;
    grid-row: auto;
  }
}
@media (min-width: 1200px) {
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-1-1 {
    grid-column: 1/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-1-2 {
    grid-column: 1/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-1-3 {
    grid-column: 1/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-1-4 {
    grid-column: 1/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-1-5 {
    grid-column: 1/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-1-6 {
    grid-column: 1/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-1-7 {
    grid-column: 1/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-1-8 {
    grid-column: 1/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-1-9 {
    grid-column: 1/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-1-10 {
    grid-column: 1/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-1-11 {
    grid-column: 1/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-1-12 {
    grid-column: 1/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-2-1 {
    grid-column: 2/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-2-2 {
    grid-column: 2/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-2-3 {
    grid-column: 2/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-2-4 {
    grid-column: 2/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-2-5 {
    grid-column: 2/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-2-6 {
    grid-column: 2/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-2-7 {
    grid-column: 2/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-2-8 {
    grid-column: 2/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-2-9 {
    grid-column: 2/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-2-10 {
    grid-column: 2/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-2-11 {
    grid-column: 2/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-2-12 {
    grid-column: 2/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-3-1 {
    grid-column: 3/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-3-2 {
    grid-column: 3/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-3-3 {
    grid-column: 3/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-3-4 {
    grid-column: 3/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-3-5 {
    grid-column: 3/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-3-6 {
    grid-column: 3/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-3-7 {
    grid-column: 3/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-3-8 {
    grid-column: 3/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-3-9 {
    grid-column: 3/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-3-10 {
    grid-column: 3/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-3-11 {
    grid-column: 3/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-3-12 {
    grid-column: 3/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-4-1 {
    grid-column: 4/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-4-2 {
    grid-column: 4/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-4-3 {
    grid-column: 4/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-4-4 {
    grid-column: 4/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-4-5 {
    grid-column: 4/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-4-6 {
    grid-column: 4/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-4-7 {
    grid-column: 4/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-4-8 {
    grid-column: 4/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-4-9 {
    grid-column: 4/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-4-10 {
    grid-column: 4/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-4-11 {
    grid-column: 4/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-4-12 {
    grid-column: 4/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-5-1 {
    grid-column: 5/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-5-2 {
    grid-column: 5/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-5-3 {
    grid-column: 5/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-5-4 {
    grid-column: 5/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-5-5 {
    grid-column: 5/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-5-6 {
    grid-column: 5/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-5-7 {
    grid-column: 5/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-5-8 {
    grid-column: 5/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-5-9 {
    grid-column: 5/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-5-10 {
    grid-column: 5/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-5-11 {
    grid-column: 5/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-5-12 {
    grid-column: 5/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-6-1 {
    grid-column: 6/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-6-2 {
    grid-column: 6/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-6-3 {
    grid-column: 6/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-6-4 {
    grid-column: 6/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-6-5 {
    grid-column: 6/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-6-6 {
    grid-column: 6/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-6-7 {
    grid-column: 6/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-6-8 {
    grid-column: 6/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-6-9 {
    grid-column: 6/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-6-10 {
    grid-column: 6/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-6-11 {
    grid-column: 6/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-6-12 {
    grid-column: 6/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-7-1 {
    grid-column: 7/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-7-2 {
    grid-column: 7/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-7-3 {
    grid-column: 7/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-7-4 {
    grid-column: 7/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-7-5 {
    grid-column: 7/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-7-6 {
    grid-column: 7/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-7-7 {
    grid-column: 7/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-7-8 {
    grid-column: 7/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-7-9 {
    grid-column: 7/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-7-10 {
    grid-column: 7/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-7-11 {
    grid-column: 7/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-7-12 {
    grid-column: 7/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-8-1 {
    grid-column: 8/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-8-2 {
    grid-column: 8/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-8-3 {
    grid-column: 8/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-8-4 {
    grid-column: 8/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-8-5 {
    grid-column: 8/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-8-6 {
    grid-column: 8/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-8-7 {
    grid-column: 8/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-8-8 {
    grid-column: 8/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-8-9 {
    grid-column: 8/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-8-10 {
    grid-column: 8/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-8-11 {
    grid-column: 8/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-8-12 {
    grid-column: 8/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-9-1 {
    grid-column: 9/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-9-2 {
    grid-column: 9/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-9-3 {
    grid-column: 9/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-9-4 {
    grid-column: 9/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-9-5 {
    grid-column: 9/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-9-6 {
    grid-column: 9/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-9-7 {
    grid-column: 9/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-9-8 {
    grid-column: 9/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-9-9 {
    grid-column: 9/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-9-10 {
    grid-column: 9/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-9-11 {
    grid-column: 9/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-9-12 {
    grid-column: 9/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-10-1 {
    grid-column: 10/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-10-2 {
    grid-column: 10/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-10-3 {
    grid-column: 10/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-10-4 {
    grid-column: 10/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-10-5 {
    grid-column: 10/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-10-6 {
    grid-column: 10/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-10-7 {
    grid-column: 10/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-10-8 {
    grid-column: 10/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-10-9 {
    grid-column: 10/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-10-10 {
    grid-column: 10/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-10-11 {
    grid-column: 10/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-10-12 {
    grid-column: 10/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-11-1 {
    grid-column: 11/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-11-2 {
    grid-column: 11/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-11-3 {
    grid-column: 11/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-11-4 {
    grid-column: 11/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-11-5 {
    grid-column: 11/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-11-6 {
    grid-column: 11/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-11-7 {
    grid-column: 11/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-11-8 {
    grid-column: 11/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-11-9 {
    grid-column: 11/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-11-10 {
    grid-column: 11/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-11-11 {
    grid-column: 11/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-11-12 {
    grid-column: 11/span 12;
    grid-row: auto;
  }
  .row > col-xl-1 {
    grid-column: auto/span 1;
    grid-row: auto;
  }
  .row > col-xl-12-1 {
    grid-column: 12/span 1;
    grid-row: auto;
  }
  .row > col-xl-2 {
    grid-column: auto/span 2;
    grid-row: auto;
  }
  .row > col-xl-12-2 {
    grid-column: 12/span 2;
    grid-row: auto;
  }
  .row > col-xl-3 {
    grid-column: auto/span 3;
    grid-row: auto;
  }
  .row > col-xl-12-3 {
    grid-column: 12/span 3;
    grid-row: auto;
  }
  .row > col-xl-4 {
    grid-column: auto/span 4;
    grid-row: auto;
  }
  .row > col-xl-12-4 {
    grid-column: 12/span 4;
    grid-row: auto;
  }
  .row > col-xl-5 {
    grid-column: auto/span 5;
    grid-row: auto;
  }
  .row > col-xl-12-5 {
    grid-column: 12/span 5;
    grid-row: auto;
  }
  .row > col-xl-6 {
    grid-column: auto/span 6;
    grid-row: auto;
  }
  .row > col-xl-12-6 {
    grid-column: 12/span 6;
    grid-row: auto;
  }
  .row > col-xl-7 {
    grid-column: auto/span 7;
    grid-row: auto;
  }
  .row > col-xl-12-7 {
    grid-column: 12/span 7;
    grid-row: auto;
  }
  .row > col-xl-8 {
    grid-column: auto/span 8;
    grid-row: auto;
  }
  .row > col-xl-12-8 {
    grid-column: 12/span 8;
    grid-row: auto;
  }
  .row > col-xl-9 {
    grid-column: auto/span 9;
    grid-row: auto;
  }
  .row > col-xl-12-9 {
    grid-column: 12/span 9;
    grid-row: auto;
  }
  .row > col-xl-10 {
    grid-column: auto/span 10;
    grid-row: auto;
  }
  .row > col-xl-12-10 {
    grid-column: 12/span 10;
    grid-row: auto;
  }
  .row > col-xl-11 {
    grid-column: auto/span 11;
    grid-row: auto;
  }
  .row > col-xl-12-11 {
    grid-column: 12/span 11;
    grid-row: auto;
  }
  .row > col-xl-12 {
    grid-column: auto/span 12;
    grid-row: auto;
  }
  .row > col-xl-12-12 {
    grid-column: 12/span 12;
    grid-row: auto;
  }
}h1 {
  font-size: 44px;
}
h1.slim {
  font-size: 44px;
  margin: 0;
}

h2 {
  font-size: 38px;
}
h2.slim {
  font-size: 38px;
  margin: 0;
}

h3 {
  font-size: 32px;
}
h3.slim {
  font-size: 32px;
  margin: 0;
}

h4 {
  font-size: 26px;
}
h4.slim {
  font-size: 26px;
  margin: 0;
}

h5 {
  font-size: 22px;
}
h5.slim {
  font-size: 22px;
  margin: 0;
}

h6 {
  font-size: 19px;
}
h6.slim {
  font-size: 19px;
  margin: 0;
}

.f1 {
  font-size: 6px;
}

.f2 {
  font-size: 9px;
}

.f3 {
  font-size: 13px;
}

.f4 {
  font-size: 15px;
}

.f5 {
  font-size: 19px;
}

.f6 {
  font-size: 23px;
}

.f7 {
  font-size: 26px;
}

.f8 {
  font-size: 30px;
}

.f9 {
  font-size: 34px;
}

.f10 {
  font-size: 40px;
}#creatorBarsMenu {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: black;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu:hover::before {
  cursor: pointer;
  color: #0a6ab0;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-default {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-default::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: black;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-default:hover::before {
  cursor: pointer;
  color: #a1a1a1;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-primary {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-primary::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #8b480e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-primary:hover::before {
  cursor: pointer;
  color: #d8a77d;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-success {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-success::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #195f34;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-success:hover::before {
  cursor: pointer;
  color: #4bcc7c;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-danger {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-danger::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #8c101b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-danger:hover::before {
  cursor: pointer;
  color: #ed7781;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-warning {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-warning::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #ffbf00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-warning:hover::before {
  cursor: pointer;
  color: #ffe9a6;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-info {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-info::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #2894aa;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-info:hover::before {
  cursor: pointer;
  color: #8bc8d4;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-light {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-light::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #a19b9b;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-light:hover::before {
  cursor: pointer;
  color: #eae2e2;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-dark {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-dark::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #161616;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-dark:hover::before {
  cursor: pointer;
  color: #606060;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-antan {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-antan::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #fe2f00;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-antan:hover::before {
  cursor: pointer;
  color: #a76e62;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-notify {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-notify::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #07294e;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-notify:hover::before {
  cursor: pointer;
  color: #7b9abd;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsMenu.cp-funk {
  display: none;
  visibility: hidden;
  z-index: 70;
}
#creatorBarsMenu.cp-funk::before {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  color: #165992;
  content: "|||";
  transform: rotate(90deg);
  transition: all 0.4ms ease-in-out;
}
#creatorBarsMenu.cp-funk:hover::before {
  cursor: pointer;
  color: #61b2f7;
}
#creatorBarsMenu > nav > .item {
  grid-column-start: 2;
}

#creatorBarsBackground {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  align-items: center;
  justify-content: center;
  visibility: visible;
  z-index: 60;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#closeMenuIcon {
  position: absolute;
  top: 14px;
  right: 14px;
}
#closeMenuIcon::before {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight: bold;
  font-size: 3rem;
  color: #1986d5;
  content: "X";
}
#closeMenuIcon:hover::before {
  cursor: pointer;
  color: #0d4b78;
}.creator.checkbox-wrap {
  display: inline-block;
}
.creator.checkbox-wrap.cp-default > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Default);
}
.creator.checkbox-wrap.cp-default > .container > .checkmark:after {
  border: solid color(Default, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-primary > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Primary);
}
.creator.checkbox-wrap.cp-primary > .container > .checkmark:after {
  border: solid color(Primary, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-success > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Success);
}
.creator.checkbox-wrap.cp-success > .container > .checkmark:after {
  border: solid color(Success, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-danger > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Danger);
}
.creator.checkbox-wrap.cp-danger > .container > .checkmark:after {
  border: solid color(Danger, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-warning > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Warning);
}
.creator.checkbox-wrap.cp-warning > .container > .checkmark:after {
  border: solid color(Warning, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-info > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Info);
}
.creator.checkbox-wrap.cp-info > .container > .checkmark:after {
  border: solid color(Info, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-light > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Light);
}
.creator.checkbox-wrap.cp-light > .container > .checkmark:after {
  border: solid color(Light, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-dark > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Dark);
}
.creator.checkbox-wrap.cp-dark > .container > .checkmark:after {
  border: solid color(Dark, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-antan > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Antan);
}
.creator.checkbox-wrap.cp-antan > .container > .checkmark:after {
  border: solid color(Antan, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-notify > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Notify);
}
.creator.checkbox-wrap.cp-notify > .container > .checkmark:after {
  border: solid color(Notify, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap.cp-funk > .container > .checkmark {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background-color: color(Funk);
}
.creator.checkbox-wrap.cp-funk > .container > .checkmark:after {
  border: solid color(Funk, Fifth);
  border-width: 0 4px 4px 0;
}
.creator.checkbox-wrap > .container {
  display: inline;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.creator.checkbox-wrap > .container > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.creator.checkbox-wrap > .container > .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.creator.checkbox-wrap > .container > input:checked ~ .checkmark:after {
  display: block;
}
.creator.checkbox-wrap > .container > .checkmark:after {
  position: relative;
  left: 7px;
  top: 4px;
  width: 4px;
  height: 8px;
  transform: rotate(45deg);
}
.creator.checkbox-wrap > .text {
  position: relative;
  top: -2px;
  font-size: 0.9rem;
}div.creator-slider.style-default > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-default > label.switch input {
  display: none;
}
div.creator-slider.style-default > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-default > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-default > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-default > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-default > label.switch > input:checked + .slider {
  background-color: #303030;
}
div.creator-slider.style-default > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-primary > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-primary > label.switch input {
  display: none;
}
div.creator-slider.style-primary > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-primary > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-primary > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-primary > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-primary > label.switch > input:checked + .slider {
  background-color: #b06c31;
}
div.creator-slider.style-primary > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-success > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-success > label.switch input {
  display: none;
}
div.creator-slider.style-success > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-success > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-success > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-success > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-success > label.switch > input:checked + .slider {
  background-color: #238649;
}
div.creator-slider.style-success > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-danger > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-danger > label.switch input {
  display: none;
}
div.creator-slider.style-danger > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-danger > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-danger > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-danger > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-danger > label.switch > input:checked + .slider {
  background-color: #a12d37;
}
div.creator-slider.style-danger > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-warning > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-warning > label.switch input {
  display: none;
}
div.creator-slider.style-warning > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-warning > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-warning > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-warning > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-warning > label.switch > input:checked + .slider {
  background-color: #ffd24a;
}
div.creator-slider.style-warning > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-info > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-info > label.switch input {
  display: none;
}
div.creator-slider.style-info > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-info > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-info > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-info > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-info > label.switch > input:checked + .slider {
  background-color: #46a3b6;
}
div.creator-slider.style-info > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-light > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-light > label.switch input {
  display: none;
}
div.creator-slider.style-light > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-light > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-light > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-light > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-light > label.switch > input:checked + .slider {
  background-color: #bbb3b3;
}
div.creator-slider.style-light > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-dark > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-dark > label.switch input {
  display: none;
}
div.creator-slider.style-dark > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-dark > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-dark > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-dark > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-dark > label.switch > input:checked + .slider {
  background-color: #2c2c2c;
}
div.creator-slider.style-dark > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-antan > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-antan > label.switch input {
  display: none;
}
div.creator-slider.style-antan > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-antan > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-antan > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-antan > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-antan > label.switch > input:checked + .slider {
  background-color: #c44b30;
}
div.creator-slider.style-antan > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-notify > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-notify > label.switch input {
  display: none;
}
div.creator-slider.style-notify > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-notify > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-notify > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-notify > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-notify > label.switch > input:checked + .slider {
  background-color: #1c436d;
}
div.creator-slider.style-notify > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}

div.creator-slider.style-funk > label.switch {
  display: inline-block;
  height: 34px;
  position: absolute;
  width: 60px;
}
div.creator-slider.style-funk > label.switch input {
  display: none;
}
div.creator-slider.style-funk > label.switch > div.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  right: 0;
  top: 0;
  transition: 0.4s;
}
div.creator-slider.style-funk > label.switch > div.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
div.creator-slider.style-funk > label.switch > div.slider.round {
  border-radius: 34px;
}
div.creator-slider.style-funk > label.switch > div.slider.round:before {
  border-radius: 50%;
}
div.creator-slider.style-funk > label.switch > input:checked + .slider {
  background-color: #1976c5;
}
div.creator-slider.style-funk > label.switch > input:checked + .slider:before {
  transform: translateX(26px);
}[class^=ci-icon-], [class*=" ci-icon-"] {
  font-family: "CaptainIcon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}@font-face {
  font-family: "devicons";
  src: url("http://cdn.getcreatorframework.com/components/style/font/devicon/devicons.eot?xqxft6") format("embedded-opentype"), url("http://cdn.getcreatorframework.com/components/style/font/devicon/devicons.woff?xqxft6") format("woff"), url("http://cdn.getcreatorframework.com/components/style/font/devicon/devicons.ttf?xqxft6") format("truetype"), url("http://cdn.getcreatorframework.com/components/style/font/devicon/devicons.svg?xqxft6#devicons") format("svg");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
}
@font-face {
  font-family: "captainicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  src: url("http://cdn.getcreatorframework.com/components/style/font/captainicon/Icons.eot?-1i2a56") format("embedded-opentype"), url("http://cdn.getcreatorframework.com/components/style/font/captainicon/Icons.woff?-1i2a56") format("woff"), url("http://cdn.getcreatorframework.com/components/style/font/captainicon/Icons.ttf?-1i2a56") format("truetype"), url("http://cdn.getcreatorframework.com/components/style/font/captainicon/Icons.svg?-1i2a56#CaptainIcon") format("svg");
}
.creator-icon {
  display: flex;
  align-items: center;
}
.creator-icon > .text {
  margin-left: 6px;
}
.creator-icon.devicon {
  font-family: "devicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}
.creator-icon.devicon-git::before {
  content: "\e602";
}
.creator-icon.devicon-git_compare::before {
  content: "\e628";
}
.creator-icon.devicon-git_branch::before {
  content: "\e625";
}
.creator-icon.devicon-git_commit::before {
  content: "\e629";
}
.creator-icon.devicon-git_pull_request::before {
  content: "\e626";
}
.creator-icon.devicon-git_merge::before {
  content: "\e627";
}
.creator-icon.devicon-bitbucket::before {
  content: "\e603";
}
.creator-icon.devicon-github_alt::before {
  content: "\e608";
}
.creator-icon.devicon-github_badge::before {
  content: "\e609";
}
.creator-icon.devicon-github::before {
  content: "\e60a";
}
.creator-icon.devicon-github_full::before {
  content: "\e617";
}
.creator-icon.devicon-java::before {
  content: "\e638";
}
.creator-icon.devicon-ruby::before {
  content: "\e639";
}
.creator-icon.devicon-scala::before {
  content: "\e637";
}
.creator-icon.devicon-python::before {
  content: "\e63c";
}
.creator-icon.devicon-go::before {
  content: "\e624";
}
.creator-icon.devicon-ruby_on_rails::before {
  content: "\e63b";
}
.creator-icon.devicon-django::before {
  content: "\e61d";
}
.creator-icon.devicon-markdown::before {
  content: "\e63e";
}
.creator-icon.devicon-php::before {
  content: "\e63d";
}
.creator-icon.devicon-mysql::before {
  content: "\e604";
}
.creator-icon.devicon-streamline::before {
  content: "\e605";
}
.creator-icon.devicon-database::before {
  content: "\e606";
}
.creator-icon.devicon-laravel::before {
  content: "\e63f";
}
.creator-icon.devicon-javascript::before {
  content: "\e64e";
}
.creator-icon.devicon-angular::before {
  content: "\e653";
}
.creator-icon.devicon-backbone::before {
  content: "\e652";
}
.creator-icon.devicon-coffeescript::before {
  content: "\e651";
}
.creator-icon.devicon-jquery::before {
  content: "\e650";
}
.creator-icon.devicon-modernizr::before {
  content: "\e620";
}
.creator-icon.devicon-jquery_ui::before {
  content: "\e654";
}
.creator-icon.devicon-ember::before {
  content: "\e61b";
}
.creator-icon.devicon-dojo::before {
  content: "\e61c";
}
.creator-icon.devicon-nodejs::before {
  content: "\e619";
}
.creator-icon.devicon-nodejs_small::before {
  content: "\e618";
}
.creator-icon.devicon-javascript_shield::before {
  content: "\e64f";
}
.creator-icon.devicon-bootstrap::before {
  content: "\e647";
}
.creator-icon.devicon-sass::before {
  content: "\e64b";
}
.creator-icon.devicon-css3_full::before {
  content: "\e64a";
}
.creator-icon.devicon-css3::before {
  content: "\e649";
}
.creator-icon.devicon-html5::before {
  content: "\e636";
}
.creator-icon.devicon-html5_multimedia::before {
  content: "\e632";
}
.creator-icon.devicon-html5_device_access::before {
  content: "\e633";
}
.creator-icon.devicon-html5_3d_effects::before {
  content: "\e635";
}
.creator-icon.devicon-html5_connectivity::before {
  content: "\e634";
}
.creator-icon.devicon-ghost_small::before {
  content: "\e614";
}
.creator-icon.devicon-ghost::before {
  content: "\e61f";
}
.creator-icon.devicon-magento::before {
  content: "\e640";
}
.creator-icon.devicon-joomla::before {
  content: "\e641";
}
.creator-icon.devicon-jekyll_small::before {
  content: "\e60d";
}
.creator-icon.devicon-drupal::before {
  content: "\e642";
}
.creator-icon.devicon-wordpress::before {
  content: "\e60b";
}
.creator-icon.devicon-grunt::before {
  content: "\e64c";
}
.creator-icon.devicon-bower::before {
  content: "\e64d";
}
.creator-icon.devicon-npm::before {
  content: "\e61e";
}
.creator-icon.devicon-yahoo_small::before {
  content: "\e62b";
}
.creator-icon.devicon-yahoo::before {
  content: "\e615";
}
.creator-icon.devicon-bing_small::before {
  content: "\e600";
}
.creator-icon.devicon-windows::before {
  content: "\e60f";
}
.creator-icon.devicon-linux::before {
  content: "\e612";
}
.creator-icon.devicon-ubuntu::before {
  content: "\e63a";
}
.creator-icon.devicon-android::before {
  content: "\e60e";
}
.creator-icon.devicon-apple::before {
  content: "\e611";
}
.creator-icon.devicon-appstore::before {
  content: "\e613";
}
.creator-icon.devicon-phonegap::before {
  content: "\e630";
}
.creator-icon.devicon-blackberry::before {
  content: "\e623";
}
.creator-icon.devicon-stackoverflow::before {
  content: "\e610";
}
.creator-icon.devicon-techcrunch::before {
  content: "\e62c";
}
.creator-icon.devicon-codrops::before {
  content: "\e62f";
}
.creator-icon.devicon-css_tricks::before {
  content: "\e601";
}
.creator-icon.devicon-smashing_magazine::before {
  content: "\e62d";
}
.creator-icon.devicon-netmagazine::before {
  content: "\e62e";
}
.creator-icon.devicon-codepen::before {
  content: "\e616";
}
.creator-icon.devicon-cssdeck::before {
  content: "\e62a";
}
.creator-icon.devicon-hackernews::before {
  content: "\e61a";
}
.creator-icon.devicon-dropbox::before {
  content: "\e607";
}
.creator-icon.devicon-google_drive::before {
  content: "\e631";
}
.creator-icon.devicon-visualstudio::before {
  content: "\e60c";
}
.creator-icon.devicon-unity_small::before {
  content: "\e621";
}
.creator-icon.devicon-raspberry_pi::before {
  content: "\e622";
}
.creator-icon.devicon-chrome::before {
  content: "\e643";
}
.creator-icon.devicon-ie::before {
  content: "\e644";
}
.creator-icon.devicon-firefox::before {
  content: "\e645";
}
.creator-icon.devicon-opera::before {
  content: "\e646";
}
.creator-icon.devicon-safari::before {
  content: "\e648";
}
.creator-icon.devicon-swift::before {
  content: "\e655";
}
.creator-icon.devicon-symfony::before {
  content: "\e656";
}
.creator-icon.devicon-symfony_badge::before {
  content: "\e657";
}
.creator-icon.devicon-less::before {
  content: "\e658";
}
.creator-icon.devicon-stylus::before {
  content: "\e659";
}
.creator-icon.devicon-trello::before {
  content: "\e65a";
}
.creator-icon.devicon-atlassian::before {
  content: "\e65b";
}
.creator-icon.devicon-jira::before {
  content: "\e65c";
}
.creator-icon.devicon-envato::before {
  content: "\e65d";
}
.creator-icon.devicon-snap_svg::before {
  content: "\e65e";
}
.creator-icon.devicon-raphael::before {
  content: "\e65f";
}
.creator-icon.devicon-google_analytics::before {
  content: "\e660";
}
.creator-icon.devicon-compass::before {
  content: "\e661";
}
.creator-icon.devicon-onedrive::before {
  content: "\e662";
}
.creator-icon.devicon-gulp::before {
  content: "\e663";
}
.creator-icon.devicon-atom::before {
  content: "\e664";
}
.creator-icon.devicon-cisco::before {
  content: "\e665";
}
.creator-icon.devicon-nancy::before {
  content: "\e666";
}
.creator-icon.devicon-clojure::before {
  content: "\e668";
}
.creator-icon.devicon-clojure_alt::before {
  content: "\e66a";
}
.creator-icon.devicon-perl::before {
  content: "\e669";
}
.creator-icon.devicon-celluloid::before {
  content: "\e66b";
}
.creator-icon.devicon-w3c::before {
  content: "\e66c";
}
.creator-icon.devicon-redis::before {
  content: "\e66d";
}
.creator-icon.devicon-postgresql::before {
  content: "\e66e";
}
.creator-icon.devicon-webplatform::before {
  content: "\e66f";
}
.creator-icon.devicon-jenkins::before {
  content: "\e667";
}
.creator-icon.devicon-requirejs::before {
  content: "\e670";
}
.creator-icon.devicon-opensource::before {
  content: "\e671";
}
.creator-icon.devicon-typo3::before {
  content: "\e672";
}
.creator-icon.devicon-uikit::before {
  content: "\e673";
}
.creator-icon.devicon-doctrine::before {
  content: "\e674";
}
.creator-icon.devicon-groovy::before {
  content: "\e675";
}
.creator-icon.devicon-nginx::before {
  content: "\e676";
}
.creator-icon.devicon-haskell::before {
  content: "\e677";
}
.creator-icon.devicon-zend::before {
  content: "\e678";
}
.creator-icon.devicon-gnu::before {
  content: "\e679";
}
.creator-icon.devicon-yeoman::before {
  content: "\e67a";
}
.creator-icon.devicon-heroku::before {
  content: "\e67b";
}
.creator-icon.devicon-debian::before {
  content: "\e67d";
}
.creator-icon.devicon-travis::before {
  content: "\e67e";
}
.creator-icon.devicon-dotnet::before {
  content: "\e67f";
}
.creator-icon.devicon-codeigniter::before {
  content: "\e680";
}
.creator-icon.devicon-javascript_badge::before {
  content: "\e681";
}
.creator-icon.devicon-yii::before {
  content: "\e682";
}
.creator-icon.devicon-msql_server::before {
  content: "\e67c";
}
.creator-icon.devicon-composer::before {
  content: "\e683";
}
.creator-icon.devicon-krakenjs_badge::before {
  content: "\e684";
}
.creator-icon.devicon-krakenjs::before {
  content: "\e685";
}
.creator-icon.devicon-mozilla::before {
  content: "\e686";
}
.creator-icon.devicon-firebase::before {
  content: "\e687";
}
.creator-icon.devicon-sizzlejs::before {
  content: "\e688";
}
.creator-icon.devicon-creativecommons::before {
  content: "\e689";
}
.creator-icon.devicon-creativecommons_badge::before {
  content: "\e68a";
}
.creator-icon.devicon-mitlicence::before {
  content: "\e68b";
}
.creator-icon.devicon-senchatouch::before {
  content: "\e68c";
}
.creator-icon.devicon-bugsense::before {
  content: "\e68d";
}
.creator-icon.devicon-extjs::before {
  content: "\e68e";
}
.creator-icon.devicon-mootools_badge::before {
  content: "\e68f";
}
.creator-icon.devicon-mootools::before {
  content: "\e690";
}
.creator-icon.devicon-ruby_rough::before {
  content: "\e691";
}
.creator-icon.devicon-komodo::before {
  content: "\e692";
}
.creator-icon.devicon-coda::before {
  content: "\e693";
}
.creator-icon.devicon-bintray::before {
  content: "\e694";
}
.creator-icon.devicon-terminal::before {
  content: "\e695";
}
.creator-icon.devicon-code::before {
  content: "\e696";
}
.creator-icon.devicon-responsive::before {
  content: "\e697";
}
.creator-icon.devicon-dart::before {
  content: "\e698";
}
.creator-icon.devicon-aptana::before {
  content: "\e699";
}
.creator-icon.devicon-mailchimp::before {
  content: "\e69a";
}
.creator-icon.devicon-netbeans::before {
  content: "\e69b";
}
.creator-icon.devicon-dreamweaver::before {
  content: "\e69c";
}
.creator-icon.devicon-brackets::before {
  content: "\e69d";
}
.creator-icon.devicon-eclipse::before {
  content: "\e69e";
}
.creator-icon.devicon-cloud9::before {
  content: "\e69f";
}
.creator-icon.devicon-scrum::before {
  content: "\e6a0";
}
.creator-icon.devicon-prolog::before {
  content: "\e6a1";
}
.creator-icon.devicon-terminal_badge::before {
  content: "\e6a2";
}
.creator-icon.devicon-code_badge::before {
  content: "\e6a3";
}
.creator-icon.devicon-mongodb::before {
  content: "\e6a4";
}
.creator-icon.devicon-meteor::before {
  content: "\e6a5";
}
.creator-icon.devicon-meteorfull::before {
  content: "\e6a6";
}
.creator-icon.devicon-fsharp::before {
  content: "\e6a7";
}
.creator-icon.devicon-rust::before {
  content: "\e6a8";
}
.creator-icon.devicon-ionic::before {
  content: "\e6a9";
}
.creator-icon.devicon-sublime::before {
  content: "\e6aa";
}
.creator-icon.devicon-appcelerator::before {
  content: "\e6ab";
}
.creator-icon.devicon-asterisk::before {
  content: "\e6ac";
}
.creator-icon.devicon-aws::before {
  content: "\e6ad";
}
.creator-icon.devicon-digital-ocean::before {
  content: "\e6ae";
}
.creator-icon.devicon-dlang::before {
  content: "\e6af";
}
.creator-icon.devicon-docker::before {
  content: "\e6b0";
}
.creator-icon.devicon-erlang::before {
  content: "\e6b1";
}
.creator-icon.devicon-google-cloud-platform::before {
  content: "\e6b2";
}
.creator-icon.devicon-grails::before {
  content: "\e6b3";
}
.creator-icon.devicon-illustrator::before {
  content: "\e6b4";
}
.creator-icon.devicon-intellij::before {
  content: "\e6b5";
}
.creator-icon.devicon-materializecss::before {
  content: "\e6b6";
}
.creator-icon.devicon-openshift::before {
  content: "\e6b7";
}
.creator-icon.devicon-photoshop::before {
  content: "\e6b8";
}
.creator-icon.devicon-rackspace::before {
  content: "\e6b9";
}
.creator-icon.devicon-react::before {
  content: "\e6ba";
}
.creator-icon.devicon-redhat::before {
  content: "\e6bb";
}
.creator-icon.devicon-scriptcs::before {
  content: "\e6bc";
}
.creator-icon.devicon-sqllite::before {
  content: "\e6c4";
}
.creator-icon.devicon-vim::before {
  content: "\e6c5";
}
.creator-icon.captainicon {
  font-family: "captainicons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}
.creator-icon.captainicon-ci-home::before {
  content: "\e600";
}
.creator-icon.captainicon-ci-home-alt::before {
  content: "\e6c1";
}
.creator-icon.captainicon-ci-pin::before {
  content: "\e601";
}
.creator-icon.captainicon-ci-comment::before {
  content: "\e602";
}
.creator-icon.captainicon-ci-comment-dots::before {
  content: "\e603";
}
.creator-icon.captainicon-ci-comments::before {
  content: "\e68c";
}
.creator-icon.captainicon-ci-gear::before {
  content: "\e605";
}
.creator-icon.captainicon-ci-gears::before {
  content: "\e606";
}
.creator-icon.captainicon-ci-heart::before {
  content: "\e607";
}
.creator-icon.captainicon-ci-lock::before {
  content: "\e608";
}
.creator-icon.captainicon-ci-lock-opened::before {
  content: "\e609";
}
.creator-icon.captainicon-ci-load::before {
  content: "\e60a";
}
.creator-icon.captainicon-ci-refresh::before {
  content: "\e60b";
}
.creator-icon.captainicon-ci-tachometer::before {
  content: "\e60d";
}
.creator-icon.captainicon-ci-compass::before {
  content: "\e60e";
}
.creator-icon.captainicon-ci-timer::before {
  content: "\e60f";
}
.creator-icon.captainicon-ci-download::before {
  content: "\e610";
}
.creator-icon.captainicon-ci-upload::before {
  content: "\e611";
}
.creator-icon.captainicon-ci-envelope::before {
  content: "\e612";
}
.creator-icon.captainicon-ci-envelope-opened::before {
  content: "\e764";
}
.creator-icon.captainicon-ci-envelope-in::before {
  content: "\e68a";
}
.creator-icon.captainicon-ci-envelope-out::before {
  content: "\e68b";
}
.creator-icon.captainicon-ci-tag::before {
  content: "\e613";
}
.creator-icon.captainicon-ci-tag-alt::before {
  content: "\e6e5";
}
.creator-icon.captainicon-ci-eye::before {
  content: "\e614";
}
.creator-icon.captainicon-ci-star::before {
  content: "\e615";
}
.creator-icon.captainicon-ci-mobile::before {
  content: "\e616";
}
.creator-icon.captainicon-ci-monitor::before {
  content: "\e617";
}
.creator-icon.captainicon-ci-music-player::before {
  content: "\e618";
}
.creator-icon.captainicon-ci-camera::before {
  content: "\e619";
}
.creator-icon.captainicon-ci-suitcase::before {
  content: "\e61a";
}
.creator-icon.captainicon-ci-shelf::before {
  content: "\e61b";
}
.creator-icon.captainicon-ci-umbrela::before {
  content: "\e61c";
}
.creator-icon.captainicon-ci-trash::before {
  content: "\e61d";
}
.creator-icon.captainicon-ci-shopping-cart::before {
  content: "\e61f";
}
.creator-icon.captainicon-ci-shopping-cart-full::before {
  content: "\e61e";
}
.creator-icon.captainicon-ci-calendar::before {
  content: "\e620";
}
.creator-icon.captainicon-ci-gift::before {
  content: "\e621";
}
.creator-icon.captainicon-ci-test-tube::before {
  content: "\e622";
}
.creator-icon.captainicon-ci-puzzle-piece::before {
  content: "\e623";
}
.creator-icon.captainicon-ci-sun::before {
  content: "\e624";
}
.creator-icon.captainicon-ci-sun-alt::before {
  content: "\e6a1";
}
.creator-icon.captainicon-ci-map::before {
  content: "\e625";
}
.creator-icon.captainicon-ci-paint-brush::before {
  content: "\e626";
}
.creator-icon.captainicon-ci-lightbulb::before {
  content: "\e627";
}
.creator-icon.captainicon-ci-phone::before {
  content: "\e628";
}
.creator-icon.captainicon-ci-band-aid::before {
  content: "\e629";
}
.creator-icon.captainicon-ci-list-ul::before {
  content: "\e62a";
}
.creator-icon.captainicon-ci-list-ol::before {
  content: "\e62b";
}
.creator-icon.captainicon-ci-question::before {
  content: "\e62c";
}
.creator-icon.captainicon-ci-file::before {
  content: "\e62d";
}
.creator-icon.captainicon-ci-file-alt::before {
  content: "\e62e";
}
.creator-icon.captainicon-ci-file-edit::before {
  content: "\e652";
}
.creator-icon.captainicon-ci-file-filled::before {
  content: "\e709";
}
.creator-icon.captainicon-ci-user::before {
  content: "\e62f";
}
.creator-icon.captainicon-ci-user-alt::before {
  content: "\e630";
}
.creator-icon.captainicon-ci-users::before {
  content: "\e631";
}
.creator-icon.captainicon-ci-users-alt::before {
  content: "\e632";
}
.creator-icon.captainicon-ci-mouse::before {
  content: "\e633";
}
.creator-icon.captainicon-ci-mouse-pointer::before {
  content: "\e705";
}
.creator-icon.captainicon-ci-keyboard::before {
  content: "\e634";
}
.creator-icon.captainicon-ci-keyboard-key::before {
  content: "\e706";
}
.creator-icon.captainicon-ci-pencil::before {
  content: "\e635";
}
.creator-icon.captainicon-ci-check::before {
  content: "\e636";
}
.creator-icon.captainicon-ci-check-squared::before {
  content: "\e637";
}
.creator-icon.captainicon-ci-times::before {
  content: "\e638";
}
.creator-icon.captainicon-ci-times-squared::before {
  content: "\e639";
}
.creator-icon.captainicon-ci-plus::before {
  content: "\e63a";
}
.creator-icon.captainicon-ci-leaf::before {
  content: "\e63c";
}
.creator-icon.captainicon-ci-leaf-alt::before {
  content: "\e753";
}
.creator-icon.captainicon-ci-leaf-leaf::before {
  content: "\e707";
}
.creator-icon.captainicon-ci-laptop::before {
  content: "\e63d";
}
.creator-icon.captainicon-ci-coffee::before {
  content: "\e63e";
}
.creator-icon.captainicon-ci-coffee-long::before {
  content: "\e6d7";
}
.creator-icon.captainicon-ci-bolt::before {
  content: "\e63f";
}
.creator-icon.captainicon-ci-skull::before {
  content: "\e641";
}
.creator-icon.captainicon-ci-disc-compact::before {
  content: "\e642";
}
.creator-icon.captainicon-ci-speaker::before {
  content: "\e644";
}
.creator-icon.captainicon-ci-microwave::before {
  content: "\e645";
}
.creator-icon.captainicon-ci-pen::before {
  content: "\e646";
}
.creator-icon.captainicon-ci-pen-fountain::before {
  content: "\e6d8";
}
.creator-icon.captainicon-ci-pen-nib::before {
  content: "\e703";
}
.creator-icon.captainicon-ci-bat-baseball::before {
  content: "\e647";
}
.creator-icon.captainicon-ci-phonograph::before {
  content: "\e648";
}
.creator-icon.captainicon-ci-plug-usb::before {
  content: "\e649";
}
.creator-icon.captainicon-ci-lamp-desk::before {
  content: "\e64a";
}
.creator-icon.captainicon-ci-gamepad::before {
  content: "\e64b";
}
.creator-icon.captainicon-ci-gamepad-alt::before {
  content: "\e64c";
}
.creator-icon.captainicon-ci-portrait::before {
  content: "\e64d";
}
.creator-icon.captainicon-ci-books::before {
  content: "\e64e";
}
.creator-icon.captainicon-ci-bag::before {
  content: "\e64f";
}
.creator-icon.captainicon-ci-glasses::before {
  content: "\e650";
}
.creator-icon.captainicon-ci-box::before {
  content: "\e651";
}
.creator-icon.captainicon-ci-box-opened::before {
  content: "\e685";
}
.creator-icon.captainicon-ci-music::before {
  content: "\e653";
}
.creator-icon.captainicon-ci-music-note::before {
  content: "\e654";
}
.creator-icon.captainicon-ci-search-plus::before {
  content: "\e656";
}
.creator-icon.captainicon-ci-search-minus::before {
  content: "\e657";
}
.creator-icon.captainicon-ci-utensils::before {
  content: "\e658";
}
.creator-icon.captainicon-ci-print::before {
  content: "\e659";
}
.creator-icon.captainicon-ci-facebook::before {
  content: "\e65a";
}
.creator-icon.captainicon-ci-facebook-squared::before {
  content: "\e65b";
}
.creator-icon.captainicon-ci-facebook-circled::before {
  content: "\e65c";
}
.creator-icon.captainicon-ci-twitter::before {
  content: "\e65d";
}
.creator-icon.captainicon-ci-twitter-squared::before {
  content: "\e65e";
}
.creator-icon.captainicon-ci-twitter-circled::before {
  content: "\e65f";
}
.creator-icon.captainicon-ci-google-plus::before {
  content: "\e666";
}
.creator-icon.captainicon-ci-google-plus-squared::before {
  content: "\e667";
}
.creator-icon.captainicon-ci-google-plus-circled::before {
  content: "\e668";
}
.creator-icon.captainicon-ci-rss::before {
  content: "\e669";
}
.creator-icon.captainicon-ci-rss-squared::before {
  content: "\e66a";
}
.creator-icon.captainicon-ci-rss-circled::before {
  content: "\e66b";
}
.creator-icon.captainicon-ci-linkedin::before {
  content: "\e66c";
}
.creator-icon.captainicon-ci-linkedin-squared::before {
  content: "\e66d";
}
.creator-icon.captainicon-ci-linkedin-circled::before {
  content: "\e66e";
}
.creator-icon.captainicon-ci-youtube::before {
  content: "\e66f";
}
.creator-icon.captainicon-ci-vevo::before {
  content: "\e670";
}
.creator-icon.captainicon-ci-vevo-squared::before {
  content: "\e671";
}
.creator-icon.captainicon-ci-vevo-circled::before {
  content: "\e672";
}
.creator-icon.captainicon-ci-whatsapp::before {
  content: "\e678";
}
.creator-icon.captainicon-ci-whatsapp-squared::before {
  content: "\e679";
}
.creator-icon.captainicon-ci-whatsapp-circled::before {
  content: "\e67a";
}
.creator-icon.captainicon-ci-at::before {
  content: "\e67e";
}
.creator-icon.captainicon-ci-domino::before {
  content: "\e67f";
}
.creator-icon.captainicon-ci-git::before {
  content: "\e680";
}
.creator-icon.captainicon-ci-website::before {
  content: "\e681";
}
.creator-icon.captainicon-ci-css::before {
  content: "\e682";
}
.creator-icon.captainicon-ci-fire::before {
  content: "\e683";
}
.creator-icon.captainicon-ci-mustache::before {
  content: "\e684";
}
.creator-icon.captainicon-ci-folder-opened::before {
  content: "\e686";
}
.creator-icon.captainicon-ci-sitemap::before {
  content: "\e687";
}
.creator-icon.captainicon-ci-usb::before {
  content: "\e688";
}
.creator-icon.captainicon-ci-button-clothing::before {
  content: "\e689";
}
.creator-icon.captainicon-ci-thumbtack::before {
  content: "\e68e";
}
.creator-icon.captainicon-ci-thumbtack-alt::before {
  content: "\e70a";
}
.creator-icon.captainicon-ci-address-card::before {
  content: "\e68f";
}
.creator-icon.captainicon-ci-address-card-alt::before {
  content: "\e6a2";
}
.creator-icon.captainicon-ci-cat::before {
  content: "\e690";
}
.creator-icon.captainicon-ci-ghost::before {
  content: "\e691";
}
.creator-icon.captainicon-ci-chicken::before {
  content: "\e692";
}
.creator-icon.captainicon-ci-balloon::before {
  content: "\e693";
}
.creator-icon.captainicon-ci-balloon-alt::before {
  content: "\e643";
}
.creator-icon.captainicon-ci-balloon-face::before {
  content: "\e694";
}
.creator-icon.captainicon-ci-rocket::before {
  content: "\e696";
}
.creator-icon.captainicon-ci-broccoli::before {
  content: "\e697";
}
.creator-icon.captainicon-ci-onion::before {
  content: "\e698";
}
.creator-icon.captainicon-ci-banana::before {
  content: "\e69a";
}
.creator-icon.captainicon-ci-banana-peel::before {
  content: "\e699";
}
.creator-icon.captainicon-ci-croissant::before {
  content: "\e69b";
}
.creator-icon.captainicon-ci-elephant::before {
  content: "\e69c";
}
.creator-icon.captainicon-ci-octopus::before {
  content: "\e69d";
}
.creator-icon.captainicon-ci-bowling::before {
  content: "\e69e";
}
.creator-icon.captainicon-ci-orange::before {
  content: "\e69f";
}
.creator-icon.captainicon-ci-watermelon::before {
  content: "\e6a0";
}
.creator-icon.captainicon-ci-tape::before {
  content: "\e6a3";
}
.creator-icon.captainicon-ci-page::before {
  content: "\e6a4";
}
.creator-icon.captainicon-ci-ruler::before {
  content: "\e6a6";
}
.creator-icon.captainicon-ci-lemon::before {
  content: "\e6a7";
}
.creator-icon.captainicon-ci-bicycle::before {
  content: "\e6a8";
}
.creator-icon.captainicon-ci-ball-baseball::before {
  content: "\e6a9";
}
.creator-icon.captainicon-ci-ball-soccer::before {
  content: "\e6aa";
}
.creator-icon.captainicon-ci-ball-basket::before {
  content: "\e6ab";
}
.creator-icon.captainicon-ci-ball-footbal::before {
  content: "\e6ac";
}
.creator-icon.captainicon-ci-ball-eight::before {
  content: "\e6c8";
}
.creator-icon.captainicon-ci-foot::before {
  content: "\e6ad";
}
.creator-icon.captainicon-ci-mashroom::before {
  content: "\e6ae";
}
.creator-icon.captainicon-ci-ship::before {
  content: "\e6af";
}
.creator-icon.captainicon-ci-submarine::before {
  content: "\e6b0";
}
.creator-icon.captainicon-ci-log::before {
  content: "\e6b1";
}
.creator-icon.captainicon-ci-broom::before {
  content: "\e6b2";
}
.creator-icon.captainicon-ci-bone::before {
  content: "\e6b3";
}
.creator-icon.captainicon-ci-paw::before {
  content: "\e6b4";
}
.creator-icon.captainicon-ci-hanger::before {
  content: "\e6b5";
}
.creator-icon.captainicon-ci-key::before {
  content: "\e6b6";
}
.creator-icon.captainicon-ci-key-alt::before {
  content: "\e73f";
}
.creator-icon.captainicon-ci-spaceship::before {
  content: "\e6b7";
}
.creator-icon.captainicon-ci-pacman::before {
  content: "\e6b8";
}
.creator-icon.captainicon-ci-ticket::before {
  content: "\e6b9";
}
.creator-icon.captainicon-ci-money-bill::before {
  content: "\e6ba";
}
.creator-icon.captainicon-ci-battery-empty::before {
  content: "\e6bb";
}
.creator-icon.captainicon-ci-battery-slash::before {
  content: "\e6bc";
}
.creator-icon.captainicon-ci-battery-quarter::before {
  content: "\e6bd";
}
.creator-icon.captainicon-ci-battery-half::before {
  content: "\e6be";
}
.creator-icon.captainicon-ci-battery-full::before {
  content: "\e6bf";
}
.creator-icon.captainicon-ci-battery-bolt::before {
  content: "\e6c0";
}
.creator-icon.captainicon-ci-book::before {
  content: "\e6c2";
}
.creator-icon.captainicon-ci-pizza::before {
  content: "\e6c3";
}
.creator-icon.captainicon-ci-cupcake::before {
  content: "\e6c4";
}
.creator-icon.captainicon-ci-store::before {
  content: "\e6c5";
}
.creator-icon.captainicon-ci-bullseye::before {
  content: "\e6c6";
}
.creator-icon.captainicon-ci-bullseye-alt::before {
  content: "\e6c7";
}
.creator-icon.captainicon-ci-chat::before {
  content: "\e6c9";
}
.creator-icon.captainicon-ci-clapperboard::before {
  content: "\e6ca";
}
.creator-icon.captainicon-ci-fish-skeleton::before {
  content: "\e6cb";
}
.creator-icon.captainicon-ci-erlenmeyer::before {
  content: "\e6cc";
}
.creator-icon.captainicon-ci-grape::before {
  content: "\e6cd";
}
.creator-icon.captainicon-ci-plane::before {
  content: "\e6ce";
}
.creator-icon.captainicon-ci-plane-paper::before {
  content: "\e6df";
}
.creator-icon.captainicon-ci-zeppelin::before {
  content: "\e6cf";
}
.creator-icon.captainicon-ci-ice-pop::before {
  content: "\e6d0";
}
.creator-icon.captainicon-ci-ice-cream::before {
  content: "\e6d1";
}
.creator-icon.captainicon-ci-thumbs-up::before {
  content: "\e6d2";
}
.creator-icon.captainicon-ci-thumbs-down::before {
  content: "\e6d3";
}
.creator-icon.captainicon-ci-cheese::before {
  content: "\e6d4";
}
.creator-icon.captainicon-ci-cake::before {
  content: "\e6d5";
}
.creator-icon.captainicon-ci-bread::before {
  content: "\e6d6";
}
.creator-icon.captainicon-ci-feather::before {
  content: "\e6d9";
}
.creator-icon.captainicon-ci-globe::before {
  content: "\e6db";
}
.creator-icon.captainicon-ci-share::before {
  content: "\e6dc";
}
.creator-icon.captainicon-ci-skype::before {
  content: "\e6dd";
}
.creator-icon.captainicon-ci-html5::before {
  content: "\e6de";
}
.creator-icon.captainicon-ci-tablet::before {
  content: "\e6e0";
}
.creator-icon.captainicon-ci-save::before {
  content: "\e6e1";
}
.creator-icon.captainicon-ci-headphones::before {
  content: "\e6e2";
}
.creator-icon.captainicon-ci-drawer::before {
  content: "\e6e3";
}
.creator-icon.captainicon-ci-drawer-empty::before {
  content: "\e6e4";
}
.creator-icon.captainicon-ci-terminal::before {
  content: "\e6ed";
}
.creator-icon.captainicon-ci-tie::before {
  content: "\e6ee";
}
.creator-icon.captainicon-ci-tie-bow::before {
  content: "\e6ef";
}
.creator-icon.captainicon-ci-milkshake::before {
  content: "\e6f0";
}
.creator-icon.captainicon-ci-sunglass::before {
  content: "\e6f1";
}
.creator-icon.captainicon-ci-quote-left::before {
  content: "\e6f2";
}
.creator-icon.captainicon-ci-quote-right::before {
  content: "\e6f3";
}
.creator-icon.captainicon-ci-link::before {
  content: "\e6f4";
}
.creator-icon.captainicon-ci-link-external::before {
  content: "\e6f5";
}
.creator-icon.captainicon-ci-ellipsis::before {
  content: "\e6f6";
}
.creator-icon.captainicon-ci-files::before {
  content: "\e6f7";
}
.creator-icon.captainicon-ci-arrows::before {
  content: "\e6f8";
}
.creator-icon.captainicon-ci-arrows-alt::before {
  content: "\e6f9";
}
.creator-icon.captainicon-ci-arrows-pointer::before {
  content: "\e6fa";
}
.creator-icon.captainicon-ci-knot::before {
  content: "\e6fb";
}
.creator-icon.captainicon-ci-dashed-circled::before {
  content: "\e6fc";
}
.creator-icon.captainicon-ci-dashed-squared::before {
  content: "\e6fd";
}
.creator-icon.captainicon-ci-wand::before {
  content: "\e6fe";
}
.creator-icon.captainicon-ci-scalpel::before {
  content: "\e6ff";
}
.creator-icon.captainicon-ci-brush::before {
  content: "\e700";
}
.creator-icon.captainicon-ci-brush-alt::before {
  content: "\e710";
}
.creator-icon.captainicon-ci-drop::before {
  content: "\e701";
}
.creator-icon.captainicon-ci-magnifier::before {
  content: "\e702";
}
.creator-icon.captainicon-ci-text::before {
  content: "\e704";
}
.creator-icon.captainicon-ci-stamp::before {
  content: "\e708";
}
.creator-icon.captainicon-ci-contrast::before {
  content: "\e70b";
}
.creator-icon.captainicon-ci-stars::before {
  content: "\e70c";
}
.creator-icon.captainicon-ci-bucket::before {
  content: "\e70d";
}
.creator-icon.captainicon-ci-toilet-paper::before {
  content: "\e70e";
}
.creator-icon.captainicon-ci-sliders-v::before {
  content: "\e70f";
}
.creator-icon.captainicon-ci-paperclip::before {
  content: "\e711";
}
.creator-icon.captainicon-ci-tools::before {
  content: "\e712";
}
.creator-icon.captainicon-ci-arrow-to-left::before {
  content: "\e71b";
}
.creator-icon.captainicon-ci-arrow-to-left-circled::before {
  content: "\e725";
}
.creator-icon.captainicon-ci-arrow-to-right::before {
  content: "\e71a";
}
.creator-icon.captainicon-ci-arrow-to-right-circled::before {
  content: "\e724";
}
.creator-icon.captainicon-ci-arrow-left::before {
  content: "\e714";
}
.creator-icon.captainicon-ci-arrow-left-circled::before {
  content: "\e71e";
}
.creator-icon.captainicon-ci-arrow-left-circled-doubled::before {
  content: "\e723";
}
.creator-icon.captainicon-ci-arrow-left-doubled::before {
  content: "\e719";
}
.creator-icon.captainicon-ci-arrow-right::before {
  content: "\e713";
}
.creator-icon.captainicon-ci-arrow-right-circled::before {
  content: "\e71d";
}
.creator-icon.captainicon-ci-arrow-right-circled-doubled::before {
  content: "\e722";
}
.creator-icon.captainicon-ci-arrow-right-doubled::before {
  content: "\e718";
}
.creator-icon.captainicon-ci-arrow-down::before {
  content: "\e715";
}
.creator-icon.captainicon-ci-arrow-down-circled::before {
  content: "\e71f";
}
.creator-icon.captainicon-ci-arrow-up::before {
  content: "\e716";
}
.creator-icon.captainicon-ci-arrow-up-circled::before {
  content: "\e720";
}
.creator-icon.captainicon-ci-pause::before {
  content: "\e717";
}
.creator-icon.captainicon-ci-pause-circle::before {
  content: "\e721";
}
.creator-icon.captainicon-ci-stop::before {
  content: "\e71c";
}
.creator-icon.captainicon-ci-stop-circle::before {
  content: "\e726";
}
.creator-icon.captainicon-ci-boy::before {
  content: "\e727";
}
.creator-icon.captainicon-ci-boy-alt::before {
  content: "\e728";
}
.creator-icon.captainicon-ci-girl::before {
  content: "\e729";
}
.creator-icon.captainicon-ci-girl-alt::before {
  content: "\e72a";
}
.creator-icon.captainicon-ci-picture::before {
  content: "\e72b";
}
.creator-icon.captainicon-ci-tap::before {
  content: "\e72c";
}
.creator-icon.captainicon-ci-playing-card::before {
  content: "\e72d";
}
.creator-icon.captainicon-ci-egg::before {
  content: "\e640";
}
.creator-icon.captainicon-ci-egg-shell::before {
  content: "\e72f";
}
.creator-icon.captainicon-ci-egg-shell-alt::before {
  content: "\e730";
}
.creator-icon.captainicon-ci-chart-bar::before {
  content: "\e732";
}
.creator-icon.captainicon-ci-chart-bar-pie::before {
  content: "\e6a5";
}
.creator-icon.captainicon-ci-chart-bar-increase::before {
  content: "\e731";
}
.creator-icon.captainicon-ci-chart-bar-decrease::before {
  content: "\e733";
}
.creator-icon.captainicon-ci-wifi::before {
  content: "\e734";
}
.creator-icon.captainicon-ci-percent::before {
  content: "\e735";
}
.creator-icon.captainicon-ci-unlock::before {
  content: "\e736";
}
.creator-icon.captainicon-ci-chess-horse::before {
  content: "\e737";
}
.creator-icon.captainicon-ci-muffin::before {
  content: "\e739";
}
.creator-icon.captainicon-ci-denied::before {
  content: "\e73a";
}
.creator-icon.captainicon-ci-align-justify::before {
  content: "\e73b";
}
.creator-icon.captainicon-ci-align-left::before {
  content: "\e73c";
}
.creator-icon.captainicon-ci-align-center::before {
  content: "\e73d";
}
.creator-icon.captainicon-ci-align-right::before {
  content: "\e73e";
}
.creator-icon.captainicon-ci-fedora::before {
  content: "\e740";
}
.creator-icon.captainicon-ci-square-nut::before {
  content: "\e742";
}
.creator-icon.captainicon-ci-screw::before {
  content: "\e743";
}
.creator-icon.captainicon-ci-bottle::before {
  content: "\e744";
}
.creator-icon.captainicon-ci-bottle-prescription::before {
  content: "\e741";
}
.creator-icon.captainicon-ci-bottle-ink::before {
  content: "\e6da";
}
.creator-icon.captainicon-ci-power-plug::before {
  content: "\e745";
}
.creator-icon.captainicon-ci-power-off::before {
  content: "\e655";
}
.creator-icon.captainicon-ci-notebook::before {
  content: "\e746";
}
.creator-icon.captainicon-ci-notebook-alt::before {
  content: "\e738";
}
.creator-icon.captainicon-ci-spatula::before {
  content: "\e747";
}
.creator-icon.captainicon-ci-hourglass::before {
  content: "\e748";
}
.creator-icon.captainicon-ci-bell::before {
  content: "\e749";
}
.creator-icon.captainicon-ci-lifesaver::before {
  content: "\e74a";
}
.creator-icon.captainicon-ci-anchor::before {
  content: "\e74b";
}
.creator-icon.captainicon-ci-binoculars::before {
  content: "\e74c";
}
.creator-icon.captainicon-ci-piggy-bank::before {
  content: "\e74d";
}
.creator-icon.captainicon-ci-flower::before {
  content: "\e74e";
}
.creator-icon.captainicon-ci-flowers::before {
  content: "\e74f";
}
.creator-icon.captainicon-ci-weights::before {
  content: "\e750";
}
.creator-icon.captainicon-ci-database::before {
  content: "\e751";
}
.creator-icon.captainicon-ci-ring::before {
  content: "\e752";
}
.creator-icon.captainicon-ci-info::before {
  content: "\e754";
}
.creator-icon.captainicon-ci-info-circle::before {
  content: "\e755";
}
.creator-icon.captainicon-ci-bomb::before {
  content: "\e756";
}
.creator-icon.captainicon-ci-university::before {
  content: "\e757";
}
.creator-icon.captainicon-ci-antenna::before {
  content: "\e758";
}
.creator-icon.captainicon-ci-flag::before {
  content: "\e75a";
}
.creator-icon.captainicon-ci-flag-alt::before {
  content: "\e759";
}
.creator-icon.captainicon-ci-joystick::before {
  content: "\e75b";
}
.creator-icon.captainicon-ci-hand::before {
  content: "\e75c";
}
.creator-icon.captainicon-ci-pineapple::before {
  content: "\e75d";
}
.creator-icon.captainicon-ci-tangerine::before {
  content: "\e75e";
}
.creator-icon.captainicon-ci-cherry::before {
  content: "\e75f";
}
.creator-icon.captainicon-ci-notification::before {
  content: "\e760";
}
.creator-icon.captainicon-ci-notification-alt::before {
  content: "\e761";
}
.creator-icon.captainicon-ci-ribbon::before {
  content: "\e762";
}
.creator-icon.captainicon-ci-clock::before {
  content: "\e60c";
}
.creator-icon.captainicon-ci-clock-alarm::before {
  content: "\e763";
}
.creator-icon.captainicon-ci-windmill::before {
  content: "\e765";
}
.creator-icon.captainicon-ci-filter::before {
  content: "\e766";
}
.creator-icon.captainicon-ci-capsule::before {
  content: "\e767";
}
.creator-icon.captainicon-ci-monster::before {
  content: "\e768";
}
.creator-icon.captainicon-ci-monster-alt::before {
  content: "\e769";
}
.creator-icon.captainicon-ci-monster-alt-one::before {
  content: "\e76a";
}
.creator-icon.captainicon-ci-monster-alt-two::before {
  content: "\e76b";
}
.creator-icon.captainicon-ci-monster-alt-three::before {
  content: "\e76c";
}
.creator-icon.captainicon-ci-monster-alt-four::before {
  content: "\e76d";
}
.creator-icon.captainicon-ci-monster-alt-five::before {
  content: "\e72e";
}
.creator-icon.captainicon-ci-headset::before {
  content: "\e76e";
}
.creator-icon.captainicon-ci-ribbons-award::before {
  content: "\e76f";
}
.creator-icon.captainicon-ci-wheat::before {
  content: "\e770";
}
.creator-icon.captainicon-ci-moon::before {
  content: "\e771";
}
.creator-icon.captainicon-ci-cloud::before {
  content: "\e604";
}
.creator-icon.captainicon-ci-cloud-small::before {
  content: "\e772";
}
.creator-icon.captainicon-ci-cloud-cog::before {
  content: "\e6ec";
}
.creator-icon.captainicon-ci-cloud-cog-halved::before {
  content: "\e6e6";
}
.creator-icon.captainicon-ci-cloud-check::before {
  content: "\e6e7";
}
.creator-icon.captainicon-ci-cloud-refresh::before {
  content: "\e6e8";
}
.creator-icon.captainicon-ci-cloud-search::before {
  content: "\e6e9";
}
.creator-icon.captainicon-ci-cloud-up::before {
  content: "\e6ea";
}
.creator-icon.captainicon-ci-cloud-down::before {
  content: "\e6eb";
}
.creator-icon.captainicon-ci-cloud-bolt::before {
  content: "\e63b";
}
.creator-icon.captainicon-ci-cloud-sunny::before {
  content: "\e773";
}
.creator-icon.captainicon-ci-cloud-windy::before {
  content: "\e774";
}
.creator-icon.captainicon-ci-cloud-rainy::before {
  content: "\e775";
}
.creator-icon.captainicon-ci-cloud-stormy::before {
  content: "\e776";
}
.creator-icon.pointer:hover {
  cursor: pointer;
}@font-face {
  font-family: "devicon";
  src: url("/STYLE/FONT/DevIcon/devicons.eot?xqxft6");
  src: url("/STYLE/FONT/DevIcon/devicons.eot?#iefixxqxft6") format("embedded-opentype"), url("/STYLE/FONT/DevIcon/devicons.woff?xqxft6") format("woff"), url("/STYLE/FONT/DevIcon/devicons.ttf?xqxft6") format("truetype"), url("/STYLE/FONT/DevIcon/devicons.svg?xqxft6#devicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.devicon {
  font-family: "devicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.devicon.size-xxs {
  font-size: 0.2rem;
}
.devicon.size-xs {
  font-size: 0.6rem;
}
.devicon.size-sm {
  font-size: 1rem;
}
.devicon.size-md {
  font-size: 1.2rem;
}
.devicon.size-normal {
  font-size: 1.4rem;
}
.devicon.size-lg {
  font-size: 2rem;
}
.devicon.size-xl {
  font-size: 2.4rem;
}
.devicon.size-xxl {
  font-size: 3.2rem;
}
.devicon.size-xxxl {
  font-size: 3.8rem;
}
.devicon.size-x7 {
  font-size: 4.4rem;
}
.devicon.size-x8 {
  font-size: 4.8rem;
}
.devicon.size-x9 {
  font-size: 5.4rem;
}

.devicon-git::before {
  content: \e602;
}

.devicon-git_compare::before {
  content: \e628;
}

.devicon-git_branch::before {
  content: \e625;
}

.devicon-git_commit::before {
  content: \e629;
}

.devicon-git_pull_request::before {
  content: \e626;
}

.devicon-git_merge::before {
  content: \e627;
}

.devicon-bitbucket::before {
  content: \e603;
}

.devicon-github_alt::before {
  content: \e608;
}

.devicon-github_badge::before {
  content: \e609;
}

.devicon-github::before {
  content: \e60a;
}

.devicon-github_full::before {
  content: \e617;
}

.devicon-java::before {
  content: \e638;
}

.devicon-ruby::before {
  content: \e639;
}

.devicon-scala::before {
  content: \e637;
}

.devicon-python::before {
  content: \e63c;
}

.devicon-go::before {
  content: \e624;
}

.devicon-ruby_on_rails::before {
  content: \e63b;
}

.devicon-django::before {
  content: \e61d;
}

.devicon-markdown::before {
  content: \e63e;
}

.devicon-php::before {
  content: \e63d;
}

.devicon-mysql::before {
  content: \e604;
}

.devicon-streamline::before {
  content: \e605;
}

.devicon-database::before {
  content: \e606;
}

.devicon-laravel::before {
  content: \e63f;
}

.devicon-javascript::before {
  content: \e64e;
}

.devicon-angular::before {
  content: \e653;
}

.devicon-backbone::before {
  content: \e652;
}

.devicon-coffeescript::before {
  content: \e651;
}

.devicon-jquery::before {
  content: \e650;
}

.devicon-modernizr::before {
  content: \e620;
}

.devicon-jquery_ui::before {
  content: \e654;
}

.devicon-ember::before {
  content: \e61b;
}

.devicon-dojo::before {
  content: \e61c;
}

.devicon-nodejs::before {
  content: \e619;
}

.devicon-nodejs_small::before {
  content: \e618;
}

.devicon-javascript_shield::before {
  content: \e64f;
}

.devicon-bootstrap::before {
  content: \e647;
}

.devicon-sass::before {
  content: \e64b;
}

.devicon-css3_full::before {
  content: \e64a;
}

.devicon-css3::before {
  content: \e649;
}

.devicon-html5::before {
  content: \e636;
}

.devicon-html5_multimedia::before {
  content: \e632;
}

.devicon-html5_device_access::before {
  content: \e633;
}

.devicon-html5_3d_effects::before {
  content: \e635;
}

.devicon-html5_connectivity::before {
  content: \e634;
}

.devicon-ghost_small::before {
  content: \e614;
}

.devicon-ghost::before {
  content: \e61f;
}

.devicon-magento::before {
  content: \e640;
}

.devicon-joomla::before {
  content: \e641;
}

.devicon-jekyll_small::before {
  content: \e60d;
}

.devicon-drupal::before {
  content: \e642;
}

.devicon-wordpress::before {
  content: \e60b;
}

.devicon-grunt::before {
  content: \e64c;
}

.devicon-bower::before {
  content: \e64d;
}

.devicon-npm::before {
  content: \e61e;
}

.devicon-yahoo_small::before {
  content: \e62b;
}

.devicon-yahoo::before {
  content: \e615;
}

.devicon-bing_small::before {
  content: \e600;
}

.devicon-windows::before {
  content: \e60f;
}

.devicon-linux::before {
  content: \e612;
}

.devicon-ubuntu::before {
  content: \e63a;
}

.devicon-android::before {
  content: \e60e;
}

.devicon-apple::before {
  content: \e611;
}

.devicon-appstore::before {
  content: \e613;
}

.devicon-phonegap::before {
  content: \e630;
}

.devicon-blackberry::before {
  content: \e623;
}

.devicon-stackoverflow::before {
  content: \e610;
}

.devicon-techcrunch::before {
  content: \e62c;
}

.devicon-codrops::before {
  content: \e62f;
}

.devicon-css_tricks::before {
  content: \e601;
}

.devicon-smashing_magazine::before {
  content: \e62d;
}

.devicon-netmagazine::before {
  content: \e62e;
}

.devicon-codepen::before {
  content: \e616;
}

.devicon-cssdeck::before {
  content: \e62a;
}

.devicon-hackernews::before {
  content: \e61a;
}

.devicon-dropbox::before {
  content: \e607;
}

.devicon-google_drive::before {
  content: \e631;
}

.devicon-visualstudio::before {
  content: \e60c;
}

.devicon-unity_small::before {
  content: \e621;
}

.devicon-raspberry_pi::before {
  content: \e622;
}

.devicon-chrome::before {
  content: \e643;
}

.devicon-ie::before {
  content: \e644;
}

.devicon-firefox::before {
  content: \e645;
}

.devicon-opera::before {
  content: \e646;
}

.devicon-safari::before {
  content: \e648;
}

.devicon-swift::before {
  content: \e655;
}

.devicon-symfony::before {
  content: \e656;
}

.devicon-symfony_badge::before {
  content: \e657;
}

.devicon-less::before {
  content: \e658;
}

.devicon-stylus::before {
  content: \e659;
}

.devicon-trello::before {
  content: \e65a;
}

.devicon-atlassian::before {
  content: \e65b;
}

.devicon-jira::before {
  content: \e65c;
}

.devicon-envato::before {
  content: \e65d;
}

.devicon-snap_svg::before {
  content: \e65e;
}

.devicon-raphael::before {
  content: \e65f;
}

.devicon-google_analytics::before {
  content: \e660;
}

.devicon-compass::before {
  content: \e661;
}

.devicon-onedrive::before {
  content: \e662;
}

.devicon-gulp::before {
  content: \e663;
}

.devicon-atom::before {
  content: \e664;
}

.devicon-cisco::before {
  content: \e665;
}

.devicon-nancy::before {
  content: \e666;
}

.devicon-clojure::before {
  content: \e668;
}

.devicon-clojure_alt::before {
  content: \e66a;
}

.devicon-perl::before {
  content: \e669;
}

.devicon-celluloid::before {
  content: \e66b;
}

.devicon-w3c::before {
  content: \e66c;
}

.devicon-redis::before {
  content: \e66d;
}

.devicon-postgresql::before {
  content: \e66e;
}

.devicon-webplatform::before {
  content: \e66f;
}

.devicon-jenkins::before {
  content: \e667;
}

.devicon-requirejs::before {
  content: \e670;
}

.devicon-opensource::before {
  content: \e671;
}

.devicon-typo3::before {
  content: \e672;
}

.devicon-uikit::before {
  content: \e673;
}

.devicon-doctrine::before {
  content: \e674;
}

.devicon-groovy::before {
  content: \e675;
}

.devicon-nginx::before {
  content: \e676;
}

.devicon-haskell::before {
  content: \e677;
}

.devicon-zend::before {
  content: \e678;
}

.devicon-gnu::before {
  content: \e679;
}

.devicon-yeoman::before {
  content: \e67a;
}

.devicon-heroku::before {
  content: \e67b;
}

.devicon-debian::before {
  content: \e67d;
}

.devicon-travis::before {
  content: \e67e;
}

.devicon-dotnet::before {
  content: \e67f;
}

.devicon-codeigniter::before {
  content: \e680;
}

.devicon-javascript_badge::before {
  content: \e681;
}

.devicon-yii::before {
  content: \e682;
}

.devicon-msql_server::before {
  content: \e67c;
}

.devicon-composer::before {
  content: \e683;
}

.devicon-krakenjs_badge::before {
  content: \e684;
}

.devicon-krakenjs::before {
  content: \e685;
}

.devicon-mozilla::before {
  content: \e686;
}

.devicon-firebase::before {
  content: \e687;
}

.devicon-sizzlejs::before {
  content: \e688;
}

.devicon-creativecommons::before {
  content: \e689;
}

.devicon-creativecommons_badge::before {
  content: \e68a;
}

.devicon-mitlicence::before {
  content: \e68b;
}

.devicon-senchatouch::before {
  content: \e68c;
}

.devicon-bugsense::before {
  content: \e68d;
}

.devicon-extjs::before {
  content: \e68e;
}

.devicon-mootools_badge::before {
  content: \e68f;
}

.devicon-mootools::before {
  content: \e690;
}

.devicon-ruby_rough::before {
  content: \e691;
}

.devicon-komodo::before {
  content: \e692;
}

.devicon-coda::before {
  content: \e693;
}

.devicon-bintray::before {
  content: \e694;
}

.devicon-terminal::before {
  content: \e695;
}

.devicon-code::before {
  content: \e696;
}

.devicon-responsive::before {
  content: \e697;
}

.devicon-dart::before {
  content: \e698;
}

.devicon-aptana::before {
  content: \e699;
}

.devicon-mailchimp::before {
  content: \e69a;
}

.devicon-netbeans::before {
  content: \e69b;
}

.devicon-dreamweaver::before {
  content: \e69c;
}

.devicon-brackets::before {
  content: \e69d;
}

.devicon-eclipse::before {
  content: \e69e;
}

.devicon-cloud9::before {
  content: \e69f;
}

.devicon-scrum::before {
  content: \e6a0;
}

.devicon-prolog::before {
  content: \e6a1;
}

.devicon-terminal_badge::before {
  content: \e6a2;
}

.devicon-code_badge::before {
  content: \e6a3;
}

.devicon-mongodb::before {
  content: \e6a4;
}

.devicon-meteor::before {
  content: \e6a5;
}

.devicon-meteorfull::before {
  content: \e6a6;
}

.devicon-fsharp::before {
  content: \e6a7;
}

.devicon-rust::before {
  content: \e6a8;
}

.devicon-ionic::before {
  content: \e6a9;
}

.devicon-sublime::before {
  content: \e6aa;
}

.devicon-appcelerator::before {
  content: \e6ab;
}

.devicon-asterisk::before {
  content: \e6ac;
}

.devicon-aws::before {
  content: \e6ad;
}

.devicon-digital-ocean::before {
  content: \e6ae;
}

.devicon-dlang::before {
  content: \e6af;
}

.devicon-docker::before {
  content: \e6b0;
}

.devicon-erlang::before {
  content: \e6b1;
}

.devicon-google-cloud-platform::before {
  content: \e6b2;
}

.devicon-grails::before {
  content: \e6b3;
}

.devicon-illustrator::before {
  content: \e6b4;
}

.devicon-intellij::before {
  content: \e6b5;
}

.devicon-materializecss::before {
  content: \e6b6;
}

.devicon-openshift::before {
  content: \e6b7;
}

.devicon-photoshop::before {
  content: \e6b8;
}

.devicon-rackspace::before {
  content: \e6b9;
}

.devicon-react::before {
  content: \e6ba;
}

.devicon-redhat::before {
  content: \e6bb;
}

.devicon-scriptcs::before {
  content: \e6bc;
}

.devicon-sqllite::before {
  content: \e6c4;
}

.devicon-vim::before {
  content: \e6c5;
}.creator-icon.material-symbols-outlined {
  font-size: 30px;
}div.creator-password-wrap > input {
  width: 190px;
  margin-right: 14px;
}
div.creator-password-wrap > i.icon.eye {
  font-size: 15px;
  font-weight: bold;
}
div.creator-password-wrap > i.icon.eye:hover {
  cursor: pointer;
}div.creator-pin-wrap > input.pin-val {
  width: 32px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}