@font-face { font-family:'Raleway'; src:url('/_fonts/raleway_300.woff') format('woff'); font-weight:300; font-style:normal; } @font-face { font-family:'Raleway'; src:url('/_fonts/raleway_500.woff') format('woff'); font-weight:500; font-style:normal; } @font-face { font-family:'Raleway'; src:url('/_fonts/raleway_700.woff') format('woff'); font-weight:bold; font-style:normal; } @font-face { font-family:'Material-Design-Iconic-Font'; src:url('/_fonts/Material-Design-Iconic-Font.woff2?v=2') format('woff2'), url('/_fonts/Material-Design-Iconic-Font.woff?v=2') format('woff'), url('/_fonts/Material-Design-Iconic-Font.ttf?v=2') format('truetype'); font-weight:normal; font-style:normal; } @font-face { font-family:'Material-Design-Iconic-Font'; src:url('/_fonts/Material-Design-Iconic-Font.woff2?v=2') format('woff2'), url('/_fonts/Material-Design-Iconic-Font.woff?v=2') format('woff'), url('/_fonts/Material-Design-Iconic-Font.ttf?v=2') format('truetype'); font-weight:bold; font-style:normal; } @font-face { font-family: 'icons'; src:url('/_fonts/icons.ttf?v=6') format('truetype'), url('/_fonts/icons.woff?v=6') format('woff'), url('/_fonts/icons.svg?v=6') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icons_2'; src: url('/_fonts/icons_2.eot?v=2'); src: url('/_fonts/icons_2.eot?v=2#iefix') format('embedded-opentype'), url('/_fonts/icons_2.ttf?v=2') format('truetype'), url('/_fonts/icons_2.woff?v=2') format('woff'), url('/_fonts/icons_2.svg?v=2') format('svg'); font-weight: normal; font-style: normal; } @font-face{font-family:Material-Design-Iconic-Font;src:url(/_fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format('woff2'),url(/_fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format('woff'),url(/_fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format('truetype')}.zmdi{display:inline-block;font:normal normal normal 14px/1 'Material-Design-Iconic-Font';font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zmdi-hc-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.zmdi-hc-2x{font-size:2em}.zmdi-hc-3x{font-size:3em}.zmdi-hc-4x{font-size:4em}.zmdi-hc-5x{font-size:5em}.zmdi-hc-fw{width:1.28571429em;text-align:center}.zmdi-hc-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.zmdi-hc-ul>li{position:relative}.zmdi-hc-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.zmdi-hc-li.zmdi-hc-lg{left:-1.85714286em}.zmdi-hc-border{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:2px}.zmdi-hc-border-circle{padding:.1em .25em;border:solid .1em #9e9e9e;border-radius:50%}.zmdi.pull-left{float:left;margin-right:.15em}.zmdi.pull-right{float:right;margin-left:.15em}.zmdi-hc-spin{-webkit-animation:zmdi-spin 1.5s infinite linear;animation:zmdi-spin 1.5s infinite linear}.zmdi-hc-spin-reverse{-webkit-animation:zmdi-spin-reverse 1.5s infinite linear;animation:zmdi-spin-reverse 1.5s infinite linear}@-webkit-keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes zmdi-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}@keyframes zmdi-spin-reverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}}.zmdi-hc-rotate-90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.zmdi-hc-rotate-180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.zmdi-hc-rotate-270{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.zmdi-hc-flip-horizontal{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.zmdi-hc-flip-vertical{-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}.zmdi-hc-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.zmdi-hc-stack-1x,.zmdi-hc-stack-2x{position:absolute;left:0;width:100%;text-align:center}.zmdi-hc-stack-1x{line-height:inherit}.zmdi-hc-stack-2x{font-size:2em}.zmdi-hc-inverse{color:#fff}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-3d-rotation:before{content:'\f101'}.zmdi-airplane-off:before{content:'\f102'}.zmdi-airplane:before{content:'\f103'}.zmdi-album:before{content:'\f104'}.zmdi-archive:before{content:'\f105'}.zmdi-assignment-account:before{content:'\f106'}.zmdi-assignment-alert:before{content:'\f107'}.zmdi-assignment-check:before{content:'\f108'}.zmdi-assignment-o:before{content:'\f109'}.zmdi-assignment-return:before{content:'\f10a'}.zmdi-assignment-returned:before{content:'\f10b'}.zmdi-assignment:before{content:'\f10c'}.zmdi-attachment-alt:before{content:'\f10d'}.zmdi-attachment:before{content:'\f10e'}.zmdi-audio:before{content:'\f10f'}.zmdi-badge-check:before{content:'\f110'}.zmdi-balance-wallet:before{content:'\f111'}.zmdi-balance:before{content:'\f112'}.zmdi-battery-alert:before{content:'\f113'}.zmdi-battery-flash:before{content:'\f114'}.zmdi-battery-unknown:before{content:'\f115'}.zmdi-battery:before{content:'\f116'}.zmdi-bike:before{content:'\f117'}.zmdi-block-alt:before{content:'\f118'}.zmdi-block:before{content:'\f119'}.zmdi-boat:before{content:'\f11a'}.zmdi-book-image:before{content:'\f11b'}.zmdi-book:before{content:'\f11c'}.zmdi-bookmark-outline:before{content:'\f11d'}.zmdi-bookmark:before{content:'\f11e'}.zmdi-brush:before{content:'\f11f'}.zmdi-bug:before{content:'\f120'}.zmdi-bus:before{content:'\f121'}.zmdi-cake:before{content:'\f122'}.zmdi-car-taxi:before{content:'\f123'}.zmdi-car-wash:before{content:'\f124'}.zmdi-car:before{content:'\f125'}.zmdi-card-giftcard:before{content:'\f126'}.zmdi-card-membership:before{content:'\f127'}.zmdi-card-travel:before{content:'\f128'}.zmdi-card:before{content:'\f129'}.zmdi-case-check:before{content:'\f12a'}.zmdi-case-download:before{content:'\f12b'}.zmdi-case-play:before{content:'\f12c'}.zmdi-case:before{content:'\f12d'}.zmdi-cast-connected:before{content:'\f12e'}.zmdi-cast:before{content:'\f12f'}.zmdi-chart-donut:before{content:'\f130'}.zmdi-chart:before{content:'\f131'}.zmdi-city-alt:before{content:'\f132'}.zmdi-city:before{content:'\f133'}.zmdi-close-circle-o:before{content:'\f134'}.zmdi-close-circle:before{content:'\f135'}.zmdi-close:before{content:'\f136'}.zmdi-cocktail:before{content:'\f137'}.zmdi-code-setting:before{content:'\f138'}.zmdi-code-smartphone:before{content:'\f139'}.zmdi-code:before{content:'\f13a'}.zmdi-coffee:before{content:'\f13b'}.zmdi-collection-bookmark:before{content:'\f13c'}.zmdi-collection-case-play:before{content:'\f13d'}.zmdi-collection-folder-image:before{content:'\f13e'}.zmdi-collection-image-o:before{content:'\f13f'}.zmdi-collection-image:before{content:'\f140'}.zmdi-collection-item-1:before{content:'\f141'}.zmdi-collection-item-2:before{content:'\f142'}.zmdi-collection-item-3:before{content:'\f143'}.zmdi-collection-item-4:before{content:'\f144'}.zmdi-collection-item-5:before{content:'\f145'}.zmdi-collection-item-6:before{content:'\f146'}.zmdi-collection-item-7:before{content:'\f147'}.zmdi-collection-item-8:before{content:'\f148'}.zmdi-collection-item-9-plus:before{content:'\f149'}.zmdi-collection-item-9:before{content:'\f14a'}.zmdi-collection-item:before{content:'\f14b'}.zmdi-collection-music:before{content:'\f14c'}.zmdi-collection-pdf:before{content:'\f14d'}.zmdi-collection-plus:before{content:'\f14e'}.zmdi-collection-speaker:before{content:'\f14f'}.zmdi-collection-text:before{content:'\f150'}.zmdi-collection-video:before{content:'\f151'}.zmdi-compass:before{content:'\f152'}.zmdi-cutlery:before{content:'\f153'}.zmdi-delete:before{content:'\f154'}.zmdi-dialpad:before{content:'\f155'}.zmdi-dns:before{content:'\f156'}.zmdi-drink:before{content:'\f157'}.zmdi-edit:before{content:'\f158'}.zmdi-email-open:before{content:'\f159'}.zmdi-email:before{content:'\f15a'}.zmdi-eye-off:before{content:'\f15b'}.zmdi-eye:before{content:'\f15c'}.zmdi-eyedropper:before{content:'\f15d'}.zmdi-favorite-outline:before{content:'\f15e'}.zmdi-favorite:before{content:'\f15f'}.zmdi-filter-list:before{content:'\f160'}.zmdi-fire:before{content:'\f161'}.zmdi-flag:before{content:'\f162'}.zmdi-flare:before{content:'\f163'}.zmdi-flash-auto:before{content:'\f164'}.zmdi-flash-off:before{content:'\f165'}.zmdi-flash:before{content:'\f166'}.zmdi-flip:before{content:'\f167'}.zmdi-flower-alt:before{content:'\f168'}.zmdi-flower:before{content:'\f169'}.zmdi-font:before{content:'\f16a'}.zmdi-fullscreen-alt:before{content:'\f16b'}.zmdi-fullscreen-exit:before{content:'\f16c'}.zmdi-fullscreen:before{content:'\f16d'}.zmdi-functions:before{content:'\f16e'}.zmdi-gas-station:before{content:'\f16f'}.zmdi-gesture:before{content:'\f170'}.zmdi-globe-alt:before{content:'\f171'}.zmdi-globe-lock:before{content:'\f172'}.zmdi-globe:before{content:'\f173'}.zmdi-graduation-cap:before{content:'\f174'}.zmdi-home:before{content:'\f175'}.zmdi-hospital-alt:before{content:'\f176'}.zmdi-hospital:before{content:'\f177'}.zmdi-hotel:before{content:'\f178'}.zmdi-hourglass-alt:before{content:'\f179'}.zmdi-hourglass-outline:before{content:'\f17a'}.zmdi-hourglass:before{content:'\f17b'}.zmdi-http:before{content:'\f17c'}.zmdi-image-alt:before{content:'\f17d'}.zmdi-image-o:before{content:'\f17e'}.zmdi-image:before{content:'\f17f'}.zmdi-inbox:before{content:'\f180'}.zmdi-invert-colors-off:before{content:'\f181'}.zmdi-invert-colors:before{content:'\f182'}.zmdi-key:before{content:'\f183'}.zmdi-label-alt-outline:before{content:'\f184'}.zmdi-label-alt:before{content:'\f185'}.zmdi-label-heart:before{content:'\f186'}.zmdi-label:before{content:'\f187'}.zmdi-labels:before{content:'\f188'}.zmdi-lamp:before{content:'\f189'}.zmdi-landscape:before{content:'\f18a'}.zmdi-layers-off:before{content:'\f18b'}.zmdi-layers:before{content:'\f18c'}.zmdi-library:before{content:'\f18d'}.zmdi-link:before{content:'\f18e'}.zmdi-lock-open:before{content:'\f18f'}.zmdi-lock-outline:before{content:'\f190'}.zmdi-lock:before{content:'\f191'}.zmdi-mail-reply-all:before{content:'\f192'}.zmdi-mail-reply:before{content:'\f193'}.zmdi-mail-send:before{content:'\f194'}.zmdi-mall:before{content:'\f195'}.zmdi-map:before{content:'\f196'}.zmdi-menu:before{content:'\f197'}.zmdi-money-box:before{content:'\f198'}.zmdi-money-off:before{content:'\f199'}.zmdi-money:before{content:'\f19a'}.zmdi-more-vert:before{content:'\f19b'}.zmdi-more:before{content:'\f19c'}.zmdi-movie-alt:before{content:'\f19d'}.zmdi-movie:before{content:'\f19e'}.zmdi-nature-people:before{content:'\f19f'}.zmdi-nature:before{content:'\f1a0'}.zmdi-navigation:before{content:'\f1a1'}.zmdi-open-in-browser:before{content:'\f1a2'}.zmdi-open-in-new:before{content:'\f1a3'}.zmdi-palette:before{content:'\f1a4'}.zmdi-parking:before{content:'\f1a5'}.zmdi-pin-account:before{content:'\f1a6'}.zmdi-pin-assistant:before{content:'\f1a7'}.zmdi-pin-drop:before{content:'\f1a8'}.zmdi-pin-help:before{content:'\f1a9'}.zmdi-pin-off:before{content:'\f1aa'}.zmdi-pin:before{content:'\f1ab'}.zmdi-pizza:before{content:'\f1ac'}.zmdi-plaster:before{content:'\f1ad'}.zmdi-power-setting:before{content:'\f1ae'}.zmdi-power:before{content:'\f1af'}.zmdi-print:before{content:'\f1b0'}.zmdi-puzzle-piece:before{content:'\f1b1'}.zmdi-quote:before{content:'\f1b2'}.zmdi-railway:before{content:'\f1b3'}.zmdi-receipt:before{content:'\f1b4'}.zmdi-refresh-alt:before{content:'\f1b5'}.zmdi-refresh-sync-alert:before{content:'\f1b6'}.zmdi-refresh-sync-off:before{content:'\f1b7'}.zmdi-refresh-sync:before{content:'\f1b8'}.zmdi-refresh:before{content:'\f1b9'}.zmdi-roller:before{content:'\f1ba'}.zmdi-ruler:before{content:'\f1bb'}.zmdi-scissors:before{content:'\f1bc'}.zmdi-screen-rotation-lock:before{content:'\f1bd'}.zmdi-screen-rotation:before{content:'\f1be'}.zmdi-search-for:before{content:'\f1bf'}.zmdi-search-in-file:before{content:'\f1c0'}.zmdi-search-in-page:before{content:'\f1c1'}.zmdi-search-replace:before{content:'\f1c2'}.zmdi-search:before{content:'\f1c3'}.zmdi-seat:before{content:'\f1c4'}.zmdi-settings-square:before{content:'\f1c5'}.zmdi-settings:before{content:'\f1c6'}.zmdi-shield-check:before{content:'\f1c7'}.zmdi-shield-security:before{content:'\f1c8'}.zmdi-shopping-basket:before{content:'\f1c9'}.zmdi-shopping-cart-plus:before{content:'\f1ca'}.zmdi-shopping-cart:before{content:'\f1cb'}.zmdi-sign-in:before{content:'\f1cc'}.zmdi-sort-amount-asc:before{content:'\f1cd'}.zmdi-sort-amount-desc:before{content:'\f1ce'}.zmdi-sort-asc:before{content:'\f1cf'}.zmdi-sort-desc:before{content:'\f1d0'}.zmdi-spellcheck:before{content:'\f1d1'}.zmdi-storage:before{content:'\f1d2'}.zmdi-store-24:before{content:'\f1d3'}.zmdi-store:before{content:'\f1d4'}.zmdi-subway:before{content:'\f1d5'}.zmdi-sun:before{content:'\f1d6'}.zmdi-tab-unselected:before{content:'\f1d7'}.zmdi-tab:before{content:'\f1d8'}.zmdi-tag-close:before{content:'\f1d9'}.zmdi-tag-more:before{content:'\f1da'}.zmdi-tag:before{content:'\f1db'}.zmdi-thumb-down:before{content:'\f1dc'}.zmdi-thumb-up-down:before{content:'\f1dd'}.zmdi-thumb-up:before{content:'\f1de'}.zmdi-ticket-star:before{content:'\f1df'}.zmdi-toll:before{content:'\f1e0'}.zmdi-toys:before{content:'\f1e1'}.zmdi-traffic:before{content:'\f1e2'}.zmdi-translate:before{content:'\f1e3'}.zmdi-triangle-down:before{content:'\f1e4'}.zmdi-triangle-up:before{content:'\f1e5'}.zmdi-truck:before{content:'\f1e6'}.zmdi-turning-sign:before{content:'\f1e7'}.zmdi-wallpaper:before{content:'\f1e8'}.zmdi-washing-machine:before{content:'\f1e9'}.zmdi-window-maximize:before{content:'\f1ea'}.zmdi-window-minimize:before{content:'\f1eb'}.zmdi-window-restore:before{content:'\f1ec'}.zmdi-wrench:before{content:'\f1ed'}.zmdi-zoom-in:before{content:'\f1ee'}.zmdi-zoom-out:before{content:'\f1ef'}.zmdi-alert-circle-o:before{content:'\f1f0'}.zmdi-alert-circle:before{content:'\f1f1'}.zmdi-alert-octagon:before{content:'\f1f2'}.zmdi-alert-polygon:before{content:'\f1f3'}.zmdi-alert-triangle:before{content:'\f1f4'}.zmdi-help-outline:before{content:'\f1f5'}.zmdi-help:before{content:'\f1f6'}.zmdi-info-outline:before{content:'\f1f7'}.zmdi-info:before{content:'\f1f8'}.zmdi-notifications-active:before{content:'\f1f9'}.zmdi-notifications-add:before{content:'\f1fa'}.zmdi-notifications-none:before{content:'\f1fb'}.zmdi-notifications-off:before{content:'\f1fc'}.zmdi-notifications-paused:before{content:'\f1fd'}.zmdi-notifications:before{content:'\f1fe'}.zmdi-account-add:before{content:'\f1ff'}.zmdi-account-box-mail:before{content:'\f200'}.zmdi-account-box-o:before{content:'\f201'}.zmdi-account-box-phone:before{content:'\f202'}.zmdi-account-box:before{content:'\f203'}.zmdi-account-calendar:before{content:'\f204'}.zmdi-account-circle:before{content:'\f205'}.zmdi-account-o:before{content:'\f206'}.zmdi-account:before{content:'\f207'}.zmdi-accounts-add:before{content:'\f208'}.zmdi-accounts-alt:before{content:'\f209'}.zmdi-accounts-list-alt:before{content:'\f20a'}.zmdi-accounts-list:before{content:'\f20b'}.zmdi-accounts-outline:before{content:'\f20c'}.zmdi-accounts:before{content:'\f20d'}.zmdi-face:before{content:'\f20e'}.zmdi-female:before{content:'\f20f'}.zmdi-male-alt:before{content:'\f210'}.zmdi-male-female:before{content:'\f211'}.zmdi-male:before{content:'\f212'}.zmdi-mood-bad:before{content:'\f213'}.zmdi-mood:before{content:'\f214'}.zmdi-run:before{content:'\f215'}.zmdi-walk:before{content:'\f216'}.zmdi-cloud-box:before{content:'\f217'}.zmdi-cloud-circle:before{content:'\f218'}.zmdi-cloud-done:before{content:'\f219'}.zmdi-cloud-download:before{content:'\f21a'}.zmdi-cloud-off:before{content:'\f21b'}.zmdi-cloud-outline-alt:before{content:'\f21c'}.zmdi-cloud-outline:before{content:'\f21d'}.zmdi-cloud-upload:before{content:'\f21e'}.zmdi-cloud:before{content:'\f21f'}.zmdi-download:before{content:'\f220'}.zmdi-file-plus:before{content:'\f221'}.zmdi-file-text:before{content:'\f222'}.zmdi-file:before{content:'\f223'}.zmdi-folder-outline:before{content:'\f224'}.zmdi-folder-person:before{content:'\f225'}.zmdi-folder-star-alt:before{content:'\f226'}.zmdi-folder-star:before{content:'\f227'}.zmdi-folder:before{content:'\f228'}.zmdi-gif:before{content:'\f229'}.zmdi-upload:before{content:'\f22a'}.zmdi-border-all:before{content:'\f22b'}.zmdi-border-bottom:before{content:'\f22c'}.zmdi-border-clear:before{content:'\f22d'}.zmdi-border-color:before{content:'\f22e'}.zmdi-border-horizontal:before{content:'\f22f'}.zmdi-border-inner:before{content:'\f230'}.zmdi-border-left:before{content:'\f231'}.zmdi-border-outer:before{content:'\f232'}.zmdi-border-right:before{content:'\f233'}.zmdi-border-style:before{content:'\f234'}.zmdi-border-top:before{content:'\f235'}.zmdi-border-vertical:before{content:'\f236'}.zmdi-copy:before{content:'\f237'}.zmdi-crop:before{content:'\f238'}.zmdi-format-align-center:before{content:'\f239'}.zmdi-format-align-justify:before{content:'\f23a'}.zmdi-format-align-left:before{content:'\f23b'}.zmdi-format-align-right:before{content:'\f23c'}.zmdi-format-bold:before{content:'\f23d'}.zmdi-format-clear-all:before{content:'\f23e'}.zmdi-format-clear:before{content:'\f23f'}.zmdi-format-color-fill:before{content:'\f240'}.zmdi-format-color-reset:before{content:'\f241'}.zmdi-format-color-text:before{content:'\f242'}.zmdi-format-indent-decrease:before{content:'\f243'}.zmdi-format-indent-increase:before{content:'\f244'}.zmdi-format-italic:before{content:'\f245'}.zmdi-format-line-spacing:before{content:'\f246'}.zmdi-format-list-bulleted:before{content:'\f247'}.zmdi-format-list-numbered:before{content:'\f248'}.zmdi-format-ltr:before{content:'\f249'}.zmdi-format-rtl:before{content:'\f24a'}.zmdi-format-size:before{content:'\f24b'}.zmdi-format-strikethrough-s:before{content:'\f24c'}.zmdi-format-strikethrough:before{content:'\f24d'}.zmdi-format-subject:before{content:'\f24e'}.zmdi-format-underlined:before{content:'\f24f'}.zmdi-format-valign-bottom:before{content:'\f250'}.zmdi-format-valign-center:before{content:'\f251'}.zmdi-format-valign-top:before{content:'\f252'}.zmdi-redo:before{content:'\f253'}.zmdi-select-all:before{content:'\f254'}.zmdi-space-bar:before{content:'\f255'}.zmdi-text-format:before{content:'\f256'}.zmdi-transform:before{content:'\f257'}.zmdi-undo:before{content:'\f258'}.zmdi-wrap-text:before{content:'\f259'}.zmdi-comment-alert:before{content:'\f25a'}.zmdi-comment-alt-text:before{content:'\f25b'}.zmdi-comment-alt:before{content:'\f25c'}.zmdi-comment-edit:before{content:'\f25d'}.zmdi-comment-image:before{content:'\f25e'}.zmdi-comment-list:before{content:'\f25f'}.zmdi-comment-more:before{content:'\f260'}.zmdi-comment-outline:before{content:'\f261'}.zmdi-comment-text-alt:before{content:'\f262'}.zmdi-comment-text:before{content:'\f263'}.zmdi-comment-video:before{content:'\f264'}.zmdi-comment:before{content:'\f265'}.zmdi-comments:before{content:'\f266'}.zmdi-check-all:before{content:'\f267'}.zmdi-check-circle-u:before{content:'\f268'}.zmdi-check-circle:before{content:'\f269'}.zmdi-check-square:before{content:'\f26a'}.zmdi-check:before{content:'\f26b'}.zmdi-circle-o:before{content:'\f26c'}.zmdi-circle:before{content:'\f26d'}.zmdi-dot-circle-alt:before{content:'\f26e'}.zmdi-dot-circle:before{content:'\f26f'}.zmdi-minus-circle-outline:before{content:'\f270'}.zmdi-minus-circle:before{content:'\f271'}.zmdi-minus-square:before{content:'\f272'}.zmdi-minus:before{content:'\f273'}.zmdi-plus-circle-o-duplicate:before{content:'\f274'}.zmdi-plus-circle-o:before{content:'\f275'}.zmdi-plus-circle:before{content:'\f276'}.zmdi-plus-square:before{content:'\f277'}.zmdi-plus:before{content:'\f278'}.zmdi-square-o:before{content:'\f279'}.zmdi-star-circle:before{content:'\f27a'}.zmdi-star-half:before{content:'\f27b'}.zmdi-star-outline:before{content:'\f27c'}.zmdi-star:before{content:'\f27d'}.zmdi-bluetooth-connected:before{content:'\f27e'}.zmdi-bluetooth-off:before{content:'\f27f'}.zmdi-bluetooth-search:before{content:'\f280'}.zmdi-bluetooth-setting:before{content:'\f281'}.zmdi-bluetooth:before{content:'\f282'}.zmdi-camera-add:before{content:'\f283'}.zmdi-camera-alt:before{content:'\f284'}.zmdi-camera-bw:before{content:'\f285'}.zmdi-camera-front:before{content:'\f286'}.zmdi-camera-mic:before{content:'\f287'}.zmdi-camera-party-mode:before{content:'\f288'}.zmdi-camera-rear:before{content:'\f289'}.zmdi-camera-roll:before{content:'\f28a'}.zmdi-camera-switch:before{content:'\f28b'}.zmdi-camera:before{content:'\f28c'}.zmdi-card-alert:before{content:'\f28d'}.zmdi-card-off:before{content:'\f28e'}.zmdi-card-sd:before{content:'\f28f'}.zmdi-card-sim:before{content:'\f290'}.zmdi-desktop-mac:before{content:'\f291'}.zmdi-desktop-windows:before{content:'\f292'}.zmdi-device-hub:before{content:'\f293'}.zmdi-devices-off:before{content:'\f294'}.zmdi-devices:before{content:'\f295'}.zmdi-dock:before{content:'\f296'}.zmdi-floppy:before{content:'\f297'}.zmdi-gamepad:before{content:'\f298'}.zmdi-gps-dot:before{content:'\f299'}.zmdi-gps-off:before{content:'\f29a'}.zmdi-gps:before{content:'\f29b'}.zmdi-headset-mic:before{content:'\f29c'}.zmdi-headset:before{content:'\f29d'}.zmdi-input-antenna:before{content:'\f29e'}.zmdi-input-composite:before{content:'\f29f'}.zmdi-input-hdmi:before{content:'\f2a0'}.zmdi-input-power:before{content:'\f2a1'}.zmdi-input-svideo:before{content:'\f2a2'}.zmdi-keyboard-hide:before{content:'\f2a3'}.zmdi-keyboard:before{content:'\f2a4'}.zmdi-laptop-chromebook:before{content:'\f2a5'}.zmdi-laptop-mac:before{content:'\f2a6'}.zmdi-laptop:before{content:'\f2a7'}.zmdi-mic-off:before{content:'\f2a8'}.zmdi-mic-outline:before{content:'\f2a9'}.zmdi-mic-setting:before{content:'\f2aa'}.zmdi-mic:before{content:'\f2ab'}.zmdi-mouse:before{content:'\f2ac'}.zmdi-network-alert:before{content:'\f2ad'}.zmdi-network-locked:before{content:'\f2ae'}.zmdi-network-off:before{content:'\f2af'}.zmdi-network-outline:before{content:'\f2b0'}.zmdi-network-setting:before{content:'\f2b1'}.zmdi-network:before{content:'\f2b2'}.zmdi-phone-bluetooth:before{content:'\f2b3'}.zmdi-phone-end:before{content:'\f2b4'}.zmdi-phone-forwarded:before{content:'\f2b5'}.zmdi-phone-in-talk:before{content:'\f2b6'}.zmdi-phone-locked:before{content:'\f2b7'}.zmdi-phone-missed:before{content:'\f2b8'}.zmdi-phone-msg:before{content:'\f2b9'}.zmdi-phone-paused:before{content:'\f2ba'}.zmdi-phone-ring:before{content:'\f2bb'}.zmdi-phone-setting:before{content:'\f2bc'}.zmdi-phone-sip:before{content:'\f2bd'}.zmdi-phone:before{content:'\f2be'}.zmdi-portable-wifi-changes:before{content:'\f2bf'}.zmdi-portable-wifi-off:before{content:'\f2c0'}.zmdi-portable-wifi:before{content:'\f2c1'}.zmdi-radio:before{content:'\f2c2'}.zmdi-reader:before{content:'\f2c3'}.zmdi-remote-control-alt:before{content:'\f2c4'}.zmdi-remote-control:before{content:'\f2c5'}.zmdi-router:before{content:'\f2c6'}.zmdi-scanner:before{content:'\f2c7'}.zmdi-smartphone-android:before{content:'\f2c8'}.zmdi-smartphone-download:before{content:'\f2c9'}.zmdi-smartphone-erase:before{content:'\f2ca'}.zmdi-smartphone-info:before{content:'\f2cb'}.zmdi-smartphone-iphone:before{content:'\f2cc'}.zmdi-smartphone-landscape-lock:before{content:'\f2cd'}.zmdi-smartphone-landscape:before{content:'\f2ce'}.zmdi-smartphone-lock:before{content:'\f2cf'}.zmdi-smartphone-portrait-lock:before{content:'\f2d0'}.zmdi-smartphone-ring:before{content:'\f2d1'}.zmdi-smartphone-setting:before{content:'\f2d2'}.zmdi-smartphone-setup:before{content:'\f2d3'}.zmdi-smartphone:before{content:'\f2d4'}.zmdi-speaker:before{content:'\f2d5'}.zmdi-tablet-android:before{content:'\f2d6'}.zmdi-tablet-mac:before{content:'\f2d7'}.zmdi-tablet:before{content:'\f2d8'}.zmdi-tv-alt-play:before{content:'\f2d9'}.zmdi-tv-list:before{content:'\f2da'}.zmdi-tv-play:before{content:'\f2db'}.zmdi-tv:before{content:'\f2dc'}.zmdi-usb:before{content:'\f2dd'}.zmdi-videocam-off:before{content:'\f2de'}.zmdi-videocam-switch:before{content:'\f2df'}.zmdi-videocam:before{content:'\f2e0'}.zmdi-watch:before{content:'\f2e1'}.zmdi-wifi-alt-2:before{content:'\f2e2'}.zmdi-wifi-alt:before{content:'\f2e3'}.zmdi-wifi-info:before{content:'\f2e4'}.zmdi-wifi-lock:before{content:'\f2e5'}.zmdi-wifi-off:before{content:'\f2e6'}.zmdi-wifi-outline:before{content:'\f2e7'}.zmdi-wifi:before{content:'\f2e8'}.zmdi-arrow-left-bottom:before{content:'\f2e9'}.zmdi-arrow-left:before{content:'\f2ea'}.zmdi-arrow-merge:before{content:'\f2eb'}.zmdi-arrow-missed:before{content:'\f2ec'}.zmdi-arrow-right-top:before{content:'\f2ed'}.zmdi-arrow-right:before{content:'\f2ee'}.zmdi-arrow-split:before{content:'\f2ef'}.zmdi-arrows:before{content:'\f2f0'}.zmdi-caret-down-circle:before{content:'\f2f1'}.zmdi-caret-down:before{content:'\f2f2'}.zmdi-caret-left-circle:before{content:'\f2f3'}.zmdi-caret-left:before{content:'\f2f4'}.zmdi-caret-right-circle:before{content:'\f2f5'}.zmdi-caret-right:before{content:'\f2f6'}.zmdi-caret-up-circle:before{content:'\f2f7'}.zmdi-caret-up:before{content:'\f2f8'}.zmdi-chevron-down:before{content:'\f2f9'}.zmdi-chevron-left:before{content:'\f2fa'}.zmdi-chevron-right:before{content:'\f2fb'}.zmdi-chevron-up:before{content:'\f2fc'}.zmdi-forward:before{content:'\f2fd'}.zmdi-long-arrow-down:before{content:'\f2fe'}.zmdi-long-arrow-left:before{content:'\f2ff'}.zmdi-long-arrow-return:before{content:'\f300'}.zmdi-long-arrow-right:before{content:'\f301'}.zmdi-long-arrow-tab:before{content:'\f302'}.zmdi-long-arrow-up:before{content:'\f303'}.zmdi-rotate-ccw:before{content:'\f304'}.zmdi-rotate-cw:before{content:'\f305'}.zmdi-rotate-left:before{content:'\f306'}.zmdi-rotate-right:before{content:'\f307'}.zmdi-square-down:before{content:'\f308'}.zmdi-square-right:before{content:'\f309'}.zmdi-swap-alt:before{content:'\f30a'}.zmdi-swap-vertical-circle:before{content:'\f30b'}.zmdi-swap-vertical:before{content:'\f30c'}.zmdi-swap:before{content:'\f30d'}.zmdi-trending-down:before{content:'\f30e'}.zmdi-trending-flat:before{content:'\f30f'}.zmdi-trending-up:before{content:'\f310'}.zmdi-unfold-less:before{content:'\f311'}.zmdi-unfold-more:before{content:'\f312'}.zmdi-apps:before{content:'\f313'}.zmdi-grid-off:before{content:'\f314'}.zmdi-grid:before{content:'\f315'}.zmdi-view-agenda:before{content:'\f316'}.zmdi-view-array:before{content:'\f317'}.zmdi-view-carousel:before{content:'\f318'}.zmdi-view-column:before{content:'\f319'}.zmdi-view-comfy:before{content:'\f31a'}.zmdi-view-compact:before{content:'\f31b'}.zmdi-view-dashboard:before{content:'\f31c'}.zmdi-view-day:before{content:'\f31d'}.zmdi-view-headline:before{content:'\f31e'}.zmdi-view-list-alt:before{content:'\f31f'}.zmdi-view-list:before{content:'\f320'}.zmdi-view-module:before{content:'\f321'}.zmdi-view-quilt:before{content:'\f322'}.zmdi-view-stream:before{content:'\f323'}.zmdi-view-subtitles:before{content:'\f324'}.zmdi-view-toc:before{content:'\f325'}.zmdi-view-web:before{content:'\f326'}.zmdi-view-week:before{content:'\f327'}.zmdi-widgets:before{content:'\f328'}.zmdi-alarm-check:before{content:'\f329'}.zmdi-alarm-off:before{content:'\f32a'}.zmdi-alarm-plus:before{content:'\f32b'}.zmdi-alarm-snooze:before{content:'\f32c'}.zmdi-alarm:before{content:'\f32d'}.zmdi-calendar-alt:before{content:'\f32e'}.zmdi-calendar-check:before{content:'\f32f'}.zmdi-calendar-close:before{content:'\f330'}.zmdi-calendar-note:before{content:'\f331'}.zmdi-calendar:before{content:'\f332'}.zmdi-time-countdown:before{content:'\f333'}.zmdi-time-interval:before{content:'\f334'}.zmdi-time-restore-setting:before{content:'\f335'}.zmdi-time-restore:before{content:'\f336'}.zmdi-time:before{content:'\f337'}.zmdi-timer-off:before{content:'\f338'}.zmdi-timer:before{content:'\f339'}.zmdi-android-alt:before{content:'\f33a'}.zmdi-android:before{content:'\f33b'}.zmdi-apple:before{content:'\f33c'}.zmdi-behance:before{content:'\f33d'}.zmdi-codepen:before{content:'\f33e'}.zmdi-dribbble:before{content:'\f33f'}.zmdi-dropbox:before{content:'\f340'}.zmdi-evernote:before{content:'\f341'}.zmdi-facebook-box:before{content:'\f342'}.zmdi-facebook:before{content:'\f343'}.zmdi-github-box:before{content:'\f344'}.zmdi-github:before{content:'\f345'}.zmdi-google-drive:before{content:'\f346'}.zmdi-google-earth:before{content:'\f347'}.zmdi-google-glass:before{content:'\f348'}.zmdi-google-maps:before{content:'\f349'}.zmdi-google-pages:before{content:'\f34a'}.zmdi-google-play:before{content:'\f34b'}.zmdi-google-plus-box:before{content:'\f34c'}.zmdi-google-plus:before{content:'\f34d'}.zmdi-google:before{content:'\f34e'}.zmdi-instagram:before{content:'\f34f'}.zmdi-language-css3:before{content:'\f350'}.zmdi-language-html5:before{content:'\f351'}.zmdi-language-javascript:before{content:'\f352'}.zmdi-language-python-alt:before{content:'\f353'}.zmdi-language-python:before{content:'\f354'}.zmdi-lastfm:before{content:'\f355'}.zmdi-linkedin-box:before{content:'\f356'}.zmdi-paypal:before{content:'\f357'}.zmdi-pinterest-box:before{content:'\f358'}.zmdi-pocket:before{content:'\f359'}.zmdi-polymer:before{content:'\f35a'}.zmdi-share:before{content:'\f35b'}.zmdi-stackoverflow:before{content:'\f35c'}.zmdi-steam-square:before{content:'\f35d'}.zmdi-steam:before{content:'\f35e'}.zmdi-twitter-box:before{content:'\f35f'}.zmdi-twitter:before{content:'\f360'}.zmdi-vk:before{content:'\f361'}.zmdi-wikipedia:before{content:'\f362'}.zmdi-windows:before{content:'\f363'}.zmdi-aspect-ratio-alt:before{content:'\f364'}.zmdi-aspect-ratio:before{content:'\f365'}.zmdi-blur-circular:before{content:'\f366'}.zmdi-blur-linear:before{content:'\f367'}.zmdi-blur-off:before{content:'\f368'}.zmdi-blur:before{content:'\f369'}.zmdi-brightness-2:before{content:'\f36a'}.zmdi-brightness-3:before{content:'\f36b'}.zmdi-brightness-4:before{content:'\f36c'}.zmdi-brightness-5:before{content:'\f36d'}.zmdi-brightness-6:before{content:'\f36e'}.zmdi-brightness-7:before{content:'\f36f'}.zmdi-brightness-auto:before{content:'\f370'}.zmdi-brightness-setting:before{content:'\f371'}.zmdi-broken-image:before{content:'\f372'}.zmdi-center-focus-strong:before{content:'\f373'}.zmdi-center-focus-weak:before{content:'\f374'}.zmdi-compare:before{content:'\f375'}.zmdi-crop-16-9:before{content:'\f376'}.zmdi-crop-3-2:before{content:'\f377'}.zmdi-crop-5-4:before{content:'\f378'}.zmdi-crop-7-5:before{content:'\f379'}.zmdi-crop-din:before{content:'\f37a'}.zmdi-crop-free:before{content:'\f37b'}.zmdi-crop-landscape:before{content:'\f37c'}.zmdi-crop-portrait:before{content:'\f37d'}.zmdi-crop-square:before{content:'\f37e'}.zmdi-exposure-alt:before{content:'\f37f'}.zmdi-exposure:before{content:'\f380'}.zmdi-filter-b-and-w:before{content:'\f381'}.zmdi-filter-center-focus:before{content:'\f382'}.zmdi-filter-frames:before{content:'\f383'}.zmdi-filter-tilt-shift:before{content:'\f384'}.zmdi-gradient:before{content:'\f385'}.zmdi-grain:before{content:'\f386'}.zmdi-graphic-eq:before{content:'\f387'}.zmdi-hdr-off:before{content:'\f388'}.zmdi-hdr-strong:before{content:'\f389'}.zmdi-hdr-weak:before{content:'\f38a'}.zmdi-hdr:before{content:'\f38b'}.zmdi-iridescent:before{content:'\f38c'}.zmdi-leak-off:before{content:'\f38d'}.zmdi-leak:before{content:'\f38e'}.zmdi-looks:before{content:'\f38f'}.zmdi-loupe:before{content:'\f390'}.zmdi-panorama-horizontal:before{content:'\f391'}.zmdi-panorama-vertical:before{content:'\f392'}.zmdi-panorama-wide-angle:before{content:'\f393'}.zmdi-photo-size-select-large:before{content:'\f394'}.zmdi-photo-size-select-small:before{content:'\f395'}.zmdi-picture-in-picture:before{content:'\f396'}.zmdi-slideshow:before{content:'\f397'}.zmdi-texture:before{content:'\f398'}.zmdi-tonality:before{content:'\f399'}.zmdi-vignette:before{content:'\f39a'}.zmdi-wb-auto:before{content:'\f39b'}.zmdi-eject-alt:before{content:'\f39c'}.zmdi-eject:before{content:'\f39d'}.zmdi-equalizer:before{content:'\f39e'}.zmdi-fast-forward:before{content:'\f39f'}.zmdi-fast-rewind:before{content:'\f3a0'}.zmdi-forward-10:before{content:'\f3a1'}.zmdi-forward-30:before{content:'\f3a2'}.zmdi-forward-5:before{content:'\f3a3'}.zmdi-hearing:before{content:'\f3a4'}.zmdi-pause-circle-outline:before{content:'\f3a5'}.zmdi-pause-circle:before{content:'\f3a6'}.zmdi-pause:before{content:'\f3a7'}.zmdi-play-circle-outline:before{content:'\f3a8'}.zmdi-play-circle:before{content:'\f3a9'}.zmdi-play:before{content:'\f3aa'}.zmdi-playlist-audio:before{content:'\f3ab'}.zmdi-playlist-plus:before{content:'\f3ac'}.zmdi-repeat-one:before{content:'\f3ad'}.zmdi-repeat:before{content:'\f3ae'}.zmdi-replay-10:before{content:'\f3af'}.zmdi-replay-30:before{content:'\f3b0'}.zmdi-replay-5:before{content:'\f3b1'}.zmdi-replay:before{content:'\f3b2'}.zmdi-shuffle:before{content:'\f3b3'}.zmdi-skip-next:before{content:'\f3b4'}.zmdi-skip-previous:before{content:'\f3b5'}.zmdi-stop:before{content:'\f3b6'}.zmdi-surround-sound:before{content:'\f3b7'}.zmdi-tune:before{content:'\f3b8'}.zmdi-volume-down:before{content:'\f3b9'}.zmdi-volume-mute:before{content:'\f3ba'}.zmdi-volume-off:before{content:'\f3bb'}.zmdi-volume-up:before{content:'\f3bc'}.zmdi-n-1-square:before{content:'\f3bd'}.zmdi-n-2-square:before{content:'\f3be'}.zmdi-n-3-square:before{content:'\f3bf'}.zmdi-n-4-square:before{content:'\f3c0'}.zmdi-n-5-square:before{content:'\f3c1'}.zmdi-n-6-square:before{content:'\f3c2'}.zmdi-neg-1:before{content:'\f3c3'}.zmdi-neg-2:before{content:'\f3c4'}.zmdi-plus-1:before{content:'\f3c5'}.zmdi-plus-2:before{content:'\f3c6'}.zmdi-sec-10:before{content:'\f3c7'}.zmdi-sec-3:before{content:'\f3c8'}.zmdi-zero:before{content:'\f3c9'}.zmdi-airline-seat-flat-angled:before{content:'\f3ca'}.zmdi-airline-seat-flat:before{content:'\f3cb'}.zmdi-airline-seat-individual-suite:before{content:'\f3cc'}.zmdi-airline-seat-legroom-extra:before{content:'\f3cd'}.zmdi-airline-seat-legroom-normal:before{content:'\f3ce'}.zmdi-airline-seat-legroom-reduced:before{content:'\f3cf'}.zmdi-airline-seat-recline-extra:before{content:'\f3d0'}.zmdi-airline-seat-recline-normal:before{content:'\f3d1'}.zmdi-airplay:before{content:'\f3d2'}.zmdi-closed-caption:before{content:'\f3d3'}.zmdi-confirmation-number:before{content:'\f3d4'}.zmdi-developer-board:before{content:'\f3d5'}.zmdi-disc-full:before{content:'\f3d6'}.zmdi-explicit:before{content:'\f3d7'}.zmdi-flight-land:before{content:'\f3d8'}.zmdi-flight-takeoff:before{content:'\f3d9'}.zmdi-flip-to-back:before{content:'\f3da'}.zmdi-flip-to-front:before{content:'\f3db'}.zmdi-group-work:before{content:'\f3dc'}.zmdi-hd:before{content:'\f3dd'}.zmdi-hq:before{content:'\f3de'}.zmdi-markunread-mailbox:before{content:'\f3df'}.zmdi-memory:before{content:'\f3e0'}.zmdi-nfc:before{content:'\f3e1'}.zmdi-play-for-work:before{content:'\f3e2'}.zmdi-power-input:before{content:'\f3e3'}.zmdi-present-to-all:before{content:'\f3e4'}.zmdi-satellite:before{content:'\f3e5'}.zmdi-tap-and-play:before{content:'\f3e6'}.zmdi-vibration:before{content:'\f3e7'}.zmdi-voicemail:before{content:'\f3e8'}.zmdi-group:before{content:'\f3e9'}.zmdi-rss:before{content:'\f3ea'}.zmdi-shape:before{content:'\f3eb'}.zmdi-spinner:before{content:'\f3ec'}.zmdi-ungroup:before{content:'\f3ed'}.zmdi-500px:before{content:'\f3ee'}.zmdi-8tracks:before{content:'\f3ef'}.zmdi-amazon:before{content:'\f3f0'}.zmdi-blogger:before{content:'\f3f1'}.zmdi-delicious:before{content:'\f3f2'}.zmdi-disqus:before{content:'\f3f3'}.zmdi-flattr:before{content:'\f3f4'}.zmdi-flickr:before{content:'\f3f5'}.zmdi-github-alt:before{content:'\f3f6'}.zmdi-google-old:before{content:'\f3f7'}.zmdi-linkedin:before{content:'\f3f8'}.zmdi-odnoklassniki:before{content:'\f3f9'}.zmdi-outlook:before{content:'\f3fa'}.zmdi-paypal-alt:before{content:'\f3fb'}.zmdi-pinterest:before{content:'\f3fc'}.zmdi-playstation:before{content:'\f3fd'}.zmdi-reddit:before{content:'\f3fe'}.zmdi-skype:before{content:'\f3ff'}.zmdi-slideshare:before{content:'\f400'}.zmdi-soundcloud:before{content:'\f401'}.zmdi-tumblr:before{content:'\f402'}.zmdi-twitch:before{content:'\f403'}.zmdi-vimeo:before{content:'\f404'}.zmdi-whatsapp:before{content:'\f405'}.zmdi-xbox:before{content:'\f406'}.zmdi-yahoo:before{content:'\f407'}.zmdi-youtube-play:before{content:'\f408'}.zmdi-youtube:before{content:'\f409'}.zmdi-import-export:before{content:'\f30c'}.zmdi-swap-vertical-:before{content:'\f30c'}.zmdi-airplanemode-inactive:before{content:'\f102'}.zmdi-airplanemode-active:before{content:'\f103'}.zmdi-rate-review:before{content:'\f103'}.zmdi-comment-sign:before{content:'\f25a'}.zmdi-network-warning:before{content:'\f2ad'}.zmdi-shopping-cart-add:before{content:'\f1ca'}.zmdi-file-add:before{content:'\f221'}.zmdi-network-wifi-scan:before{content:'\f2e4'}.zmdi-collection-add:before{content:'\f14e'}.zmdi-format-playlist-add:before{content:'\f3ac'}.zmdi-format-queue-music:before{content:'\f3ab'}.zmdi-plus-box:before{content:'\f277'}.zmdi-tag-backspace:before{content:'\f1d9'}.zmdi-alarm-add:before{content:'\f32b'}.zmdi-battery-charging:before{content:'\f114'}.zmdi-daydream-setting:before{content:'\f217'}.zmdi-more-horiz:before{content:'\f19c'}.zmdi-book-photo:before{content:'\f11b'}.zmdi-incandescent:before{content:'\f189'}.zmdi-wb-iridescent:before{content:'\f38c'}.zmdi-calendar-remove:before{content:'\f330'}.zmdi-refresh-sync-disabled:before{content:'\f1b7'}.zmdi-refresh-sync-problem:before{content:'\f1b6'}.zmdi-crop-original:before{content:'\f17e'}.zmdi-power-off:before{content:'\f1af'}.zmdi-power-off-setting:before{content:'\f1ae'}.zmdi-leak-remove:before{content:'\f38d'}.zmdi-star-border:before{content:'\f27c'}.zmdi-brightness-low:before{content:'\f36d'}.zmdi-brightness-medium:before{content:'\f36e'}.zmdi-brightness-high:before{content:'\f36f'}.zmdi-smartphone-portrait:before{content:'\f2d4'}.zmdi-live-tv:before{content:'\f2d9'}.zmdi-format-textdirection-l-to-r:before{content:'\f249'}.zmdi-format-textdirection-r-to-l:before{content:'\f24a'}.zmdi-arrow-back:before{content:'\f2ea'}.zmdi-arrow-forward:before{content:'\f2ee'}.zmdi-arrow-in:before{content:'\f2e9'}.zmdi-arrow-out:before{content:'\f2ed'}.zmdi-rotate-90-degrees-ccw:before{content:'\f304'}.zmdi-adb:before{content:'\f33a'}.zmdi-network-wifi:before{content:'\f2e8'}.zmdi-network-wifi-alt:before{content:'\f2e3'}.zmdi-network-wifi-lock:before{content:'\f2e5'}.zmdi-network-wifi-off:before{content:'\f2e6'}.zmdi-network-wifi-outline:before{content:'\f2e7'}.zmdi-network-wifi-info:before{content:'\f2e4'}.zmdi-layers-clear:before{content:'\f18b'}.zmdi-colorize:before{content:'\f15d'}.zmdi-format-paint:before{content:'\f1ba'}.zmdi-format-quote:before{content:'\f1b2'}.zmdi-camera-monochrome-photos:before{content:'\f285'}.zmdi-sort-by-alpha:before{content:'\f1cf'}.zmdi-folder-shared:before{content:'\f225'}.zmdi-folder-special:before{content:'\f226'}.zmdi-comment-dots:before{content:'\f260'}.zmdi-reorder:before{content:'\f31e'}.zmdi-dehaze:before{content:'\f197'}.zmdi-sort:before{content:'\f1ce'}.zmdi-pages:before{content:'\f34a'}.zmdi-stack-overflow:before{content:'\f35c'}.zmdi-calendar-account:before{content:'\f204'}.zmdi-paste:before{content:'\f109'}.zmdi-cut:before{content:'\f1bc'}.zmdi-save:before{content:'\f297'}.zmdi-smartphone-code:before{content:'\f139'}.zmdi-directions-bike:before{content:'\f117'}.zmdi-directions-boat:before{content:'\f11a'}.zmdi-directions-bus:before{content:'\f121'}.zmdi-directions-car:before{content:'\f125'}.zmdi-directions-railway:before{content:'\f1b3'}.zmdi-directions-run:before{content:'\f215'}.zmdi-directions-subway:before{content:'\f1d5'}.zmdi-directions-walk:before{content:'\f216'}.zmdi-local-hotel:before{content:'\f178'}.zmdi-local-activity:before{content:'\f1df'}.zmdi-local-play:before{content:'\f1df'}.zmdi-local-airport:before{content:'\f103'}.zmdi-local-atm:before{content:'\f198'}.zmdi-local-bar:before{content:'\f137'}.zmdi-local-cafe:before{content:'\f13b'}.zmdi-local-car-wash:before{content:'\f124'}.zmdi-local-convenience-store:before{content:'\f1d3'}.zmdi-local-dining:before{content:'\f153'}.zmdi-local-drink:before{content:'\f157'}.zmdi-local-florist:before{content:'\f168'}.zmdi-local-gas-station:before{content:'\f16f'}.zmdi-local-grocery-store:before{content:'\f1cb'}.zmdi-local-hospital:before{content:'\f177'}.zmdi-local-laundry-service:before{content:'\f1e9'}.zmdi-local-library:before{content:'\f18d'}.zmdi-local-mall:before{content:'\f195'}.zmdi-local-movies:before{content:'\f19d'}.zmdi-local-offer:before{content:'\f187'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-parking:before{content:'\f1a5'}.zmdi-local-pharmacy:before{content:'\f176'}.zmdi-local-phone:before{content:'\f2be'}.zmdi-local-pizza:before{content:'\f1ac'}.zmdi-local-post-office:before{content:'\f15a'}.zmdi-local-printshop:before{content:'\f1b0'}.zmdi-local-see:before{content:'\f28c'}.zmdi-local-shipping:before{content:'\f1e6'}.zmdi-local-store:before{content:'\f1d4'}.zmdi-local-taxi:before{content:'\f123'}.zmdi-local-wc:before{content:'\f211'}.zmdi-my-location:before{content:'\f299'}.zmdi-directions:before{content:'\f1e7'} body { margin:0px 0px 100px 110px; color:#616366; font-family:"Raleway", Helvetica, Arial, sans-serif; font-size:15px; font-weight:300; line-height:25px; } * { box-sizing:border-box; } a, a:link, a:visited, a:active, a:hover, a:hover > span.popup-icon { color:#0084df; text-decoration:none; } span.popup-icon { position : relative; top : 2px; font-size : 19px; display : inline-block; margin-right: 16px; width : 10%; text-align : left; color : #616366; } span.popup-icon.fonticonconsole, span.popup-icon.fonticon_server { right: 1px; } a.server-destroy > span, a.server-destroy:hover > span { color: red !important; } /* For safari */ input:focus, textarea:focus, select:focus { outline:0 !important; } input[type=text], input[type=number], input[type=file], input[type=password], input[type=email], select { border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; height:50px; padding:0px 16px; font-size:14px; color:#555555; background-color:#ffffff; font-family:"Raleway"; font-weight:inherit; } textarea { border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; height:50px; padding:12px 16px; font-size:14px; color:#555555; background-color:#ffffff; font-family: "Raleway"; font-weight:inherit; } input[type=file] { height:auto; padding:15px 16px;} input[type=text]:focus, input[type=number]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border-color:#1E88E5; } input[type=text][readonly], input[type=number][readonly], input[type=file][readonly], input[type=password][readonly], input[type=email][readonly], input[type=text][readonly], input[type=text]:disabled, input[type=number]:disabled, input[type=file]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=text]:disabled { background-color:#EEEEEE; } input[type=text].alternate { background-color: rgba(0, 0, 0, 0.2); border-width: 0px; vertical-align: middle; border-radius: 3px; padding: 17px 12px 16px 12px; color: #ffffff; } input[type=submit], input[type=button], .button, a.button { display:inline-block; vertical-align:middle; padding:12px 24px; margin:0px; font-size:15px; font-weight:bold; line-height:24px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; color:#ffffff; background-color:#1e88e5; border-radius:3px; border:none; -webkit-appearance: none; transition: all ease-in .1s; } a.button { padding:13px 24px; } input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=button]:hover, input[type=button]:focus, input[type=button]:active, .button:hover, .button:focus, .button:active { background-color:#3ba3ff; } .button[disabled] { cursor: not-allowed; opacity: .5; } input[type=submit]:disabled, input[type=button]:disabled { background-color:#EEEEEE; color:#aaaaaa; } .button.nodisabled[disabled] { background-color:#1b7cd1; color:#ffffff; opacity: 1.0; } .btn-block { display: block; width: 100%; } input[type=submit].btn-light, input[type=button].btn-light, .btn-light, a.btn-light { background-color:#3ba3ff; } input[type=submit].btn-light:hover, input[type=submit].btn-light:focus, input[type=submit].btn-light:active, input[type=button].btn-light:hover, input[type=button].btn-light:focus, input[type=button].btn-light:active, .btn-light:hover, .btn-light:focus, .btn-light:active, a.btn-light:hover, a.btn-light:focus, a.btn-light:active { background-color:#54aaff; } input[type=submit].btn-danger, input[type=button].btn-danger, .btn-danger, a.btn-danger { background-color:#C12E2A; } input[type=submit].btn-danger:hover, input[type=submit].btn-danger:focus, input[type=submit].btn-danger:active, input[type=button].btn-danger:hover, input[type=button].btn-danger:focus, input[type=button].btn-danger:active, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, a.btn-danger:hover, a.btn-danger:focus, a.btn-danger:active { background-color:#D13632; } input[type=submit].btn-warning, input[type=button].btn-warning, .btn-warning, a.btn-warning { background-color:#EB9316; } input[type=submit].btn-warning:hover, input[type=submit].btn-warning:focus, input[type=submit].btn-warning:active, input[type=button].btn-warning:hover, input[type=button].btn-warning:focus, input[type=button].btn-warning:active, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, a.btn-warning:hover, a.btn-warning:focus, a.btn-warning:active { background-color:#FFA92D; } input[type=submit].btn-alternate, input[type=button].btn-alternate, .btn-alternate, a.btn-alternate { background-color:#ffffff; border:1px solid #1e88e5; color:#1e88e5; } input[type=submit].btn-alternate:hover, input[type=submit].btn-alternate:focus, input[type=submit].btn-alternate:active, input[type=button].btn-alternate:hover, input[type=button].btn-alternate:focus, input[type=button].btn-alternate:active, .btn-alternate:hover, .btn-alternate:focus, .btn-alternate:active, a.btn-alternate:hover, a.btn-alternate:focus, a.btn-alternate:active { background-color:#1e88e5; color:#ffffff; } input[type=submit].btn-default, input[type=button].btn-default, .btn-default, a.btn-default { background-color:#dfe2e5; border:1px solid #dfe2e5; color:#616366; } input[type=submit].btn-default:hover, input[type=submit].btn-default:focus, input[type=submit].btn-default:active, input[type=button].btn-default:hover, input[type=button].btn-default:focus, input[type=button].btn-default:active, .btn-default:hover, .btn-default:focus, .btn-default:active, a.btn-default:hover, a.btn-default:focus, a.btn-default:active { background-color:#ebeff2; color:#616366; } .panel-block .btn-default { background-color:transparent; } input[type=submit].btn_small, input[type=button].btn_small, .btn_small { padding:9px 10px; font-size:12px; line-height:19px; } input[type=submit].btn-outline, input[type=button].btn-outline, .btn-outline, a.btn-outline { background-color:transparent; border:1px solid #e6e9eb; color:#616366; } input[type=submit].btn-outline:hover, input[type=submit].btn-outline:focus, input[type=submit].btn-outline:active, input[type=button].btn-outline:hover, input[type=button].btn-outline:focus, input[type=button].btn-outline:active, .btn-outline:hover, .btn-outline:focus, .btn-outline:active, a.btn-outline:hover, a.btn-outline:focus, a.btn-outline:active { background-color:transparent; border-color:#1e88e5; color:#616366; } .radiolabeldisc { display:none; } .radiolabeldisc + label { display:inline-block; position:relative; cursor:pointer; padding-left:31px; margin:10px 0px; } .radiolabeldisc + label::before { position:absolute; top:50%; left:0px; margin-top:-12px; font-family:"Material-Design-Iconic-Font"; font-weight:normal; font-size:24px; color:#cacdcf; content:"\f26c"; } .radiolabeldisc:checked + label::before { content:"\f26f"; color:#1e88e5;} .radiolabelbutton { display:none; } .radiolabelbutton + label { font-size:15px; color:#616366; font-weight:500; line-height:54px; height:54px; margin-bottom:5px; display:inline-block; border:1px solid #E6E9EB; border-radius:3px; text-align:center; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:clip; } .radiolabelbutton + label:hover { border-color:#1E88E5; } .radiolabelbutton:checked + label { /* border-color:#1E88E5;*/ color:#ffffff; border:none; background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); -webkit-box-shadow: 0 5px 30px -5px rgba(37, 45, 51, .5);box-shadow: 0 5px 30px -5px rgba(37, 45, 51, .5);} .radiolabelbutton:disabled + label { color:#ffffff; border:none; background:#c0c0c0; border:1px solid #E6E9EB; } label.checkboxlabelbtn { font-size:13px; color:#616366; font-weight:300; line-height:54px; height:54px; margin-bottom:15px; display:inline-block; border:1px solid #DCDEE0; border-radius:3px; padding:0px 24px; } label.checkboxlabelbtn > input { vertical-align:middle; position:relative; bottom:3px; margin-right:3px; } label.checkboxlabeltext { display:block; text-align:center; font-size:15px; font-weight:300; color:#616366; } label.checkboxlabeltext > input { position:relative; top:1px; } input.checkboxtoggleonoff { display:none; } input.checkboxtoggleonoff + label { position:relative; display:block; width:46px; height:22px; line-height:22px; padding:0px 5px; border-radius:12px; margin:8px 0px; cursor:pointer; font-size:10px; text-align:right; color:#8D8D8D; background-color:#dadfe5; transition: all ease .3s; } input.checkboxtoggleonoff + label::before { content:"OFF"; } input.checkboxtoggleonoff + label::after { content:""; display:block; position:absolute; left:2px; top:2px; height:18px; width:18px; border-radius:9px; background-color:#ffffff; transition: all ease .3s; } input.checkboxtoggleonoff:checked + label { background-color:#1e88e5; color:#ffffff; text-align:left; } input.checkboxtoggleonoff:checked + label::before { content:"ON"; } input.checkboxtoggleonoff:checked + label:after { left:26px; } input.checkboxcheckmark { display:none; } input.checkboxcheckmark + label { line-height:24px; cursor:pointer; } input.checkboxcheckmark + label::before { content:"\f279"; vertical-align:top; margin-right:10px; font-size:24px; font-family:Material-Design-Iconic-Font; color:#cacdcf; transition: all ease .3s; } input.checkboxcheckmark + label:hover::before { color:#1e88e5; } input.checkboxcheckmark:checked + label::before { content:"\f26a"; color:#1e88e5; } input.checkboxcheckmark:disabled + label::before { color: #eaedef; } input.checkboxcheckmark:disabled + label:hover::before { color: #eaedef; cursor: default; } input.checkboxcheckmark:disabled + label { color: #aaadaf; } input.checkboxcheckmark:disabled + label > a { color: #2691d9; } input.checkboxtoggleenabledisable { display:none; } input.checkboxtoggleenabledisable + label {position:relative;display:block;width: 76px;height:22px;line-height:22px;padding:0px 5px;border-radius:12px;margin:8px 0px;cursor:pointer;font-size:10px;text-align:right;color:#8D8D8D;background-color:#dadfe5;transition: all ease .3s;} input.checkboxtoggleenabledisable + label::before {content: "DISABLED";} input.checkboxtoggleenabledisable + label::after {content:"";display:block;position:absolute;left:2px;top:2px;height:18px;width:18px;border-radius:9px;background-color:#ffffff;transition: all ease .3s;} input.checkboxtoggleenabledisable:checked + label { background-color:#1e88e5; color:#ffffff; text-align:left; } input.checkboxtoggleenabledisable:checked + label::before {content: "ENABLED";} input.checkboxtoggleenabledisable:checked + label:after {left: 56px;} .optiongroupcontrol { display:inline-block; font-size:0px; white-space:nowrap; } .optiongroupcontrol > input { display:none; } .optiongroupcontrol > label { position:relative; font-size:14px; color:#616366; font-weight:800; line-height:44px; height:44px; padding:0px 15px; margin-bottom:5px; display:inline-block; text-align:center; cursor:pointer; border-color:#E6E9EB; border-style:solid; border-width:1px 1px 1px 0px; } .optiongroupcontrol > label:nth-child(2) { border-width:1px; border-radius:3px 0px 0px 3px; } .optiongroupcontrol > label:last-child { border-radius:0px 3px 3px 0px; } .optiongroupcontrol > label:hover { border-color:#1E88E5; } .optiongroupcontrol > label:nth-child(n+3):hover:before { display:block; position:absolute; left:0px; top:0px; bottom:0px; width:1px; content:"\a0"; background-color:#1E88E5; } .optiongroupcontrol > input:checked + label { border-color:#1E88E5; background-color:#1E88E5; color:#ffffff; } .input_note { border:1px solid #DCDEE0; vertical-align:middle; border-radius:3px; padding:16px 12px; width: 100%; } .input_note.text_light { color: #9da2a6; } .flexlayoutform { display: -webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; } .flexlayout100p { width: 100%; } .flexlayout460px { width:460px; } .flexwidth1sixth { width:15%; } .flexwidth1fifth { width: 18%; } .flexwidth1third { width:30%; } .flexwidth1thirdcc { width:32%; } .flexwidth2thirds { width:64%; } .flexwidth34 { width:34%; } .flexwidth27 { width:27%; } .flexwidthhalf { width:47.5%; } .flexwidthhalfcc { width: 49%; } .flexwidthquarter { width: 21.2%; } .flexwidthquartercc { width: 23.2%; } .flexwidth100 { width:100%; } .floatinglabel { display:inline-block; margin-bottom:15px; position:relative; } .floatinglabel > :nth-child(1) { position:absolute; top:5px; left:16px; pointer-events:none; font-size:11px; color:#9DA2A6; font-weight:bold; line-height:18px; display:none; z-index: 100; } .floatinglabel > input[type=text], .floatinglabel > input[type=number], .floatinglabel > input[type=password], .floatinglabel > input[type=email], .floatinglabel > textarea, .floatinglabel > select { width:100%; transition:all 0.1s ease-in-out 0s; } .staticlabel { display:inline-block; margin-bottom:15px; } .staticlabel > input[type=text], .staticlabel > input[type=number], .staticlabel > input[type=password], .staticlabel > input[type=email], .staticlabel > input[type=button], .staticlabel > input[type=submit], .staticlabel > textarea, .staticlabel > select { width:100%; } .floatinglabelfixed { display:inline-block; margin-bottom:15px; position:relative; } .floatinglabelfixed > :nth-child(1) { position:absolute; top:5px; left:16px; pointer-events:none; font-size:11px; color:#9DA2A6; font-weight:bold; line-height:18px; } .floatinglabelfixed > input, .floatinglabelfixed > textarea { padding-top:27px; width:100%; } .m0 { margin: 0; } .m-b-0 { margin-bottom: 0; } .w100p { width: 100%; } hr.hr5 { height:5px; border:none; margin:0px; padding:0px; width:100%; } hr.hr10 { height:10px; border:none; margin:0px; padding:0px; width:100%; } hr.hr15 { height:15px; border:none; margin:0px; padding:0px; width:100%; } hr.hr20 { height:20px; border:none; margin:0px; padding:0px; width:100%; } hr.hr30 { height:30px; border:none; margin:0px; padding:0px; width:100%; } hr.hr40 { height:40px; border:none; margin:0px; padding:0px; width:100%; } hr.hr50 { height:50px; border:none; margin:0px; padding:0px; width:100%; } hr.hr3030 { margin:0px 0px 30px 0px; padding:0px 0px 30px 0px; width:100%; border-width:0px; border-bottom:1px solid #eeeeee;} h1 { font-size:25px; line-height:34px; margin:0px 0px 25px 0px; color:#363B40; font-weight:500; } h3 { font-size:20px; line-height:28px; margin:0px 0px 25px 0px; color:#363B40; font-weight:500; } h4 { font-size:16px; line-height:22px; margin:0px 0px 18px 0px; color:#363B40; font-weight:500; } /* tables */ table.tablelist { border-spacing:0px; width:100%; } table.tablelist tr th { padding:10px 10px; color:#9DA2A6; font-size:13px; font-weight:300; border-bottom:1px solid #EDEFF2; text-align:left; } table.tablelist tr td { padding:10px 10px; border-bottom:1px solid #EDEFF2; } table.tablelist tr:hover td { background-color:#fafbfc; } .tablefirstline, a.tablefirstline { display:block; font-size:15px; color:#2b3033; font-weight:bold; } .tablesecondline { display:block; font-size:14px; color:#616366; } .responsivetable { display:table; width:100%; } .responsivetable > * { display:table-row; } .responsivetable > * > * { display:table-cell; padding:10px 10px; border-bottom:1px solid #EDEFF2; vertical-align:middle; } .responsivetable > * > a { color:#616366; } .responsivetable > *:nth-child(1) > * { color:#9DA2A6; font-size:13px; font-weight:normal; } .responsivetable > *:nth-child(n+2):hover > * { background-color:#fafbfc; } .responsivetable_subs > * > *:nth-child(1) { width:1%; } .responsivetable_subs > * > *:nth-child(3) { width:8%; } .responsivetable_subs_btn { border-width: 0px; background-color: transparent; padding: 0px; margin: 0px; } .responsivetabletag { color:#8d8d8d; } .responsivetabletag > * { border-bottom:none; } .responsivetable > .responsivetabletag:nth-child(n+2):hover > * { background-color:#ffffff; } div.tag-form, div.label-form { margin-top:3px; } form.dynamic-tag .select2-container--default .select2-selection--single { border: 0px; margin-left: -15px; } form.dynamic-tag .select2-container--default .select2-selection--single .select2-selection__rendered { height: 35px; line-height: initial; position: relative; top: 5px; } form.dynamic-tag .select2-container .select2-selection--single { height: initial; } form.dynamic-tag .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 35%; } .responsivetable_actions { text-align: right; } input[type=submit].responsivefullwidthmr10, .responsivefullwidthmr10 { margin-left:10px; } @media all and (min-width:0px) and (max-width:767px) { .header2_details { display:inline-block; } .responsivetable { display:block; } .responsivetable > * { display:block; margin-bottom:15px; border-bottom:1px solid #EDEFF2; padding-bottom:15px; } .responsivetable > *:nth-child(1) { display:none; } .responsivetable > *:nth-child(2) { border-top:1px solid #EDEFF2; padding-top:15px; } .responsivetable > * > * { display:block; position:relative; border-bottom:none; padding:2px 0px; min-height:25px; padding-left:100px; overflow:hidden; text-overflow:ellipsis; } .responsivetable > *:nth-child(n+2):hover > * { background-color:transparent; } .responsivetable > * > *:before { display:block; position:absolute; top:50%; left:0px; width:100px; height:25px; margin-top:-11px; overflow:hidden; text-overflow:ellipsis; color:#9DA2A6; font-size:12px; font-weight:normal;} .responsivetable_subs > * { width:100%; padding-left:30px; position:relative; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-direction:row; flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; } .responsivetable_subs > * > * { padding-left:0px; } .responsivetable_subs > * > *:nth-child(1) { position:absolute; width:auto; top:1px; left:0px; } .responsivetable_subs > *:nth-child(2) > *:nth-child(1) { top:16px; } .responsivetable_subs > * > *:nth-child(2) { width:86%; } .responsivetable_subs > * > *:nth-child(3) { width:14%; text-align:right; } .responsivetable_subs > * > *:nth-child(4) { display:none; } .responsivetable_subs > * > *:nth-child(5) { width:49%; } .responsivetable_subs > * > *:nth-child(5):before { content:"Charges: "; padding-right:3px; font-weight:bold; position:static; vertical-align:middle; display:inline; width:auto; height:auto; margin:0px; color:#2b3033; font-size:15px; } .responsivetable_subs > * > *:nth-child(6) { width:49%; text-align:right; } .responsivetable_subs > * > *:nth-child(7) { display:none; } .responsivetable_test > * > * { padding-left:100px; } .responsivetable_test > * > *:before { width:100px; } .responsivetable_test > * > *:nth-child(1):before { content:"Header 1"; } .responsivetable_test > * > *:nth-child(2):before { content:"Header 2"; } .responsivetable_test > * > *:nth-child(3):before { content:"Header 3"; } .responsivetable_test > * > *:nth-child(4):before { content:"Header 4"; } .responsivetable_tickets > * { width:100%; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-direction:row; flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; } .responsivetable_tickets > * > * { padding-left:0px; } .responsivetable_tickets > * > * > .tablesecondline { display:none; } .responsivetable_tickets > * > *:nth-child(1) { width:100%; } .responsivetable_tickets > * > *:nth-child(2) { width:49%; } .responsivetable_tickets > * > *:nth-child(3) { width:49%; text-align:right; padding-right:20px; } .responsivetable_tickets > * > *:nth-child(4) { display:none; } .responsivetable_users > * > * { padding-left:75px; } .responsivetable_users > * > *:before { width:75px; } .responsivetable_users > * > *:nth-child(1):before { content:"Name:"; } .responsivetable_users > * > *:nth-child(2):before { content:"Email:"; } .responsivetable_users > * > *:nth-child(3) { padding-top:8px; } .responsivetable_startup > * > * { padding-left:100px; } .responsivetable_startup > * > *:before { width:100px; } .responsivetable_startup > * > *:nth-child(1):before{ content:"Name:"; } .responsivetable_startup > * > *:nth-child(2):before{ content:"Type:"; } .responsivetable_startup > * > *:nth-child(3):before{ content:"Last Modified:"; } .responsivetable_startup > * > *:nth-child(4) { padding-top:8px; } .responsivetable_sshkeys > * > * { padding-left:100px; } .responsivetable_sshkeys > * > *:before { width:100px; } .responsivetable_sshkeys > * > *:nth-child(1):before{ content:"Name:"; } .responsivetable_sshkeys > * > *:nth-child(2):before{ content:"Date Created:"; } .responsivetable_sshkeys > * > *:nth-child(3) { padding-top:8px; } .responsivetable_dns > * > * { padding-left:100px; } .responsivetable_dns > * > *:before { width:100px; } .responsivetable_dns > * > *:nth-child(1):before { content:"Domain:"; } .responsivetable_dns > * > *:nth-child(2):before { content:"Date Created:"; } .responsivetable_dns > * > *:nth-child(3) { padding-top:8px; } .responsivetable_blockstorage > * > * { padding-left:100px; } .responsivetable_blockstorage > * > *:before { width:100px; } .responsivetable_blockstorage > * > *:nth-child(1):before { content:"Description:"; } .responsivetable_blockstorage > * > *:nth-child(2):before { content:"Location:"; } .responsivetable_blockstorage > * > *:nth-child(3):before { content:"Status:"; } .responsivetable_blockstorage > * > *:nth-child(4):before { content:"Attached To:"; } .responsivetable_blockstorage > * > *:nth-child(5):before { content:"Charges:"; } .responsivetable_blockstorage > * > *:nth-child(6) { padding-top:8px; } .responsivetable_reservedip > * > * { padding-left:100px; } .responsivetable_reservedip > * > *:before { width:100px; } .responsivetable_reservedip > * > *:nth-child(1):before { content:"Reserved IP:"; } .responsivetable_reservedip > * > *:nth-child(2):before { content:"Location:"; } .responsivetable_reservedip > * > *:nth-child(3):before { content:"Attached To:"; } .responsivetable_reservedip > * > *:nth-child(4):before { content:"Charges:"; } .responsivetable_reservedip > * > *:nth-child(5) { padding-top:8px; } .responsivetable_custom > * > * { padding-left:100px; } .responsivetable_custom > * > *:before { width:100px; } .responsivetable_custom > * > *:nth-child(1):before { content:"Service:"; } .responsivetable_custom > * > *:nth-child(2):before { content:"Charges:"; } .responsivetable_custom > * > *:nth-child(3):before { content:"Status:"; } .responsivetable_custom > * > *:nth-child(4) { padding-top:8px; } .responsivetable_snapshots > * > * { padding-left:100px; } .responsivetable_snapshots > * > *:before { width:100px; } .responsivetable_snapshots > * > *:nth-child(1):before { content:"Name:"; } .responsivetable_snapshots > * > *:nth-child(2):before { content:"OS:"; } .responsivetable_snapshots > * > *:nth-child(3):before { content:"Size:"; } .responsivetable_snapshots > * > *:nth-child(4):before { content:"Cost:"; } .responsivetable_snapshots > * > *:nth-child(5):before { content:"Date:"; } .responsivetable_snapshots > * > *:nth-child(6):before { content:"Status:"; } .responsivetable_snapshots > * > *:nth-child(7) { padding-top:8px; } .responsivetable_firewall > * > * { padding-left:100px; } .responsivetable_firewall > * > *:before { width:100px; } .responsivetable_firewall > * > *:nth-child(1):before { content:"ID:"; } .responsivetable_firewall > * > *:nth-child(2):before { content: "Description:"; } .responsivetable_firewall > * > *:nth-child(3):before { content: "Date Created:"; } .responsivetable_firewall > * > *:nth-child(4):before { content: "Rules:"; } .responsivetable_firewall > * > *:nth-child(5):before { content: "Instances:"; } .responsivetable_firewall > * > *:nth-child(6):before { content: "Actions:"; } .responsivetable_firewall > * > *:nth-child(3) { padding-top:8px; } .responsivetable_iplist > * > * { padding-left:100px; } .responsivetable_iplist > * > *:before { width: 100px; } .responsivetable_iplist > * > *:nth-child(1):before { content: "Address:"; } .responsivetable_iplist > * > *:nth-child(2):before { content: "Netmask:"; } .responsivetable_iplist > * > *:nth-child(3):before { content: "Gateway:"; } .responsivetable_iplist > * > *:nth-child(4):before { content: "Reverse DNS:"; } .responsivetable_iplist > * > *:nth-child(3) { padding-top:8px; } .responsivetable_ip6list > * > * { padding-left:100px; } .responsivetable_ip6list > * > *:before { width: 100px; } .responsivetable_ip6list > * > *:nth-child(1):before { content: "Default IP:"; } .responsivetable_ip6list > * > *:nth-child(2):before { content: "Network:"; } .responsivetable_ip6list > * > *:nth-child(3):before { content: "CIDR:"; } .responsivetable_ip6list > * > *:nth-child(4):before { content: "Gateway:"; } .responsivetable_ip6list > * > *:nth-child(3) { padding-top:8px; } .responsivetable_networks > * > * { padding-left:100px; } .responsivetable_networks > * > *:before { width: 100px; } .responsivetable_networks > * > *:nth-child(1):before { content: "ID:"; } .responsivetable_networks > * > *:nth-child(2):before { content: "Description:"; } .responsivetable_networks > * > *:nth-child(3):before { content: "Location:"; } .responsivetable_networks > * > *:nth-child(4):before { content: "Subnet:"; } .responsivetable_networks > * > *:nth-child(3) { padding-top:8px; } .responsivetable_actions { text-align: left; } .responsivefullwidth { width:100%; } input[type=submit].responsivefullwidthmr10, .responsivefullwidthmr10 { width:100%; margin-left:0px; } } @media all and (min-width:0px) and (max-width:700px) { .responsiveccfullwidth { width:100%; } } table.tabledata { } table.tabledata tr td:nth-child(n+2) { padding-left:40px; } .success_message, .success_message a { color: #5ba65f; border-color: #66bb6a; } .warning_message, .warning_message a { color: #fca426; border-color: #fca426; } .error_message, .error_message a { color: #e53935; border-color: #ff4d4a; } .promo_message, .promo_message a { color: #5ba65f; border-color: #66bb6a; } .info_message, .info_message a { color: #1e88e5; border-color: #54aaff; } .resolved_message, .resolved_message a { color: #808080; border-color: #909090; } .success_message, .warning_message, .error_message, .promo_message, .info_message, .resolved_message { position:relative; font-size:15px; max-width:1290px; margin:0px auto 30px auto; padding:10px 24px 10px 10px; text-align:left; border-radius:5px; border-width: 1px; border-style: solid; } .success_message a, .warning_message a, .error_message a, .promo_message a, .info_message a, .resolved_message a { text-decoration:underline; } .notice_close { cursor:pointer; position:absolute; right:4px; top:5px; font-size:22px; padding:5px 12px; } .notice_close::before { content:"\f136"; font-family:"Material-Design-Iconic-Font"; opacity:.6; } .status_success { color:#43A047; white-space:nowrap; } .status_success:before { display: inline-block; content: ""; height: 8px; width: 8px; margin: -4px 6px 0 0; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; background-color:#43A047; } .status_warning, .status_warning_2 { color:#E67E27; white-space:nowrap; } .status_warning:before { display: inline-block; content: ""; height: 8px; width: 8px; margin: -4px 6px 0 0; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; background-color:#E67E27; } .status_error, .status_error_2 { color:#ff0000; white-space:nowrap; } .status_error:before { display: inline-block; content: ""; height: 8px; width: 8px; margin: -4px 6px 0 0; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; background-color:#ff0000; } .status_disabled { color:#777777; white-space:nowrap; } .status_disabled:before { display: inline-block; content: ""; height: 8px; width: 8px; margin: -4px 6px 0 0; vertical-align: middle; -webkit-border-radius: 4px; border-radius: 4px; background-color:#777777; } .block1290 { max-width:1290px; min-width:360px; margin:0px auto 50px auto; padding:0px 30px; overflow: auto; } @media all and (min-width:0px) and (max-width:767px) { .block1290 { padding: 0px 15px; } .block1290 a.button:first-of-type { width: 100%; } } @media only screen and (min-device-width : 320px) and (max-device-width : 736px) { .block1290 { overflow: hidden; } } .block460left { max-width:460px; margin:0px 0px 50px 0px; overflow:hidden; } .block460center { max-width:460px; margin:0px auto 50px auto; overflow:hidden; } .block520left { max-width:520px; margin:0px 0px 50px 0px; overflow:hidden; } .block520center { max-width:520px; margin:0px auto 50px auto; overflow:hidden; } /****** Only used for billing auth form. *******/ .block700center { max-width:700px; margin:0px auto 50px auto; overflow:hidden; } div.flex3column { display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-direction:row; flex-direction:row; } div.flex3column_left { margin:0px 75px 0px 0px; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-align-items:flex-start; align-items:flex-start; } div.flex3column_center { width:100%; } input.tabmenu_radio { display:none; } input.tabmenu_radio + label { display:inline-block; position:relative; cursor:pointer; color:#616366; padding-bottom:8px; margin-right:25px; font-size:15px; } input.tabmenu_radio + label:hover { color:#0084df; } input.tabmenu_radio + label:after { display:block; position:absolute; z-index:10; content:""; left:0px; bottom:-1px; height:2px; width:0px; background-color:#0084df; transition:width .3s; } input.tabmenu_radio:checked + label { color:#0084df; font-weight:bold; } input.tabmenu_radio:checked + label:after { width:100%; } input.tabmenu_radio:disabled + label { display:none; } div.flex3column_left input.tabmenu_radio + label { margin-bottom:15px; } div.flex3column_left input.tabmenu_radio:checked + label { font-weight:normal; } @media all and (min-width:0px) and (max-width:1023px) { div.flex3column { -webkit-flex-direction:column; flex-direction:column; } div.flex3column_left { margin:0px 0px 30px 0px; display:block; } } .inputformiconoverlay { display:block; position:absolute; top:12px; right:18px; } .inputformiconoverlay > * { margin-left:20px; } /* Generic icons 1 */ .fonticonattachment, a.fonticonattachment, .fonticonchevronup, a.fonticonchevronup, .fonticonconsole, a.fonticonconsole, .fonticonconsolenotext, a.fonticonconsolenotext, .fonticoncopy, a.fonticoncopy, .fonticondelete, a.fonticondelete, .fonticondialogs, a.fonticondialogs, .fonticonedit, a.fonticonedit, .fonticonhelp, a.fonticonhelp, .fonticonmore, a.fonticonmore, .fonticonnegative, a.fonticonnegative, .fonticonneutral, a.fonticonneutral, .fonticonnewpage, a.fonticonnewpage, .fonticonplus, a.fonticonplus, .fonticonpositive, a.fonticonpositive, .fonticonrefresh, a.fonticonrefresh, .fonticonreinstall, a.fonticonreinstall, .fonticonrestart, a.fonticonrestart, .fonticonstar, a.fonticonstar, .fonticonstop, a.fonticonstop, .fonticon-eye, a.fonticon-eye, .fonticon-eye-off, a.fonticon-eye-off, .fonticon-f275, a.fonticon-f275 { font-family:"Material-Design-Iconic-Font"; font-size:24px; color:#616366; cursor:pointer; } .fonticonhelp, a.fonticonhelp { color:#919499; font-size:21px; vertical-align:middle; } .fonticonattachment:hover, a.fonticonattachment:hover, .fonticonchevronup:hover, a.fonticonchevronup:hover, .fonticonconsole:hover, a.fonticonconsole:hover, .fonticonconsolenotext:hover, a.fonticonconsolenotext:hover, .fonticoncopy:hover, a.fonticoncopy:hover, .fonticondelete:hover, a.fonticondelete:hover, .fonticondialogs:hover, a.fonticondialogs:hover, .fonticonedit:hover, a.fonticonedit:hover, .fonticonhelp:hover, a.fonticonhelp:hover, .fonticonmore:hover, a.fonticonmore:hover, .fonticonnegative:hover, a.fonticonnegative:hover, .fonticonneutral:hover, a.fonticonneutral:hover, .fonticonnewpage:hover, a.fonticonnewpage:hover, .fonticonplus:hover, a.fonticonplus:hover, .fonticonpositive:hover, a.fonticonpositive:hover, .fonticonrefresh:hover, a.fonticonrefresh:hover, .fonticonreinstall:hover, a.fonticonreinstall:hover, .fonticonrestart:hover, a.fonticonrestart:hover, .fonticonstar:hover, a.fonticonstar:hover, .fonticonstop:hover, a.fonticonstop:hover, .fonticon-eye:hover, a.fonticon-eye:hover, .fonticon-eye-off:hover, a.fonticon-eye-off:hover, .fonticon-f275:hover, a.fonticon-f275:hover{ color:#0084df; } .fonticonattachment::after { content:"\f10d"; } .fonticonchevronup::after { content:"\f2fc"; } .fonticonconsole:before { content:"\f292"; } .fonticonconsole:after { content:">_"; position:absolute; top:-3px; left:4px; font-size:8px; font-weight:bold; font-family:courier; } .fonticonconsolenotext:after { content:"\f292"; } .fonticoncopy::after { content:"\f237"; } .fonticondelete::after { content:"\f154"; } .fonticondialogs::after { content:"\f266"; } .fonticonedit::after { content:"\f158"; } .fonticonhelp::after { content:"\f1f5"; } .fonticonmore::after { content:"\f19c"; } .fonticonnegative::after { content:"\f213"; } .fonticonneutral::after { content:"\f20e"; } .fonticonnewpage::after { content:"\f223"; } .fonticonplus::after { content:"\f278"; } .fonticonpositive::after { content:"\f214"; } .fonticonrefresh::after { content:"\f1b5"; } .fonticonreinstall::after { content:"\f3d6"; } .fonticonrestart::after { content:"\f1b9"; } .fonticonstar:after { content:"\f27d"; } .fonticonstop:after { content:"\f1af"; } .fonticon-eye-off:after { content:"\f15b"; } .fonticon-eye:after { content:"\f15c"; } .fonticon-f275:after { content:"\f275"; } /* Generic icons 2 */ .fonticon_add, .fonticon_application, .fonticon_backup, .fonticon_centos, .fonticon_coreos, .fonticon_debian, .fonticon_freebsd, .fonticon_iso, .fonticon_snapshot, .fonticon_ubuntu, .fonticon_windows, .fonticon_cpanel, .fonticon_cpanel_beta, .fonticon_docker, .fonticon_docker_beta, .fonticon_drupal, .fonticon_drupal_beta, .fonticon_lemp, .fonticon_lemp_beta, .fonticon_minecraft, .fonticon_minecraft_beta, .fonticon_openvpn, .fonticon_openvpn_beta, .fonticon_owncloud, .fonticon_owncloud_beta, .fonticon_script, .fonticon_ssh, .fonticon_webmin, .fonticon_webmin_beta, .fonticon_wordpress, .fonticon_wordpress_beta, .fonticon_linux, .fonticon_support, .fonticon_server, .fonticon_web, .fonticon_lamp, .fonticon_lamp_beta, .fonticon_joomla, .fonticon_joomla_beta, .fonticon_fedora, .fonticon_graphite, .fonticon_graphite_beta, .fonticon_openbsd, .fonticon_openbsd_beta, .fonticon_phpbb, .fonticon_phpbb_beta, .fonticon_pleskonyx, .fonticon_pleskonyx_beta, .fonticon_pleskonyx_webadmin, .fonticon_pleskonyx_webpro, .fonticon_pleskonyx_webhost, .fonticon_magento, .fonticon_magento_beta, .fonticon_mediawiki, .fonticon_mediawiki_beta, .fonticon_prestashop, .fonticon_prestashop_beta, .fonticon_nextcloud, .fonticon_nextcloud_beta, .fonticon_gitlab, .fonticon_gitlab_beta { font-size:24px; color:#1e88e5; } .fonticon_add::before { content:"\e934"; font-family:"icons"; } /* .icon-plus */ .fonticon_application::before { content:"\f326"; font-family:"Material-Design-Iconic-Font"; position:relative; bottom:2px; } .fonticon_backup::before { content:"\f21e"; font-family:"Material-Design-Iconic-Font"; position:relative; bottom:2px; } .fonticon_centos::before { content:"\e90b"; font-family:"icons"; } /* .icon-centos */ .fonticon_coreos::before { content:"\e92c"; font-family:"icons"; } /* .icon-coreos */ .fonticon_debian::before { content:"\e909"; font-family:"icons"; } /* .icon-debian */ .fonticon_freebsd::before { content:"\e92d"; font-family:"icons"; } /* .icon-freebsd */ .fonticon_iso::before { content:"\e929"; font-family:"icons"; } /* .icon-disc */ .fonticon_snapshot::before { content:"\f28c"; font-family:"Material-Design-Iconic-Font"; } .fonticon_ubuntu::before { content:"\e90c"; font-family:"icons"; } /* .icon-ubuntu */ .fonticon_windows::before { content:"\e90d"; font-family:"icons"; } /* .icon-windows */ .fonticon_cpanel::before { content:"\e915"; font-family:"icons"; } /* .icon-cpanel */ .fonticon_cpanel_beta::before { content:"\e915"; font-family:"icons"; } /* .icon-cpanel */ .fonticon_docker::before { content:"\e904"; font-family:"icons"; } /* .icon-docker */ .fonticon_docker_beta::before { content:"\e904"; font-family:"icons"; } /* .icon-docker */ .fonticon_drupal::before { content:"\e914"; font-family:"icons"; } /* .icon-drupal */ .fonticon_drupal_beta::before { content:"\e914"; font-family:"icons"; } /* .icon-drupal */ .fonticon_lemp::before { content:"\e913"; font-family:"icons"; } /* .icon-lemp */ .fonticon_lemp_beta::before { content:"\e913"; font-family:"icons"; } /* .icon-lemp */ .fonticon_minecraft::before { content:"\e912"; font-family:"icons"; } /* .icon-minecraft */ .fonticon_minecraft_beta::before { content:"\e912"; font-family:"icons"; } /* .icon-minecraft */ .fonticon_openvpn::before { content:"\e916"; font-family:"icons"; } /* .icon-openvpn */ .fonticon_openvpn_beta::before { content:"\e916"; font-family:"icons"; } /* .icon-openvpn */ .fonticon_owncloud::before { content:"\e911"; font-family:"icons"; } /* .icon-owncloud */ .fonticon_owncloud_beta::before { content:"\e911"; font-family:"icons"; } /* .icon-owncloud */ .fonticon_script::before { content:"\f222"; font-family:"Material-Design-Iconic-Font"; } .fonticon_ssh::before { content:"\f183"; font-family:"Material-Design-Iconic-Font"; } .fonticon_webmin::before { content:"\e910"; font-family:"icons"; } /* .icon-webmin */ .fonticon_webmin_beta::before { content:"\e910"; font-family:"icons"; } /* .icon-webmin */ .fonticon_wordpress::before { content:"\e90f"; font-family:"icons"; } /* .icon-wordpress */ .fonticon_wordpress_beta::before { content:"\e90f"; font-family:"icons"; } /* .icon-wordpress */ .fonticon_linux::before { content:"\e90e"; font-family:"icons"; } /* .icon-linux */ .fonticon_support::before { content:"\e925"; font-family:"icons"; } /* .icon-question */ .fonticon_server::before { content:"\e907"; font-family:"icons"; } /* .icon-server */ .fonticon_web::before { content:"\e918"; font-family:"icons"; } /* .icon-globe */ .fonticon_lamp::before { content:"\e902"; font-family:"icons"; } /* .icon-apache */ .fonticon_lamp_beta::before { content:"\e902"; font-family:"icons"; } /* .icon-apache */ .fonticon_joomla::before { content:"\e903"; font-family:"icons"; } /* .icon-joomla */ .fonticon_joomla_beta::before { content:"\e903"; font-family:"icons"; } /* .icon-joomla */ .fonticon_fedora::before { content:"\e93a"; font-family:"icons"; } /* .icon-fedora */ .fonticon_graphite::before { content:"\e93c"; font-family:"icons"; } /* .icon-graphite */ .fonticon_graphite_beta::before { content:"\e93c"; font-family:"icons"; } /* .icon-graphite */ .fonticon_openbsd::before { content:"\e941"; font-family:"icons"; } /* .icon-openbsd */ .fonticon_openbsd_beta::before { content:"\e941"; font-family:"icons"; } /* .icon-openbsd */ .fonticon_phpbb::before { content:"\e93b"; font-family:"icons"; } /* .icon-phpbb */ .fonticon_phpbb_beta::before { content:"\e93b"; font-family:"icons"; } /* .icon-phpbb */ .fonticon_pleskonyx::before { content:"\e93d"; font-family:"icons"; } /* .icon-plesk */ .fonticon_pleskonyx_beta::before { content:"\e93d"; font-family:"icons"; } /* .icon-plesk */ .fonticon_pleskonyx_webadmin::before { content:"\e93d"; font-family:"icons"; } /* .icon-plesk */ .fonticon_pleskonyx_webpro::before { content:"\e93d"; font-family:"icons"; } /* .icon-plesk */ .fonticon_pleskonyx_webhost::before { content:"\e93d"; font-family:"icons"; } /* .icon-plesk */ .fonticon_magento::before { content:"\e93e"; font-family:"icons"; } /* .icon-magento */ .fonticon_magento_beta::before { content:"\e93e"; font-family:"icons"; } /* .icon-magento */ .fonticon_mediawiki::before { content:"\e93f"; font-family:"icons"; } /* .icon-mediawiki */ .fonticon_mediawiki_beta::before { content:"\e93f"; font-family:"icons"; } /* .icon-mediawiki */ .fonticon_prestashop::before { content:"\e940"; font-family:"icons"; } /* .icon-prestashop */ .fonticon_prestashop_beta::before { content:"\e940"; font-family:"icons"; } /* .icon-prestashop */ .fonticon_nextcloud::before { content:"\e900"; font-family:"icons"; } /* .icon-nextcloud */ .fonticon_nextcloud_beta::before { content:"\e900"; font-family:"icons"; } /* .icon-nextcloud */ .fonticon_gitlab::before { content:"\e901"; font-family:"icons"; } /* .icon-gitlab */ .fonticon_gitlab_beta::before { content:"\e901"; font-family:"icons"; } /* .icon-gitlab */ /* Generic icons 3 */ .fonticon {} .fonticon.f20 { font-size: 20px; } .fonticon_chevron_left::before { content:"\f2fa"; font-family:"Material-Design-Iconic-Font"; } .fonticon_chevron_right::before { content:"\f2fb"; font-family:"Material-Design-Iconic-Font"; } .fonticon_plus::before { content:"\f278"; font-family:"Material-Design-Iconic-Font"; } /* Generic icons 4 */ .fonticon_controller, .fonticon_workstation, .fonticon_nodejs, .fonticon_mysql, .fonticon_helping_hand, .fonticon_globe, .fonticon_realtime_protection, .fonticon_last_hour, .fonticon_admin_tools, .fonticon_multiple_devices, .fonticon_broadcasting, .fonticon_electronics, .fonticon_infinity, .fonticon_settings, .fonticon_agreement, .fonticon_processor, .fonticon_download, .fonticon_upload, .fonticon_question, .fonticon_document, .fonticon_message_add, .fonticon_desktop_linux, .fonticon_disc, .fonticon_mouse, .fonticon_location, .fonticon_password, .fonticon_mac_converter, .fonticon_ipv4_converter, .fonticon_unixtime_converter, .fonticon_ipv6_calculator, .fonticon_ipv4_calculator, .fonticon_circle_add, .fonticon_graphite_2 { font-size:24px; color:#1e88e5; font-family: "icons_2"; } .fonticon_controller:before { content: "\e907"; } .fonticon_workstation:before { content: "\e908"; } .fonticon_nodejs:before { content: "\e90a"; } .fonticon_mysql:before { content: "\e90c"; } .fonticon_helping_hand:before { content: "\e919"; } .fonticon_globe:before { content: "\e91a"; } .fonticon_realtime_protection:before { content: "\e91b"; } .fonticon_last_hour:before { content: "\e91c"; } .fonticon_admin_tools:before { content: "\e91d"; } .fonticon_multiple_devices:before { content: "\e91e"; } .fonticon_broadcasting:before { content: "\e91f"; } .fonticon_electronics:before { content: "\e920"; } .fonticon_infinity:before { content: "\e921"; } .fonticon_settings:before { content: "\e922"; } .fonticon_agreement:before { content: "\e923"; } .fonticon_processor:before { content: "\e924"; } .fonticon_download:before { content: "\e925"; } .fonticon_upload:before { content: "\e926"; } .fonticon_question:before { content: "\e927"; } .fonticon_document:before { content: "\e928"; } .fonticon_message_add:before { content: "\e929"; } .fonticon_desktop_linux:before { content: "\e92a"; } .fonticon_disc:before { content: "\e92b"; } .fonticon_mouse:before { content: "\e92c"; } .fonticon_location:before { content: "\e92d"; } .fonticon_password:before { content: "\e930"; } .fonticon_mac_converter:before { content: "\e931"; } .fonticon_ipv4_converter:before { content: "\e932"; } .fonticon_unixtime_converter:before { content: "\e933"; } .fonticon_ipv6_calculator:before { content: "\e934"; } .fonticon_ipv4_calculator:before { content: "\e935"; } .fonticon_circle_add:before { content: "\e936"; } .fonticon_graphite_2:before { content: "\e93d"; } /* Flag icons */ .flag { margin-right: 10px; } .fonticon_au, .fonticon_de, .fonticon_fr, .fonticon_gb, .fonticon_jp, .fonticon_nl, .fonticon_sg, .fonticon_us { display:inline-block; height:36px; width:54px; border-radius:3px; vertical-align:middle; } .fonticon_au { background-image:url(/_images/flags/flag_au.png); } .fonticon_de { background-image:url(/_images/flags/flag_de.png); } .fonticon_fr { background-image:url(/_images/flags/flag_fr.png); } .fonticon_gb { background-image:url(/_images/flags/flag_gb.png); } .fonticon_jp { background-image:url(/_images/flags/flag_jp.png); } .fonticon_nl { background-image:url(/_images/flags/flag_nl.png); } .fonticon_sg { background-image:url(/_images/flags/flag_sg.png); } .fonticon_us { background-image:url(/_images/flags/flag_us.png); } .fonticon_cm_au, .fonticon_cm_de, .fonticon_cm_fr, .fonticon_cm_gb, .fonticon_cm_jp, .fonticon_cm_nl, .fonticon_cm_sg, .fonticon_cm_us { display:inline-block; height:18px; width:27px; border-radius:3px; vertical-align:middle; } .fonticon_cm_au { background-image:url(/_images/flags/flagsm_au.png); } .fonticon_cm_de { background-image:url(/_images/flags/flagsm_de.png); } .fonticon_cm_fr { background-image:url(/_images/flags/flagsm_fr.png); } .fonticon_cm_gb { background-image:url(/_images/flags/flagsm_gb.png); } .fonticon_cm_jp { background-image:url(/_images/flags/flagsm_jp.png); } .fonticon_cm_nl { background-image:url(/_images/flags/flagsm_nl.png); } .fonticon_cm_sg { background-image:url(/_images/flags/flagsm_sg.png); } .fonticon_cm_us { background-image:url(/_images/flags/flagsm_us.png); } /* CC icons */ .ccicon { vertical-align: middle; } .ccicon.f20 { font-size: 20px; } .ccicon.f24 { font-size: 24px; } .ccicon.f30 { font-size: 30px; } .ccicon.f50 { font-size: 50px; } .ccicon_discover::before, .ccicon_visa::before, .ccicon_visa_debit::before, .ccicon_visa_electron::before, .ccicon_mastercard::before, .ccicon_amex::before, .ccicon_jcb::before, .ccicon_unionpay::before, .ccicon_stripe::before, .ccicon_maestro::before, .ccicon_laser::before, .ccicon_switch::before, .ccicon_solo::before, .ccicon_dinnersclub::before { font-family: "icons_2"; } /* Some of the new icons are slightly larger than the original payment processors. */ .ccicon_visa_debit::before, .ccicon_visa_electron::before, .ccicon_mastercard::before, .ccicon_unionpay::before, .ccicon_stripe::before, .ccicon_maestro::before, .ccicon_laser::before, .ccicon_switch::before, .ccicon_solo::before, .ccicon_dinnersclub::before { font-size: 65%; line-height: 1; position: relative; bottom: 3.5px; } .ccicon_discover::before { content:"\e937"; } .ccicon_visa::before { content:"\e938"; } .ccicon_visa_debit::before { content:"\e945"; } .ccicon_visa_electron::before { content:"\e946"; } .ccicon_mastercard::before { content:"\e900"; } .ccicon_amex::before { content:"\e939"; } .ccicon_jcb::before { content:"\e93a"; } .ccicon_unionpay::before { content:"\e901"; } .ccicon_stripe::before { content:"\e94a"; } .ccicon_maestro::before { content:"\e943"; } .ccicon_laser::before { content:"\e944"; } .ccicon_switch::before { content:"\e947"; } .ccicon_solo::before { content:"\e948"; } .ccicon_dinnersclub::before { content:"\e949"; } .paypal_icon:after { font-family:"Material-Design-Iconic-Font"; font-size:24px; content:"\f357"; } .innerblock { border:1px solid #e6e9eb; border-radius:3px; padding:30px; margin-right:15px; } .beta_tag { background-color:#1e88e5; color:#ffffff; font-weight:normal; padding:4px 6px; border-radius:3px; font-size:11px; line-height:11px; } .h3link { font-size:15px; font-weight:300; } /*span[data-popup2] */ #HOVERPOPUP2 { pointer-events:none; display:none; position:absolute; z-index:1000; font-size:13px; text-align:center; background-color:#4b4f51; color:#ffffff; border-radius:3px; padding:4px 10px; } #HOVERPOPUP2:after { pointer-events:none; position:absolute; font-size:10px; bottom:-16px; left:0px; right:0px; text-align:center; content:"â–¼"; color:#4b4f51; transform:scale(2.0,1.0); } .dialogPopupBackground { display:flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1999; background-color:rgba(0,0,0,.8); } .dialogPopup { position:relative; max-width:500px; background-color:#FFFFFF; border-radius:4px; padding:40px 50px; margin:20px; } .dialogclosebutton { position:absolute; top:-30px; right:-30px; width:30px; height:30px; line-height:30px; text-align:center; color:#bbbbbb; font-weight:bold; font-size:24px; cursor:pointer; } .dialogclosebutton:hover { color:#ffffff; } .dialogclosebutton:after { font-family:"Material-Design-Iconic-Font"; font-size:24px; content:"\f136"; } .dialogContent { text-align:center; } .dialogButtons { text-align:center; margin-top:25px; } .dialogButtons input[type=button] { margin:5px; min-width:140px; } @media all and (min-width:0px) and (max-width:767px) { .dialogPopup { padding:40px 40px; } .dialogclosebutton { position:absolute; top:10px; right:10px; background-color:#ffffff; } .dialogclosebutton:hover{ color:#888888; } } #DROPDOWNPOPUP { position:absolute; top:0px; opacity:0; margin-top:20px; display:none; background-color:#ffffff; width:200px; padding:12px 0px; border:1px solid #DCDEE0; z-index:1000; border-radius:4px; text-align:left; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); } #DROPDOWNPOPUP > a, #DROPDOWNPOPUP > span, #DROPDOWNPOPUP > button { display:block; padding:5px 25px; color:#616366; cursor:pointer; background-color: transparent; border-width: 0px; font-size: 15px; line-height: 25px; font-weight: 300; text-decoration: none; font-family:"Raleway"; } #DROPDOWNPOPUP > a:hover, #DROPDOWNPOPUP > button:hover, #DROPDOWNPOPUP > span:hover { color:#3ba3ff } #DROPDOWNPOPUP > hr { background-color:#DCDEE0; height:1px; border:none; padding:0px; margin:5px 0px; } #DROPDOWNPOPUP::before { display:block; position:absolute; right:17px; top:-17px; content:"\f2f8"; height:16px; width:18px; color:#dcdee0; font-family:'Material-Design-Iconic-Font'; font-size:40px; } #DROPDOWNPOPUP::after { display:block; position:absolute; right:17px; top:-16px; content:"\f2f8"; height:16px; width:18px; color:#ffffff; font-family:'Material-Design-Iconic-Font'; font-size:40px; } .pageoptions { } .pageoptions span { display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#1e88e5; font-weight:bold; margin:5px 3px; font-size:14px; text-align:center; border:1px solid #1e88e5; } .pageoptions a { display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#616366; font-weight:400; margin:5px 3px; font-size:14px; text-align:center; } .pagingoptions { float:right; } .pagingoptions span { display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#1e88e5; font-weight:bold; margin:5px 3px; font-size:14px; text-align:center; border:1px solid #1e88e5; } .pagingoptions a { display:inline-block; border-radius:18px; width:36px; height:36px; line-height:36px; color:#616366; font-weight:400; margin:5px 3px; font-size:14px; text-align:center; } /* Headers */ #header0v_0 { position:fixed; top:0px; left:0px; height:100%; width:110px; text-align:center; background:transparent linear-gradient(80deg, #0b4182 1%, #1a78cf 99%) repeat scroll 0% 0%; z-index:10; } #header0v_0 > a:nth-child(1) { display:block; width:38px; height:36px; margin:40px auto 50px auto; background:url(/_images/logo-bird.svg) 0% 50%; background-size:38px 36px; background-repeat:no-repeat; } #header0v_0 > a:nth-child(2):before { display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f1d2"; } #header0v_0 > a:nth-child(3):before { display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f129"; } #header0v_0 > a:nth-child(4):before { display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f15a"; } #header0v_0 > a:nth-child(5):before { display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f198"; } #header0v_0 > a:nth-child(6):before { display:block; font-size:24px; margin-bottom:10px; font-family:Material-Design-Iconic-Font; content:"\f206"; } #header0v_0 > a:nth-child(n+2) { display:block; margin-bottom:32px; position:relative; color:#a1c8ee; font-weight:bold; transition:color .3s; } #header0v_0 > a { letter-spacing: -0.1px; } #header0v_0 > a:hover { color:#ffffff; } #header0v_0 > a.active { color:#ffffff; } #header0v_0 > a.active:after { position:absolute; right:-3px; top:18px; display:block; height:26px; width:13px; content:"\f2f4"; color:#FFFFFF; font-size:49px; font-family:"Material-Design-Iconic-Font"; } #header0h_0 { display:none; -webkit-justify-content: space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; height:75px; margin-left:0px; width:100%; padding:0px 30px; background:transparent linear-gradient(80deg, #0b4182 1%, #1a78cf 99%) repeat scroll 0% 0%; z-index:10; } #header0h_1 { display:inline-block; vertical-align:middle; position:relative; font-size:32px; color:#ffffff; cursor:pointer; font-family:"Material-Design-Iconic-Font"; } #header0h_1:before { content:"\f197"; } #header0h_2 { display:block; width:38px; height:36px; position:relative; bottom:1px; background:url(/_images/logo-bird.svg) 0% 50%; background-size:38px 36px; background-repeat:no-repeat; } #header0h_3 { display:inline-block; vertical-align:middle; position:relative; font-size:29px; color:#ffffff; cursor:pointer; font-family:"Material-Design-Iconic-Font"; } #header0h_3:before { content:"\f1fe"; } #header0h_3:after { content:""; position:absolute; top:-1px; right:-6px; height:5px; width:5px; border-radius:5px; background-color:#E53935; animation-name:pulse; animation-duration:2s; animation-fill-mode:both; animation-iteration-count:infinite; } @media all and (min-width:0px) and (max-width:767px) { #header0v_0 { display:none; } #header0h_0 { display: -webkit-flex; display:flex; } body { margin-left:0px; } } #header1_0 { max-width:1290px; margin:0px auto; padding:16px 30px 0px 30px; text-align:right; position:relative; white-space:nowrap; } #header1_1 { display:inline-block; vertical-align:middle; position:relative; font-size:24px; cursor:pointer; font-family:"Material-Design-Iconic-Font"; } #header1_1:before { content:"\f1fe"; } @media all and (max-width : 767px) { .hide_on_mobile { display : none !important; } } span.service_alerts_count { height: 21px; width: 21px; background-color: #E53935; border-radius: 100%; border: 2px solid #fff; top: -9px; right: -9px; display: inline-flex; position: absolute; color: #fff; font-size: 10px; font-weight: 600; align-items: center; justify-content: center; font-family: 'Raleway'; } @keyframes pulse { from { transform:scale3d(1, 1, 1); } 50% { transform:scale3d(1.5, 1.5, 1.5); } to { transform:scale3d(1, 1, 1); } } #header1_2 { position:relative; display:inline-block; vertical-align:middle; padding:0px 0px 0px 25px; font-size:14px; cursor:pointer; } #header1_2, #header1_2:link, #header1_2:visited, #header1_2:active, #header1_2:hover { color: #616366; text-decoration: none; } #header1_2:after { padding:0px 4px 0px 10px; font-family:"Material-Design-Iconic-Font"; content:"\f2f2"; } #header1_session { text-align: center; overflow: hidden; transition: height 0.5s linear; } #header1_session { height: 0px; opacity: 0; } #header1_session.grow { height: 54px; opacity: 1.0; } #header1_session > div { display: inline-block; padding: 8px 8px; border-radius: 3px; color: #fca426; border: 1px solid #fca426; position:relative; overflow:hidden; font-weight: normal; } #header1_session .button { margin-left: 12px; background-color:#fca426; padding: 4px 24px; } #header1_session .button:hover { background-color:#e28500; } #header1_session .glyph { display: inline-block; position: relative; font-family:"Material-Design-Iconic-Font"; animation-name:pulse; animation-duration:2s; animation-fill-mode:both; animation-iteration-count:infinite; margin: 0px 6px; } #header1_session .glyph:before { content:"\f1f0"; } @media (max-width: 767px) and (min-width: 0px) { #header1_1 { display: none; } } /* #20273 mobile-responsiveness ***** (iPhone 6 plus and smaller) ***/ @media all and (max-width: 767px) { #header1_0 { position:absolute; top:0px; margin-bottom:3px; padding: 0; font-size: 16px; width: 100%; text-align: center; } .inactivity_message { display: -webkit-flex; display: flex; } #header1_session { overflow: visible; } #header1_session.grow { height: 54px; opacity: 1.0; margin-bottom: 17px; } #header1_session .glyph { display: none; } } #header2_wrap { max-width:1290px; min-width:360px; margin:0px auto; padding:16px 30px 20px 30px; display: -webkit-flex; display:flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items:center; align-items:center; flex-wrap:wrap; -webkit-flex-wrap:wrap;} #header2_left { -webkit-flex-grow:2; flex-grow:2; margin-right:50px;} #header2_left h1 { margin-bottom:10px; } #header2_right { white-space:nowrap; } .header2_details { font-weight:300; font-size:13px; margin-right:24px; line-height:26px; color: #616366; } .header2_billing { display:inline-block; } .header2_billing > :nth-child(1) { font-size:25px; font-weight:500; line-height:32px; } .header2_billing > :nth-child(2) { color:#9DA2A6; font-size:13px; font-weight:300; line-height:16px; } .header2_viewconsole, .header2_substop, .header2_subrestart, .header2_subreinstall, .header2_subdestroy, a.header2_subdestroy { display:inline-block; font-family:"Material-Design-Iconic-Font"; font-size:24px; height:50px; width:50px; line-height:50px; cursor:pointer; text-align:center; color:#616366; border-radius:40px; background-color: transparent; border: 0px; } .header2_viewconsole:hover, .header2_substop:hover, .header2_subrestart:hover, .header2_subreinstall:hover, .header2_subdestroy:hover { color:#1e88e5; } .header2_viewconsole:after { content:'\f292'; } .header2_substop:after { content:'\f1af'; } .header2_subrestart:after { content:'\f1b9'; } .header2_subreinstall:after { content:'\f3d6'; } .header2_subdestroy:after { content:'\f154'; } span.spanlink { color: #616366; padding-left : 10px; } span.spanlink:hover { color: #0084df; cursor: pointer; } span.spanlink:active { color: #616366; text-shadow: 0px 0px 3px #eaeaea; } span.spanlink > .fonticon { color: inherit; font-size: 1.5em; } .spanflash { -moz-animation: flash 0.5s ease-out; -moz-animation-iteration-count: 1; -webkit-animation: flash 0.5s ease-out; -webkit-animation-iteration-count: 1; -ms-animation: flash 0.5s ease-out; -ms-animation-iteration-count: 1; } @-webkit-keyframes flash { 0% { color: #0084df; } 100% { color: auto; } } @-moz-keyframes flash { 0% { color: #0084df; } 100% { color: auto; } } @-ms-keyframes flash { 0% { color: #0084df; } 100% { color: auto; } } #header3_0 { max-width:1290px; min-width:360px; margin:0px auto; padding:10px 75px 10px 30px; position:relative; } a.header3_1 { display:inline-block; color:#616366; position:relative; height:49px; padding-top:16px; font-size:15px; margin-right:20px; } a.header3_1:hover { color:#0084df; } a.header3_1:after { display:block; position:absolute; z-index:10; content:""; left:0px; bottom:-1px; height:2px; width:0px; background-color:#0084df; transition:width .3s; } a.header3_1active { color:#0084df; font-weight:bold; } a.header3_1active:after { width:100%; } #header3_3 { display:block; position:absolute; right:25px; bottom:35px; height:51px; width:51px; z-index:5; border-radius:26px; line-height:51px; text-align:center; font-size:27px; background-color:#1e88e5; color:#ffffff; font-family:"Material-Design-Iconic-Font"; } #header3_3:before { content:"\f278"; } #header3_3:hover { background-color:#3ba3ff; } .block1290deploy { margin-bottom: 60px; padding-right: 100px; position:relative; overflow:visible; } a.deploy_floating { display:block; position:absolute; height:51px; width:51px; border-radius:100%; line-height:51px; text-align:center; font-size:27px; background-color:#1e88e5; color:#ffffff; box-shadow: 0 3px 15px -2px rgba(37,45,51, .4); transition: all ease-in .15s; } a.deploy_floating { top: 22px; right:25px; z-index:5; } a.deploy_floating:hover { background: #3ba3ff; } #header4_0 { display:block; position:relative; top:-60px; width:100%; height:1px; overflow:hidden; background-color:#EDF0F2; } #header4_0_v2 { display:block; position:relative; top:-10px; width:100%; height:1px; overflow:hidden; background-color:#EDF0F2; } /* Menu sidebar */ #menusidebar_block { position:fixed; left:-360px; top:0px; bottom:0px; width:360px; overflow:hidden; background-color:#ffffff; border-left:1px solid #DCDEE0; z-index:1001; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); transition: all ease-in .2s; } #menusidebar_hide { position:absolute; top:20px; left:20px; cursor:pointer; font-size:24px; opacity:0.4; font-family:"Material-Design-Iconic-Font"; } #menusidebar_hide:after { content:'\f136'; } #menusidebar_container { padding:40px 30px; text-align:center; } #menusidebar_container a { display:block; padding:12px 0px; font-weight:bold; color:#363b40; letter-spacing: -0.1px; } #menusidebar_container a:hover { color:#1e88e5; } #menusidebar_container a.active { color:#1e88e5; } /* Notifications sidebar */ #notifications_block { position:fixed; right:-360px; top:0px; bottom:0px; width:360px; overflow:auto; background-color:#ffffff; border-left:1px solid #DCDEE0; z-index:1001; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); transition: all ease-in .2s; } #notifications_hide { position:absolute; top:20px; right:20px; cursor:pointer; font-size:24px; opacity:0.4; font-family:"Material-Design-Iconic-Font"; } #notifications_hide:after { content:'\f136'; } .notification_container { border-top:1px solid #EDF0F2; padding:20px 30px; } .notification_title { position:relative; padding:0px 0px 0px 30px; font-size:15px; font-weight:bold; line-height:20px; color:#363B40; word-wrap: break-word;} .notification_title.closed:before { display:block; position:absolute; left:0px; top:0px; content:"\f269"; font-size:20px; color:#43a047; font-family:"Material-Design-Iconic-Font"; } .notification_title.open:before { display:block; position:absolute; left:0px; top:0px; content:"\f1f4"; font-size:20px; color:#fca426; font-family:"Material-Design-Iconic-Font"; } .notification_title.closed .badge { background-color: #43a047; color: #ffffff; font-size: 11px; } .notification_title.open .badge { background-color: #fca426; color: #ffffff; font-size: 11px; } #notifications_header { font-size:17px; margin:22px 0px 22px 0px; color:#363B40; font-weight:500; text-align:center; line-height:20px;} #notifications_header a { font-size:13px; font-weight:200; display:block; } .notification_date { display:inline-block; font-size:11px; padding:20px 0px 0px 0px; margin-bottom:7px; opacity:.7; width:81%; } .notification_entry { font-size:13px; line-height:23px; } .notification_dismiss { cursor:pointer;color:#0084df; text-decoration:none; font-size:11px; } /* / */ .serverlistactions { position:absolute; right:3px; top:72px; display:none; background-color:#ffffff; width:200px; padding:12px 0px; border:1px solid #DCDEE0; z-index:1000; border-radius:4px; text-align:left; box-shadow:0px 10px 40px -5px rgba(37, 45, 51, 0.25); } .serverlistactions > a { display:block; padding:5px 25px; color:#616366 } .serverlistactions > a:hover { color:#3ba3ff } .serverlistactions > hr { background-color:#DCDEE0; height:1px; border:none; padding:0px; margin:5px 0px; } .serverlistactions::before { display:block; position:absolute; right:17px; top:-18px; content:"\f2f8"; height:16px; width:18px; color:#dcdee0; font-family:'Material-Design-Iconic-Font'; font-size:40px; } .serverlistactions::after { display:block; position:absolute; right:17px; top:-17px; content:"\f2f8"; height:16px; width:18px; color:#ffffff; font-family:'Material-Design-Iconic-Font'; font-size:40px; } /* Affiliate */ .affiliate_numberedlist { } .affiliate_numberedlist > div { position:relative; min-height:42px; margin-bottom:15px; padding:7px 0px 0px 70px; } .affiliate_numberedlist > div > div:nth-child(1){ position:absolute; top:50%; left:0px; margin-top:-21px; height:42px; width:42px; border:1px solid #D2D8DC; color:#8a9399; font-size:16px; font-weight:500; text-align:center; line-height:40px; border-radius:26px; } .affiliate_numberedlist > div > div:nth-child(2){ vertical-align:middle; } .affiliate_banner { display:inline-block; border:1px solid #e6e9eb; border-radius:3px; padding:24px; margin:0px 18px 23px 0px; max-width: 100%; overflow: auto; } .affiliate_banner img { display:block; width:400px; margin-bottom:15px; } .affiliate_banner input[type=button] { font-weight:500; background-color:#dfe4eb; color:#616366; } .affiliate_banner input[type=text] { opacity:0; font-size:1px; margin:0px; padding:0px; border:none; } .affiliate_logo { display:inline-block; margin:0px 18px 33px 0px; max-width: 100%; overflow: auto; } .affiliate_logo > :nth-child(1) { border-radius:3px; padding:30px 0px; min-width:275px; text-align:center; } .affiliate_logo > :nth-child(2) { text-align:center; padding-top:10px; } /* Billing */ div.billingiplog { margin:60px 0px 0px 0px; text-align:center; opacity:.7; } input.billing_ccradio { display:none; } /* creditcard option container */ input.billing_ccradio + label { position:relative; line-height:28px; display:-webkit-flex; display:flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; width:100%; cursor:pointer; min-height:52px; padding:10px 10px 10px 56px; margin-bottom:15px; border:1px solid #E6E9EB; border-radius:3px; } input.billing_ccradio:checked + label { color: #fff; border-color: transparent!important; background: #026FCE;background: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); background-image: -ms-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: -moz-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: -o-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: -webkit-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-size: 102% 102%; background-position: -1px; -webkit-box-shadow: 0 5px 30px -5px rgba(37, 45, 51, .5); box-shadow: 0 5px 30px -5px rgba(37, 45, 51, .5); transition: all ease-in .3s; } /* creditcard option radio button */ input.billing_ccradio + label::before { position:absolute; top:12px; left:12px; font-family:"Material-Design-Iconic-Font"; font-weight:normal; font-size:24px; color:#cacdcf; content:"\f26c"; } input.billing_ccradio:checked + label::before { content:"\f26f"; color:#ffffff; } /* creditcard option children */ .billing_cc_description { margin-right:20px; } .billing_cc_expiration { flex-grow:2; -webkit-flex-grow:2; width:1px; font-size:13px; white-space:nowrap; text-align:center; } .billing_cc_move { margin-right:20px; min-width:28px; } input.billing_ccradio + label button { border:none; background-color:transparent; } input.billing_ccradio:checked + label .fonticonchevronup { color:#a3d1fa; } input.billing_ccradio:checked + label .fonticondelete { color:#a3d1fa; } input.billing_ccradio:checked + label .fonticonchevronup:hover { color:#ffffff; } input.billing_ccradio:checked + label .fonticondelete:hover { color:#ffffff; } @media all and (max-width: 520px) { .billing_cc_description { width:100%; } .billing_cc_expiration { text-align:left; } } input.billing_ccradioexpired + label { opacity:.6; background-color:#E6E9EB; border-color:#d6d9dB; } /* paypal autopay */ div.paypayAutopayContainer { margin-bottom:40px; } div.paypalAutopayItem { position:relative; line-height:28px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; width:100%; min-height:52px; padding:10px 10px 10px 10px; margin-bottom:15px; border:1px solid #E6E9EB; border-radius:3px; } div.paypalAutopayItem button { border:none; background-color:transparent; } div.paypalAutopayItem > :nth-child(1) { padding:0px 15px 0px 5px; text-align:center; } div.paypalAutopayItem > :nth-child(2) { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:20px; flex-grow:2; -webkit-flex-grow:2; } div.paypalAutopayItem > :nth-child(3) { text-align:right; } div.paypayAutopayContainer > :nth-child(1) > :nth-child(3) { opacity:0; pointer-events:none; } div.paypayAutopayContainer > :nth-child(1) { color: #fff; border-color: transparent!important; background: #026FCE;background: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); background-image: -ms-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: -moz-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: -o-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: -webkit-linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-image: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #1E87E3 97%); background-size: 102% 102%; background-position: -1px; -webkit-box-shadow: 0 5px 30px -5px rgba(37, 45, 51, .5); box-shadow: 0 5px 30px -5px rgba(37, 45, 51, .5); transition: all ease-in .3s; } div.paypayAutopayContainer > :nth-child(1) .fonticondelete { color:#a3d1fa; } div.paypayAutopayContainer > :nth-child(1) .fonticondelete:hover { color:#ffffff; } div.balance_blocks { display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; } a.balance_block { display:block; width:28%; padding:10px 10px 10px 10px; border:1px solid #e6e9eb; border-radius:3px; text-align:center; transition: all ease-in .15s; } a.balance_block:before { font-family:"icons"; font-size:58px; line-height:38px; color:#1e88e5; } a.balance_block :nth-child(1) { position:relative; top:0px; font-size:20px; color:#363b40; font-weight:500; margin-top:20px; transition: all ease-in .15s; } a.balance_block :nth-child(2) { position:relative; top:0px; font-size:14px; color:#363b40; margin-top:20px; transition: all ease-in .15s; } a.balance_block :nth-child(3) { position:relative; top:0px; margin-top:5px; opacity:0; transition: all ease-in .15s, opacity ease-in .35s; } a.balance_block:hover { border-color:#1e88e5; } a.balance_block:hover :nth-child(1) { top:-10px; } a.balance_block:hover :nth-child(2) { top:-10px; opacity:1;} a.balance_block:hover :nth-child(3) { top:-10px; opacity:1; } @media all and (min-width:0px) and (max-width:800px) { div.balance_blocks { -webkit-flex-direction:column; flex-direction:column; } a.balance_block { width:100%; margin-bottom:20px; padding:30px 0px 0px 0px;} } .innerformblue { padding:30px 30px 20px 30px; display:flex; display:-webkit-flex; justify-content:space-between; -webkit-justify-content:space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); border-radius:3px; box-shadow: 0 5px 30px -5px rgba(37,45,51, .3); margin-bottom:10px; } .innerformblue input::placeholder { color:rgba(255,255,255, .6); } .innerformblue input::-webkit-input-placeholder { color:rgba(255,255,255, .6); } .innerformblue input::-moz-placeholder { color:rgba(255,255,255, .6); } .innerformblue input:-ms-input-placeholder { color:rgba(255,255,255, .6); } .innerformblue div { font-size:16px; font-weight:500; color:#ffffff; margin-bottom:20px; } .innerformblue .floatinglabel > :nth-child(1) { color:rgba(196, 227, 255, 0.5); } .innerformblue input, .innerformblue input:focus { border-color:transparent; background:rgba(0,0,0, 0.2); color:#ffffff; } /* Deploy */ #header2_deploy { max-width: 1290px; margin: 0px auto; padding: 0px; } #header2_deploy > h1 { display: block; text-align: center; padding: 0px; margin: 32px 0px 24px 0px; } @media all and (min-width: 768px) { #header2_deploy > h1 { font-size: 30px; } } .deploy_block { position:relative; padding-left:60px; margin-bottom:30px; } .deploy_block_step { position:absolute; top:14px; left:0px; margin-top:-21px; height:42px; width:42px; border:1px solid #D2D8DC; color:#8a9399; font-size:16px; font-weight:500; text-align:center; line-height:40px; border-radius:26px; } @media all and (min-width:0px) and (max-width:767px) { .deploy_block { padding-left: 0px; } .deploy_block > h3 { padding-left: 60px; } } ul.nav-tabs.deploy-nav { font-size: 0px; } ul.nav-tabs.deploy-nav > li > span { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } ul.nav-tabs.deploy-nav > li > span > label { margin-left: 16px; margin-right: 16px; padding: 13px 0px 8px 0px; } ul.nav-tabs.main-nav > li > span > label { padding: 22px 0px 8px 0px !important; } input.deploy_checkbox { display:none; } input.deploy_checkbox + label { position:relative; vertical-align:top; display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; -webkit-align-items:flex-start; align-items:flex-start; width:270px; height:89px; padding:0px 0px 0px 80px; margin:0px 18px 23px 0px; border:1px solid #e6e9eb; border-radius:3px; cursor:pointer; white-space:nowrap; } @media all and (min-width:1270px) and (max-width:1393px) { input.deploy_checkbox + label, input.deployplan + label { width: 22% !important; } } @media all and (min-width:925px) and (max-width:1269px) { input.deploy_checkbox + label, input.deployplan + label { width: 30% !important; } } @media all and (min-width: 768px) and (max-width:924px) { input.deploy_checkbox + label, input.deployplan + label { width: 46% !important; } } .deploy_checkbox_icon { position:absolute; top:50%; left:16px; margin-top:-24px; font-size:48px; line-height:48px; width:48px; transition:opacity ease-in .25s;} .deploy_checkbox_checkmark { display:block; position:absolute; top:50%; left:16px; margin-top:-24px; background-color:#1e88e5; width:48px; min-width:48px; height:48px; line-height:48px; border-radius:24px; text-align:center; opacity:0; transition:opacity ease-in .25s; } .deploy_checkbox_checkmark::before { font-size:24px; color:#ffffff; content:"\f26b"; font-family:"Material-Design-Iconic-Font"; position:relative; bottom:2px; } .deploy_checkbox_line1 { display: block; width: 156px; overflow: hidden; word-wrap: break-word; white-space:normal; font-size: 15px; padding-top: 2px; line-height: 23px; color: #363b40; font-weight: bold; max-height: 72px; } .deploy_checkbox_line2 { display:block; width:160px; overflow:hidden; text-overflow:ellipsis; font-size:12px; opacity:.8;} input.deploy_checkbox + label:hover { border:1px solid #1e88e5; } input.deploy_checkbox:checked + label { background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); border-width:0px; box-shadow: 0 5px 30px -5px rgba(37,45,51, .5); } input.deploy_checkbox:checked + label .deploy_checkbox_icon { opacity:0; } input.deploy_checkbox:checked + label .deploy_checkbox_checkmark{ opacity:1; } input.deploy_checkbox:checked + label .deploy_checkbox_line1 { color:#ffffff; } input.deploy_checkbox:checked + label .deploy_checkbox_line2 { color:#ffffff; opacity:.8; } input.deploy_checkbox:disabled + label { display:none; } @media all and (min-width:0px) and (max-width:767px) { input.deploy_checkbox + label { width: 100%; } .deploy_checkbox_line1 { width: 100%; } .deploy_checkbox_line2 { width: 100%; } } .deploy_linkbox { position:relative; vertical-align:top; display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; -webkit-align-items:flex-start; align-items:flex-start; width:270px; height:89px; padding:0px 0px 0px 80px; margin:0px 18px 23px 0px; border:1px dashed #e7e7e7; border-radius:3px; cursor:pointer; white-space:nowrap; } .deploy_linkbox .deploy_checkbox_icon { color:#9da2a6; } .deploy_linkbox_line1 { display:block; width:166px; overflow:hidden; text-overflow:ellipsis; font-size:15px; line-height:23px; color:#9da2a6; font-weight:bold; } .deploy_linkbox:hover { border-color:#1e88e5; } @media all and (min-width:0px) and (max-width:767px) { .deploy_linkbox { width: 100%; } .deploy_linkbox_line1 { width: 100%; } } .deploy_osversionselector { display:block; padding:4px 0px; } .deploy_osversionselector:hover { color:#1e88e5; } .deploy_osversioncontainer { display:none; padding:20px 0px 10px 0px; width:100%; } .deploy_osversioncontainer_select { box-shadow: 0 10px 60px -10px rgba(37, 45, 51, .5); border: 1px solid #1e88e5 !important; margin-bottom: -200px !important; background-color: white; z-index: 100 !important; } @media (max-width : 768px) { .deploy_osversioncontainer_select { margin-bottom: -60px !important; } } input.deploylocationsoldout + label { background-color:#f8f8f8; opacity:.75; } div.deploylocationsoldoutmsg { display:none; } input.deploylocationsoldout + label div.deploylocationsoldoutmsg{ display:block; } #deployosnote { display:none; opacity:.7; font-size:13px; padding-left:6px; position:relative; top:-8px; } input.deployplan { display:none; } input.deployplan + label { position: relative; display:-webkit-inline-flex; display:inline-flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center; justify-content:center; width:270px; padding:15px 0px; margin:0px 18px 18px 0px; border:1px solid #e6e9eb; color:#363b40; border-radius:3px; cursor:pointer; text-align:center; } input.deployplan + label > :nth-child(1) { font-size:15px; font-weight:bold; padding-bottom:9px; } input.deployplan + label > :nth-child(2) { color:#1e88e5; font-size:20px; } input.deployplan + label > :nth-child(3) { opacity:.6; } input.deployplan + label > :nth-child(4) { display:block; width:100%; height:15px; margin-bottom:15px; border-bottom:1px solid #e6e9eb; } input.deployplan + label > :nth-child(5) { font-size:14px; padding-bottom:1px; opacity:.7; } input.deployplan + label > :nth-child(6) { font-size:14px; padding-bottom:1px; opacity:.7; } input.deployplan + label > :nth-child(7) { font-size:14px; padding-bottom:1px; opacity:.7; } input.deployplan_bm + label > :nth-child(8) { font-size:14px; padding-bottom:1px; opacity:.7; } input.deployplan:checked + label { background:linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); border-width:0px; color:#ffffff; box-shadow: 0 5px 30px -5px rgba(37,45,51, .5); } input.deployplan:checked + label > :nth-child(2) { color:#ffffff; } input.deployplan:checked + label > :nth-child(4) { border-color:#1669b5; } input.deployplan:disabled + label { display:none; } input.deployplan.discount + label > *:nth-child(2) { color: #fca426; } input.deployplan.discount:checked + label > *:nth-child(2) { color: #ffffff; } .deployplansoldouttag { display:none; } input.deployplansoldout + label { background-color:#f8f8f8; opacity:.75; } input.deployplansoldout + label .deployplansoldouttag { display:block; position:absolute; left:0px; top:-9px; width:100%; z-index:1; text-align: center; padding:0px; font-size:0px; } input.deployplansoldout + label .deployplansoldouttag > span { display:inline-block; background-color:#8f8f8f; color:#ffffff; font-size:11px; font-weight:600; height:17px; line-height:17px; padding:0px 20px; } @media all and (min-width:0px) and (max-width:767px) { input.deployplan + label { width: 100%; } } input.deployplan + label .discount_tag { position: absolute; display: block; left: 0px; top: -9px; width: 100%; z-index: 1; text-align: center; padding: 0px; font-size: 0px; } input.deployplan + label .discount_tag > span { display: inline-block; background-color: #fca426; color: #ffffff; font-size: 11px; font-weight: 600; height: 17px; line-height: 17px; padding: 0px 20px; } input.deployplan + label .v6_tag { position: absolute; display: block; left: 0px; top: -9px; width: 100%; z-index: 1; text-align: center; padding: 0px; font-size: 0px; } input.deployplan + label .v6_tag > span { display: inline-block; background-color: #ddecfc; color: #1e88e5; font-size: 11px; font-weight: 600; height: 17px; line-height: 17px; padding: 0px 20px; border-radius: 3px; } input.deployplan + label .v6_tag > span:before { top: 17px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } input.deployplan + label .v6_tag > span:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ddecfc; border-width: 4px; margin-left: -4px; } label.deployplan_perf { background-image:url(/_images/order/sataperf.png); background-repeat:no-repeat; } /*label.deployplan_sale20 { background-image:url(/_images/order/pricing_note_sale20.png); background-repeat:no-repeat; }*/ #deploy_ordersummary { position:fixed; bottom:0px; left:111px; right:0px; background-color:#ffffff; color:#000000; box-shadow: 0 0 40px -10px rgba(37,45,51, .3); z-index: 1000; } @media all and (min-width:0px) and (max-width:767px) { #deploy_ordersummary { left:0px; } } button.instanceCountButton { display:block; width:34px; cursor:pointer; border:none; background-color:transparent; text-align:center; font-size:16px; color:#9da2a6; font-family:Material-Design-Iconic-Font; } button.instanceCountButton:hover { color:#1e88e5; } /* Support */ span.ticket_count { display:block; position:absolute; top:-4px; left:60px; width:20px; height:20px; line-height:20px; text-align:center; font-size:9px; font-weight:300; border-radius:10px; background-color:#3ba3ff; color:#ffffff; } @media only screen and (min-device-width : 320px) and (max-device-width : 736px) { span.ticket_count { display:none; } } .support_tickettabledescription { max-width:410px; overflow:hidden; text-overflow:ellipsis; } div.support_iconlinks { display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; } div.support_iconlinks > :nth-child(1):before { content:"\e925"; } /* .icon-question */ div.support_iconlinks > :nth-child(2):before { content:"\e926"; } /* .icon-upload */ div.support_iconlinks > :nth-child(3):before { content:"\e927"; } /* .icon-message-adds */ a.support_iconlink { display:block; width:30%; padding:50px 0px 20px 0px; border:1px solid #e6e9eb; border-radius:3px; text-align:center; transition: all ease-in .15s; } a.support_iconlink:before { font-family:"icons"; font-size:58px; line-height:58px; color:#1e88e5; } a.support_iconlink :nth-child(1) { position:relative; top:0px; font-size:16px; color:#363b40; font-weight:500; margin-top:20px; transition: all ease-in .15s; } a.support_iconlink :nth-child(2) { position:relative; top:0px; margin-top:5px; opacity:0; transition: all ease-in .15s, opacity ease-in .35s; } a.support_iconlink:hover { border-color:#1e88e5; } a.support_iconlink:hover :nth-child(1) { top:-10px; } a.support_iconlink:hover :nth-child(2) { top:-10px; opacity:1; } @media all and (min-width:0px) and (max-width:800px) { div.support_iconlinks { -webkit-flex-direction:column; flex-direction:column; } a.support_iconlink { width:100%; margin-bottom:20px; padding:30px 0px 0px 0px;} } #support_alert_notification { display:flex; flex-wrap:wrap; align-items:center; position:relative; align-items:center; font-size:16px; color:#fca426; margin:5px 0px 50px 0px; border:1px solid #edf0f2; padding:15px 45px 15px 60px; min-height:60px; margin-left:40px; cursor:pointer; } #support_alert_notification > :nth-child(1) { position:absolute; top:-5px; left:-40px; width:86px; height:69px; } #support_alert_notification > :nth-child(2) { vertical-align:middle; } #support_alert_notification > :nth-child(3) { position:absolute; top:50%; right:15px; margin-top:-12px; color:#959595; font-size:24px; font-family:Material-Design-Iconic-Font; } @media all and (min-width:0px) and (max-width:767px) { #support_alert_notification { margin-left:0px; padding-left:45px; justify-content:center; text-align:center; } #support_alert_notification > :nth-child(1) { position:relative; top:0px; left:0px; margin-bottom:10px; } #support_alert_notification > :nth-child(2) { width:100%; } #support_alert_notification > :nth-child(3) { top:15px; margin-top:0px; } } /* Ticket */ div.ticketentries > div { position:relative; border-radius:4px; padding:60px 24px 20px 24px; margin-bottom:25px; } div.ticketentries .from_staff { background-color:#e5f5e6; } div.ticketentries .from_account { background-color:#e5f4ff; } div.ticketentries > div > div:nth-child(1) { position:absolute; top:20px; left:24px; color:#565b60; font-weight:bold; } div.ticketentries > div > div:nth-child(2) { position:absolute; top:20px; right:24px; font-size:13px; color:#565b60; } div.ticketnote { opacity:.9; background-color:#f8f8f8; margin:15px 0px 15px 0px; padding:12px 16px; font-size:13px; display:none; border-radius:5px; border:1px solid #d8d8d8; } .badge.ticket_staff { border-radius: 3px; background-color:#2fbd6a; font-size: 11px; } input.ticketentryreview { display:none; } input.ticketentryreview:checked + label { color:#1e88e5; } .flexlayoutdatalabel { min-height:30px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; } .flexlayoutdata { min-height:30px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; } .flexlayoutdata *:nth-child(1) { width:120px; overflow:hidden; font-weight:500; } /* Cart */ .cart { box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5); margin: 0px; padding: 15px; background-color: #1e88e5; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #135fac 1%, #1e88e5 64%, #1e87e3 97%) repeat scroll -1px center / 102% 102%; color: rgba(196, 227, 255, 0.8); border-width: 0px; border-radius: 3px; } .cart .spinner:after { top: 115px; } table.billingcart { width: 100%; border-spacing: 0px; } table.billingcart td:nth-child(2) { text-align: right; } tr.billingcartform td { padding-bottom: 12px; } tr.billingcartform div { font-size: 15px; font-weight: bold; margin-bottom: 12px; } tr.billingcarterror td { padding-bottom: 12px; font-size: 15px; color: #fea1a1; font-weight: bold; } tr.billingcartcoupon td { padding: 12px 0px; border-top: 1px solid rgba(196, 227, 255, 0.1); } tr.billingcartcoupon .text_code { font-weight: bold; font-size: 24px; color: #ffffff; } tr.billingcartcoupon .text_price { font-weight: bold; font-size: 24px; color: #ffffff; } tr.billingcartcoupon .text_desc { font-size: 13px; margin: 8px 0px; } tr.billingcarttotal td { padding: 12px 0px; border-top: 1px solid rgba(196, 227, 255, 0.1); } tr.billingcartcredit td { padding-top: 12px; } .billingcart_bl .caption { font-size:15px; font-weight:bold; } /* ISO */ #uploaderror { color:red; font-weight:bold; } .pending_snapshot { color:#888; } .graph_container { text-align:left; width:100%; margin:16px; overflow: auto; } .graph { width:800px; height:200px; } .graph_error { width:706px; height:165px; line-height:165px; text-align:center; border:1px solid #e6e9eb; overflow:hidden; margin-left:75px; } .graph_spinner { width:706px; height:165px; line-height:165px; text-align:center; border:1px solid #e6e9eb; overflow:hidden; margin-left:75px; position:relative; } .graph_spinner_image { position:absolute; z-index:1001; left:50%; top:50%; width:64px; height:64px; margin-left:-32px; margin-top:-32px; } input[type="text"].yubiKeyInput { width:180px; padding-left:32px; background:url(/_images/yubikey.gif) no-repeat 10px 50%; background-color:white; } .app_content { font-family:Menlo, Monaco, Consolas, "Courier New", monospace; display:block; word-break:break-all; word-wrap:break-word; font-size:13px; line-height:1.25em; background-color:#f9f2f4; color:#c7254e; border-radius:3px; padding:6px 10px; overflow:auto; } /* bootstrap effects */ .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } /* accordion */ .accordion { width: 100%; margin: 0 auto; padding: 0; text-align: left; list-style: none; } .accordion > li { position: relative; padding: 0 0 6px 30px; min-height: 40px; } .accordion > li.open { padding-bottom: 31px; } .accordion > li .plus-icon { position: absolute; left: 0; top: 6px; } .accordion > li.open .plus-icon span { background-color: #1e88e5; } .accordion > li.open .plus-icon span:last-child { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .acc-title { margin: 0; padding: 0 0 8px 0; font-weight: 300; cursor: pointer; -webkit-transition: color ease-in .15s; -moz-transition: color ease-in .15s; -ms-transition: color ease-in .15s; -o-transition: color ease-in .15s; transition: color ease-in .15s; } .accordion > li.open .acc-title, .acc-title:hover { color: #1e88e5; } .accordion > li.open .acc-title { font-weight: 500; } .plus-icon { position: relative; display: block; height: 12px; width: 12px; } .plus-icon span { position: absolute; display: block; background-color: #1e88e5; -webkit-transition: all ease-in .15s; transition: all ease-in .15s; } .plus-icon span:first-child { top: 5px; height: 2px; width: 12px; } .plus-icon span:last-child { left: 5px; height: 12px; width: 2px; } .accordion.nowrap .acc-title { white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } @media all and (min-width:0px) and (max-width:767px) { .accordion.nowrap .acc-title { white-space: initial; } } /* icon list */ .iconlist { width: 100%; margin: 0 auto; padding: 0; text-align: left; list-style: none; } .iconlist > li { position: relative; padding: 0 0 6px 0px; min-height: 40px; } .iconlist .icon { display: inline-block; vertical-align: middle; width: 40px; overflow: hidden; } .iconlist a { color: #616366; } .iconlist a:hover { color: #3ba3ff; } .iconlist.nowrap > li { white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } /* badges */ .badge { background-color: #aaaeb3; border-radius: 15px; color: #fff; display: inline-block; font-size: 9px; font-weight: 300; line-height: 8px; min-width: 16px; padding: 5px 6px; text-align: center; vertical-align: text-bottom; white-space: nowrap; } /* badges */ .badge.alternative { border-radius: 3px; } /* spinner */ .spinner:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; border: solid 2px transparent; border-top-color: #ffaa00; border-left-color: #ffaa00; border-radius: 100%; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } .spinner-lg:after { margin: -22px 0 0 -22px; width: 40px; height: 40px; } .spinner-md:after { margin: -16px 0 0 -16px; width: 28px; height: 28px; } .spinner-hidden { opacity: 0; visibility: hidden; } .spinner-visible { opacity: 1; visibility: visible; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } .spinner.spinner-white:after { border-top-color: #ffffff; border-left-color: #ffffff; } .spinner.spinner-graph-blue:after { border-top-color: #1e88e5; border-left-color: #1e88e5; } /* spinner */ i[class^="sp"] { position:relative; top:3px; width: 16px; height: 16px; clear: both; margin: 0 !important; display: inline-block; border: 2px rgba(0, 0, 0, 0.15) solid; border-radius: 50%; -webkit-animation: spinner .6s infinite linear; animation: spinner .6s infinite linear; } i[class="sp-blue"] { border-top: 2px #1e88e5 solid; } i[class="sp-red"] { border-top: 2px red solid; } i[class="sp-orange"] { border-top : 2px #E97E28 solid; } i[class="sp-white"] { border-top : 2px #fff solid; } @-webkit-keyframes spinner { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .fadeIn { visibility:visible; -webkit-animation: fadeIn .25s; -moz-animation: fadeIn .25s; -ms-animation: fadeIn .25s; -o-animation: fadeIn .25s; animation: fadeIn .25s; } @-webkit-keyframes fadeIn { 0% { visibility:hidden; opacity:0; } 1% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:1; } } @-moz-keyframes fadeIn { 0% { visibility:hidden; opacity:0; } 1% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:1; } } @-o-keyframes fadeIn { 0% { visibility:hidden; opacity:0; } 1% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:1; } } @-ms-keyframes fadeIn { 0% { visibility:hidden; opacity:0; } 1% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:1; } } @keyframes fadeIn { 0% { visibility:hidden; opacity:0; } 1% { visibility:visible; opacity:0; } 100% { visibility:visible; opacity:1; } } .fadeOut { visibility:hidden; -webkit-animation: fadeOut .25s; -moz-animation: fadeOut .25s; -ms-animation: fadeOut .25s; -o-animation: fadeOut .25s; animation: fadeOut .25s; } @-webkit-keyframes fadeOut { 0% { visibility:visible; opacity:1; } 99% { visibility:hidden; opacity:0; } 100% { visibility:hidden; opacity:0; } } @-moz-keyframes fadeOut { 0% { visibility:visible; opacity:1; } 99% { visibility:hidden; opacity:0; } 100% { visibility:hidden; opacity:0; } } @-o-keyframes fadeOut { 0% { visibility:visible; opacity:1; } 99% { visibility:hidden; opacity:0; } 100% { visibility:hidden; opacity:0; } } @-ms-keyframes fadeOut { 0% { visibility:visible; opacity:1; } 99% { visibility:hidden; opacity:0; } 100% { visibility:hidden; opacity:0; } } @keyframes fadeOut { 0% { visibility:visible; opacity:1; } 99% { visibility:hidden; opacity:0; } 100% { visibility:hidden; opacity:0; } } /* tab control */ .button-tab { display:inline-block; vertical-align:middle; padding:0px; width: 46px; margin:0px; font-size:15px; font-weight:bold; line-height:24px; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; color:#000000; background-color:transparent; border:none; outline: none; border-radius: 0px; } .button-tab:active, .button-tab:hover, .button-tab:focus { background-color: transparent; } .button-tab > .fonticon { font-size: 24px; color: #9DA2A6; vertical-align: middle; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 12px 15px; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { margin: 0 -16px; white-space: nowrap; } .nav-tabs > li { display: inline-block; } .nav-tabs > li > a, .nav-tabs > li > button, .nav-tabs > li > span { position: relative; padding: 14px 2px; margin: 0 14px; color: #616366; line-height: 20px; -webkit-transition: color ease-in .15s; transition: color ease-in .15s; } .nav-tabs > li > button { background: transparent; border: none; cursor: pointer; } .nav-tabs > li > a:after, .nav-tabs > li > button:after, .nav-tabs > li > span:after { position: absolute; bottom: 0; left: 50%; display: block; content: ""; height: 2px; width: 0; -webkit-transition: ease-in all .15s; transition: ease-in all .15s; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > button:hover { color: #1e88e5; } .nav-tabs > li > button:focus, .nav-tabs > li > button:active { outline: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > button, .nav-tabs > li.active > button:hover, .nav-tabs > li.active > button:focus, .nav-tabs > li.active > span { color: #1e88e5; cursor: default; } .nav-tabs > li.active > a:after, .nav-tabs > li.active > button:after, .nav-tabs > li.active > button:after, .nav-tabs > li.active > span:after { width: 100%; margin-left: -50%; background-color: #1e88e5; } .nav-tabs > li.active_orange > a::after { background-color: #fca426; } .nav-tabs > li.active_green > a::after { background-color: #5FB35C; } @media (max-width: 767px) { .nav-tabs { margin: 0 -12px; } } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #edeff2; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #edeff2; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tabs-responsive { position: relative; height: 48px; overflow: hidden; } .tabs-responsive > .tabs-container { position: absolute; top: 0; width: 100%; } .tabs-responsive > .tabs-container > .btn { position: absolute; top: -1px; } .tabs-responsive > .tabs-container > .btn-next { right: -1px; width: 30px; padding: 12px 0px; text-align: right; } .tabs-responsive > .tabs-container > .btn-prev { left: 0px; width: 30px; padding: 12px 0px; text-align: left; } .tabs-responsive > .tabs-container > .disk_type_prev, .tabs-responsive > .tabs-container > .disk_type_next { padding: 19px 0px !important; } .tabs-responsive > .tabs-container > .nav-tabs { height: 76px; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -webkit-user-select: none; -webkit-transition: all ease-in .15s; transition: all ease-in .15s; } .tabs-responsive > .tabs-container > ul > li { float: none; display: inline-block; width: auto; } @media (min-width: 1290px) { .tabs-responsive > .tabs-container > .btn { display: none; } } @media (max-width: 1291px) { .tabs-responsive { margin-left: 10px; } .tabs-responsive > .tabs-container { padding-left: 30px; padding-right: 30px; } .tabs-responsive > .tabs-container > .btn-next > .fonticon { padding-right: 1px; } .tabs-responsive > .tabs-container:after, .tabs-responsive > .tabs-container:before { position: absolute; top: 0; bottom: 0; z-index: 998; display: block; content: ""; width: 24px; } .tabs-responsive > .tabs-container>ul>li:first-child>a { margin-left: 20px; } .tabs-responsive > .tabs-container>ul>li:last-child>a { margin-left: 16px; } } @media (max-width: 767px) { .tabs-responsive > .tabs-container:before { left: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); } .tabs-responsive > .tabs-container:after { right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background-image: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%); } .tabs-responsive { margin-left: -15px; } .tabs-responsive > .tabs-container { padding-left: 25px; padding-right: 25px; } } /* logged out */ .loggedout_vcenter { margin: 120px 0px; } @media (min-width: 768px) and (min-height: 700px) { .loggedout_vcenter { position: absolute; top: 50%; width: 100%; margin-top: -220px; } } .hidden { display: none; } /* block storage free banner */ .banner_blockstoragefree { width: 100%; background: rgba(0, 0, 0, 0) linear-gradient(45deg, #135fac 1%, #1e88e5 64%, #1e87e3 97%) repeat scroll -1px center / 102% 102%; color: #ffffff; font-size: 18px; line-height: 25px; text-align: left; padding: 16px 16px 16px 120px; box-shadow: 0 5px 30px -5px rgba(37, 45, 51, 0.5); border-radius: 3px; overflow: hidden; position: relative; } .banner_blockstoragefree::after { display: block; content: ""; position: absolute; top: -7px; left: 11px; width: 86px; height: 65px; background-image: url('/_images/banners/blockstoragefree/bird.svg'); } .tw-button { background-color: rgb(27, 149, 224); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: "Helvetica Neue", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 500; height: 28px; line-height: 26px; outline-color: rgb(255, 255, 255); outline-style: none; outline-width: 0px; padding: 5px 10px; position: relative; text-align: left; text-decoration: none; text-decoration-color: rgb(255, 255, 255); text-decoration-line: none; text-decoration-style: solid; vertical-align:top; white-space: nowrap; border-width: 0px; } .tw-button span { color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-family: "Helvetica Neue", Arial,sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 500; line-height: normal; margin-left: 4px; text-align: left; vertical-align: top; white-space: nowrap; } .tw-button::before { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E"); background-origin: padding-box; background-position: 0px 0px; background-repeat: no-repeat; background-size: auto auto; color: rgb(255, 255, 255); content: ""; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", Arial, sans-serif; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 13px; font-size-adjust: none; font-stretch: normal; font-style: italic; font-synthesis: weight style; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: 500; height: 18px; line-height: 26px; text-align: left; top: 5px; white-space: nowrap; width: 18px; } .tw-button.tw-disabled { background-color: gray; cursor: default; } .badge.promo { font-weight: bold; background-color: #43a047; font-size: 11px; } .captcha_container { display: flex; align-items: center; } .firewall_button { padding: 0px 18px; height: 32px; } /* Begin Blockstorage Slider Styles */ .blockstorage-slider .plusminus-slider, .blockstorage-slider .package-slider { position: relative; height: 34px; border: 1px solid #e6e9eb; background: #fff; -webkit-border-radius: 30px; border-radius: 30px; } .blockstorage-slider .package-slider { margin: 15px 15px; } .blockstorage-slider .plusminus-slider .slider, .blockstorage-slider .package-slider .slider { position: absolute; left: 0; right: 0; z-index: 99; height: 34px; margin: 0 58px 0 32px; cursor: pointer; } .blockstorage-slider .plusminus-slider .slider-label + .slider { margin-right: 132px; } .blockstorage-slider .plusminus-slider .slider-label { position: absolute; right: -1px; top: -1px; height: 34px; width: 100px; padding: 0 20px; background: #e6e9eb; -webkit-border-radius: 30px; border-radius: 30px; font-weight: bold; line-height: 34px; } .blockstorage-slider .plusminus-slider .slider-label input { position: relative; z-index: 9999; border: none; background: transparent; } .blockstorage-slider .plusminus-slider .slider-label input:focus, .blockstorage-slider .plusminus-slider .slider-label input:active { outline: none; } .blockstorage-slider .plusminus-slider .ui-slider-handle, .blockstorage-slider .package-slider .ui-slider-handle { position: absolute; top: 3px; z-index: 999; height: 26px; width: 26px; background: #1e88e5; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; -webkit-box-shadow: 0 3px 10px -3px rgba(37,45,51, .5); box-shadow: 0 3px 10px -3px rgba(37,45,51, .5); -webkit-transition: background ease .15s; transition: background ease .15s; outline: none; } .blockstorage-slider .plusminus-slider .slider-actions, .blockstorage-slider .package-slider .slider-actions { position: absolute; height: 100%; width: 100%; } .blockstorage-slider .plusminus-slider .slider-actions .btn, .blockstorage-slider .blockstorage-slider .package-slider .slider-actions .btn { margin: 3px; height: 26px; width: 26px; padding: 1px; } .blockstorage-slider .plusminus-slider .slider-actions .btn > i, .blockstorage-slider .package-slider .slider-actions .btn > i { float:left; font-size: 17px; } .blockstorage-slider .plusminus-slider .slider-actions .btn > i:before, .blockstorage-slider .package-slider .slider-actions .btn > i:before { line-height: 24px; } .blockstorage-slider .plusminus-slider .slider-actions .btn:first-child, .blockstorage-slider .package-slider .slider-actions .btn:first-child { float: left; } .blockstorage-slider .plusminus-slider .slider-actions .btn:last-child, .blockstorage-slider .package-slider .slider-actions .btn:last-child { float: right; } .blockstorage-slider .plusminus-slider-option .package-header, .blockstorage-slider .package-slider-option .package-header { position: relative; padding-bottom: 38px; } .blockstorage-slider .plusminus-slider-option .package-body, .blockstorage-slider .package-slider-option .package-body { padding-top: 38px; } .blockstorage-slider .btn { display: inline-block; min-width: 100px; padding: 12px 24px; margin-bottom: 0; font-size: 15px; font-weight: bold; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; /*box-shadow: 0 2px 6px rgba(0,0,0, 0.1);*/ -webkit-transition: all ease-in .15s; -moz-transition: all ease-in .15s; -ms-transition: all ease-in .15s; -o-transition: all ease-in .15s; transition: all ease-in .15s; } .blockstorage-slider .btn-link { color: #1e88e5; } .blockstorage-slider .btn-link, .blockstorage-slider .btn-link:active, .blockstorage-slider.btn-link.active { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .blockstorage-slider .btn-xs { height: 36px; min-width: 60px; padding: 7px 17px; border-radius: 3px; font-size: 13px; font-weight: 300; } .blockstorage-slider .btn-icon { min-width: 0; padding-left: 10px; padding-right: 10px; } .blockstorage-slider .btn-icon.btn-sm { line-height: 24px; } .blockstorage-slider .btn-icon.btn-sm { padding: 9px; font-size: 19px; } .blockstorage-slider .btn-icon.btn-xs { padding-left: 6px; padding-right: 6px; font-size: 17px; } .blockstorage-slider .block-card { border-radius: 12px; border: 1px solid #ccc; background: linear-gradient(45deg, #135FAC 1%, #1e88e5 64%, #40BAF5 97%); min-height: 200px; margin-bottom: 15px; } .blockstorage-slider .block-card > .summary { float: right; width: 40%; } .blockstorage-slider .block-card h1, .block-card h2, .block-card h3, .block-card h4, .block-card h5 { color: white; margin-bottom: 10px; } .blockstorage-slider .block-card h1 { font-size: 22px; } .blockstorage-slider .block-card h4 { margin-bottom: 0px; } .blockstorage-slider #server_farm { position: relative; margin-top: 10px; display: none; } .blockstorage-slider .server { position: absolute; box-shadow: 4px 0px 12px rgba(0, 0, 0, 0.2); display: none; } @media (min-width: 768px) { .blockstorage-slider #server_farm { display: block; } } /* End Blockstorage Slider Styles */ /* 2.0 Content */ .app-header { margin-top: 9px; margin-bottom: 45px; } .app-header .container-fluid { max-width: 1290px; margin: 0 auto; padding-left: 30px; padding-right: 30px; padding-bottom: 0px; } @media (max-width: 1199px) { .app-header .container-fluid { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .app-header { /* padding: 0 0 0 110px;*/ } .app-header.no-sidebar { padding: 0; } } @media (max-width: 767px) { .app-header .container-fluid { padding-left: 20px; padding-right: 20px; } .app-header a.deploy_floating { display: none; } } .app-header a.deploy_floating { position: relative; top: auto; bottom: -25px; float: right; box-shadow: 0 3px 15px -2px rgba(37,45,51, .4); transition: all ease-in .15s; } @media all and (min-width: 0px) and (max-width:767px) { a.deploy_floating { top: initial; position: fixed; bottom: 25px !important; } .block1290deploy { padding-right: 0px; margin-bottom: 20px; } #header4_0 { top: -20px; } } .app-header a.deploy_floating:hover { background-color: #3ba3ff; } /* 2.1 Content: Header*/ .app-header { border-bottom: 1px solid #edf0f2; } .app-header .container-fluid { position: relative; } .app-header .btn-deploy { position: absolute; bottom: -25px; right: 60px; -webkit-box-shadow: 0 3px 15px -2px rgba(37,45,51, .4); box-shadow: 0 3px 15px -2px rgba(37,45,51, .4); } .btn-add { -webkit-box-shadow: 0 3px 15px -2px rgba(37,45,51, .4); box-shadow: 0 3px 15px -2px rgba(37,45,51, .4); -webkit-border-radius: 30px; border-radius: 30px; } @media (max-width: 1199px) { .app-header .btn-deploy { right: 30px; } } @media (max-width: 991px) { .app-header .btn-deploy { position: fixed; bottom: 20px; right: 20px; z-index: 999; } } .icon-console { position: relative; } .icon-console > span { position: absolute; top: 5px; left: 5px; font-family: "Raleway", Helvetica, Arial, sans-serif; font-size: 9px; font-weight: bold; } /* 2.1.1 Header: Nav */ .header-nav { padding-top: 20px; } .header-nav:after, .header-nav:before { display: block; content: ""; clear: both; } .header-nav > .nav > li { float: left; font-size: 13px; } .header-nav > .nav > li > a { color: #616366; padding-top: 0; padding-bottom: 0; } .header-nav > .nav > li.open > a { color: #1e88e5; } .header-nav > .nav > li > a > i { font-size: 24px; } .header-nav > .nav > li:last-child > a { padding-right: 0; } .header-nav > .nav > li:last-child > a > i { margin-left: 10px; font-size: 19px; } .header-nav > .nav > li:last-child > a > i.zmdi-account-o { margin-top: -6px; margin-right: 8px; font-size: 24px; vertical-align: middle; } .header-nav > .nav > li:last-child > a > b { font-weight: 500; } .header-nav > .nav > li .dropdown-menu { top: 30px; right: -27px; } .nav-news { font-size: 13px; width: 450px; } .nav-news .carousel-controls, .nav-news .carousel-inner { float: left; } .nav-news .carousel-controls { position: relative; z-index: 999; width: 100px; } .nav-news .carousel-controls > span { font-weight: 500; line-height: 24px; vertical-align: middle; } .nav-news .carousel-controls > a { display: inline-block; width: 24px; height: 24px; color: #616366; font-size: 19px; text-align: center; line-height: 24px; vertical-align: middle; } .nav-news .carousel-inner { height: 24px; width: 350px; margin-left: -24px; } .nav-news .carousel-inner > .item { padding: 0 24px; } .nav-news .carousel-inner > .item a { color: #616366; line-height: 24px; } .nav-news .carousel-inner > .item a > b { font-weight: 500; -webkit-transition: all ease-in .15s; transition: all ease-in .15s; } .nav-news .carousel-inner > .item a:hover, .nav-news .carousel-inner > .item a:hover > b { color: #1e88e5; } .nav-news .carousel-inner:after, .nav-news .carousel-inner:before { position: absolute; top: 0; z-index: 998; display: block; content: ""; height: 24px; width: 24px; } .nav-news .carousel-inner:before { left: 0; background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); background-image: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); } .nav-news .carousel-inner:after { right: 0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background-image: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); } @media (max-width: 991px) { .header-nav { display: none; } } /* 2.1.1 Header: Top */ .header-top { margin: 10px 0 0px; /* margin default: 50px 0px 30px; */ } .no-navbar .header-top { margin-top: 50px; } .header-top:after, .header-top:before { display: table; content: ""; clear: both; } .header-title { float: left; margin-top: 0; margin-bottom: 0; } .header-title h1 { margin: 8px 0; font-size: 25px; } .header-title h1 > .btn { margin: -8px 0px -4px; } .header-title h1:not(.h2) { font-size: 32px; } .header-title h1 .switch { margin: 0 0 0 10px; vertical-align: middle; } .header-title h1 > small { display: block; font-size: 14px; } .header-title-info { margin: 0; padding: 4px 0 0 0; list-style: none; } .header-title-info > li { float: left; margin-right: 24px; color: #8a9399; font-size: 13px; line-height: 20px; } .header-title-info > li > b { font-weight: 500; } .header-title-back, .header-title-avatar { position: relative; padding-left: 76px; width: 100%; } .header-title-avatar > h1 { margin: 0; } /* .header-title-avatar .header-title-info { padding-top: 0; } */ .header-back, .header-avatar { position: absolute; top: 0; left: 0; } .avatar { display: inline-block; height: 56px; width: 56px; overflow: hidden; -webkit-border-radius: 28px; border-radius: 28px; } .avatar-sm { height: 34px; width: 34px; } .header-top-hero { margin-top: 35px; margin-bottom: 55px; } .header-top-hero .header-title { float: none; } @media (max-width: 991px) { .header-top { /*margin: 30px 0 40px;*/ } } @media (min-width: 768px) { .header-title { float: left; } .header-search { float: right; } } @media (max-width: 767px) { .header-top { margin: 10px 0 20px; } .header-title > .h2 { font-size: 20px; } .header-title > h1:not(.h2) { font-size: 24px; } .header-avatar > a > img { height: auto; width: auto; max-width: 100%; } .header-top-hero { margin-top: 35px; margin-bottom: 35px; } /*.header-title h1 .switch, .header-title-info > li { display: none; }*/ .header-title-info > li/*:first-child*/ { display: block; } .header-title-avatar { margin: 8px 0; } } .header-avatar .btn.btn-circle { width: 50px; } .header-avatar .btn.btn-circle { min-width: 0; padding-right: 0; padding-left: 0; border-radius: 40px; font-size: 24px; } .header-avatar .btn { display: inline-block; min-width: 100px; padding: 12px 24px; margin-bottom: 0; font-size: 15px; font-weight: bold; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0, 0.1); box-shadow: 0 2px 6px rgba(0,0,0, 0.1); -webkit-transition: all ease-in .15s; -moz-transition: all ease-in .15s; -ms-transition: all ease-in .15s; -o-transition: all ease-in .15s; transition: all ease-in .15s; } .header-avatar .btn.btn-primary { color: #616366; background-color: #dfe2e5; border-color: #dfe2e5; } .header-avatar .btn-primary:hover { color: #616366; background-color: #ebeff2; border-color: #ebeff2; } /* 2.1.1 Header: Toolbar */ .header-top-toolbar { position: relative; width: 100%; } .header-toolbar { position: absolute; top: 0; right: 0; margin: 2px 0; } @media (max-width: 767px) { .header-toolbar { display: none; } } .header-toolbar .btn-list > li { float: left; } .header-toolbar .btn.btn-icon.btn-link { color: #616366; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .header-toolbar .btn.btn-icon.btn-link:hover { color: #1e88e5; } .header-toolbar .btn-link { color: #1e88e5; } .header-toolbar .btn-icon { min-width: 0; padding-left: 10px; padding-right: 10px; } .header-toolbar .btn.btn-icon i, .header-toolbar .btn.btn-circle i { float: none; display: block; height: 24px; width: 24px; margin: 0 auto; font-size: 24px; } .header-toolbar .btn { display: inline-block; min-width: 100px; padding: 12px 24px; margin-bottom: 0; font-size: 15px; font-weight: bold; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0, 0.1); transition: all ease-in .15s; } @media (min-width: 768px) { .header-toolbar .btn-list { margin: 0; padding: 0; list-style: none; } } @media (max-width: 767px) { .header-top-toolbar { padding-right: 50px; } .header-toolbar { right: -10px; } } /* 2.1.1 Header: Stats */ .header-stats { float: right; } .header-stats .stat { display: inline-block; margin-right: 60px; } .header-stats .stat:last-child { margin-right: 0; } @media (max-width: 767px) { .header-stats { display: none; } .header-stats .stat { margin-right: 12px; } .header-stats .stat .display-1 { font-size: 21px; font-weight: 500; } .header-stats .stat .display-title { margin-top: 0; } } /* 2.x Panels */ .panel { position: relative; display: block; margin-bottom: 20px; background-color: #fff; border: 1px solid #e6e9eb; -webkit-border-radius: 3px; border-radius: 3px; text-align: left; } .panel-block { padding: 30px; } .panel img { max-width: 100%; max-height: 340px; } .panel-title { margin-top: -7px; } .panel-title.title-faded { color: #9da2a6; font-size: 12px; font-weight: 300; } a.panel, .panel-link { color: #616366; cursor: pointer; -webkit-transition: border-color ease-in .15s, color ease-in .15s; transition: border-color ease-in .15s, color ease-in .15s; } .panel-body, .panel-block-sm { padding: 24px; } a.panel:hover, .panel-link:hover, .panel.active { border-color: #1e88e5; } @media (max-width: 767px) { .panel-block { padding: 24px; } } .panel-block .panel-tabs .nav-tabs { padding: 0 14px; margin: -30px -30px 0; } .panel-block-sm .panel-tabs .nav-tabs { padding: 0 8px; margin: -24px -24px 24px; } .panel-block-sm .panel-tabs .nav-tabs > li > a { padding-top: 20px; padding-bottom: 20px; } .panel-heading { margin: 0; padding: 15px 24px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-heading > .panel-title { margin-top: 0; margin-bottom: 0; } .panel-title { margin-top: -7px; } .panel-datablock > .display-title { display: block; margin-top: 0; margin-bottom: 10px; color: #9da2a6; font-size: 13px; font-weight: 300; line-height: 16px; } .panel-datablock > .display-title > a { color: #1e88e5; } .panel-datablock > .display-title:last-child { margin: 0; } .panel-datablock > .panel-icon { position: absolute; top: 30px; right: 10px; } .panel-datablock > .btn.btn-circle { width: 50px; } .panel-datablock > .btn.btn-circle { min-width: 0; padding-right: 0; padding-left: 0; border-radius: 40px; } .panel-datablock > .btn { display: inline-block; min-width: 100px; padding: 12px 24px; margin-bottom: 0; font-size: 15px; font-weight: bold; line-height: 24px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; transition: all ease-in .15s; } .panel-datablock > .btn.btn-icon i, .panel-datablock > .btn.btn-circle i { float: none; display: block; height: 24px; width: 24px; margin: 0 auto; font-size: 24px; } .panel-datablock > .panel-text { color: #363b40; font-size: 25px; font-weight: 500; line-height: 32px; } .panel-datablock > .panel-text-description { width: calc(100% - 30px); display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; } .panel-datablock > .panel-text > small { color: #8a9399; font-size: 18px; font-weight: 300; } .input-xs { height: 38px !important; padding: 5px 5px !important; font-size: 14px !important; line-height: 1.5 !important; border-radius: 3px !important; } .input-xs > span { line-height: 24px !important; padding: 0px !important; height: 32px !important; } .simple-dropdown .input-xs > span.select2-selection__arrow { height: inherit !important; } .select2-container--default .simple-dropdown.select2-dropdown { padding: 12px 0; border: 1px solid #dcdee0; -webkit-box-shadow: 0 10px 40px -5px rgba(37,45,51, .25); box-shadow: 0 10px 40px -5px rgba(37,45,51, .25); -webkit-border-radius: 4px; border-radius: 4px; } .select2-container--default .simple-dropdown .select2-results__option[role=group] { padding: 4px 24px; } .select2-container--default .simple-dropdown .select2-results__option { padding: 4px 24px; } .simple-dropdown.select2-dropdown .select2-results__options .select2-results__options--nested .select2-results__option { padding: 4px 6px; } .simple-dropdown.select2-dropdown .select2-results__option--highlighted[aria-selected] { color: #1e88e5; background-color: transparent; } .select2-container--default .simple-dropdown.select2-dropdown { padding: 8px 0; } .select2-container--default .simple-dropdown .select2-results__option[aria-selected=true] { font-weight: 600; background-color: transparent; color: #1e88e5; } select[name=sort] ~ .select2-container--default .select2-selection--single .select2-selection__rendered { padding-top: 0px !important; } /* instance table list */ .table-instance-list { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } .table-instance-list th { text-align: left; } .table-instance-list { width: 100%; max-width: 100%; margin-bottom: 20px; } .table-instance-list small { display: block; padding-top: 4px; font-size: 85%; } .table-instance-list > thead > tr > th, .table-instance-list > tbody > tr > th, .table-instance-list > tfoot > tr > th, .table-instance-list > thead > tr > td, .table-instance-list > tbody > tr > td, .table-instance-list > tfoot > tr > td { padding: 12px 10px; line-height: 1.42857143; vertical-align: middle; border-bottom: 1px solid #edf0f2; } .table-instance-list > tbody > tr > td.cell-actions { padding-top: 6px; padding-bottom: 6px; } .table-instance-list > tbody > tr > td.cell-actions:last-child { text-align: right; white-space: nowrap; } .table-instance-list > thead > tr > th { padding: 16px 10px; vertical-align: bottom; border-bottom: 1px solid #edeff2; color: #9da2a6; font-size: 13px; font-weight: 300; } .table-instance-list > caption + thead > tr:first-child > th, .table-instance-list > colgroup + thead > tr:first-child > th, .table-instance-list > thead:first-child > tr:first-child > th, .table-instance-list > caption + thead > tr:first-child > td, .table-instance-list > colgroup + thead > tr:first-child > td, .table-instance-list > thead:first-child > tr:first-child > td { border-top: 0; } .table-instance-list > tbody + tbody { border-top: 2px solid #edeff2; } .table-instance-list { background-color: #fff; } .table-instance-list td > b { color: #2b3033; } .table-instance-list table col[class*="col-"] { position: static; display: table-column; float: none; } .table-instance-list table td[class*="col-"], .table-instance-list table th[class*="col-"] { position: static; display: table-cell; float: none; } table [data-url] td:not(.cell-actions):not(.cell-checkbox){ cursor: pointer; } table [data-url] td .click-disabled { cursor: auto; } table [data-url]:hover { background-color: #fafbfc } @media (max-width: 767px) { .cell-xs-left { text-align: left!important; } .cell-xs-right { text-align: right!important; } .cell-xs-hidden { display: none!important; } .cell-title { margin-bottom: 10px; } } .table-instance-list .table-bottom { margin-top: -20px; } .table-instance-list .table-bottom .table-length { float: right; } /* link btn */ .table-instance-list .cell-actions .btn > i.unlink:before { position: relative; top: 0px; left: -2px; display: inline-block; line-height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .table-instance-list .cell-actions .btn.btn-icon i:before, .btn.btn-circle i:before { line-height: 24px; } .table-instance-list .cell-actions .btn.btn-icon.btn-link { color: #616366; } .table-instance-list .cell-actions .btn-icon.btn-sm { padding: 9px; font-size: 19px; } .table-instance-list .cell-actions .btn-icon.btn-sm, .btn-circle.btn-sm { line-height: 24px; } .table-instance-list .cell-actions .btn-sm.btn-link, .btn-group-sm > .btn.btn-link { padding-left: 8px; padding-right: 8px; } .table-instance-list .cell-actions .btn-icon { min-width: 0; padding-left: 10px; padding-right: 10px; } .table-instance-list .cell-actions .btn-sm, .btn-group-sm > .btn { height: 42px; min-width: 60px; padding: 8px 16px; border-radius: 3px; font-size: 14px; } .table-instance-list .cell-actions .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .table-instance-list .cell-actions .btn > i { position: relative; font-size: 24px; } .table-instance-list .cell-actions .btn-icon.btn-sm > i { font-size: 19px; } .table-instance-list .cell-actions .btn.btn-icon i, .btn.btn-circle i { float: none; display: block; height: 24px; width: 24px; margin: 0 auto; font-size: 24px; } .table-instance-list .cell-actions .btn i { margin-right: 16px; font-size: 24px; vertical-align: bottom; } .table-instance-list .cell-actions .btn > i.unlink > i { position: absolute; bottom: -5px; right: -5px; font-size: 14px; } .table-instance-list .cell-actions .btn.btn-icon i, .btn.btn-circle i { float: none; display: block; height: 24px; width: 24px; margin: 0 auto; font-size: 24px; } .table-instance-list .cell-actions .btn i { margin-right: 16px; font-size: 24px; vertical-align: bottom; } .table-instance-list .cell-actions .btn { display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; transition: all ease-in .15s; } .table-instance-list .cell-actions .btn.btn-icon.btn-link:hover, .btn.btn-icon.btn-link:active, .btn.btn-icon.btn-link.active { color: #1e88e5; } /* Promo block */ .promoblock { /* dark -> light */ background:linear-gradient(45deg, #449b41 1%, #50ba4a 64%, #50bf4a 97%); position:relative; overflow:hidden; border-width:0px; } /* Face down triangle under div. */ .arrow_box:after, .arrow_box:before { top : 100%; left : 2%; border : solid transparent; content : " "; height : 0; width : 0; position : absolute; pointer-events : none; } .arrow_box:after { border-color : rgba(136, 183, 213, 0); border-top-color : #1E88E5; border-width : 6px; margin-left : -6.5px; } /* New Tooltips */ .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=100); opacity: 1; } .tooltip.top { padding: 5px 0; margin-top: -3px; word-wrap: break-word; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 350px; padding: 5px 10px; color: #fff; text-align: center; background-color: #484d50; border-radius: 2px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 1px; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #484d50; width: 5px; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #484d50; width: 5px; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #484d50; width: 5px; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #484d50; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #484d50; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #484d50; width: 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #484d50; width: 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #484d50; width: 5px; } .boxLink { border: 1px solid #e6e9eb; transition: all ease-in .15s; } .boxLink:hover { border: 1px solid #0084df; } .btn-xs, .btn-group-xs > .btn { padding : 7px 17px; border-radius : 3px; font-size : 13px; font-weight : 300; } .btn-default { transition: all ease-in .15s; } .btn-default:hover { color: #616366; background-color: #ebeff2; } .btn-primary { color: #fff !important; background-color: #1e88e5; border-color: #1e88e5; transition: all ease-in .15s; } .btn-primary:hover { color: #fff; background-color: #3ba3ff; border-color: #3ba3ff; } @media (min-width: 480px) { .alert { display : -webkit-box; display : flex; -webkit-box-pack : justify; justify-content : space-between; } .alert-body, .alert-actions { display : -webkit-box; display : -moz-box; display : -ms-flexbox; display : -webkit-flex; display : flex; align-items : center; justify-content : center; } .alert-actions { padding-left : 8px; } .alert-actions > .btn { margin-left : 8px; } } @media (max-width: 479px) { .alert-actions { padding : 16px 0 0 0; text-align : center; } .alert-actions > .btn { margin-right : 8px; } .alert-body { text-align: center; } .alert-body > p > b:after { content: '\a'; white-space: pre; } } .alert { padding : 15px; margin-bottom : 20px; border : 1px solid transparent; border-radius : 3px; } .alert > i { margin-right : 8px; font-size : 24px; vertical-align : sub; } .alert-sm { padding : 12px 15px; font-size : 14px; line-height : 20px; } .alert-sm > i { font-size : 19px; } .alert-info { border-color : #54aaff; color : #1e88e5; } .alert-info hr { border-top-color : #a6e1ec; } .alert-info .alert-link { color : #245269; } .alert-info, .toast-info { border-color : #54aaff; color : #1e88e5; } .alert-icon { position : relative; padding-left : 46px; } .alert-icon > i { position : absolute; top : 14px; left : 14px; } .alert-info.alert-filled { border-color : #1e88e5; background-color : #1e88e5; color : #fff; } .alert-body > p { margin : 0; } .alert-dismissable, .alert-dismissible { position : relative; padding-right : 35px; } .panel { position: relative; display: block; margin-bottom: 20px; background-color: #fff; border: 1px solid #e3e5e8; -webkit-border-radius: 3px; border-radius: 3px; text-align: left; } .panel-body, .panel-block-sm { padding: 24px; } .tab-section-sm { max-width: 520px; } .elements-list { list-style: none; margin: 0 0 24px 0; padding: 0; } .elements-list > li { display: -webkit-box; display: flex; -webkit-align-content: space-between; align-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; position: relative; padding: 15px 0; border-top: 1px solid #edf0f2; } .elements-list > li:last-child { border-bottom: 1px solid #edf0f2; } .elements-with-avatar > li { padding-left: 51px; } .elements-list > li.ele-add { padding: 12px 0; } .elements-list > li.ele-add .ele-actions { margin: -4px 0; } .elements-list > li.ele-add .slash { position: absolute; top: 7px; right: -5px; } .elements-with-avatar > li { padding-left: 51px; } .ele-body { flex-basis: 100%; padding-right: 8px; } .ele-avatar { position: absolute; top: 20px; left: 0; display: block; height: 36px; width: 36px; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; } .ele-title { display: block; color: #363b40; } .ele-email, .ele-desc { margin: 0; font-size: 13px; } .ele-actions { margin: -8px 0; white-space: nowrap; } .ele-actions .btn, .ele-actions .dropdown { display: inline-block; } .ele-actions .dropdown-menu.pull-right { right: -12px; } .ele-actions .btn-icon.btn-sm > i { font-size: 24px; } .ele-date { font-size: 13px; font-weight: 300; } .ele-date span { color: #9da2a6; } .ele-title .ele-date { margin-left: 16px; } @media (max-width: 479px) { .ele-title .ele-date { display: block; margin: 0; } } .input-icon { position: relative; } .input-icon > .form-control:first-child { padding-right: 50px; } .input-icon.input-icon-x2 > .form-control:first-child { padding-right: 100px; } .input-icon > .form-control:last-child { padding-left: 50px; } .input-icon.input-icon-x2 > .form-control:last-child { padding-left: 100px; } .input-icon > .btn-icon, .input-icon > i { position: absolute; top: 0; } .input-icon > i { top: 13px; height: 24px; width: 24px; font-size: 24px; text-align: center; line-height: 24px; } .input-icon > i > img { float: left; } .input-icon-lg > i { top: 16px; } .input-icon > .btn-icon:first-child { left: 5px; } .input-icon > i:first-child { left: 15px; } .input-icon > .btn-icon:last-child { right: 5px; } .input-icon > i:last-child { right: 15px; } .input-icons-right { position: absolute; top: 0; right: 4px; display: flex; height: 100%; align-items: center; } .input-icon-sm .input-icons-right { top: 4px; } .input-icon-lg .input-icons-right { top: 10px; } .input-icon-xlg .input-icons-right { top: 12px; } .form-group { margin-bottom: 15px; } .form-group .row { margin-left: -7px; margin-right: -7px; } .form-group [class*="col-"] { padding-left: 7px; padding-right: 7px; } .form-control { display: block; width: 100%; height: 50px; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #cdcfd1; border-radius: 3px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #1e88e5; outline: 0; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } .btn.btn-icon.btn-link { color: #616366; } .btn.btn-icon.btn-link:hover, .btn.btn-icon.btn-link:active, .btn.btn-icon.btn-link.active { color: #1e88e5; } .open .btn.btn-icon.btn-link, .open .btn.btn-icon.btn-link:active, .confirmation-open .btn.btn-icon.btn-link, .confirmation-open .btn.btn-icon.btn-link:active { background-color: #edf0f2; } .btn-default.btn-outline { color: #616366; border-color: #e3e5e8; } .btn-default.btn-outline:hover, .btn-default.btn-outline:active, .btn-default.btn-outline:focus, .open > .btn-default.btn-outline, .open > .dropdown-toggle.btn-default.btn-outline { color: #1e88e5; border-color: #1e88e5; } /* *** Lists */ .list-styled { padding : 0; margin : 0 0 12px 0; list-style : none; } .list-styled > li { margin-bottom: 5px; } .list-styled > li:last-child { margin-bottom: 0; } .list-styled.list-sm { font-size: 14px; } .list-label { display: inline-block; } .list-styled-minwidth > li { position : relative; padding-left : 150px; } .list-faded .list-label { color : #9da2a6; font-weight : 300; } .control-label { top : 10px!important; left : 12px!important; color : #9da2a6!important; font-size : 11px!important; font-weight : bold!important; line-height : 14px; } .control-label { margin-bottom: 10px; } .backup-codes .form-control { padding-top : 30px; background-color : #fff; line-height : 32px; } .backup-codes .control-label { position : absolute !important; top : 37px !important; left : 37px !important; font-weight : 300 !important; } textarea.form-control { height : auto; overflow : hidden; } .text-muted { color: #9da2a6; } /* *** Header with back button */ h3.back_button_header > a { margin-right : 25px; } h3.back_button_header > i { font-size : 30px !important; } /* iPhone 5 dimensions - iPhone 7 Plus dimensions */ @media only screen and (min-device-width : 320px) and (max-device-width : 414px) { h3.back_button_header { font-size: 16px; } h3.back_button_header > a { margin-right: 10px; } } /* *** Attachment icon: /suppport/view_ticket/index.html */ span.attachment { -webkit-flex-grow : 2; flex-grow : 2; margin-left : 15px; } span.attachment > span.fonticonattachment { cursor: pointer; } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { span.attachment { margin-left : 35px; } } @media only screen and (min-device-width : 320px) and (max-device-width : 413px) { span.attachment { margin-left : 17px; } } @media (min-width : 415px) { .mobile_only { display: none; } } /* EDITABLE START */ /*! X-editable - v1.5.0 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ background: #fff; } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; background: #fff; position: relative; z-index: 1; } .btn.editable-cancel, .btn.editable-cancel-tag, .btn.editable-submit, .btn.editable-submit-tag { background: transparent; box-shadow: none; width: 24px; height: 24px; min-width: auto; display: inline-flex; align-items: center; justify-content: center; margin-left: 0; padding: 0; border: none; cursor: pointer; user-select: none; } .btn.editable-cancel-tag, .btn.editable-submit-tag { position: relative; bottom: -5px; } .btn.editable-cancel .zmdi, .btn.editable-cancel-tag .zmdi, .btn.editable-submit .zmdi, .btn.editable-submit-tag .zmdi { font-size: 22px; vertical-align: middle; margin-right: 0; } .btn.editable-cancel, .btn.editable-cancel-tag { color: #e53935; } .btn.editable-submit, .btn.editable-submit-tag { color: #1e88e5; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-buttons > button:focus { outline: none; } .editable-input, .editable-input-tag { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; margin-left: -5px; } .editable-input > input, .editable-input-tag > input { font-family: 'Raleway'; font-weight: 100; } .editable-buttons .editable-cancel, .editable-buttons .editable-cancel-tag { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url('../img/loading.gif') center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* IOS-style clear button for text inputs */ .editable-underline { position: absolute; height: 1px; width: 90%; background: #1e88e5; left: 6px; bottom: 0px; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup, .editable-container-tag.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container .form-control, .editable-container-tag .form-control { border: none; height: 25px; font-size: 15px; padding: 0 6px; max-width: 180px; width: 100%; } .editable-container.popover, .editable-container-tag.popover { width: auto; /* without this rule popover does not stretch */ } .editable-container.editable-inline, .editable-container-tag.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; position: relative; top: -10px; height: 20px; } .editable-container.ui-widget, .editable-container-tag.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus{ font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } /* display:block; causes the animation to overflow the text. */ .editable-label { display:inline !important; } .editable-bg-transition { animation: successFade 1.5s; } @keyframes successFade { 0% { background-color: rgba(255, 255, 128, 1); } 100% { background-color: rgba(0, 0, 0, 0); } } .form-horizontal .editable { padding-top: 5px; display:inline-block; } .editable .zmdi, .editable-tag .zmdi { opacity : 0; transition : opacity ease-in .15s; margin-left: 4px; } .editable:hover .zmdi, .editable-tag:hover .zmdi { opacity: 1; } span.label_link, span.label_link_tag { color :#0084df; cursor:pointer; } .label { display: inline-block; padding: 4px 6px; font-size: 11px; font-weight: 100; line-height: 11px; color: #fff; text-align: center; white-space: nowrap; vertical-align: text-top; border-radius: 2px; } .label-success { background-color: #5cb85c; } @media (max-width: 767px) { .editable-underline { left: 0; } .editable-container.editable-inline, .editable-container-tag.editable-inline { top: -6px; } .editable-underline { width: 100%; } .editable-buttons .editable-cancel, .editable-buttons .editable-cancel-tag { margin-left: 0; } } @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { .editable-container .form-control, .editable-container-tag .form-control { padding-left : 0; display: inline; width: 150px; } } @media only screen and (min-device-width : 375px) and (max-device-width : 413px) { .editable-container .form-control. .editable-container-tag .form-control { padding-left : 0; display: inline; width: 110px; } } @media (min-width: 666px) { .flexlayoutdataeditor { min-width: 260px; } } /* EDITABLE END */ /* * === CC VALIDATION BEGIN === */ .card-number .icon { position: absolute; right: 17px; top: 50%; color: #1e88e5; font-size: 34px; margin-top: -17px; } .card-number-color .icon { color: #1e88e5; } .card-number .ccicon_visa, .card-number .ccicon_discover, .card-number .ccicon_mastercard, .card-number .ccicon_amex, .card-number .ccicon_jcb, .card-number .ccicon_unionpay { font-size: 26px; margin-top: -13px; } .floatinglabel > div.input-validation-error { color: #e53935; } .input-validation-icon { position: absolute; right: 17px; top: 60%; color: #fff; font-size: 20px; margin-top: -15px; } /* Hide validation error by default. */ .input-validation-error { display :none; } /* Apply display logic to validation error. */ label.validation-error > .input-validation-error { display: block; font-size: 12px; position: absolute; bottom: -25px; left: 2px; } label.validation-error > .input-validation-icon { color: red; } label.validation-error > .valid_inputCardExpiry, label.validation-error > .valid_cc_cscv, label.validation-error > .valid_cc_number { border-color: red; } @media only screen and (min-width : 320px) and (max-width : 700px) { label.card-number, label.expiry-date, label.cvv-number { margin-bottom:24px; } } /* * === CC VALIDATION END === */ /*============================================= = Dropdown Start = =============================================*/ .dropdown-confirmation { width: 300px; padding: 0; } .confirmation-open .dropdown-confirmation { display: block; visibility: visible; opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); } .dropdown-body { padding: 16px; font-size: 14px; line-height: 20px; white-space: normal; } .dropdown-actions > .btn-block { text-align: center; margin-bottom: 8px; } .dropdown-body label { line-height: 25px; } .dropdown-body>*:last-child { margin-bottom: 0; } .dropdown-title { margin: 0 0 12px 0; } h5.dropdown-title { color:#1e88e5; font-size: 15px; font-weight: bold; line-height: 22px; } .dropdown-title>i { font-size: 24px !important; margin-right: 8px; vertical-align: bottom; } .dropdown-actions { padding: 12px 16px; border-top: 1px solid #edf0f2; } /* APP.CSS */ .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .dropdown-confirmation { display:none; position: absolute; top: 1px; z-index: 1000; float: left; min-width: 200px; margin: 2px 0 0; font-size: 15px; text-align: left; list-style: none; opacity: 0; background-color: #fff; border: 1px solid #dcdee0; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 4px; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0 10px 40px -5px rgba(37, 45, 51, .25); box-shadow: 0 10px 40px -5px rgba(37, 45, 51, .25); -webkit-transform: translateX(0px) translateY(20px); transform: translateX(0px) translateY(20px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } @media (max-width: 415px) { .dropdown-confirmation { position: fixed; width: 90%; } .dropdown-confirmation:after, .dropdown-confirmation:before { display: none !important; } } .dropdown-confirmation:after, .dropdown-confirmation:before { position: absolute; right: 50px; top: -16px; display: block; content: "\f2f8"; height: 16px; width: 18px; color: #fff; font-family: 'Material-Design-Iconic-Font'; font-size: 40px; line-height: 26px; } .dropdown-confirmation:before { top: -17px; font-size: 41px; color: #dcdee0; } .arrow-change:after, .arrow-change:before { right: 71px !important; } .dropdown-actions > .btn-block { cursor: pointer; } .dropdown-actions > .btn-outline:hover { background-color: white; } .text-danger { color: #E53938!important; } .btn-dropdown-danger { color: #fff !important; background-color: #e53935 !important; border-color: #e53935 !important; } .btn-dropdown-danger[disabled] { background-color: #d9534f; border-color: #d43f3a; cursor: not-allowed; opacity: .5; } div.checkbox > label { cursor: pointer; } .server-info > b { word-wrap: break-word; } /*============================================= = Dropdown End = =============================================*/ .form-select-input { position: relative; } .m-t-20 { margin-top: 20px!important; } .m-b-0 { margin-bottom: 0px!important; } .form-select-input { position: relative; } .form-select-input .input-group { width: 100%; } .form-select-input .form-control { border-radius: 3px !important; border-color: #1e88e5; padding-left: 40px; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .form-select-input .owe-credit-desc { display: inline-block; width: 100%; background: #1e88e5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #fff; font-size: 13px; padding-left: 20px; line-height: 24px; position: relative; top: -1px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .form-select-input:after, .form-select-input:before { bottom: 100%; right: 28px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } .form-select-input:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; right: 30px; margin-bottom: -1px; } @media (max-width: 767px) { .form-select-input:before { right: 15px; } .form-select-input:after { right: 17px; margin-bottom: -1.3px; z-index: 5; } } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .form-select-input:before { border-color: rgba(30, 136, 229, 0); border-bottom-color: #0a74d1; border-width: 12px; margin-left: -11px; margin-bottom: -2px; } .form-select-input .input-group-addon { position: absolute; z-index: 3; border: none; background: transparent; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; padding: 0; color: #1e88e5; font-weight: 700; font-size: 16px; } .slowFadeIn { -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -ms-animation: fadeIn 1s; -o-animation: fadeIn 1s; animation: fadeIn 1s; visibility: visible; } /* iPhone X */ @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { #header0v_0 { display: none; } #header1_0 { display: none; } #header0h_0 { display: -webkit-flex; display: flex; } body { margin-left: 0px; } #header0h_0 { height: 50px; } #menusidebar_hide { left: 40px; } #header0h_1 { padding-left: env(safe-area-inset-left); } .responsivetable { display: block; } .responsivetable>* { display: block; margin-bottom: 15px; border-bottom: 1px solid #EDEFF2; padding-bottom: 15px; } .responsivetable>*:nth-child(1) { display: none; } .responsivetable>*:nth-child(2) { border-top: 1px solid #EDEFF2; padding-top: 15px; } .responsivetable>*>* { display: block; position: relative; border-bottom: none; padding: 2px 0px; min-height: 25px; padding-left: 100px; overflow: hidden; text-overflow: ellipsis; } .responsivetable>*:nth-child(n+2):hover>* { background-color: transparent; } .responsivetable>*>*:before { display: block; position: absolute; top: 50%; left: 0px; width: 100px; height: 25px; margin-top: -11px; overflow: hidden; text-overflow: ellipsis; color: #9DA2A6; font-size: 12px; font-weight: normal; } .responsivetable_subs>* { width: 100%; padding-left: 30px; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .responsivetable_subs>*>* { padding-left: 5px; } .responsivetable_subs>*>*:nth-child(1) { position: absolute; width: auto; top: 1px; left: 0px; } .responsivetable_subs>*:nth-child(2)>*:nth-child(1) { top: 16px; } .responsivetable_subs>*>*:nth-child(2) { width: 86%; } .responsivetable_subs>*>*:nth-child(3) { width: 14%; text-align: right; } .responsivetable_subs>*>*:nth-child(4) { display: none; } .responsivetable_subs>*>*:nth-child(5) { width: 49%; } .responsivetable_subs>*>*:nth-child(5):before { content: "Charges: "; padding-right: 3px; font-weight: bold; position: static; vertical-align: middle; display: inline; width: auto; height: auto; margin: 0px; color: #2b3033; font-size: 15px; } .responsivetable_subs>*>*:nth-child(6) { width: 49%; text-align: right; } .responsivetable_subs>*>*:nth-child(7) { display: none; } } @media (max-width: 768px) { .mobile-submenu { display: block !important; margin-bottom: 10px; } .submenu { display: none !important; } } @media (min-width: 769px) { .mobile-submenu + .select2-container--default, .mobile-submenu-container { display: none !important; } } span.new_feature_label { font-size:11px; border:1px; border-style:solid; border-radius:2px; padding: 2px 5px 2px 5px; margin-left:1px; font-weight:bold; color:#FFFFFF; border-color:#0084df; background-color:#0084df; vertical-align: text-bottom; } .banner-label { background: #1e88e5; height: 18px; text-transform: uppercase; position: absolute; color: #fff; font-size: 10px; font-weight: 700; border-radius: 3px; width: 36px; text-align: center; top: 2px; right: -12px; display: inline-flex; align-items: center; justify-content: center; } .banner-label:after { width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #315fb9; content: ''; position: absolute; bottom: -6px; right: 0; transform: rotate(8deg); z-index: -1; } .banner-label-orange { background: #ff9900; height: 18px; text-transform: uppercase; position: absolute; color: #fff; font-size: 10px; font-weight: 700; border-radius: 3px; text-align: center; top: 2px; right: -12px; display: inline-flex; align-items: center; justify-content: center; padding:0px 6px; } .banner-label-orange:after { width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #cc7700; content: ''; position: absolute; bottom: -6px; right: 0; transform: rotate(8deg); z-index: -1; } /* * App banner */ .app-banner { display: block; height: 40px; width: 100%; padding: 7px 0; background-color: #909090; color: #fff; overflow: hidden; line-height: 27px; } .app-banner > div { position: relative; max-width: 85%; margin: auto; text-align: left; padding-left: 8px; padding-right: 32px; } @media all and (min-width:0px) and (max-width:767px) { .app-banner > div { max-width: 100%; } } .app-banner a { color: rgba(255,255,255, 0.7); } .app-banner a:hover { color: #fff; } .app-banner .close { cursor:pointer; position:absolute; right:4px; top:0px; font-size:22px; padding: 0px; padding-right:12px; opacity:.6; } .app-banner .close::before { content:"\f136"; font-family:"Material-Design-Iconic-Font"; } .app-banner .close:hover { opacity:1.0; } .app-banner.banner-success { background-color: #5cb85c; } .app-banner.banner-warning { background-color: #fca426; } .app-banner.banner-info { background-color: #54aaff; } .app-banner.banner-error { background-color: #ff4d4a; } span[name=header_alert] { position:relative; display:inline-block; padding:5px 20px; border-radius:3px; font-size:13px; background-color:#fda426; color:#ffffff; box-shadow:0px 5px 40px 0px rgba(229, 57, 53, 0.25); } span[name=header_alert] > a { color: #FFFFFF; font-weight:500; text-decoration:underline; } span[name=header_alert] > span[name=header_alert_arrow] { position:absolute; display:block; right:-5px; top:50%; margin-top:-5px; width:0px; height:0px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #fda426; } @media (min-width : 769px) { span[name=header_alert] { margin-right:6px; } } @media (max-width : 768px) { span[name=header_alert] { top: 0; left: 0; right: 0; border-radius: 0; width: 100%; box-shadow: none; } span[name=header_alert] > span[name=header_alert_arrow] { display:none; } } /* DISABLED OS STYLING. #28309 */ .disabled_os { background-color:#f8f8f8; opacity:.75; cursor:initial; pointer-events:none; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } /* DROPDOWN FIREWALL PAGE*/ .drop .drop-content, .drop-confirmation .drop-content { width: 300px; } .drop .drop-content { min-width: 200px; padding: 0; margin: 2px 0 0; font-size: 15px; text-align: left; list-style: none; background-color: #fff; border: 1px solid #dcdee0; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 4px; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0 10px 40px -5px rgba(37, 45, 51, .25); box-shadow: 0 10px 40px -5px rgba(37, 45, 51, .25); } /* FIREWALL TABLE */ .table-firewall tr { white-space: nowrap; } .table-firewall .btn-dashed { border: 1px dashed #d0d0d1; /*max-height: 36px;*/ padding: 9px 10px !important; font-weight: bold; background: transparent; box-shadow: none; border-radius: 3px; } .table-firewall .yellow-note { color: #fabe09; font-size: 24px; } .table-firewall .empty-note { color: lightgray !important; font-size: 24px; } .table-firewall .add-new-item { border-top: 1px solid rgba(0, 0, 0, .1); display: none; } .table-firewall .chevron i.zmdi.is-open { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .table-firewall .chevron i.zmdi { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .table-firewall .chevron { margin-left: auto; font-size: 20px; } .table-firewall .btn-xs>i { margin-right: 5px; font-size: 14px; vertical-align: text-bottom; } .table-firewall .input-xs { height: 36px; padding: 5px 5px; font-size: 13px; line-height: 1.5; border-radius: 3px; } .table-firewall .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 20px !important; } .table-firewall .flex-start .select2-container--default { min-width: 35px !important; } .table-firewall .btn-add-responsive{ display: none; } .table-firewall a.btn { cursor: pointer; } @media (max-width: 830px) { .table-firewall a.btn { cursor: default; } .table-firewall tbody tr { display: flex; flex-direction: column; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-top: 16px; padding-bottom: 16px; } .table-firewall .item-toggle .form-control { flex: 1 !important; width: 100%; } .table-firewall tbody tr:not(.item-toggle) { padding-bottom: 8px; } .table-firewall .arrow-note { display: none; } .table-firewall .btn-add-responsive { display: block; } .table-firewall thead { display: none; } .table-firewall tbody tr { display: flex; flex-direction: column; border-bottom: 1px solid rgba(0, 0, 0, .1); padding-top: 16px; padding-bottom: 16px; } .table-firewall .add-new-item { cursor: pointer; display: block; } .table-firewall > tbody > tr > td { display: flex; width: 100%; border-bottom: 0; padding: 4px 8px; } .table-firewall td:before { content: attr(data-label); display: flex; align-items: center; justify-content: left; width: 35%; min-width: 115px; color: #9da2a6; font-size: 13px; line-height: 20px; } .table-firewall .cell-actions :nth-child(2) { margin-left: auto; } .item-toggle .flex-start:before{ display: flex; align-items: end; justify-content: flex-start; flex-direction: column; padding-top: 10px; } .table-firewall tbody tr.item-toggle { display: block; border-top: none; position: relative; padding-top: 0; } .table-firewall tbody tr.item-toggle .content { width: 65%; } .table-firewall .item-toggle .form-control { flex: 1 !important; width: 100%; } .table-firewall .item-toggle .select2-container { flex: 1 !important; width: auto; } .table-firewall .mob_icon_delete { margin: auto 20px !important; } .table-firewall .item-toggle td .row { width: 65%; margin: 0; } .table-firewall .item-toggle td .row [class*="col-"]{ padding-left: 0; padding-right: 0; width: 100%; } .table-firewall .add-new-item td:before { content: ''; display: block; width: 0; min-width: 0; } .table-firewall .add-new-item td { color: #1e88e5; } .table-firewall .item-toggle:before { content: ''; position: absolute; top: -1px; left: 0; height: 1px; display: block; width: 100%; background-color: #ffffff; } .table-firewall .item-toggle:after { content: ''; position: relative; bottom: -16px; left: 0; height: 1px; display: block; width: 100%; background-color: #1e88e5; } .table-firewall .mob-btn-block { max-width: 100%; width: 100%; display: block; text-align: center; } .table-firewall .mob-m-t-1x { margin-top: 8px; } .table-firewall .item-toggle .cell-actions .btn-plus { display: none; } } /* netconfig */ .netconfig code { font-family: "Consolas", "Menlo", "Monaco", monospace, serif; } .netconfig code { font-size: 0.9em; background-color: #f9f2f4; color: #c7254e; border-width: 0px; border-radius: 3px; padding: 2px 4px; } .netconfig p code { font-size: 13px; } .netconfig pre { font-size: 13px; line-height: 1.25em; background-color: #f9f2f4; color: #c7254e; border-width: 0px; border-radius: 3px; padding: 6px 10px; overflow: auto; } .netconfig pre code { font-size: 13px; border-width: 0px; padding: 0px; } .netconfig pre { padding: 0px 10px; background-color: #f9f2f4; background: linear-gradient(to bottom, #f9f2f4 0.0em, #f9f2f4 1.25em, #fffbfb 1.25em, #fffbfb 2.5em); background: -webkit-linear-gradient(to bottom, #f9f2f4 0.0em, #f9f2f4 1.25em, #fffbfb 1.25em, #fffbfb 2.5em); background-size: 100% 2.5em; border: 1px solid #f9f2f4; } .netconfig pre code { background-color: transparent; }