body.swal2-iosfix { position : fixed ; left : 0 ; right : 0 } .swal2-container { display : flex ; -webkit-box-align : center ; -ms-flex-align : center ; align-items : center ; позиция : фиксированная ; top : 0 ; left : 0 ; bottom : 0 ; правый : 0; padding : 10px ; background-color : transparent ; z-index : 1060 } .swal2-container.swal2-fade { -webkit-transition : background-color .1s ; переход : background-color .1s } .swal2-container.swal2-показано { background-color : rgba (0,0,0, .4) } .swal2-modal { background-color : #fff ; font-family : «Helvetica Neue», Helvetica, Arial, sans-serif ; border-radius :5px ; -webkit-box-size : border-box ; box-size : border-box ; text-align : center ; margin : auto ; переполнение-x : скрыто ; overflow-y : auto ; display : none ; позиция : относительная ; max-width : 100% } .swal2-modal: focus { outline : 0 } .swal2-modal.swal2- load , body.swal2-показано{ overflow-y : hidden } .swal2-modal .swal2-title { color : # 595959 ; размер шрифта : 30 пикселей ; text-align : center ; font-weight : 600 ; text-transform : none ; позиция : относительная ; margin : 0 0 .4em ; заполнение : 0 ; display : block ; word-wrap : break-word }.swal2-modal .swal2-buttonswrapper { margin-top : 15px } .swal2-modal .swal2-buttonswrapper: not (.swal2-load) .swal2-styleled [disabled] { opacity : .4 ; курсор : no-drop } .swal2-modal .swal2-buttonswrapper.swal2-load .swal2-styled.swal2-confirm { -webkit-box-sizing : border-box ; box-size : border-box ; граница : 4px сплошная прозрачная ; border-color : transparent ; ширина : 40 пикселей ;высота : 40 пикселей ; заполнение : 0 ; margin : 7.5px ; vertical-align : top ; background-color : transparent! important ; цвет : прозрачный ; курсор : по умолчанию ; радиус границы : 100% ; -webkit-animation : rotate- load 1.5s linear 0s бесконечный нормальный ; анимация : rotate-load 1.5s linear 0s бесконечный нормальный ; -webkit-user-select : none; -moz-user-select : none ; -ms-user-select : none ; user-select : none } .swal2-modal .swal2-buttonswrapper.swal2-load .swal2-styled.swal2-cancel { margin-left : 30px ; margin-right : 30px } .swal2-modal .swal2-buttonswrapper.swal2-loading: not (.swal2-styleled) .swal2-confirm :: after { display : inline-block ; content : '' ; margin-left : 5px 0 15px ; vertical-align : -1px; высота : 15px ; ширина : 15 пикселей ; border : 3px solid # 999 ; -webkit-box-shadow : 1px 1px 1px #fff ; box-shadow : 1px 1px 1px #fff ; border-right-color : transparent ; радиус границы : 50% ; -webkit-animation : rotate- load 1.5s linear 0s бесконечный нормальный ; анимация : rotate- load 1.5s linear 0s бесконечный нормальный } .swal2-модальный .swal2-styleled { border : 0; border-radius : 3px ; -webkit-box-shadow : нет ; box-shadow : none ; цвет : #fff ; курсор : указатель ; font-size : 17px ; font-weight : 500 ; margin : 15px 5px 0 ; padding : 10px 32px } .swal2-modal .swal2-image { margin : 20px auto ; max-width : 100% } .swal2-modal .swal2-close{ background : 0 0 ; border : 0 ; margin : 0 ; заполнение : 0 ; ширина : 38 пикселей ; высота : 40 пикселей ; font-size : 36px ; line-height : 40px ; font-family : serif ; позиция : абсолютная ; top : 5px ; правый : 8px ; курсор : указатель ;цвет : #ccc ; -webkit-переход : цвет .1s легкость ; переход : цвет .1s ease } .swal2-modal .swal2-закрыть: hover { color : # d55 } .swal2-modal .swal2-content { font-size : 18px ; text-align : center ; font-weight : 300 ; позиция : относительная ; float : none ; margin : 0 ; прокладка : 0; line-height : normal ; цвет : # 545454 ; word-wrap : break-word } .swal2-modal .swal2-range input { float : left ; width : 80% } .swal2-modal .swal2-range output { float : right ; ширина : 20% ; размер шрифта : 20 пикселей ; font-weight : 600 ; text-align : center } .swal2-modal .swal2-input {высота : 43px ; обивка : 0 12px } .swal2-модального .swal2-вход [тип = число] { макс-ширина : 150px } .swal2-модальный .swal2-файл { размер шрифта : 20px } .swal2-модальный .swal2-текстовое поле { высота : 108px ; padding : 12px } .swal2-modal .swal2-select { color : # 545454 ; font-size : inherit ; padding : 5px 10px ; мин-ширина: 40% ; max-width : 100% } .swal2-modal .swal2-radio { border : 0 } .swal2-modal .swal2-radio label: not (: first-child) { margin-left : 20px } .swal2-modal .swal2 -radio input { margin : 0 3px 0 0 } .swal2-modal .swal2-checkbox { color : # 545454 } .swal2-modal .swal2-validationerror { background-color : # f0f0f0 ; margin : 0 -20px ; переполнение :скрытый ; padding : 10px ; цвет : серый ; font-size : 16px ; font-weight : 300 ; display : none } .swal2-modal .swal2-validationerror :: before { content : '!' ; display : inline-block ; ширина : 24px ; высота : 24px ; радиус границы : 50% ; background-color : # ea7d7d ; цвет: #fff ; line-height : 24px ; text-align : center ; margin-right : 10px } @supports (-ms-accelerator: true) { .swal2-range input {width : 100%! important } .swal2-range output { display : none } .swal2-icon { width : 80px ; высота : 80 пикселей ; граница : 4px сплошная прозрачная ; радиус границы : 50% ; поле: 20px auto 30px ; заполнение : 0 ; позиция : относительная ; -webkit-box-sizing : content-box ; box-size : content-box ; курсор : по умолчанию ; -webkit-user-select : none ; -moz-user-select : none ; -ms-user-select : none ; user-select : none } .swal2-icon.swal2-error { border-color : # f27474 }.swal2-icon.swal2-error .swal2-x-mark { position : relative ; display : block } .swal2-icon.swal2-error [класс ^ = swal2-x-mark-line] { position : absolute ; высота : 5 пикселей ; ширина : 47 пикселей ; background-color : # f27474 ; display : block ; top : 37px ; граница радиус : 2px } .swal2-icon.swal2 ошибки [класс = swal2-й маркировочный линия] [класс $ = влево] {-webkit-transform : вращать (45deg) ; transform : вращать (45deg) ; left : 17px } .swal2-icon.swal2-error [класс ^ = swal2-x-mark-line] [класс $ = right] { -webkit-transform : rotate (-45deg) ; transform : вращать (-45deg) ; right : 16px } .swal2-icon.swal2-warning { font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif ; цвет : # f8bb86 ; border-color : # facea8 ; размер шрифта: 60 пикселей ; line-height : 80px ; text-align : center } .swal2-icon.swal2-info { font-family : 'Open Sans', sans-serif ; цвет : # 3fc3ee ; border-color : # 9de0f6 ; размер шрифта : 60 пикселей ; line-height : 80px ; text-align : center } .swal2-icon.swal2-question { font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif ; цвет :# 87adbd ; border-color : # c9dae1 ; размер шрифта : 60 пикселей ; line-height : 80px ; text-align : center } .swal2-icon.swal2-success { border-color : # a5dc86 } .swal2-icon.swal2-success [class ^ = swal2-success-circle-line] { border-radius : 50% ; позиция : абсолютная ; ширина : 60 пикселей ; высота : 120 пикселей ; -webkit-transform :вращать (45deg) ; transform : rotate (45deg) } .swal2-icon.swal2-success [class ^ = swal2-success-circle-line] [class $ = left] { border-radius : 120px 0 0 120px ; top : -7px ; left : -33px ; -webkit-transform : rotate (-45deg) ; transform : вращать (-45deg) ; -webkit-transform-origin : 60px 60px ; transform-origin : 60px 60px } .swal2-icon.swal2-success [class ^ = swal2-success-circle-line] [class $ = right] {border-radius : 0 120px 120px 0 ; top : -11px ; left : 30px ; -webkit-transform : rotate (-45deg) ; transform : вращать (-45deg) ; -webkit-transform-origin : 0 60px ; transform-origin : 0 60px } .swal2-icon.swal2-success .swal2-success-ring { width : 80px ; высота : 80 пикселей ; border : 4px solid rgba (165, 220, 134, .2) ; border-radius :50% ; -webkit-box-sizing : content-box ; box-size : content-box ; позиция : абсолютная ; left : -4px ; наверх : -4px ; z-index : 2 } .swal2-icon.swal2-success .swal2-success-fix { width : 7px ; высота : 90 пикселей ; позиция : абсолютная ; left : 28px ; top : 8px ; Z-индекс: 1 ; -webkit-transform : rotate (-45deg) ; transform : rotate (-45deg) } .swal2-icon.swal2-success [class ^ = swal2-success-line] { height : 5px ; background-color : # a5dc86 ; display : block ; border-radius : 2px ; позиция : абсолютная ; z-index : 2 } .swal2-icon.swal2-success [class ^ = swal2-success-line] [класс $ = tip] { width : 25px ;left : 14px ; top : 46px ; -webkit-transform : вращать (45deg) ; transform : rotate (45deg) } .swal2-icon.swal2-success [class ^ = swal2-success-line] [class $ = long] { width : 47px ; правый : 8px ; top : 38px ; -webkit-transform : rotate (-45deg) ; transform : rotate (-45deg) } .swal2-progresssteps { font-weight : 600 ; поле: 0 0 20px ; padding : 0 } .swal2-progresssteps li { display : inline-block ; position : relative } .swal2-progresssteps .swal2-progresscircle { background : # 3085d6 ; border-radius : 2em ; цвет : #fff ; высота : 2м ; line-height : 2em ; text-align : center ; width : 2em ; Z-индекс: 20 } .swal2-progresssteps .swal2-progresscircle: first-child { margin-left : 0 } .swal2-progresssteps .swal2-progresscircle: last-child { margin-right : 0 } .swal2-progresssteps .swal2-progresscircle. swal2-activeprogressstep { background : # 3085d6 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline , .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background : # add8e6 } .swal2-progresssteps .swal2-progressline{ background : # 3085d6 ; высота : .4em ; margin : 0 -1px ; z-index : 10 } [class ^ = swal2] { -webkit-tap-highlight-color : transparent } @ -webkit-keyframes showSweetAlert { 0 {-webkit-transform : scale (.7) ; transform : scale (.7) } @keyframes showSweetAlert { 0 {-webkit-transform : scale (.7) ; transform : scale (.7) } 45%{ -webkit-transform : масштаб (1.05) ; transform : scale (1.05) } @ -webkit-keyframes hideSweetAlert { 0 {-webkit-transform : scale (1) ; transform : масштаб (1) ; opacity : 1 } @keyframes hideSweetAlert { 0 {-webkit-transform : scale (1) ; transform : масштаб (1) ; opacity : 1 } .swal2-show { -webkit-animation : showSweetAlert .3s ; анимация: showSweetAlert .3s } .swal2-hide { -webkit-animation : hideSweetAlert .15s forwards ; анимация : hideSweetAlert .15s вперед } .swal2-hide.swal2-noanimation , .swal2-show.swal2-noanimation { -webkit-animation : none ; анимация : none } @ -webkit-keyframes animate-success-tip { 0 {width : 0 ; left : 1px ; top : 19px } @keyframes animate-success-tip {0 {ширина : 0 ; left : 1px ; top : 19px } 54% { width : 0 ; left : 1px ; top : 19px } 70% { width : 50px ; left : -8px ; top : 37px } @ -webkit-keyframes animate-success-long { 0 {width : 0 ; right : 46px ; наверх : 54px} @keyframes animate-success-long { 0 {width : 0 ; right : 46px ; top : 54px } 65% { width : 0 ; right : 46px ; top : 54px } 84% { left : 21px ; ширина : 55 пикселей ; право : 0 ; top : 35px } @ -webkit-keyframes rotatePlaceholder { 0 {-webkit-transform :вращать (-45deg) ; transform : rotate (-45deg) } @keyframes rotatePlaceholder { 0 {-webkit-transform : rotate (-45deg) ; transform : rotate (-45deg) } 5% { -webkit-transform : rotate (-45deg) ; transform : rotate (-45deg) } 12% { -webkit-transform : rotate (-405deg) ; transform : rotate (-405deg) } .swal2-animate-success-line-tip { -webkit-animation :animate-success-tip .75s ; анимация : animate-success-tip .75s } .swal2-animate-success-line-long { -webkit-animation : animate -success-long .75s ; анимация : animate-success-long .75s } .swal2-success.swal2-animate-success-icon .swal2-success-circle-line-right { -webkit-animation : rotatePlaceholder 4.25s ease-in ; анимация : rotatePlaceholder 4.25s ease-in } @ -webkit-keyframes animate-error-icon { 0 {-webkit-transform : rotateX (100deg) ; преобразование: rotateX (100deg) ; opacity : 0 } @keyframes animate-error-icon { 0 {-webkit-transform : rotateX (100deg) ; transform : rotateX (100deg) ; opacity : 0 } .swal2-animate-error-icon { -webkit-animation : animate -error-icon .5s ; анимация : animate-error-icon .5s } @ -webkit-keyframes animate-x-mark { 0 {-webkit-transform : scale (.4) ; transform : scale (.4) ;margin-top : 26px ; opacity : 0 } @keyframes animate-x-mark { 0 {-webkit-transform : scale (.4) ; transform : scale (.4) ; margin-top : 26px ; opacity : 0 } 50% { -webkit-transform : scale (.4) ; transform : scale (.4) ; margin-top : 26px ; непрозрачность : 0 } 80% { -webkit-transform :масштаб (1.15) ; transform : масштаб (1.15) ; margin-top : -6px } .swal2-animate-x-mark { -webkit-animation : animate -x-mark .5s ; анимация : animate-x-mark .5s } @ -webkit-keyframes rotate-loading { 0 {-webkit-transform : rotate (0) ; transform : rotate (0) } @keyframes rotate-loading { 0 {-webkit-transform : rotate (0) ; transform : rotate (0) } 100% {left : 14px ; ширина : 47 пикселей ; правый : 8px ; top : 38px ; margin-top : 0 ; непрозрачность : 1 ; -webkit-transform : rotate (360deg) ; transform : rotate (360deg) }{ .swal2-range input {ширина : 100%! important ; высота : 43px ; line-height : 43px ; вертикально-выровненный : средний ; заполнение : 0 ; цвет : # e6e6e6 ; непрозрачность : .8 ; схема : 0 ; border-color : # f27474! important ; ширина : 100% ; -webkit-box-size : border-box ; box-size : border-box; font-size : 18px ; border-radius : 3px ; border : 1px solid # d9d9d9 ; -webkit-box-shadow : вставка 0 1px 1px rgba (0,0,0, .06) ; box-shadow : inset 0 1px 1px rgba (0,0,0, .06) ; -webkit-transition : border-color box-shadow .3s ; переход : border-color box-shadow .3s ; margin : 20px auto ; display : none }