You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1563 lines
46 KiB
CSS
1563 lines
46 KiB
CSS
2 years ago
|
@charset "UTF-8";
|
||
|
/* THEME COLORs
|
||
|
========================================================================== */
|
||
|
/* Looks good on chrome default color profile */
|
||
|
/* looks good in sRGB but washed up on chrome default
|
||
|
$color-primary: #826bb0;
|
||
|
$color-success: #31cb55;
|
||
|
$color-info: #5e93ec;
|
||
|
$color-warning: #eec559;
|
||
|
$color-danger: #dc4b92;
|
||
|
$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
|
||
|
/* Color Polarity
|
||
|
========================================================================== */
|
||
|
/* PAINTBUCKET MIXER
|
||
|
========================================================================== */
|
||
|
/* the grays */
|
||
|
/* the sapphires */
|
||
|
/* the emeralds */
|
||
|
/* the amethyths */
|
||
|
/* the topaz */
|
||
|
/* the rubies */
|
||
|
/* the graphites */
|
||
|
/* Define universal border difition (div outlines, etc)
|
||
|
========================================================================== */
|
||
|
/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
|
||
|
========================================================================== */
|
||
|
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
|
||
|
/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
|
||
|
/* global var used for spacing*/
|
||
|
/* Uniform Padding variable */
|
||
|
/* Heads up! This is a global scoped variable - changing may impact the whole template */
|
||
|
/* BOOTSTRAP OVERRIDES (bootstrap variables)
|
||
|
========================================================================== */
|
||
|
/* usage: theme-colors("primary"); */
|
||
|
/* forms */
|
||
|
/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
|
||
|
/* links */
|
||
|
/* checkbox */
|
||
|
/*$custom-file-height-inner: calc(2.25rem - 1px);*/
|
||
|
/* not part of bootstrap variable */
|
||
|
/* custom checkbox */
|
||
|
/* custom range */
|
||
|
/* select */
|
||
|
/* badge */
|
||
|
/* cards */
|
||
|
/*border radius*/
|
||
|
/* alert */
|
||
|
/* toast */
|
||
|
/* breadcrumb */
|
||
|
/* input button */
|
||
|
/* nav link */
|
||
|
/* nav, tabs, pills */
|
||
|
/* tables */
|
||
|
/* dropdowns */
|
||
|
/* dropdowns sizes */
|
||
|
/* popovers */
|
||
|
/* tooltips */
|
||
|
/* modal */
|
||
|
/* reference guide
|
||
|
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
|
||
|
8px = 0.5rem
|
||
|
9px = 0.5625rem
|
||
|
10px = 0.625rem
|
||
|
11px = 0.6875rem
|
||
|
12px = 0.75rem
|
||
|
13px = 0.8125rem
|
||
|
14px = 0.875rem
|
||
|
15px = 0.9375rem
|
||
|
16px = 1rem (base)
|
||
|
17px = 1.0625rem
|
||
|
18px = 1.125rem
|
||
|
19px = 1.1875rem
|
||
|
20px = 1.25rem
|
||
|
21px = 1.3125rem
|
||
|
22px = 1.375rem
|
||
|
24px = 1.5rem
|
||
|
25px = 1.5625rem
|
||
|
26px = 1.625rem
|
||
|
28px = 1.75rem
|
||
|
30px = 1.875rem
|
||
|
32px = 2rem
|
||
|
34px = 2.125rem
|
||
|
36px = 2.25rem
|
||
|
38px = 2.375rem
|
||
|
40px = 2.5rem
|
||
|
*/
|
||
|
/* Fonts */
|
||
|
/* carousel */
|
||
|
/* BASE VARS
|
||
|
========================================================================== */
|
||
|
/* font vars below will auto change to rem values using function rem($value)*/
|
||
|
/* 11px */
|
||
|
/* 12px */
|
||
|
/* 12.5px */
|
||
|
/* 14px */
|
||
|
/* 15px */
|
||
|
/* 16px */
|
||
|
/* 28px */
|
||
|
/* Font Family
|
||
|
========================================================================== */
|
||
|
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
|
||
|
/* ANIMATIONS
|
||
|
========================================================================== */
|
||
|
/* this addresses all animation related to nav hide to nav minify */
|
||
|
/* Z-INDEX declearation
|
||
|
========================================================================== */
|
||
|
/* we adjust bootstrap z-index to be higher than our higest z-index*/
|
||
|
/* CUSTOM ICON PREFIX
|
||
|
========================================================================== */
|
||
|
/* PRINT CSS (landscape or portrait)
|
||
|
========================================================================== */
|
||
|
/* landscape or portrait */
|
||
|
/* auto, letter */
|
||
|
/* Common Element Variables
|
||
|
========================================================================== */
|
||
|
/* Z-index decleartion "birds eye view"
|
||
|
========================================================================== */
|
||
|
/* Components
|
||
|
========================================================================== */
|
||
|
/* PAGE HEADER STUFF
|
||
|
========================================================================== */
|
||
|
/* colors */
|
||
|
/* height */
|
||
|
/* logo */
|
||
|
/* try not to go beywond the width of $main_nav_width value */
|
||
|
/* you may need to change this depending on your logo design */
|
||
|
/* adjust this as you see fit : left, right, center */
|
||
|
/* icon font size (not button) */
|
||
|
/* search input box */
|
||
|
/* suggestion: #ccced0*/
|
||
|
/* btn */
|
||
|
/* dropdown: app list */
|
||
|
/* badge */
|
||
|
/* COMPONENTS & MODS */
|
||
|
/* NAVIGATION STUFF
|
||
|
|
||
|
Guide:
|
||
|
|
||
|
aside.page-sidebar ($nav-width, $nav-background)
|
||
|
.page-logo
|
||
|
.primary-nav
|
||
|
.info-card
|
||
|
ul.nav-menu
|
||
|
li
|
||
|
a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
|
||
|
icon
|
||
|
span
|
||
|
collapse-sign
|
||
|
|
||
|
ul.nav-menu-sub-one
|
||
|
li
|
||
|
a ($nav-level-1... $nav-sub-link-height)
|
||
|
span
|
||
|
collapse-sign
|
||
|
|
||
|
ul.nav-menu-sub-two
|
||
|
li
|
||
|
a ($nav-level-2... $nav-sub-link-height)
|
||
|
span
|
||
|
|
||
|
p.nav-title ($nav-title-*...)
|
||
|
|
||
|
|
||
|
========================================================================== */
|
||
|
/* main navigation */
|
||
|
/* left panel */
|
||
|
/* nav parent level-0 */
|
||
|
/* nav icon sizes */
|
||
|
/* badge default */
|
||
|
/* all child */
|
||
|
/* nav title */
|
||
|
/* nav Minify */
|
||
|
/* when the menu pops on hover */
|
||
|
/* navigation Width */
|
||
|
/* partial visibility of the menu */
|
||
|
/* top navigation */
|
||
|
/* nav Info Card (appears below the logo) */
|
||
|
/* width is auto */
|
||
|
/* nav DL labels for all child */
|
||
|
/* will be pulled to left as a negative value */
|
||
|
/* MISC Settings
|
||
|
========================================================================== */
|
||
|
/* List Table */
|
||
|
/* PAGE SETTINGS
|
||
|
========================================================================== */
|
||
|
/* PAGE BREADCRUMB
|
||
|
========================================================================== */
|
||
|
/* PAGE COMPONENT PANELS
|
||
|
========================================================================== */
|
||
|
/* PAGE COMPONENT PROGRESSBARS
|
||
|
========================================================================== */
|
||
|
/* PAGE COMPONENT MESSENGER
|
||
|
========================================================================== */
|
||
|
/* FOOTER
|
||
|
========================================================================== */
|
||
|
/* GLOBALS
|
||
|
========================================================================== */
|
||
|
/* ACCESSIBILITIES */
|
||
|
/* SHORTCUT BUTTON (appears on bottom right of the page) */
|
||
|
.swal2-styled,
|
||
|
.swal2-content {
|
||
|
font-weight: 400 !important; }
|
||
|
|
||
|
.swal2-title {
|
||
|
font-weight: 500 !important; }
|
||
|
|
||
|
.swal2-popup .swal2-styled:focus {
|
||
|
-webkit-box-shadow: none;
|
||
|
box-shadow: none; }
|
||
|
|
||
|
@-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;
|
||
|
right: .0625em;
|
||
|
width: 0; }
|
||
|
54% {
|
||
|
top: 1.0625em;
|
||
|
right: .125em;
|
||
|
width: 0; }
|
||
|
70% {
|
||
|
top: 2.1875em;
|
||
|
right: -.375em;
|
||
|
width: 3.125em; }
|
||
|
84% {
|
||
|
top: 3em;
|
||
|
right: 1.3125em;
|
||
|
width: 1.0625em; }
|
||
|
100% {
|
||
|
top: 2.8125em;
|
||
|
right: .875em;
|
||
|
width: 1.5625em; } }
|
||
|
|
||
|
@keyframes swal2-animate-success-line-tip {
|
||
|
0% {
|
||
|
top: 1.1875em;
|
||
|
right: .0625em;
|
||
|
width: 0; }
|
||
|
54% {
|
||
|
top: 1.0625em;
|
||
|
right: .125em;
|
||
|
width: 0; }
|
||
|
70% {
|
||
|
top: 2.1875em;
|
||
|
right: -.375em;
|
||
|
width: 3.125em; }
|
||
|
84% {
|
||
|
top: 3em;
|
||
|
right: 1.3125em;
|
||
|
width: 1.0625em; }
|
||
|
100% {
|
||
|
top: 2.8125em;
|
||
|
right: .875em;
|
||
|
width: 1.5625em; } }
|
||
|
|
||
|
@-webkit-keyframes swal2-animate-success-line-long {
|
||
|
0% {
|
||
|
top: 3.375em;
|
||
|
left: 2.875em;
|
||
|
width: 0; }
|
||
|
65% {
|
||
|
top: 3.375em;
|
||
|
left: 2.875em;
|
||
|
width: 0; }
|
||
|
84% {
|
||
|
top: 2.1875em;
|
||
|
left: 0;
|
||
|
width: 3.4375em; }
|
||
|
100% {
|
||
|
top: 2.375em;
|
||
|
left: .5em;
|
||
|
width: 2.9375em; } }
|
||
|
|
||
|
@keyframes swal2-animate-success-line-long {
|
||
|
0% {
|
||
|
top: 3.375em;
|
||
|
left: 2.875em;
|
||
|
width: 0; }
|
||
|
65% {
|
||
|
top: 3.375em;
|
||
|
left: 2.875em;
|
||
|
width: 0; }
|
||
|
84% {
|
||
|
top: 2.1875em;
|
||
|
left: 0;
|
||
|
width: 3.4375em; }
|
||
|
100% {
|
||
|
top: 2.375em;
|
||
|
left: .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: -.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: -.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;
|
||
|
left: auto;
|
||
|
bottom: auto;
|
||
|
right: 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;
|
||
|
left: 0;
|
||
|
bottom: auto;
|
||
|
right: auto; }
|
||
|
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
|
||
|
top: 0;
|
||
|
left: auto;
|
||
|
bottom: auto;
|
||
|
right: 0; }
|
||
|
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
|
||
|
top: 50%;
|
||
|
left: auto;
|
||
|
bottom: auto;
|
||
|
right: 0;
|
||
|
-webkit-transform: translateY(-50%);
|
||
|
transform: translateY(-50%); }
|
||
|
body.swal2-toast-shown .swal2-container.swal2-center {
|
||
|
top: 50%;
|
||
|
left: auto;
|
||
|
bottom: auto;
|
||
|
right: 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%;
|
||
|
left: 0;
|
||
|
bottom: auto;
|
||
|
right: 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;
|
||
|
left: auto;
|
||
|
bottom: 0;
|
||
|
right: 0; }
|
||
|
body.swal2-toast-shown .swal2-container.swal2-bottom {
|
||
|
top: auto;
|
||
|
left: auto;
|
||
|
bottom: 0;
|
||
|
right: 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;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
right: auto; }
|
||
|
|
||
|
body.swal2-toast-column .swal2-toast {
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: column;
|
||
|
flex-direction: column;
|
||
|
-webkit-box-align: stretch;
|
||
|
-ms-flex-align: stretch;
|
||
|
align-items: stretch; }
|
||
|
body.swal2-toast-column .swal2-toast .swal2-actions {
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex: 1;
|
||
|
flex: 1;
|
||
|
-ms-flex-item-align: stretch;
|
||
|
align-self: stretch;
|
||
|
height: 2.2em;
|
||
|
margin-top: .3125em; }
|
||
|
body.swal2-toast-column .swal2-toast .swal2-loading {
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center; }
|
||
|
body.swal2-toast-column .swal2-toast .swal2-input {
|
||
|
height: 2em;
|
||
|
margin: .3125em auto;
|
||
|
font-size: 1em; }
|
||
|
body.swal2-toast-column .swal2-toast .swal2-validation-message {
|
||
|
font-size: 1em; }
|
||
|
|
||
|
.swal2-popup.swal2-toast {
|
||
|
-webkit-box-orient: horizontal;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: row;
|
||
|
flex-direction: row;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
width: auto;
|
||
|
padding: 0.625em;
|
||
|
overflow-y: hidden;
|
||
|
-webkit-box-shadow: 0 0 0.625em #d9d9d9;
|
||
|
box-shadow: 0 0 0.625em #d9d9d9; }
|
||
|
.swal2-popup.swal2-toast .swal2-header {
|
||
|
-webkit-box-orient: horizontal;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: row;
|
||
|
flex-direction: row; }
|
||
|
.swal2-popup.swal2-toast .swal2-title {
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex-positive: 1;
|
||
|
flex-grow: 1;
|
||
|
-webkit-box-pack: start;
|
||
|
-ms-flex-pack: start;
|
||
|
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: static;
|
||
|
width: 0.8em;
|
||
|
height: 0.8em;
|
||
|
line-height: 0.8; }
|
||
|
.swal2-popup.swal2-toast .swal2-content {
|
||
|
-webkit-box-pack: start;
|
||
|
-ms-flex-pack: start;
|
||
|
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: -webkit-box;
|
||
|
display: -ms-flexbox;
|
||
|
display: flex;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
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: .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: .875em;
|
||
|
width: 1.375em; }
|
||
|
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
|
||
|
right: .3125em; }
|
||
|
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
|
||
|
left: .3125em; }
|
||
|
.swal2-popup.swal2-toast .swal2-actions {
|
||
|
-ms-flex-preferred-size: auto !important;
|
||
|
flex-basis: auto !important;
|
||
|
width: auto;
|
||
|
height: auto;
|
||
|
margin: 0 .3125em; }
|
||
|
.swal2-popup.swal2-toast .swal2-styled {
|
||
|
margin: 0 .3125em;
|
||
|
padding: .3125em .625em;
|
||
|
font-size: 1em; }
|
||
|
.swal2-popup.swal2-toast .swal2-styled:focus {
|
||
|
-webkit-box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
|
||
|
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: #1dc9b7; }
|
||
|
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
|
||
|
position: absolute;
|
||
|
width: 1.6em;
|
||
|
height: 3em;
|
||
|
-webkit-transform: rotate(-45deg);
|
||
|
transform: rotate(-45deg);
|
||
|
border-radius: 50%; }
|
||
|
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
|
||
|
top: -.8em;
|
||
|
right: -.5em;
|
||
|
-webkit-transform: rotate(45deg);
|
||
|
transform: rotate(45deg);
|
||
|
-webkit-transform-origin: 2em 2em;
|
||
|
transform-origin: 2em 2em;
|
||
|
border-radius: 0 4em 4em 0; }
|
||
|
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
|
||
|
top: -.25em;
|
||
|
right: .9375em;
|
||
|
-webkit-transform-origin: 100% 1.5em;
|
||
|
transform-origin: 100% 1.5em;
|
||
|
border-radius: 4em 0 0 4em; }
|
||
|
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
|
||
|
width: 2em;
|
||
|
height: 2em; }
|
||
|
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
|
||
|
top: 0;
|
||
|
right: .4375em;
|
||
|
width: .4375em;
|
||
|
height: 2.6875em; }
|
||
|
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
|
||
|
height: .3125em; }
|
||
|
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
|
||
|
top: 1.125em;
|
||
|
right: .1875em;
|
||
|
width: .75em; }
|
||
|
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
|
||
|
top: .9375em;
|
||
|
left: .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.1s forwards;
|
||
|
animation: swal2-toast-hide 0.1s 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); }
|
||
|
33% {
|
||
|
-webkit-transform: translateY(0) rotateZ(2deg);
|
||
|
transform: translateY(0) rotateZ(2deg); }
|
||
|
66% {
|
||
|
-webkit-transform: translateY(0.3125em) rotateZ(-2deg);
|
||
|
transform: translateY(0.3125em) rotateZ(-2deg); }
|
||
|
100% {
|
||
|
-webkit-transform: translateY(0) rotateZ(0deg);
|
||
|
transform: translateY(0) rotateZ(0deg); } }
|
||
|
|
||
|
@keyframes swal2-toast-show {
|
||
|
0% {
|
||
|
-webkit-transform: translateY(-0.625em) rotateZ(-2deg);
|
||
|
transform: translateY(-0.625em) rotateZ(-2deg); }
|
||
|
33% {
|
||
|
-webkit-transform: translateY(0) rotateZ(2deg);
|
||
|
transform: translateY(0) rotateZ(2deg); }
|
||
|
66% {
|
||
|
-webkit-transform: translateY(0.3125em) rotateZ(-2deg);
|
||
|
transform: translateY(0.3125em) rotateZ(-2deg); }
|
||
|
100% {
|
||
|
-webkit-transform: translateY(0) rotateZ(0deg);
|
||
|
transform: translateY(0) rotateZ(0deg); } }
|
||
|
|
||
|
@-webkit-keyframes swal2-toast-hide {
|
||
|
100% {
|
||
|
-webkit-transform: rotateZ(-1deg);
|
||
|
transform: rotateZ(-1deg);
|
||
|
opacity: 0; } }
|
||
|
|
||
|
@keyframes swal2-toast-hide {
|
||
|
100% {
|
||
|
-webkit-transform: rotateZ(-1deg);
|
||
|
transform: rotateZ(-1deg);
|
||
|
opacity: 0; } }
|
||
|
|
||
|
@-webkit-keyframes swal2-toast-animate-success-line-tip {
|
||
|
0% {
|
||
|
top: .5625em;
|
||
|
right: .0625em;
|
||
|
width: 0; }
|
||
|
54% {
|
||
|
top: .125em;
|
||
|
right: .125em;
|
||
|
width: 0; }
|
||
|
70% {
|
||
|
top: .625em;
|
||
|
right: -.25em;
|
||
|
width: 1.625em; }
|
||
|
84% {
|
||
|
top: 1.0625em;
|
||
|
right: .75em;
|
||
|
width: .5em; }
|
||
|
100% {
|
||
|
top: 1.125em;
|
||
|
right: .1875em;
|
||
|
width: .75em; } }
|
||
|
|
||
|
@keyframes swal2-toast-animate-success-line-tip {
|
||
|
0% {
|
||
|
top: .5625em;
|
||
|
right: .0625em;
|
||
|
width: 0; }
|
||
|
54% {
|
||
|
top: .125em;
|
||
|
right: .125em;
|
||
|
width: 0; }
|
||
|
70% {
|
||
|
top: .625em;
|
||
|
right: -.25em;
|
||
|
width: 1.625em; }
|
||
|
84% {
|
||
|
top: 1.0625em;
|
||
|
right: .75em;
|
||
|
width: .5em; }
|
||
|
100% {
|
||
|
top: 1.125em;
|
||
|
right: .1875em;
|
||
|
width: .75em; } }
|
||
|
|
||
|
@-webkit-keyframes swal2-toast-animate-success-line-long {
|
||
|
0% {
|
||
|
top: 1.625em;
|
||
|
left: 1.375em;
|
||
|
width: 0; }
|
||
|
65% {
|
||
|
top: 1.25em;
|
||
|
left: .9375em;
|
||
|
width: 0; }
|
||
|
84% {
|
||
|
top: .9375em;
|
||
|
left: 0;
|
||
|
width: 1.125em; }
|
||
|
100% {
|
||
|
top: .9375em;
|
||
|
left: .1875em;
|
||
|
width: 1.375em; } }
|
||
|
|
||
|
@keyframes swal2-toast-animate-success-line-long {
|
||
|
0% {
|
||
|
top: 1.625em;
|
||
|
left: 1.375em;
|
||
|
width: 0; }
|
||
|
65% {
|
||
|
top: 1.25em;
|
||
|
left: .9375em;
|
||
|
width: 0; }
|
||
|
84% {
|
||
|
top: .9375em;
|
||
|
left: 0;
|
||
|
width: 1.125em; }
|
||
|
100% {
|
||
|
top: .9375em;
|
||
|
left: .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;
|
||
|
left: auto;
|
||
|
bottom: auto;
|
||
|
right: auto;
|
||
|
max-width: calc(100% - 0.625em * 2);
|
||
|
background-color: transparent; }
|
||
|
body.swal2-no-backdrop .swal2-shown > .swal2-modal {
|
||
|
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
|
||
|
body.swal2-no-backdrop .swal2-shown.swal2-top {
|
||
|
top: 0;
|
||
|
right: 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;
|
||
|
right: 0; }
|
||
|
body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
|
||
|
top: 0;
|
||
|
left: 0; }
|
||
|
body.swal2-no-backdrop .swal2-shown.swal2-center {
|
||
|
top: 50%;
|
||
|
right: 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%;
|
||
|
right: 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%;
|
||
|
left: 0;
|
||
|
-webkit-transform: translateY(-50%);
|
||
|
transform: translateY(-50%); }
|
||
|
body.swal2-no-backdrop .swal2-shown.swal2-bottom {
|
||
|
bottom: 0;
|
||
|
right: 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;
|
||
|
right: 0; }
|
||
|
body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
|
||
|
left: 0;
|
||
|
bottom: 0; }
|
||
|
|
||
|
.swal2-container {
|
||
|
display: -webkit-box;
|
||
|
display: -ms-flexbox;
|
||
|
display: flex;
|
||
|
position: fixed;
|
||
|
z-index: 1060;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
right: 0;
|
||
|
-webkit-box-orient: horizontal;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: row;
|
||
|
flex-direction: row;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
padding: 0.625em;
|
||
|
overflow-x: hidden;
|
||
|
background-color: transparent;
|
||
|
-webkit-overflow-scrolling: touch; }
|
||
|
.swal2-container.swal2-top {
|
||
|
-webkit-box-align: start;
|
||
|
-ms-flex-align: start;
|
||
|
align-items: flex-start; }
|
||
|
.swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
|
||
|
-webkit-box-align: start;
|
||
|
-ms-flex-align: start;
|
||
|
align-items: flex-start;
|
||
|
-webkit-box-pack: start;
|
||
|
-ms-flex-pack: start;
|
||
|
justify-content: flex-start; }
|
||
|
.swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
|
||
|
-webkit-box-align: start;
|
||
|
-ms-flex-align: start;
|
||
|
align-items: flex-start;
|
||
|
-webkit-box-pack: end;
|
||
|
-ms-flex-pack: end;
|
||
|
justify-content: flex-end; }
|
||
|
.swal2-container.swal2-center {
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center; }
|
||
|
.swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
-webkit-box-pack: start;
|
||
|
-ms-flex-pack: start;
|
||
|
justify-content: flex-start; }
|
||
|
.swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
-webkit-box-pack: end;
|
||
|
-ms-flex-pack: end;
|
||
|
justify-content: flex-end; }
|
||
|
.swal2-container.swal2-bottom {
|
||
|
-webkit-box-align: end;
|
||
|
-ms-flex-align: end;
|
||
|
align-items: flex-end; }
|
||
|
.swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
|
||
|
-webkit-box-align: end;
|
||
|
-ms-flex-align: end;
|
||
|
align-items: flex-end;
|
||
|
-webkit-box-pack: start;
|
||
|
-ms-flex-pack: start;
|
||
|
justify-content: flex-start; }
|
||
|
.swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
|
||
|
-webkit-box-align: end;
|
||
|
-ms-flex-align: end;
|
||
|
align-items: flex-end;
|
||
|
-webkit-box-pack: end;
|
||
|
-ms-flex-pack: 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: -webkit-box !important;
|
||
|
display: -ms-flexbox !important;
|
||
|
display: flex !important;
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex: 1;
|
||
|
flex: 1;
|
||
|
-ms-flex-item-align: stretch;
|
||
|
align-self: stretch;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center; }
|
||
|
.swal2-container.swal2-grow-row > .swal2-modal {
|
||
|
display: -webkit-box !important;
|
||
|
display: -ms-flexbox !important;
|
||
|
display: flex !important;
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex: 1;
|
||
|
flex: 1;
|
||
|
-ms-flex-line-pack: center;
|
||
|
align-content: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center; }
|
||
|
.swal2-container.swal2-grow-column {
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex: 1;
|
||
|
flex: 1;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: column;
|
||
|
flex-direction: column; }
|
||
|
.swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
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 {
|
||
|
-webkit-box-align: start;
|
||
|
-ms-flex-align: start;
|
||
|
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 {
|
||
|
-webkit-box-align: end;
|
||
|
-ms-flex-align: end;
|
||
|
align-items: flex-end; }
|
||
|
.swal2-container.swal2-grow-column > .swal2-modal {
|
||
|
display: -webkit-box !important;
|
||
|
display: -ms-flexbox !important;
|
||
|
display: flex !important;
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex: 1;
|
||
|
flex: 1;
|
||
|
-ms-flex-line-pack: center;
|
||
|
align-content: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: 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 {
|
||
|
-webkit-transition: background-color 0.1s;
|
||
|
transition: background-color 0.1s; }
|
||
|
.swal2-container.swal2-shown {
|
||
|
background-color: rgba(0, 0, 0, 0.2); }
|
||
|
|
||
|
.swal2-popup {
|
||
|
display: none;
|
||
|
position: relative;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: column;
|
||
|
flex-direction: column;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
width: 30em;
|
||
|
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: -webkit-box;
|
||
|
display: -ms-flexbox;
|
||
|
display: flex;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-box-direction: normal;
|
||
|
-ms-flex-direction: column;
|
||
|
flex-direction: column;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center; }
|
||
|
|
||
|
.swal2-title {
|
||
|
position: relative;
|
||
|
max-width: 100%;
|
||
|
margin: 0 0 1em;
|
||
|
padding: 0;
|
||
|
color: #595959;
|
||
|
font-size: 1.0625em;
|
||
|
font-weight: 600;
|
||
|
text-align: center;
|
||
|
text-transform: none;
|
||
|
word-wrap: break-word; }
|
||
|
|
||
|
.swal2-actions {
|
||
|
display: -webkit-box;
|
||
|
display: -ms-flexbox;
|
||
|
display: flex;
|
||
|
z-index: 1;
|
||
|
-ms-flex-wrap: wrap;
|
||
|
flex-wrap: wrap;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
width: 100%;
|
||
|
margin: 1.25em auto 0; }
|
||
|
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
|
||
|
opacity: .4; }
|
||
|
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
|
||
|
background-image: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
|
||
|
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: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
|
||
|
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
|
||
|
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
|
||
|
-webkit-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
width: 2.5em;
|
||
|
height: 2.5em;
|
||
|
margin: .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: .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-left: 30px;
|
||
|
margin-right: 30px; }
|
||
|
.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
|
||
|
content: '';
|
||
|
display: inline-block;
|
||
|
width: 15px;
|
||
|
height: 15px;
|
||
|
margin-right: 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-left-color: transparent;
|
||
|
-webkit-box-shadow: -1px 1px 1px #fff;
|
||
|
box-shadow: -1px 1px 1px #fff; }
|
||
|
|
||
|
.swal2-styled {
|
||
|
margin: .3125em;
|
||
|
padding: .625em 2em;
|
||
|
-webkit-box-shadow: none;
|
||
|
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: #886ab5;
|
||
|
color: #fff;
|
||
|
font-size: 0.875em; }
|
||
|
.swal2-styled.swal2-cancel {
|
||
|
border: 0;
|
||
|
border-radius: 0.25em;
|
||
|
background: initial;
|
||
|
background-color: #aaa;
|
||
|
color: #fff;
|
||
|
font-size: 0.875em; }
|
||
|
.swal2-styled:focus {
|
||
|
outline: none;
|
||
|
-webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
|
||
|
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 {
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
margin: 1.25em 0 0;
|
||
|
padding: 1em 0 0;
|
||
|
border-top: 1px solid #eee;
|
||
|
color: #545454;
|
||
|
font-size: 0.875em; }
|
||
|
|
||
|
.swal2-image {
|
||
|
max-width: 100%;
|
||
|
margin: 1.25em auto; }
|
||
|
|
||
|
.swal2-close {
|
||
|
position: absolute;
|
||
|
z-index: 2;
|
||
|
/* 1617 */
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
width: 1.2em;
|
||
|
height: 1.2em;
|
||
|
padding: 0;
|
||
|
overflow: hidden;
|
||
|
-webkit-transition: color 0.1s ease-out;
|
||
|
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;
|
||
|
background: transparent;
|
||
|
color: #fd3995; }
|
||
|
|
||
|
.swal2-content {
|
||
|
z-index: 1;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
color: #909090;
|
||
|
font-size: 0.875em;
|
||
|
font-weight: normal;
|
||
|
line-height: normal;
|
||
|
text-align: center;
|
||
|
word-wrap: break-word; }
|
||
|
|
||
|
.swal2-input,
|
||
|
.swal2-file,
|
||
|
.swal2-textarea,
|
||
|
.swal2-select,
|
||
|
.swal2-radio,
|
||
|
.swal2-checkbox {
|
||
|
margin: 1em auto; }
|
||
|
|
||
|
.swal2-input,
|
||
|
.swal2-file,
|
||
|
.swal2-textarea {
|
||
|
-webkit-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
width: 100%;
|
||
|
-webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
|
||
|
transition: border-color 0.3s, -webkit-box-shadow 0.3s;
|
||
|
transition: border-color 0.3s, box-shadow 0.3s;
|
||
|
transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
|
||
|
border: 1px solid #d9d9d9;
|
||
|
border-radius: 0.1875em;
|
||
|
background: inherit;
|
||
|
-webkit-box-shadow: rgba(0, 0, 0, 0.06);
|
||
|
box-shadow: 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: #fd3995 !important;
|
||
|
-webkit-box-shadow: 0 0 2px #fd3995 !important;
|
||
|
box-shadow: 0 0 2px #fd3995 !important; }
|
||
|
.swal2-input:focus,
|
||
|
.swal2-file:focus,
|
||
|
.swal2-textarea:focus {
|
||
|
border: 1px solid #886ab5;
|
||
|
outline: none;
|
||
|
-webkit-box-shadow: transparent;
|
||
|
box-shadow: transparent; }
|
||
|
.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: .375em .625em;
|
||
|
background: inherit;
|
||
|
color: inherit;
|
||
|
font-size: 1.125em; }
|
||
|
|
||
|
.swal2-radio,
|
||
|
.swal2-checkbox {
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
background: inherit;
|
||
|
color: inherit; }
|
||
|
.swal2-radio label,
|
||
|
.swal2-checkbox label {
|
||
|
margin: 0 .6em;
|
||
|
font-size: 1.125em; }
|
||
|
.swal2-radio input,
|
||
|
.swal2-checkbox input {
|
||
|
margin: 0 .4em; }
|
||
|
|
||
|
.swal2-validation-message {
|
||
|
display: none;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: 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 .625em;
|
||
|
zoom: normal;
|
||
|
border-radius: 50%;
|
||
|
background-color: #fd3995;
|
||
|
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;
|
||
|
-webkit-box-sizing: content-box;
|
||
|
box-sizing: content-box;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
width: 5em;
|
||
|
height: 5em;
|
||
|
margin: 1.25em auto 1.875em;
|
||
|
zoom: normal;
|
||
|
border: .25em solid transparent;
|
||
|
border-radius: 50%;
|
||
|
font-family: inherit;
|
||
|
line-height: 5em;
|
||
|
cursor: default;
|
||
|
-webkit-user-select: none;
|
||
|
-moz-user-select: none;
|
||
|
-ms-user-select: none;
|
||
|
user-select: none; }
|
||
|
.swal2-icon::before {
|
||
|
display: -webkit-box;
|
||
|
display: -ms-flexbox;
|
||
|
display: flex;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
height: 92%;
|
||
|
font-size: 3.75em; }
|
||
|
.swal2-icon.swal2-error {
|
||
|
border-color: #fd3995; }
|
||
|
.swal2-icon.swal2-error .swal2-x-mark {
|
||
|
position: relative;
|
||
|
-webkit-box-flex: 1;
|
||
|
-ms-flex-positive: 1;
|
||
|
flex-grow: 1; }
|
||
|
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
top: 2.3125em;
|
||
|
width: 2.9375em;
|
||
|
height: .3125em;
|
||
|
border-radius: .125em;
|
||
|
background-color: #fd3995; }
|
||
|
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
|
||
|
right: 1.0625em;
|
||
|
-webkit-transform: rotate(-45deg);
|
||
|
transform: rotate(-45deg); }
|
||
|
.swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
|
||
|
left: 1em;
|
||
|
-webkit-transform: rotate(45deg);
|
||
|
transform: rotate(45deg); }
|
||
|
.swal2-icon.swal2-warning {
|
||
|
border-color: #ffcd65;
|
||
|
color: #ffc241; }
|
||
|
.swal2-icon.swal2-warning::before {
|
||
|
content: '!'; }
|
||
|
.swal2-icon.swal2-info {
|
||
|
border-color: #82c4f8;
|
||
|
color: #2196F3; }
|
||
|
.swal2-icon.swal2-info::before {
|
||
|
content: 'i'; }
|
||
|
.swal2-icon.swal2-question {
|
||
|
border-color: #beaed7;
|
||
|
color: #886ab5; }
|
||
|
.swal2-icon.swal2-question::before {
|
||
|
content: '?'; }
|
||
|
.swal2-icon.swal2-question.swal2-arabic-question-mark::before {
|
||
|
content: '؟'; }
|
||
|
.swal2-icon.swal2-success {
|
||
|
border-color: #1dc9b7; }
|
||
|
.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: -.4375em;
|
||
|
right: -2.0635em;
|
||
|
-webkit-transform: rotate(45deg);
|
||
|
transform: rotate(45deg);
|
||
|
-webkit-transform-origin: 3.75em 3.75em;
|
||
|
transform-origin: 3.75em 3.75em;
|
||
|
border-radius: 0 7.5em 7.5em 0; }
|
||
|
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
|
||
|
top: -.6875em;
|
||
|
right: 1.875em;
|
||
|
-webkit-transform: rotate(45deg);
|
||
|
transform: rotate(45deg);
|
||
|
-webkit-transform-origin: 100% 3.75em;
|
||
|
transform-origin: 100% 3.75em;
|
||
|
border-radius: 7.5em 0 0 7.5em; }
|
||
|
.swal2-icon.swal2-success .swal2-success-ring {
|
||
|
position: absolute;
|
||
|
z-index: 2;
|
||
|
top: -.25em;
|
||
|
right: -.25em;
|
||
|
-webkit-box-sizing: content-box;
|
||
|
box-sizing: content-box;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
border: 0.25em solid rgba(29, 201, 183, 0.3);
|
||
|
border-radius: 50%; }
|
||
|
.swal2-icon.swal2-success .swal2-success-fix {
|
||
|
position: absolute;
|
||
|
z-index: 1;
|
||
|
top: .5em;
|
||
|
right: 1.625em;
|
||
|
width: .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: .3125em;
|
||
|
border-radius: .125em;
|
||
|
background-color: #1dc9b7; }
|
||
|
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
|
||
|
top: 2.875em;
|
||
|
right: .875em;
|
||
|
width: 1.5625em;
|
||
|
-webkit-transform: rotate(-45deg);
|
||
|
transform: rotate(-45deg); }
|
||
|
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
|
||
|
top: 2.375em;
|
||
|
left: .5em;
|
||
|
width: 2.9375em;
|
||
|
-webkit-transform: rotate(45deg);
|
||
|
transform: rotate(45deg); }
|
||
|
|
||
|
.swal2-progress-steps {
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
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: #886ab5;
|
||
|
color: #fff;
|
||
|
line-height: 2em;
|
||
|
text-align: center; }
|
||
|
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
|
||
|
background: #886ab5; }
|
||
|
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
|
||
|
background: #beaed7;
|
||
|
color: #fff; }
|
||
|
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
|
||
|
background: #beaed7; }
|
||
|
.swal2-progress-steps .swal2-progress-step-line {
|
||
|
z-index: 10;
|
||
|
width: 2.5em;
|
||
|
height: .4em;
|
||
|
margin: 0 -1px;
|
||
|
background: #886ab5; }
|
||
|
|
||
|
[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 {
|
||
|
left: auto;
|
||
|
right: 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: static !important; } }
|