diff --git a/README.md b/README.md
index 1ca093a..09a4a92 100644
--- a/README.md
+++ b/README.md
@@ -4,8 +4,8 @@ Easy Session Manager allows you to manage your Firefox session by backing up or
# Download
https://addons.mozilla.org/en-US/firefox/addon/easy-session-manager/
-# Version: 0.2.1.2
-Updating for Firefox AMO
+# Version: 0.2.1.3
+Improved width of SweetAlert windows.
# Images
![1 Default interface with no sessions. ](images/pic1.png)
diff --git a/src/manifest.json b/src/manifest.json
index abb8480..d20c51c 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,7 +1,7 @@
{
"manifest_version": 2,
"name": " Easy Session Manager",
- "version": "0.2.1.2",
+ "version": "0.2.1.3",
"description": " Easy Session Manager allows you to manage your Firefox session by backing up or loading your saved sessions.",
"applications": {
diff --git a/src/pages/sessionManager.html b/src/pages/sessionManager.html
index ca6bd30..73bb745 100755
--- a/src/pages/sessionManager.html
+++ b/src/pages/sessionManager.html
@@ -18,7 +18,6 @@
-
diff --git a/src/scripts/background.js b/src/scripts/background.js
index 994afd4..627678e 100644
--- a/src/scripts/background.js
+++ b/src/scripts/background.js
@@ -9,6 +9,7 @@ const processor = (obj, enteryName = '',
swal(message, {
content: inputTag,
buttons: true,
+ customClass: 'swal-modal',
}).then((value) => {
if (value) {
enteryName = inputTag.value.replace(/ /g, "_");
diff --git a/src/scripts/sessionManager.js b/src/scripts/sessionManager.js
index 75c7c4c..6a5ae4c 100644
--- a/src/scripts/sessionManager.js
+++ b/src/scripts/sessionManager.js
@@ -3,7 +3,7 @@ const windowSys = browser.windows;
const regexp = /^[a-zA-Z0-9-_]+$/; // Alphanumeric, dash, underscore
-const saveSession = (elm = null, message = "Session Name\nAllowed: a-z, A-Z, 0-9, -, _") => {
+const saveSession = (elm = null, message = "[ Session Name ] Allowed: a-z, A-Z, 0-9, -, _") => {
let inputTag = document.createElement("INPUT");
inputTag.value = new Date().toLocaleString().split(',')[0].replace(/\//g, '-');
@@ -32,6 +32,7 @@ const saveSession = (elm = null, message = "Session Name\nAllowed: a-z, A-Z, 0-9
swal(message, {
content: container,
buttons: true,
+ customClass: 'swal-modal',
}).then((value) => {
if (value) {
let enteryName = inputTag.value.replace(/ /g, "_");
@@ -82,6 +83,7 @@ const editSession = (elm = null, message = "Editing selected session...\nAllowed
swal(message, {
content: container,
buttons: true,
+ customClass: 'swal-modal',
}).then((value) => {
if (value) {
let newName = inputTag.value.replace(/ /g, "_");
@@ -157,6 +159,7 @@ const downloadSession = (elm = null) => {
swal("Download Session?", {
content: pTag,
buttons: true,
+ customClass: 'swal-modal',
}).then((willDl) => {
if (willDl) {
if (chkBoxTag.checked) {
diff --git a/src/styles/styles.css b/src/styles/styles.css
index c174532..29081ba 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -1,7 +1,7 @@
body {
- width: 450px;
- height: 520px;
- overflow-x: hidden;
+ width: 800px;
+ height: 600px;
+ overflow: hidden;
}
ul, li { list-style: none; }
@@ -21,19 +21,18 @@ input[type=image]:hover {
}
#savedSessions {
- height: 365px;
- min-height: 365x;
- max-height: 365px;
+ width: 85%;
+ height: 450px;
+ min-height: 450px;
+ max-height: 450px;
overflow-x: hidden;
overflow-y: auto;
- margin-bottom: 0.6em;
- margin-top: 0.6em;
+ margin: 0em auto;
}
#editSelectionContainer {
- height: 315px;
- min-height: 315px;
- max-height: 315px;
+ width: 100%;
+ height: auto;
white-space: nowrap;
display: block;
overflow-x: auto;
@@ -62,6 +61,13 @@ input[type=image]:hover {
color: rgba(255, 255, 255, 0.5);
}
+/* Overide sweetalert modal size */
+.swal-modal{
+ top: 2em !important;
+ width: 650px !important;
+ height: auto !important;
+}
+
.collection {
padding-top: 1em;
padding-bottom: 1em;
diff --git a/src/styles/sweetalert2.css b/src/styles/sweetalert2.css
new file mode 100644
index 0000000..d5e262d
--- /dev/null
+++ b/src/styles/sweetalert2.css
@@ -0,0 +1,1466 @@
+@charset "UTF-8";
+@-webkit-keyframes swal2-show {
+ 0% {
+ -webkit-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 45% {
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05);
+ }
+ 80% {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes swal2-show {
+ 0% {
+ -webkit-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 45% {
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05);
+ }
+ 80% {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes swal2-hide {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0;
+ }
+}
+@keyframes swal2-hide {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 1.0625em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 2.1875em;
+ left: -0.375em;
+ width: 3.125em;
+ }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em;
+ }
+ 100% {
+ top: 2.8125em;
+ left: 0.875em;
+ width: 1.5625em;
+ }
+}
+@keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 1.0625em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 2.1875em;
+ left: -0.375em;
+ width: 3.125em;
+ }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em;
+ }
+ 100% {
+ top: 2.8125em;
+ left: 0.875em;
+ width: 1.5625em;
+ }
+}
+@-webkit-keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em;
+ }
+ 100% {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ }
+}
+@keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0;
+ }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em;
+ }
+ 100% {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ }
+}
+@-webkit-keyframes swal2-rotate-success-circular-line {
+ 0% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ }
+ 5% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ }
+ 12% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg);
+ }
+}
+@keyframes swal2-rotate-success-circular-line {
+ 0% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ }
+ 5% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ }
+ 12% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg);
+ }
+ 100% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg);
+ }
+}
+@-webkit-keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 50% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 80% {
+ margin-top: -0.375em;
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+ }
+ 100% {
+ margin-top: 0;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 50% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0;
+ }
+ 80% {
+ margin-top: -0.375em;
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15);
+ }
+ 100% {
+ margin-top: 0;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes swal2-animate-error-icon {
+ 0% {
+ -webkit-transform: rotateX(100deg);
+ transform: rotateX(100deg);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+ opacity: 1;
+ }
+}
+@keyframes swal2-animate-error-icon {
+ 0% {
+ -webkit-transform: rotateX(100deg);
+ transform: rotateX(100deg);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+ opacity: 1;
+ }
+}
+body.swal2-toast-shown .swal2-container {
+ background-color: transparent;
+}
+body.swal2-toast-shown .swal2-container.swal2-shown {
+ background-color: transparent;
+}
+body.swal2-toast-shown .swal2-container.swal2-top {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto;
+}
+body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0;
+}
+body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-center {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
+ top: 50%;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0;
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: auto;
+}
+body.swal2-toast-column .swal2-toast {
+ flex-direction: column;
+ align-items: stretch;
+}
+body.swal2-toast-column .swal2-toast .swal2-actions {
+ flex: 1;
+ align-self: stretch;
+ height: 2.2em;
+ margin-top: 0.3125em;
+}
+body.swal2-toast-column .swal2-toast .swal2-loading {
+ justify-content: center;
+}
+body.swal2-toast-column .swal2-toast .swal2-input {
+ height: 2em;
+ margin: 0.3125em auto;
+ font-size: 1em;
+}
+body.swal2-toast-column .swal2-toast .swal2-validation-message {
+ font-size: 1em;
+}
+
+.swal2-popup.swal2-toast {
+ flex-direction: row;
+ align-items: center;
+ width: auto;
+ padding: 0.625em;
+ overflow-y: hidden;
+ box-shadow: 0 0 0.625em #d9d9d9;
+}
+.swal2-popup.swal2-toast .swal2-header {
+ flex-direction: row;
+}
+.swal2-popup.swal2-toast .swal2-title {
+ flex-grow: 1;
+ justify-content: flex-start;
+ margin: 0 0.6em;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-footer {
+ margin: 0.5em 0 0;
+ padding: 0.5em 0 0;
+ font-size: 0.8em;
+}
+.swal2-popup.swal2-toast .swal2-close {
+ position: initial;
+ width: 0.8em;
+ height: 0.8em;
+ line-height: 0.8;
+}
+.swal2-popup.swal2-toast .swal2-content {
+ justify-content: flex-start;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-icon {
+ width: 2em;
+ min-width: 2em;
+ height: 2em;
+ margin: 0;
+}
+.swal2-popup.swal2-toast .swal2-icon::before {
+ display: flex;
+ align-items: center;
+ font-size: 2em;
+ font-weight: bold;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-popup.swal2-toast .swal2-icon::before {
+ font-size: 0.25em;
+ }
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
+ top: 0.875em;
+ width: 1.375em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
+ left: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
+ right: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-actions {
+ height: auto;
+ margin: 0 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-styled {
+ margin: 0 0.3125em;
+ padding: 0.3125em 0.625em;
+ font-size: 1em;
+}
+.swal2-popup.swal2-toast .swal2-styled:focus {
+ box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
+}
+.swal2-popup.swal2-toast .swal2-success {
+ border-color: #a5dc86;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
+ position: absolute;
+ width: 2em;
+ height: 2.8125em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ border-radius: 50%;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
+ top: -0.25em;
+ left: -0.9375em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: 2em 2em;
+ transform-origin: 2em 2em;
+ border-radius: 4em 0 0 4em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
+ top: -0.25em;
+ left: 0.9375em;
+ -webkit-transform-origin: 0 2em;
+ transform-origin: 0 2em;
+ border-radius: 0 4em 4em 0;
+}
+.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em;
+}
+.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
+ top: 0;
+ left: 0.4375em;
+ width: 0.4375em;
+ height: 2.6875em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
+ height: 0.3125em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+}
+.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+}
+.swal2-popup.swal2-toast.swal2-show {
+ -webkit-animation: swal2-toast-show 0.5s;
+ animation: swal2-toast-show 0.5s;
+}
+.swal2-popup.swal2-toast.swal2-hide {
+ -webkit-animation: swal2-toast-hide 0.2s forwards;
+ animation: swal2-toast-hide 0.2s forwards;
+}
+.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
+ -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
+ animation: swal2-toast-animate-success-line-tip 0.75s;
+}
+.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
+ -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
+ animation: swal2-toast-animate-success-line-long 0.75s;
+}
+
+@-webkit-keyframes swal2-toast-show {
+ 0% {
+ -webkit-transform: translateY(-0.625em) rotateZ(2deg);
+ transform: translateY(-0.625em) rotateZ(2deg);
+ opacity: 0;
+ }
+ 33% {
+ -webkit-transform: translateY(0) rotateZ(-2deg);
+ transform: translateY(0) rotateZ(-2deg);
+ opacity: 0.5;
+ }
+ 66% {
+ -webkit-transform: translateY(0.3125em) rotateZ(2deg);
+ transform: translateY(0.3125em) rotateZ(2deg);
+ opacity: 0.7;
+ }
+ 100% {
+ -webkit-transform: translateY(0) rotateZ(0);
+ transform: translateY(0) rotateZ(0);
+ opacity: 1;
+ }
+}
+
+@keyframes swal2-toast-show {
+ 0% {
+ -webkit-transform: translateY(-0.625em) rotateZ(2deg);
+ transform: translateY(-0.625em) rotateZ(2deg);
+ opacity: 0;
+ }
+ 33% {
+ -webkit-transform: translateY(0) rotateZ(-2deg);
+ transform: translateY(0) rotateZ(-2deg);
+ opacity: 0.5;
+ }
+ 66% {
+ -webkit-transform: translateY(0.3125em) rotateZ(2deg);
+ transform: translateY(0.3125em) rotateZ(2deg);
+ opacity: 0.7;
+ }
+ 100% {
+ -webkit-transform: translateY(0) rotateZ(0);
+ transform: translateY(0) rotateZ(0);
+ opacity: 1;
+ }
+}
+@-webkit-keyframes swal2-toast-hide {
+ 0% {
+ opacity: 1;
+ }
+ 33% {
+ opacity: 0.5;
+ }
+ 100% {
+ -webkit-transform: rotateZ(1deg);
+ transform: rotateZ(1deg);
+ opacity: 0;
+ }
+}
+@keyframes swal2-toast-hide {
+ 0% {
+ opacity: 1;
+ }
+ 33% {
+ opacity: 0.5;
+ }
+ 100% {
+ -webkit-transform: rotateZ(1deg);
+ transform: rotateZ(1deg);
+ opacity: 0;
+ }
+}
+@-webkit-keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: 0.5625em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 0.125em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 0.625em;
+ left: -0.25em;
+ width: 1.625em;
+ }
+ 84% {
+ top: 1.0625em;
+ left: 0.75em;
+ width: 0.5em;
+ }
+ 100% {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+ }
+}
+@keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: 0.5625em;
+ left: 0.0625em;
+ width: 0;
+ }
+ 54% {
+ top: 0.125em;
+ left: 0.125em;
+ width: 0;
+ }
+ 70% {
+ top: 0.625em;
+ left: -0.25em;
+ width: 1.625em;
+ }
+ 84% {
+ top: 1.0625em;
+ left: 0.75em;
+ width: 0.5em;
+ }
+ 100% {
+ top: 1.125em;
+ left: 0.1875em;
+ width: 0.75em;
+ }
+}
+@-webkit-keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0;
+ }
+ 65% {
+ top: 1.25em;
+ right: 0.9375em;
+ width: 0;
+ }
+ 84% {
+ top: 0.9375em;
+ right: 0;
+ width: 1.125em;
+ }
+ 100% {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+ }
+}
+@keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0;
+ }
+ 65% {
+ top: 1.25em;
+ right: 0.9375em;
+ width: 0;
+ }
+ 84% {
+ top: 0.9375em;
+ right: 0;
+ width: 1.125em;
+ }
+ 100% {
+ top: 0.9375em;
+ right: 0.1875em;
+ width: 1.375em;
+ }
+}
+body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow: hidden;
+}
+body.swal2-height-auto {
+ height: auto !important;
+}
+body.swal2-no-backdrop .swal2-shown {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ max-width: calc(100% - 0.625em * 2);
+ background-color: transparent;
+}
+body.swal2-no-backdrop .swal2-shown > .swal2-modal {
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+}
+body.swal2-no-backdrop .swal2-shown.swal2-top {
+ top: 0;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left {
+ top: 0;
+ left: 0;
+}
+body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
+ top: 0;
+ right: 0;
+}
+body.swal2-no-backdrop .swal2-shown.swal2-center {
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+}
+body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left {
+ top: 50%;
+ left: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
+ top: 50%;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+body.swal2-no-backdrop .swal2-shown.swal2-bottom {
+ bottom: 0;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
+ bottom: 0;
+ left: 0;
+}
+body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
+ right: 0;
+ bottom: 0;
+}
+
+.swal2-container {
+ display: flex;
+ position: fixed;
+ z-index: 1060;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ padding: 0.625em;
+ overflow-x: hidden;
+ background-color: transparent;
+ -webkit-overflow-scrolling: touch;
+}
+.swal2-container.swal2-top {
+ align-items: flex-start;
+}
+.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
+ align-items: flex-start;
+ justify-content: flex-start;
+}
+.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
+ align-items: flex-start;
+ justify-content: flex-end;
+}
+.swal2-container.swal2-center {
+ align-items: center;
+}
+.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
+ align-items: center;
+ justify-content: flex-start;
+}
+.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
+ align-items: center;
+ justify-content: flex-end;
+}
+.swal2-container.swal2-bottom {
+ align-items: flex-end;
+}
+.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
+ align-items: flex-end;
+ justify-content: flex-start;
+}
+.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
+ align-items: flex-end;
+ justify-content: flex-end;
+}
+.swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child {
+ margin-top: auto;
+}
+.swal2-container.swal2-grow-fullscreen > .swal2-modal {
+ display: flex !important;
+ flex: 1;
+ align-self: stretch;
+ justify-content: center;
+}
+.swal2-container.swal2-grow-row > .swal2-modal {
+ display: flex !important;
+ flex: 1;
+ align-content: center;
+ justify-content: center;
+}
+.swal2-container.swal2-grow-column {
+ flex: 1;
+ flex-direction: column;
+}
+.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
+ align-items: center;
+}
+.swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
+ align-items: flex-start;
+}
+.swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
+ align-items: flex-end;
+}
+.swal2-container.swal2-grow-column > .swal2-modal {
+ display: flex !important;
+ flex: 1;
+ align-content: center;
+ justify-content: center;
+}
+.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
+ margin: auto;
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-container .swal2-modal {
+ margin: 0 !important;
+ }
+}
+.swal2-container.swal2-fade {
+ transition: background-color 0.1s;
+}
+.swal2-container.swal2-shown {
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.swal2-popup {
+ display: none;
+ position: relative;
+ box-sizing: border-box;
+ flex-direction: column;
+ justify-content: center;
+ width: 32em;
+ max-width: 100%;
+ padding: 1.25em;
+ border: none;
+ border-radius: 0.3125em;
+ background: #fff;
+ font-family: inherit;
+ font-size: 1rem;
+}
+.swal2-popup:focus {
+ outline: none;
+}
+.swal2-popup.swal2-loading {
+ overflow-y: hidden;
+}
+
+.swal2-header {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.swal2-title {
+ position: relative;
+ max-width: 100%;
+ margin: 0 0 0.4em;
+ padding: 0;
+ color: #595959;
+ font-size: 1.875em;
+ font-weight: 600;
+ text-align: center;
+ text-transform: none;
+ word-wrap: break-word;
+}
+
+.swal2-actions {
+ z-index: 1;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ margin: 1.25em auto 0;
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
+ opacity: 0.4;
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+}
+.swal2-actions:not(.swal2-loading) .swal2-styled:active {
+ background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
+}
+.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
+ box-sizing: border-box;
+ width: 2.5em;
+ height: 2.5em;
+ margin: 0.46875em;
+ padding: 0;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border: 0.25em solid transparent;
+ border-radius: 100%;
+ border-color: transparent;
+ background-color: transparent !important;
+ color: transparent;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
+ margin-right: 30px;
+ margin-left: 30px;
+}
+.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
+ content: "";
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ margin-left: 5px;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border: 3px solid #999999;
+ border-radius: 50%;
+ border-right-color: transparent;
+ box-shadow: 1px 1px 1px #fff;
+}
+
+.swal2-styled {
+ margin: 0.3125em;
+ padding: 0.625em 2em;
+ box-shadow: none;
+ font-weight: 500;
+}
+.swal2-styled:not([disabled]) {
+ cursor: pointer;
+}
+.swal2-styled.swal2-confirm {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #3085d6;
+ color: #fff;
+ font-size: 1.0625em;
+}
+.swal2-styled.swal2-cancel {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #aaa;
+ color: #fff;
+ font-size: 1.0625em;
+}
+.swal2-styled:focus {
+ outline: none;
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
+}
+.swal2-styled::-moz-focus-inner {
+ border: 0;
+}
+
+.swal2-footer {
+ justify-content: center;
+ margin: 1.25em 0 0;
+ padding: 1em 0 0;
+ border-top: 1px solid #eee;
+ color: #545454;
+ font-size: 1em;
+}
+
+.swal2-image {
+ max-width: 100%;
+ margin: 1.25em auto;
+}
+
+.swal2-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ justify-content: center;
+ width: 1.2em;
+ height: 1.2em;
+ padding: 0;
+ overflow: hidden;
+ transition: color 0.1s ease-out;
+ border: none;
+ border-radius: 0;
+ outline: initial;
+ background: transparent;
+ color: #cccccc;
+ font-family: serif;
+ font-size: 2.5em;
+ line-height: 1.2;
+ cursor: pointer;
+}
+.swal2-close:hover {
+ -webkit-transform: none;
+ transform: none;
+ color: #f27474;
+}
+
+> .swal2-input,
+> .swal2-file,
+> .swal2-textarea,
+> .swal2-select,
+> .swal2-radio,
+> .swal2-checkbox {
+ display: none;
+}
+
+.swal2-content {
+ z-index: 1;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+ color: #545454;
+ font-size: 1.125em;
+ font-weight: 300;
+ line-height: normal;
+ word-wrap: break-word;
+}
+
+#swal2-content {
+ text-align: center;
+}
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea,
+.swal2-select,
+.swal2-radio,
+.swal2-checkbox {
+ margin: 1em auto;
+}
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea {
+ box-sizing: border-box;
+ width: 100%;
+ transition: border-color 0.3s, box-shadow 0.3s;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.1875em;
+ background: inherit;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
+ color: inherit;
+ font-size: 1.125em;
+}
+.swal2-input.swal2-inputerror,
+.swal2-file.swal2-inputerror,
+.swal2-textarea.swal2-inputerror {
+ border-color: #f27474 !important;
+ box-shadow: 0 0 2px #f27474 !important;
+}
+.swal2-input:focus,
+.swal2-file:focus,
+.swal2-textarea:focus {
+ border: 1px solid #b4dbed;
+ outline: none;
+ box-shadow: 0 0 3px #c4e6f5;
+}
+.swal2-input::-webkit-input-placeholder,
+.swal2-file::-webkit-input-placeholder,
+.swal2-textarea::-webkit-input-placeholder {
+ color: #cccccc;
+}
+.swal2-input::-moz-placeholder,
+.swal2-file::-moz-placeholder,
+.swal2-textarea::-moz-placeholder {
+ color: #cccccc;
+}
+.swal2-input:-ms-input-placeholder,
+.swal2-file:-ms-input-placeholder,
+.swal2-textarea:-ms-input-placeholder {
+ color: #cccccc;
+}
+.swal2-input::-ms-input-placeholder,
+.swal2-file::-ms-input-placeholder,
+.swal2-textarea::-ms-input-placeholder {
+ color: #cccccc;
+}
+.swal2-input::placeholder,
+.swal2-file::placeholder,
+.swal2-textarea::placeholder {
+ color: #cccccc;
+}
+
+.swal2-range {
+ margin: 1em auto;
+ background: inherit;
+}
+.swal2-range input {
+ width: 80%;
+}
+.swal2-range output {
+ width: 20%;
+ color: inherit;
+ font-weight: 600;
+ text-align: center;
+}
+.swal2-range input,
+.swal2-range output {
+ height: 2.625em;
+ padding: 0;
+ font-size: 1.125em;
+ line-height: 2.625em;
+}
+
+.swal2-input {
+ height: 2.625em;
+ padding: 0 0.75em;
+}
+.swal2-input[type=number] {
+ max-width: 10em;
+}
+
+.swal2-file {
+ background: inherit;
+ font-size: 1.125em;
+}
+
+.swal2-textarea {
+ height: 6.75em;
+ padding: 0.75em;
+}
+
+.swal2-select {
+ min-width: 50%;
+ max-width: 100%;
+ padding: 0.375em 0.625em;
+ background: inherit;
+ color: inherit;
+ font-size: 1.125em;
+}
+
+.swal2-radio,
+.swal2-checkbox {
+ align-items: center;
+ justify-content: center;
+ background: inherit;
+ color: inherit;
+}
+.swal2-radio label,
+.swal2-checkbox label {
+ margin: 0 0.6em;
+ font-size: 1.125em;
+}
+.swal2-radio input,
+.swal2-checkbox input {
+ margin: 0 0.4em;
+}
+
+.swal2-validation-message {
+ display: none;
+ align-items: center;
+ justify-content: center;
+ padding: 0.625em;
+ overflow: hidden;
+ background: #f0f0f0;
+ color: #666666;
+ font-size: 1em;
+ font-weight: 300;
+}
+.swal2-validation-message::before {
+ content: "!";
+ display: inline-block;
+ width: 1.5em;
+ min-width: 1.5em;
+ height: 1.5em;
+ margin: 0 0.625em;
+ zoom: normal;
+ border-radius: 50%;
+ background-color: #f27474;
+ color: #fff;
+ font-weight: 600;
+ line-height: 1.5em;
+ text-align: center;
+}
+
+@supports (-ms-accelerator: true) {
+ .swal2-range input {
+ width: 100% !important;
+ }
+ .swal2-range output {
+ display: none;
+ }
+}
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-range input {
+ width: 100% !important;
+ }
+ .swal2-range output {
+ display: none;
+ }
+}
+@-moz-document url-prefix() {
+ .swal2-close:focus {
+ outline: 2px solid rgba(50, 100, 150, 0.4);
+ }
+}
+.swal2-icon {
+ position: relative;
+ box-sizing: content-box;
+ justify-content: center;
+ width: 5em;
+ height: 5em;
+ margin: 1.25em auto 1.875em;
+ zoom: normal;
+ border: 0.25em solid transparent;
+ border-radius: 50%;
+ line-height: 5em;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.swal2-icon::before {
+ display: flex;
+ align-items: center;
+ height: 92%;
+ font-size: 3.75em;
+}
+.swal2-icon.swal2-error {
+ border-color: #f27474;
+}
+.swal2-icon.swal2-error .swal2-x-mark {
+ position: relative;
+ flex-grow: 1;
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
+ display: block;
+ position: absolute;
+ top: 2.3125em;
+ width: 2.9375em;
+ height: 0.3125em;
+ border-radius: 0.125em;
+ background-color: #f27474;
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
+ left: 1.0625em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
+ right: 1em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-warning {
+ border-color: #facea8;
+ color: #f8bb86;
+}
+.swal2-icon.swal2-warning::before {
+ content: "!";
+}
+.swal2-icon.swal2-info {
+ border-color: #9de0f6;
+ color: #3fc3ee;
+}
+.swal2-icon.swal2-info::before {
+ content: "i";
+}
+.swal2-icon.swal2-question {
+ border-color: #c9dae1;
+ color: #87adbd;
+}
+.swal2-icon.swal2-question::before {
+ content: "?";
+}
+.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
+ content: "؟";
+}
+.swal2-icon.swal2-success {
+ border-color: #a5dc86;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
+ position: absolute;
+ width: 3.75em;
+ height: 7.5em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ border-radius: 50%;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
+ top: -0.4375em;
+ left: -2.0635em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: 3.75em 3.75em;
+ transform-origin: 3.75em 3.75em;
+ border-radius: 7.5em 0 0 7.5em;
+}
+.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
+ top: -0.6875em;
+ left: 1.875em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: 0 3.75em;
+ transform-origin: 0 3.75em;
+ border-radius: 0 7.5em 7.5em 0;
+}
+.swal2-icon.swal2-success .swal2-success-ring {
+ position: absolute;
+ z-index: 2;
+ top: -0.25em;
+ left: -0.25em;
+ box-sizing: content-box;
+ width: 100%;
+ height: 100%;
+ border: 0.25em solid rgba(165, 220, 134, 0.3);
+ border-radius: 50%;
+}
+.swal2-icon.swal2-success .swal2-success-fix {
+ position: absolute;
+ z-index: 1;
+ top: 0.5em;
+ left: 1.625em;
+ width: 0.4375em;
+ height: 5.625em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+.swal2-icon.swal2-success [class^=swal2-success-line] {
+ display: block;
+ position: absolute;
+ z-index: 2;
+ height: 0.3125em;
+ border-radius: 0.125em;
+ background-color: #a5dc86;
+}
+.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
+ top: 2.875em;
+ left: 0.875em;
+ width: 1.5625em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
+ top: 2.375em;
+ right: 0.5em;
+ width: 2.9375em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+.swal2-progress-steps {
+ align-items: center;
+ margin: 0 0 1.25em;
+ padding: 0;
+ background: inherit;
+ font-weight: 600;
+}
+.swal2-progress-steps li {
+ display: inline-block;
+ position: relative;
+}
+.swal2-progress-steps .swal2-progress-step {
+ z-index: 20;
+ width: 2em;
+ height: 2em;
+ border-radius: 2em;
+ background: #3085d6;
+ color: #fff;
+ line-height: 2em;
+ text-align: center;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
+ background: #3085d6;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+ background: #add8e6;
+ color: #fff;
+}
+.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
+ background: #add8e6;
+}
+.swal2-progress-steps .swal2-progress-step-line {
+ z-index: 10;
+ width: 2.5em;
+ height: 0.4em;
+ margin: 0 -1px;
+ background: #3085d6;
+}
+
+[class^=swal2] {
+ -webkit-tap-highlight-color: transparent;
+}
+
+.swal2-show {
+ -webkit-animation: swal2-show 0.3s;
+ animation: swal2-show 0.3s;
+}
+.swal2-show.swal2-noanimation {
+ -webkit-animation: none;
+ animation: none;
+}
+
+.swal2-hide {
+ -webkit-animation: swal2-hide 0.15s forwards;
+ animation: swal2-hide 0.15s forwards;
+}
+.swal2-hide.swal2-noanimation {
+ -webkit-animation: none;
+ animation: none;
+}
+
+.swal2-rtl .swal2-close {
+ right: auto;
+ left: 0;
+}
+
+.swal2-animate-success-icon .swal2-success-line-tip {
+ -webkit-animation: swal2-animate-success-line-tip 0.75s;
+ animation: swal2-animate-success-line-tip 0.75s;
+}
+.swal2-animate-success-icon .swal2-success-line-long {
+ -webkit-animation: swal2-animate-success-line-long 0.75s;
+ animation: swal2-animate-success-line-long 0.75s;
+}
+.swal2-animate-success-icon .swal2-success-circular-line-right {
+ -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
+ animation: swal2-rotate-success-circular-line 4.25s ease-in;
+}
+
+.swal2-animate-error-icon {
+ -webkit-animation: swal2-animate-error-icon 0.5s;
+ animation: swal2-animate-error-icon 0.5s;
+}
+.swal2-animate-error-icon .swal2-x-mark {
+ -webkit-animation: swal2-animate-error-x-mark 0.5s;
+ animation: swal2-animate-error-x-mark 0.5s;
+}
+
+@-webkit-keyframes swal2-rotate-loading {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes swal2-rotate-loading {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@media print {
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow-y: scroll !important;
+ }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
+ display: none;
+ }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
+ position: initial !important;
+ }
+}
\ No newline at end of file