File "swish.css"

Full Path: /home/siazco/grocery.siazco.se/wp-content/plugins/woo-swish-e-commerce/assets/stylesheets/swish.css
File size: 3.6 KB
MIME-type: text/plain
Charset: utf-8

.swish-logo img {
  max-width: 70px !important;
  z-index: 100001;
}

.bjorntech-logo img {
  max-width: 500px;
  z-index: 100001;
}

.swish-circle img {
  max-width: 70px !important;
  z-index: 100001;
}

.swish-centered {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 10px;
}

.swish-fixed {
  position: fixed;
}

.swish-top-left {
  top: 0;
  left: 10;
}

#swish-status {
  z-index: 100002;
}

.swish-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.swish-close:hover,
.swish-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* The Modal (background) */
.swish-modal {
  position: fixed;
  /* Stay in place */
  z-index: 100000;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* The Modal (background) */
.swish-modal-admin {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 100000;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.swish-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.swish-loader {
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100002;
  cursor: pointer;
}

#swish-text {
  position: fixed;
  text-align: center;
  font-size: 25px;
  color: black;
}

.swishcontent {
  display: none;
}

label[for=payment_method_swish] {
  line-height: 32px;
}

.payment_method_swish img {
  float: right;
}

.swish_container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  height: 100%;
}

.swish-centered-internal {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.swish-circle-internal {
  transform: scale(2);
}

.swish-logo-internal {
  transform: scale(2);
  margin-top: max(50px, calc(1% + 3vw));
}

.swish-button-internal {
  background: linear-gradient(180deg,#1dafec,#129bd4 98.72%);
  border-radius: 8px;
  display: inline-flex; /* Changed to inline-flex */
  width: auto; /* Added width: auto; */
  padding: 16px 28px;
  justify-content: center; /* Centered text horizontally */
  align-items: center; /* Centered text vertically */
  text-align: center;
  margin-top: max(50px, calc(1% + 3vw));
  transition: background-color 0.3s;
}

.swish-button-internal a {
  color: #fff;
  font-family: Museo Sans Rounded,sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  text-decoration: none;
}

.swish-button-internal:hover {
  background-color: #129bd4;
}

.swish-status-new {
  font-family: Museo Sans Rounded, sans-serif;
  font-weight: 600;
  font-size: 3.5rem;
  margin-bottom:max(80px, calc(1% + 6vw));
}