@charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright ยฉ 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSStandard"; src: url('../fonts/ss-standard.eot'); src: url('../fonts/ss-standard.eot?#iefix') format('embedded-opentype'), url('../fonts/ss-standard.woff') format('woff'), url('../fonts/ss-standard.ttf') format('truetype'), url('../fonts/ss-standard.svg#SSStandard') format('svg'); font-weight: normal; font-style: normal; } /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ html:hover [class^="ss-"]{-ms-zoom: 1;} .ss-icon, .ss-icon.ss-standard, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after { font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */ -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } [class^="ss-"].right:before, [class*=" ss-"].right:before{display:none;content:'';} .ss-cursor:before,.ss-cursor.right:after{content:'๎€'}.ss-crosshair:before,.ss-crosshair.right:after{content:'โŒ–'}.ss-search:before,.ss-search.right:after{content:'๐Ÿ”Ž'}.ss-zoomin:before,.ss-zoomin.right:after{content:'๎€‚'}.ss-zoomout:before,.ss-zoomout.right:after{content:'๎€ƒ'}.ss-view:before,.ss-view.right:after{content:'๐Ÿ‘€'}.ss-attach:before,.ss-attach.right:after{content:'๐Ÿ“Ž'}.ss-link:before,.ss-link.right:after{content:'๐Ÿ”—'}.ss-move:before,.ss-move.right:after{content:'๎ฐ'}.ss-write:before,.ss-write.right:after{content:'โœŽ'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:'๎ฑ'}.ss-erase:before,.ss-erase.right:after{content:'โœ'}.ss-compose:before,.ss-compose.right:after{content:'๐Ÿ“'}.ss-lock:before,.ss-lock.right:after{content:'๐Ÿ”’'}.ss-unlock:before,.ss-unlock.right:after{content:'๐Ÿ”“'}.ss-key:before,.ss-key.right:after{content:'๐Ÿ”‘'}.ss-backspace:before,.ss-backspace.right:after{content:'โŒซ'}.ss-ban:before,.ss-ban.right:after{content:'๐Ÿšซ'}.ss-trash:before,.ss-trash.right:after{content:'๎ƒ'}.ss-target:before,.ss-target.right:after{content:'โ—Ž'}.ss-tag:before,.ss-tag.right:after{content:'๎„€'}.ss-bookmark:before,.ss-bookmark.right:after{content:'๐Ÿ”–'}.ss-flag:before,.ss-flag.right:after{content:'โš‘'}.ss-like:before,.ss-like.right:after{content:'๐Ÿ‘'}.ss-dislike:before,.ss-dislike.right:after{content:'๐Ÿ‘Ž'}.ss-heart:before,.ss-heart.right:after{content:'โ™ฅ'}.ss-halfheart:before,.ss-halfheart.right:after{content:'๎† '}.ss-star:before,.ss-star.right:after{content:'โ‹†'}.ss-halfstar:before,.ss-halfstar.right:after{content:'๎†ก'}.ss-sample:before,.ss-sample.right:after{content:'๎ˆ€'}.ss-crop:before,.ss-crop.right:after{content:'๎ˆ'}.ss-layers:before,.ss-layers.right:after{content:'๎ˆ‚'}.ss-fill:before,.ss-fill.right:after{content:'๎‰€'}.ss-stroke:before,.ss-stroke.right:after{content:'๎‰'}.ss-phone:before,.ss-phone.right:after{content:'๐Ÿ“ž'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:'๎Œ€'}.ss-rss:before,.ss-rss.right:after{content:'๎Œ'}.ss-facetime:before,.ss-facetime.right:after{content:'๎Œ '}.ss-reply:before,.ss-reply.right:after{content:'โ†ฉ'}.ss-send:before,.ss-send.right:after{content:'๎'}.ss-mail:before,.ss-mail.right:after{content:'โœ‰'}.ss-inbox:before,.ss-inbox.right:after{content:'๐Ÿ“ฅ'}.ss-chat:before,.ss-chat.right:after{content:'๐Ÿ’ฌ'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:'๎Ž™'}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'โ€ฆ'}.ss-user:before,.ss-user.right:after{content:'๐Ÿ‘ค'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'๐Ÿ‘ง'}.ss-users:before,.ss-users.right:after{content:'๐Ÿ‘ฅ'}.ss-cart:before,.ss-cart.right:after{content:'๎”€'}.ss-creditcard:before,.ss-creditcard.right:after{content:'๐Ÿ’ณ'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'๐Ÿ’ฒ'}.ss-barchart:before,.ss-barchart.right:after{content:'๐Ÿ“Š'}.ss-piechart:before,.ss-piechart.right:after{content:'๎•ฐ'}.ss-box:before,.ss-box.right:after{content:'๐Ÿ“ฆ'}.ss-home:before,.ss-home.right:after{content:'โŒ‚'}.ss-buildings:before,.ss-buildings.right:after{content:'๐Ÿข'}.ss-warehouse:before,.ss-warehouse.right:after{content:'๎˜‚'}.ss-globe:before,.ss-globe.right:after{content:'๐ŸŒŽ'}.ss-navigate:before,.ss-navigate.right:after{content:'๎™ฐ'}.ss-compass:before,.ss-compass.right:after{content:'๎™ฑ'}.ss-signpost:before,.ss-signpost.right:after{content:'๎™ฒ'}.ss-map:before,.ss-map.right:after{content:'๎™ณ'}.ss-location:before,.ss-location.right:after{content:'๎›'}.ss-pin:before,.ss-pin.right:after{content:'๐Ÿ“'}.ss-database:before,.ss-database.right:after{content:'๎ž '}.ss-hdd:before,.ss-hdd.right:after{content:'๎žฐ'}.ss-music:before,.ss-music.right:after{content:'โ™ซ'}.ss-mic:before,.ss-mic.right:after{content:'๐ŸŽค'}.ss-volume:before,.ss-volume.right:after{content:'๐Ÿ”ˆ'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'๐Ÿ”‰'}.ss-highvolume:before,.ss-highvolume.right:after{content:'๐Ÿ”Š'}.ss-airplay:before,.ss-airplay.right:after{content:'๎ €'}.ss-camera:before,.ss-camera.right:after{content:'๐Ÿ“ท'}.ss-picture:before,.ss-picture.right:after{content:'๐ŸŒ„'}.ss-video:before,.ss-video.right:after{content:'๐Ÿ“น'}.ss-play:before,.ss-play.right:after{content:'โ–ถ'}.ss-pause:before,.ss-pause.right:after{content:'๎ข '}.ss-stop:before,.ss-stop.right:after{content:'โ– '}.ss-record:before,.ss-record.right:after{content:'โ—'}.ss-rewind:before,.ss-rewind.right:after{content:'โช'}.ss-fastforward:before,.ss-fastforward.right:after{content:'โฉ'}.ss-skipback:before,.ss-skipback.right:after{content:'โฎ'}.ss-skipforward:before,.ss-skipforward.right:after{content:'โญ'}.ss-eject:before,.ss-eject.right:after{content:'โ'}.ss-repeat:before,.ss-repeat.right:after{content:'๐Ÿ”'}.ss-replay:before,.ss-replay.right:after{content:'โ†บ'}.ss-shuffle:before,.ss-shuffle.right:after{content:'๐Ÿ”€'}.ss-book:before,.ss-book.right:after{content:'๐Ÿ“•'}.ss-openbook:before,.ss-openbook.right:after{content:'๐Ÿ“–'}.ss-notebook:before,.ss-notebook.right:after{content:'๐Ÿ““'}.ss-newspaper:before,.ss-newspaper.right:after{content:'๐Ÿ“ฐ'}.ss-grid:before,.ss-grid.right:after{content:'๎ฆ '}.ss-rows:before,.ss-rows.right:after{content:'๎ฆก'}.ss-columns:before,.ss-columns.right:after{content:'๎ฆข'}.ss-thumbnails:before,.ss-thumbnails.right:after{content:'๎ฆฃ'}.ss-filter:before,.ss-filter.right:after{content:'๎ฆฐ'}.ss-desktop:before,.ss-desktop.right:after{content:'๐Ÿ’ป'}.ss-laptop:before,.ss-laptop.right:after{content:'๎จ€'}.ss-tablet:before,.ss-tablet.right:after{content:'๎จ'}.ss-cell:before,.ss-cell.right:after{content:'๐Ÿ“ฑ'}.ss-battery:before,.ss-battery.right:after{content:'๐Ÿ”‹'}.ss-highbattery:before,.ss-highbattery.right:after{content:'๎จ'}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:'๎จ‘'}.ss-lowbattery:before,.ss-lowbattery.right:after{content:'๎จ’'}.ss-emptybattery:before,.ss-emptybattery.right:after{content:'๎จ“'}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'๐Ÿ’ก'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:'๎ฌ€'}.ss-download:before,.ss-download.right:after{content:'๎ฌ'}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:'๎ญ€'}.ss-upload:before,.ss-upload.right:after{content:'๎ญ'}.ss-fork:before,.ss-fork.right:after{content:'๎ฎ€'}.ss-merge:before,.ss-merge.right:after{content:'๎ฎ'}.ss-transfer:before,.ss-transfer.right:after{content:'โ‡†'}.ss-refresh:before,.ss-refresh.right:after{content:'โ†ป'}.ss-sync:before,.ss-sync.right:after{content:'๎ฎ‚'}.ss-loading:before,.ss-loading.right:after{content:'๎ฎƒ'}.ss-wifi:before,.ss-wifi.right:after{content:'๎ฎ„'}.ss-connection:before,.ss-connection.right:after{content:'๎ฎ…'}.ss-file:before,.ss-file.right:after{content:'๐Ÿ“„'}.ss-folder:before,.ss-folder.right:after{content:'๐Ÿ“'}.ss-quote:before,.ss-quote.right:after{content:'โ€œ'}.ss-text:before,.ss-text.right:after{content:'๎ด€'}.ss-font:before,.ss-font.right:after{content:'๎ด'}.ss-print:before,.ss-print.right:after{content:'โŽ™'}.ss-fax:before,.ss-fax.right:after{content:'๐Ÿ“ '}.ss-list:before,.ss-list.right:after{content:'๎ต'}.ss-layout:before,.ss-layout.right:after{content:'๎ถ '}.ss-action:before,.ss-action.right:after{content:'๎ธ€'}.ss-redirect:before,.ss-redirect.right:after{content:'โ†ช'}.ss-expand:before,.ss-expand.right:after{content:'โคข'}.ss-contract:before,.ss-contract.right:after{content:'๎ธ'}.ss-help:before,.ss-help.right:after{content:'โ“'}.ss-info:before,.ss-info.right:after{content:'โ„น'}.ss-alert:before,.ss-alert.right:after{content:'โš '}.ss-caution:before,.ss-caution.right:after{content:'โ›”'}.ss-logout:before,.ss-logout.right:after{content:'๎ธ‚'}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'โœ“'}.ss-delete:before,.ss-delete.right:after{content:'โก'}.ss-settings:before,.ss-settings.right:after{content:'โš™'}.ss-dashboard:before,.ss-dashboard.right:after{content:'๏€€'}.ss-notifications:before,.ss-notifications.right:after{content:'๐Ÿ””'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'๐Ÿ”•'}.ss-clock:before,.ss-clock.right:after{content:'โฒ'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'โฑ'}.ss-calendar:before,.ss-calendar.right:after{content:'๐Ÿ“…'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:'๏ฐ'}.ss-removecalendar:before,.ss-removecalendar.right:after{content:'๏ฑ'}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:'๏ฒ'}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:'๏ณ'}.ss-briefcase:before,.ss-briefcase.right:after{content:'๐Ÿ’ผ'}.ss-cloud:before,.ss-cloud.right:after{content:'โ˜'}.ss-droplet:before,.ss-droplet.right:after{content:'๐Ÿ’ง'}.ss-flask:before,.ss-flask.right:after{content:'๏“€'}.ss-up:before,.ss-up.right:after{content:'โฌ†'}.ss-upright:before,.ss-upright.right:after{content:'โฌˆ'}.ss-right:before,.ss-right.right:after{content:'โžก'}.ss-downright:before,.ss-downright.right:after{content:'โฌŠ'}.ss-down:before,.ss-down.right:after{content:'โฌ‡'}.ss-downleft:before,.ss-downleft.right:after{content:'โฌ‹'}.ss-left:before,.ss-left.right:after{content:'โฌ…'}.ss-upleft:before,.ss-upleft.right:after{content:'โฌ‰'}.ss-navigateup:before,.ss-navigateup.right:after{content:'๏”€'}.ss-navigateright:before,.ss-navigateright.right:after{content:'โ–ป'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:'๏”'}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'โ—…'}.ss-directup:before,.ss-directup.right:after{content:'โ–ด'}.ss-directright:before,.ss-directright.right:after{content:'โ–น'}.ss-dropdown:before,.ss-dropdown.right:after{content:'โ–พ'}.ss-directleft:before,.ss-directleft.right:after{content:'โ—ƒ'}.ss-retweet:before,.ss-retweet.right:after{content:'๏˜€'} /* Legacy classes */ .ss-volumelow:before,.ss-volumelow.right:after{content:'๐Ÿ”‰'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'๐Ÿ”Š'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:'๎จ'}.ss-batterymedium:before,.ss-batterymedium.right:after{content:'๎จ‘'}.ss-batterylow:before,.ss-batterylow.right:after{content:'๎จ’'}.ss-batteryempty:before,.ss-batteryempty.right:after{content:'๎จ“'}.ss-clouddownload:before,.ss-clouddownload.right:after{content:'๎ฌ€'}.ss-cloudupload:before,.ss-cloudupload.right:after{content:'๎ญ€'}.ss-calendaradd:before,.ss-calendaradd.right:after{content:'๏ฐ'}.ss-calendarremove:before,.ss-calendarremove.right:after{content:'๏ฑ'}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:'๏ฒ'}.ss-calendardelete:before,.ss-calendardelete.right:after{content:'๏ณ'} /* maybe there is in all.css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ body{ width: 100%; min-width: 320px; } /* end maybe there is in all.css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /* start icomoon-fonts */ @font-face { font-family: 'icomoon-status'; src: url('../fonts/icomoon-status.eot?hbhghs'); src: url('../fonts/icomoon-status.eot?hbhghs#iefix') format('embedded-opentype'), url('../fonts/icomoon-status.ttf?hbhghs') format('truetype'), url('../fonts/icomoon-status.woff?hbhghs') format('woff'), url('../fonts/icomoon-status.svg?hbhghs#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="i-status-"], [class*=" i-status-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon-status'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .i-status-cancel:before { content: "\e900"; } .i-status-checkmark:before { content: "\e901"; } .i-status-tick:before { content: "\e901"; } .i-status-chevron-down:before { content: "\e902"; } /* end icomoon-fonts */ /* start SYSTEM STATUS SECTION */ .system-status-page *{ box-sizing: border-box; } .system-status-page .btn-chat{ display: none; } .system-status-page #nav:after { content: ''; display: block; clear: both; } .system-status-page .status-section{ padding: 76px 0 0; margin-bottom: 76px; } .system-status-page .status-wrapper{ padding-bottom: 46px; } /*.system-status-page .container{*/ .system-status-page :not(#header) .container{ max-width: 1020px; padding: 0 15px; margin: 0 auto; } .system-status-page h2{ margin: 0 0 69px; color:#000; font-size: 32px; line-height: 34px; text-transform:uppercase; text-align: center; } .system-status-page .justify-box{ /*max-width: 765px;*/ margin: 0 auto 65px; text-align: center; font-size: 1px; line-height: 0px; } .system-status-page .justify-box > * { display: inline-block; vertical-align: top; text-align: left; } .system-status-page .justify-box:after { content: ''; width: 100%; display: inline-block; vertical-align: top; } .system-status-page .status-item{ display: inline-block; width: 224px; margin: 0 -4px 30px 0; text-align: center; -ms-text-align-last: center; text-align-last: center; } .system-status-page .status-item:last-child{ margin-bottom: 0; } .system-status-page .status-wrapper .image-holder{ padding: 0 43px 15px; margin: 0 0 4px 0; position: relative; } .system-status-page .image-holder img{ display: block; width: 100%; } .system-status-page .status-item .status{ display: block; width: 44px; height: 51px; background: url('../images/status-default.png') 50% 50% no-repeat; position: absolute; bottom: 0; right: 0; } .system-status-page .status-item .status:before { content: "\e901"; font-family: 'icomoon-status'; font-size: 20px; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .system-status-page .status-item .status-off{ background-image: url('../images/status-off.png'); font-size: 16px; } .system-status-page .status-item .status-off:before{ content: "\e900"; } .system-status-page .status-item .service-name{ display: block; color:#000; /*font:21px/29px var(--font-base-black);*/ font:21px/29px 'Poppins'; font-weight: 600; } .system-status-page .text-wrapper{ max-width: 670px; margin: 0 auto; } .system-status-page p{ /*font:20px/29px var(--font-base-medium);*/ font: 18px/27px 'Poppins'; font-weight: 500; color: #000; } .system-status-page .status-list{ margin: 0; padding: 0; list-style: none; } .system-status-page .status-list li{ margin-bottom: 25px; } .system-status-page .status-list li p{ margin: 0; text-align: left; } .system-status-page .text-wrapper p{ text-align: center; } .system-status-page .text-wrapper p strong{ font-family: var(--font-base-black); } .system-status-page .status-wrapper a{ color: #318ade; position: relative; border-bottom: 1px solid #318ade; } .system-status-page .status-wrapper a:hover{ border-bottom-color: transparent; } .system-status-page .chat-wrapper{ padding: 53px 0 45px; background: #40539e; height: 100% !important; } .system-status-page .chat-wrapper .text-wrapper{ max-width: 640px; margin-bottom: 44px; } .system-status-page .chat-wrapper .text-wrapper p{ /*font-family: var(--font-base-black);*/ font-family: 'Poppins'; font-weight: 600; color: #fff; } .system-status-page .chat-wrapper .hex-box{ max-width: 672px; margin: 0 auto; } .system-status-page .chat-wrapper .chat-item{ vertical-align: top; padding: 0 0 20px 0; width: 100%; position: relative; padding: 0; } .system-status-page .chat-wrapper .chat-item *{ outline: none; } .system-status-page .hexagon-border{ position: relative; z-index: 1; } .system-status-page .hexagon-border polygon{ fill: transparent; stroke: rgba(255,255,255,.1); stroke-width: 1; cursor: pointer; transition: fill .2s ease, stroke .02s ease; box-shadow: 1px 2px 0 #a24b1d; } .system-status-page .hexagon-border polygon:hover{ fill: rgba(0,0,0,.1); stroke: rgba(0,0,0,.1); } .system-status-page .chat-wrapper a.chat-link{ display: block; width: 160px; /*font: 20px/29px var(--font-base-medium);*/ font: 18px/27px 'Poppins'; font-weight: 400; text-align: center; color: #fff; text-decoration: underline; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); transition: text-decoration-color .2s ease; } .system-status-page .chat-wrapper a.chat-link:before{ content: ''; display: block; width: 77px; height: 75px; background: url('../images/green-text.png') 50% 50% no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: -86px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .system-status-page .chat-wrapper .manager-chat a:before{ background-image: url('../images/blue-text.png'); } /* end SYSTEM STATUS SECTION */ /* start WARNING BLOCK */ /*.system-status-page .warning-block{ display: none; }*/ .warning-block{ max-height: 90vh; max-width: 310px; box-shadow: 8px 12px 27px rgba(0, 0, 0, 0.16); border-radius: 8px 8px 0 0; background-color: #e7890f; position: fixed; right: 5px; bottom: 0; z-index: 9999; } .heading-box{ padding: 15px 15px 0; border-bottom: 1px solid rgba(255,255,255,.2); cursor: pointer; position: relative; } .heading-box:before{ content: "\e902"; font-family: 'icomoon-status'; font-size: 17px; color: rgba(255,255,255,.55); position: absolute; right: 10px; top: 10px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: color .2s ease, transform .2s ease; } .warning-block.active .heading-box:before{ -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .warning-block .heading-box strong{ margin: 0 0 2px 0; } .warn-ico-box{ width: 38px; margin: 11px 23px 14px 0; float: left; position: relative; } .warn-ico-box svg{ width: 100%; vertical-align: top; fill: rgba(255,255,255,.55); transition: fill .2s ease; } .heading-box:hover svg{ fill: rgba(255,255,255,1); } .heading-box:hover:before{ color: rgba(255,255,255,1); } .warning-text{ overflow: hidden; } .drop-box{ max-height: 78vh; overflow: auto; padding: 22px 36px 19px 35px; } .warning-block .warning-heading{ text-transform: uppercase; margin-bottom: 5px; } .warning-block p{ margin-bottom: 10px; font: 14px/18px var(--font-base-medium); color: #fff; } .warning-block strong{ display: block; margin-bottom: 12px; font: 14px/18px var(--font-base-black); color: #fff; } .warning-block a{ font-family: var(--font-base-black); color: #fff; text-decoration: underline; transition: text-decoration-color .2s ease; } .warning-block a:hover{ text-decoration-color: transparent; } /* end WARNING BLOCK */ /* start PLAN SECTION */ .system-status-page .plan-section{ padding-bottom: 107px; } .system-status-page .plan-section h2{ margin: 0 0 51px 0; } .system-status-page .table-wrapper{ color: #505050; } .system-status-page .table-wrapper table{ width: 100%; /*font: 16px/29px var(--font-base);*/ font: 16px/29px 'Poppins'; font-weight: 400; margin-bottom: 37px; text-align: right; } .system-status-page .table-wrapper thead{ display: none; /*font-family: var(--font-base-black);*/ font-family: 'Poppins'; font-weight: 600; color: #fff; background: #40484c; } .system-status-page .table-wrapper tfoot{ text-align: center; } .system-status-page .table-wrapper tfoot tr{ padding: 0; } .system-status-page .table-wrapper tfoot td{ padding: 0; border: none; } .system-status-page .table-wrapper .btn-table{ display: inline-block; vertical-align: top; min-width: 165px; padding: 9px 10px; margin: 37px auto 0; /*font: 11px/29px var(--font-base-medium);*/ font: 11px/29px 'Poppins'; font-weight: 400; border: 1px solid #e1e1e1; border-radius: 1px; background: transparent; color: inherit; text-transform: uppercase; outline: none; cursor: pointer; transition: background .2s ease; } .system-status-page .table-wrapper .btn-table:hover{ background: rgba(0,0,0,.1); } .system-status-page .table-wrapper tbody{ border: 1px solid #ebebeb; border-width: 0 1px; } .system-status-page .table-wrapper tr{ padding: 5px 0; } .system-status-page .table-wrapper tr:nth-child(even){ background: #f5f5f5; } .system-status-page .table-wrapper tr.active-row{ background: #e2fae5; } .system-status-page .table-wrapper th{ min-width: 97px; padding: 12px 0 13px; border: 1px solid rgba(249,249,249,.2); border-width: 0 1px; } .system-status-page .table-wrapper td{ float: left; width: 100%; padding: 12px 10px 13px; border: 1px solid #ebebeb; } .system-status-page .table-wrapper td:before { content: attr(data-label); display: table; padding: 4px 0; float: left; width: 50%; font-family: var(--font-base-black); vertical-align: middle; position: relative; white-space: normal; text-align: left; } .system-status-page .table-wrapper th:first-child{ border-left: none; } .system-status-page .table-wrapper th:last-child{ border-right: none; } /* end PLAN SECTION */ @media (min-width: 480px) { .system-status-page .chat-wrapper .hex-box{ overflow: hidden; } .system-status-page .chat-wrapper .chat-item{ width: 49%; float: left; } .system-status-page .chat-wrapper .manager-chat{ float: right; } .warning-block{ max-width: 322px; } } @media (min-width: 768px) { .system-status-page .justify-box{ text-align: justify; } .system-status-page .chat-wrapper .chat-item{ width: 50%; } .heading-box{ padding: 35px 30px 10px 39px; } .system-status-page .table-wrapper table{ text-align: center; } .system-status-page .table-wrapper thead{ display: table-header-group; } .system-status-page .table-wrapper td{ float: none; width: auto; border-width: 0 1px; } .system-status-page .table-wrapper td:before{ display: none; } } @media (min-width: 1024px){ /*.system-status-page .container{*/ .system-status-page :not(#header) .container{ width: 1020px; } }