@charset "UTF-8";
@font-face {
  font-family: "icomoon";
  src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1380852/icomoon.ttf?l3d5b1") format("truetype"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1380852/icomoon.woff?l3d5b1") format("woff"), url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1380852/icomoon.svg?l3d5b1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
i:not(.material-icons) {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  padding-bottom: 5px;
  font-size: 1.25em;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#loader{
  position:absolute;top:0px;left:0px;width:100vw;
  height:100vh;
  display:flex;
  flex-direction:column;
  align-content:center;
  justify-content:center;
  justify-items:center;
  align-items:center;
  flex-wrap:wrap;
  background-color:#ffffff;
  z-index: 999999999999;
}

#magicbooksio{
  display:flex;
  flex-direction:row;
  color:#ffffff;
  flex-wrap:wrap;
  align-items: center;
}

@media screen and (min-width:768px) {
#magicbooksio h1 {
  text-shadow: 1px 1px 0 #b3c0ce;
  font-size: 2rem;
  vertical-align: middle;
  margin: 0px auto;
  color: #62defd;
}
aside {
  background-color: #FAFAFA;
  height: calc(100vh - 67px);
  width: 280px;
  z-index: 100;  
  position: fixed;
  top: 61px;
  left:0px;
  transition: all 1s ease-in-out;
}

.open{
  transform:translateX(280px);
}
}
.indigo {
  background-color: #45c8f1 !important;
}

.icon-elementor:before {
  content: "";
}

.icon-elementor-square:before {
  content: "";
}

.icon-pojome:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-menu2:before {
  content: "";
}

.icon-apps:before {
  content: "";
}

.icon-accordion:before {
  content: "";
}

.icon-alert:before {
  content: "";
}

.icon-animation-text:before {
  content: "";
}

.icon-animation:before {
  content: "";
}

.icon-banner:before {
  content: "";
}

.icon-blockquote:before {
  content: "";
}

.icon-button2:before {
  content: "";
}

.icon-call-to-action:before {
  content: "";
}

.icon-captcha:before {
  content: "";
}

.icon-carousel:before {
  content: "";
}

.icon-checkbox:before {
  content: "";
}

.icon-columns:before {
  content: "";
}

.icon-countdown:before {
  content: "";
}

.icon-counter:before {
  content: "";
}

.icon-date:before {
  content: "";
}

.icon-divider-shape:before {
  content: "";
}

.icon-divider:before {
  content: "";
}

.icon-download-button:before {
  content: "";
}

.icon-dual-button:before {
  content: "";
}

.icon-email-field:before {
  content: "";
}

.icon-facebook-comments:before {
  content: "";
}

.icon-facebook-like-box:before {
  content: "";
}

.icon-form-horizontal:before {
  content: "";
}

.icon-form-vertical:before {
  content: "";
}

.icon-gallery-grid:before {
  content: "";
}

.icon-gallery-group:before {
  content: "";
}

.icon-gallery-justified:before {
  content: "";
}

.icon-gallery-masonry:before {
  content: "";
}

.icon-icon-box:before {
  content: "";
}

.icon-image-before-after:before {
  content: "";
}

.icon-image-box:before {
  content: "";
}

.icon-image-hotspot:before {
  content: "";
}

.icon-image-rollover:before {
  content: "";
}

.icon-info-box:before {
  content: "";
}

.icon-inner-section:before {
  content: "";
}

.icon-mailchimp:before {
  content: "";
}

.icon-menu-card:before {
  content: "";
}

.icon-navigation-horizontal:before {
  content: "";
}

.icon-navigation-menu:before {
  content: "";
}

.icon-navigation-vertical:before {
  content: "";
}

.icon-number-field:before {
  content: "";
}

.icon-parallax:before {
  content: "";
}

.icon-php7:before {
  content: "";
}

.icon-post-list:before {
  content: "";
}

.icon-post-slider:before {
  content: "";
}

.icon-post:before {
  content: "";
}

.icon-posts-carousel:before {
  content: "";
}

.icon-posts-grid:before {
  content: "";
}

.icon-posts-group:before {
  content: "";
}

.icon-posts-justified:before {
  content: "";
}

.icon-posts-masonry:before {
  content: "";
}

.icon-posts-ticker:before {
  content: "";
}

.icon-price-list:before {
  content: "";
}

.icon-price-table:before {
  content: "";
}

.icon-radio:before {
  content: "";
}

.icon-rtl:before {
  content: "";
}

.icon-scroll:before {
  content: "";
}

.icon-search2:before {
  content: "";
}

.icon-select:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-sidebar:before {
  content: "";
}

.icon-skill-bar:before {
  content: "";
}

.icon-slider-3d:before {
  content: "";
}

.icon-slider-album:before {
  content: "";
}

.icon-slider-device:before {
  content: "";
}

.icon-slider-full-screen:before {
  content: "";
}

.icon-slider-push:before {
  content: "";
}

.icon-slider-vertical:before {
  content: "";
}

.icon-slider-video:before {
  content: "";
}

.icon-slideshow:before {
  content: "";
}

.icon-social-icons:before {
  content: "";
}

.icon-spacer:before {
  content: "";
}

.icon-table:before {
  content: "";
}

.icon-tabs:before {
  content: "";
}

.icon-tel-field:before {
  content: "";
}

.icon-text-area:before {
  content: "";
}

.icon-text-field:before {
  content: "";
}

.icon-thumbnails-down:before {
  content: "";
}

.icon-thumbnails-half:before {
  content: "";
}

.icon-thumbnails-right:before {
  content: "";
}

.icon-time-line:before {
  content: "";
}

.icon-toggle:before {
  content: "";
}

.icon-url:before {
  content: "";
}

.icon-type-tool:before {
  content: "";
}

.icon-wordpress2:before {
  content: "";
}

.icon-align-left-1:before {
  content: "";
}

.icon-anchor:before {
  content: "";
}

.icon-bullet-list:before {
  content: "";
}

.icon-coding:before {
  content: "";
}

.icon-favorite:before {
  content: "";
}

.icon-google-maps:before {
  content: "";
}

.icon-insert-image:before {
  content: "";
}

.icon-photo-library:before {
  content: "";
}

.icon-woocommerce:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-flip-box:before {
  content: "";
}

.icon-settings2:before {
  content: "";
}

.icon-headphones:before {
  content: "";
}

.icon-testimonial:before {
  content: "";
}

.icon-counter-circle:before {
  content: "";
}

.icon-person:before {
  content: "";
}

.icon-chevron-right:before {
  content: "";
}

.icon-chevron-left:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-file-download:before {
  content: "";
}

.icon-save:before {
  content: "";
}

.icon-zoom-in:before {
  content: "";
}

.icon-shortcode:before {
  content: "";
}

.icon-nerd:before {
  content: "";
}

.icon-device-desktop:before {
  content: "";
}

.icon-device-tablet:before {
  content: "";
}

.icon-device-mobile:before {
  content: "";
}

.icon-document-file:before {
  content: "";
}

.icon-folder:before {
  content: "";
}

.icon-hypster:before {
  content: "";
}

.icon-h-align-left:before {
  content: "";
}

.icon-h-align-right:before {
  content: "";
}

.icon-h-align-center:before {
  content: "";
}

.icon-h-align-stretch:before {
  content: "";
}

.icon-v-align-top:before {
  content: "";
}

.icon-v-align-bottom:before {
  content: "";
}

.icon-v-align-middle:before {
  content: "";
}

.icon-v-align-stretch:before {
  content: "";
}

.icon-pro-icon:before {
  content: "";
}

.icon-mail2:before {
  content: "";
}

.icon-lock-user:before {
  content: "";
}

.icon-error:before {
  content: "";
}

.icon-bars:before {
  content: "";
}

.icon-unavailable:before {
  content: "";
}

.icon-pause2:before {
  content: "";
}

.icon-play_arrow:before {
  content: "";
}

.icon-play_circle:before {
  content: "";
}

.icon-stop3:before {
  content: "";
}

.icon-video:before {
  content: "";
}

.icon-web:before {
  content: "";
}

.icon-company:before {
  content: "";
}

.icon-phone2:before {
  content: "";
}

.icon-call_received:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-location3:before {
  content: "";
}

.icon-redirect:before {
  content: "";
}

.icon-add:before {
  content: "";
}

.icon-add_circle:before {
  content: "";
}

.icon-add_outline:before {
  content: "";
}

.icon-close2:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-redo3:before {
  content: "";
}

.icon-remove:before {
  content: "";
}

.icon-remove_circle:before {
  content: "";
}

.icon-remove_outline:before {
  content: "";
}

.icon-undo3:before {
  content: "";
}

.icon-time:before {
  content: "";
}

.icon-widgets:before {
  content: "";
}

.icon-attach_money:before {
  content: "";
}

.icon-clear_formatting:before {
  content: "";
}

.icon-text_input:before {
  content: "";
}

.icon-quote:before {
  content: "";
}

.icon-text_size:before {
  content: "";
}

.icon-strikethrough2:before {
  content: "";
}

.icon-image2:before {
  content: "";
}

.icon-file_download:before {
  content: "";
}

.icon-file_upload:before {
  content: "";
}

.icon-down_angle:before {
  content: "";
}

.icon-left_angle:before {
  content: "";
}

.icon-right_angle:before {
  content: "";
}

.icon-up_angle:before {
  content: "";
}

.icon-laptop_view:before {
  content: "";
}

.icon-phone_view:before {
  content: "";
}

.icon-tablet_view:before {
  content: "";
}

.icon-3_icon:before {
  content: "";
}

.icon-4_icon:before {
  content: "";
}

.icon-5_icon:before {
  content: "";
}

.icon-6_icon:before {
  content: "";
}

.icon-1_icon:before {
  content: "";
}

.icon-2_icon:before {
  content: "";
}

.icon-image_library:before {
  content: "";
}

.icon-view:before {
  content: "";
}

.icon-tips:before {
  content: "";
}

.icon-large_image:before {
  content: "";
}

.icon-layers:before {
  content: "";
}

.icon-map3:before {
  content: "";
}

.icon-left_arrow:before {
  content: "";
}

.icon-down_caret:before {
  content: "";
}

.icon-dropdown:before {
  content: "";
}

.icon-up_caret:before {
  content: "";
}

.icon-right_arrow:before {
  content: "";
}

.icon-close_circle:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-menu:before {
  content: "";
}

.icon-ellipsis:before {
  content: "";
}

.icon-more_vert:before {
  content: "";
}

.icon-date2:before {
  content: "";
}

.icon-sync:before {
  content: "";
}

.icon-city:before {
  content: "";
}

.icon-notifications:before {
  content: "";
}

.icon-notifications_outline:before {
  content: "";
}

.icon-notifications_off:before {
  content: "";
}

.icon-person2:before {
  content: "";
}

.icon-poll:before {
  content: "";
}

.icon-share3:before {
  content: "";
}

.icon-enclosed_checkmark:before {
  content: "";
}

.icon-unchecked_box:before {
  content: "";
}

.icon-radio_button_unchecked:before {
  content: "";
}

.icon-radio_button_checked:before {
  content: "";
}

.icon-name:before {
  content: "";
}

.icon-alarm2:before {
  content: "";
}

.icon-form:before {
  content: "";
}

.icon-setup:before {
  content: "";
}

.icon-check_circle:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-help_circle:before {
  content: "";
}

.icon-close_outline:before {
  content: "";
}

.icon-info2:before {
  content: "";
}

.icon-label:before {
  content: "";
}

.icon-lock:before {
  content: "";
}

.icon-ended:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-sort:before {
  content: "";
}

.icon-like:before {
  content: "";
}

.icon-view_module:before {
  content: "";
}

.icon-hide:before {
  content: "";
}

.icon-zoom_in:before {
  content: "";
}

.icon-zoom_out:before {
  content: "";
}

.icon-iso:before {
  content: "";
}

.icon-tune:before {
  content: "";
}

.icon-map2:before {
  content: "";
}

.icon-unlink:before {
  content: "";
}

.icon-split_test:before {
  content: "";
}

.icon-move:before {
  content: "";
}

.icon-checked_list:before {
  content: "";
}

.icon-checked_box:before {
  content: "";
}

.icon-number:before {
  content: "";
}

.icon-image_placeholder:before {
  content: "";
}

.icon-headline:before {
  content: "";
}

.icon-button:before {
  content: "";
}

.icon-line:before {
  content: "";
}

.icon-space:before {
  content: "";
}

.icon-lp-symbol:before {
  content: "";
}

.icon-exit_app:before {
  content: "";
}

.icon-google_plus:before {
  content: "";
}

.icon-horizontal_orientation:before {
  content: "";
}

.icon-vertical_orientation:before {
  content: "";
}

.icon-school:before {
  content: "";
}

.icon-add_shopping_cart:before {
  content: "";
}

.icon-shopping_cart:before {
  content: "";
}

.icon-pending:before {
  content: "";
}

.icon-help:before {
  content: "";
}

.icon-wordpress:before {
  content: "";
}

.icon-down_arrow:before {
  content: "";
}

.icon-up_arrow:before {
  content: "";
}

.icon-align_center:before {
  content: "";
}

.icon-align_justify:before {
  content: "";
}

.icon-align_left:before {
  content: "";
}

.icon-align_right:before {
  content: "";
}

.icon-format_underlined:before {
  content: "";
}

.icon-code:before {
  content: "";
}

.icon-text_format:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-bold:before {
  content: "";
}

.icon-italic:before {
  content: "";
}

.icon-calendar_text:before {
  content: "";
}

.icon-image_text:before {
  content: "";
}

.icon-text:before {
  content: "";
}

.icon-delete:before {
  content: "";
}

.icon-analytics:before {
  content: "";
}

.icon-style:before {
  content: "";
}

.icon-bulleted_list:before {
  content: "";
}

.icon-numbered_list:before {
  content: "";
}

.icon-facebook3:before {
  content: "";
}

.icon-linkedin3:before {
  content: "";
}

.icon-twitter2:before {
  content: "";
}

.icon-success_line:before {
  content: "";
}

.icon-error_line:before {
  content: "";
}

.icon-info_line:before {
  content: "";
}

.icon-progress_bar:before {
  content: "";
}

.icon-lp-symbol-old:before {
  content: "";
}

.icon-floating_point:before {
  content: "";
}

.icon-feedback:before {
  content: "";
}

.icon-double_left_angle:before {
  content: "";
}

.icon-double_right_angle:before {
  content: "";
}

.icon-transparent:before {
  content: "";
}

.icon-format_uppercase:before {
  content: "";
}

.icon-facebook_icon:before {
  content: "";
}

.icon-google_plus_icon:before {
  content: "";
}

.icon-linkedin_icon:before {
  content: "";
}

.icon-twitter_icon:before {
  content: "";
}

.icon-border_line_style:before {
  content: "";
}

.icon-winner:before {
  content: "";
}

.icon-opt_in:before {
  content: "";
}

.icon-conversion_rate:before {
  content: "";
}

.icon-conversion_event:before {
  content: "";
}

.icon-discovery:before {
  content: "";
}

.icon-consideration:before {
  content: "";
}

.icon-conversion:before {
  content: "";
}

.icon-repeat_purchases:before {
  content: "";
}

.icon-retention:before {
  content: "";
}

.icon-error_noline:before {
  content: "";
}

.icon-different_page:before {
  content: "";
}

.icon-draft_circle:before {
  content: "";
}

.icon-duplicate:before {
  content: "";
}

.icon-external_link:before {
  content: "";
}

.icon-mood_bad:before {
  content: "";
}

.icon-mood_good:before {
  content: "";
}

.icon-release_notes:before {
  content: "";
}

.icon-drag_handle:before {
  content: "";
}

.icon-endpoints:before {
  content: "";
}

.icon-funnel:before {
  content: "";
}

.icon-connect:before {
  content: "";
}

.icon-brackets:before {
  content: "";
}

.icon-explore_outline:before {
  content: "";
}

.icon-automate:before {
  content: "";
}

.icon-tour:before {
  content: "";
}

.icon-create_account:before {
  content: "";
}

.icon-check_circle_outline:before {
  content: "";
}

.icon-visits_circle:before {
  content: "";
}

.icon-revenue_circle:before {
  content: "";
}

.icon-resize_horizontal:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-home2:before {
  content: "";
}

.icon-home3:before {
  content: "";
}

.icon-office:before {
  content: "";
}

.icon-newspaper:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-pencil2:before {
  content: "";
}

.icon-quill:before {
  content: "";
}

.icon-pen:before {
  content: "";
}

.icon-blog:before {
  content: "";
}

.icon-eyedropper:before {
  content: "";
}

.icon-droplet:before {
  content: "";
}

.icon-paint-format:before {
  content: "";
}

.icon-image:before {
  content: "";
}

.icon-images:before {
  content: "";
}

.icon-camera:before {
  content: "";
}

.icon-headphones2:before {
  content: "";
}

.icon-music:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-film:before {
  content: "";
}

.icon-video-camera:before {
  content: "";
}

.icon-dice:before {
  content: "";
}

.icon-pacman:before {
  content: "";
}

.icon-spades:before {
  content: "";
}

.icon-clubs:before {
  content: "";
}

.icon-diamonds:before {
  content: "";
}

.icon-bullhorn:before {
  content: "";
}

.icon-connection:before {
  content: "";
}

.icon-podcast:before {
  content: "";
}

.icon-feed:before {
  content: "";
}

.icon-mic:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-books:before {
  content: "";
}

.icon-library:before {
  content: "";
}

.icon-file-text:before {
  content: "";
}

.icon-profile:before {
  content: "";
}

.icon-file-empty:before {
  content: "";
}

.icon-files-empty:before {
  content: "";
}

.icon-file-text2:before {
  content: "";
}

.icon-file-picture:before {
  content: "";
}

.icon-file-music:before {
  content: "";
}

.icon-file-play:before {
  content: "";
}

.icon-file-video:before {
  content: "";
}

.icon-file-zip:before {
  content: "";
}

.icon-copy:before {
  content: "";
}

.icon-paste:before {
  content: "";
}

.icon-stack:before {
  content: "";
}

.icon-folder2:before {
  content: "";
}

.icon-folder-open:before {
  content: "";
}

.icon-folder-plus:before {
  content: "";
}

.icon-folder-minus:before {
  content: "";
}

.icon-folder-download:before {
  content: "";
}

.icon-folder-upload:before {
  content: "";
}

.icon-price-tag:before {
  content: "";
}

.icon-price-tags:before {
  content: "";
}

.icon-barcode:before {
  content: "";
}

.icon-qrcode:before {
  content: "";
}

.icon-ticket:before {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-coin-dollar:before {
  content: "";
}

.icon-coin-euro:before {
  content: "";
}

.icon-coin-pound:before {
  content: "";
}

.icon-coin-yen:before {
  content: "";
}

.icon-credit-card:before {
  content: "";
}

.icon-calculator:before {
  content: "";
}

.icon-lifebuoy:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-phone-hang-up:before {
  content: "";
}

.icon-address-book:before {
  content: "";
}

.icon-envelop:before {
  content: "";
}

.icon-pushpin:before {
  content: "";
}

.icon-location:before {
  content: "";
}

.icon-location2:before {
  content: "";
}

.icon-compass:before {
  content: "";
}

.icon-compass2:before {
  content: "";
}

.icon-map:before {
  content: "";
}

.icon-map22:before {
  content: "";
}

.icon-history:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-clock2:before {
  content: "";
}

.icon-alarm:before {
  content: "";
}

.icon-bell:before {
  content: "";
}

.icon-stopwatch:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-keyboard:before {
  content: "";
}

.icon-display:before {
  content: "";
}

.icon-laptop:before {
  content: "";
}

.icon-mobile:before {
  content: "";
}

.icon-mobile2:before {
  content: "";
}

.icon-tablet:before {
  content: "";
}

.icon-tv:before {
  content: "";
}

.icon-drawer:before {
  content: "";
}

.icon-drawer2:before {
  content: "";
}

.icon-box-add:before {
  content: "";
}

.icon-box-remove:before {
  content: "";
}

.icon-download:before {
  content: "";
}

.icon-upload:before {
  content: "";
}

.icon-floppy-disk:before {
  content: "";
}

.icon-drive:before {
  content: "";
}

.icon-database:before {
  content: "";
}

.icon-undo:before {
  content: "";
}

.icon-redo:before {
  content: "";
}

.icon-undo2:before {
  content: "";
}

.icon-redo2:before {
  content: "";
}

.icon-forward:before {
  content: "";
}

.icon-reply:before {
  content: "";
}

.icon-bubble:before {
  content: "";
}

.icon-bubbles:before {
  content: "";
}

.icon-bubbles2:before {
  content: "";
}

.icon-bubble2:before {
  content: "";
}

.icon-bubbles3:before {
  content: "";
}

.icon-bubbles4:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-users:before {
  content: "";
}

.icon-user-plus:before {
  content: "";
}

.icon-user-minus:before {
  content: "";
}

.icon-user-check:before {
  content: "";
}

.icon-user-tie:before {
  content: "";
}

.icon-quotes-left:before {
  content: "";
}

.icon-quotes-right:before {
  content: "";
}

.icon-hour-glass:before {
  content: "";
}

.icon-spinner:before {
  content: "";
}

.icon-spinner2:before {
  content: "";
}

.icon-spinner3:before {
  content: "";
}

.icon-spinner4:before {
  content: "";
}

.icon-spinner5:before {
  content: "";
}

.icon-spinner6:before {
  content: "";
}

.icon-spinner7:before {
  content: "";
}

.icon-spinner8:before {
  content: "";
}

.icon-spinner9:before {
  content: "";
}

.icon-spinner11:before {
  content: "";
}

.icon-binoculars:before {
  content: "";
}

.icon-search3:before {
  content: "";
}

.icon-zoom-out:before {
  content: "";
}

.icon-enlarge2:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-key2:before {
  content: "";
}

.icon-lock2:before {
  content: "";
}

.icon-unlocked:before {
  content: "";
}

.icon-wrench:before {
  content: "";
}

.icon-equalizer:before {
  content: "";
}

.icon-cog:before {
  content: "";
}

.icon-hammer:before {
  content: "";
}

.icon-aid-kit:before {
  content: "";
}

.icon-pie-chart:before {
  content: "";
}

.icon-stats-bars:before {
  content: "";
}

.icon-trophy:before {
  content: "";
}

.icon-glass:before {
  content: "";
}

.icon-glass2:before {
  content: "";
}

.icon-mug:before {
  content: "";
}

.icon-spoon-knife:before {
  content: "";
}

.icon-rocket:before {
  content: "";
}

.icon-meter:before {
  content: "";
}

.icon-meter2:before {
  content: "";
}

.icon-lab:before {
  content: "";
}

.icon-bin:before {
  content: "";
}

.icon-bin2:before {
  content: "";
}

.icon-airplane:before {
  content: "";
}

.icon-road:before {
  content: "";
}

.icon-target:before {
  content: "";
}

.icon-shield:before {
  content: "";
}

.icon-power:before {
  content: "";
}

.icon-switch:before {
  content: "";
}

.icon-power-cord:before {
  content: "";
}

.icon-list-numbered:before {
  content: "";
}

.icon-tree:before {
  content: "";
}

.icon-menu22:before {
  content: "";
}

.icon-menu3:before {
  content: "";
}

.icon-menu4:before {
  content: "";
}

.icon-cloud:before {
  content: "";
}

.icon-cloud-download:before {
  content: "";
}

.icon-cloud-upload:before {
  content: "";
}

.icon-cloud-check:before {
  content: "";
}

.icon-download2:before {
  content: "";
}

.icon-download3:before {
  content: "";
}

.icon-sphere:before {
  content: "";
}

.icon-earth:before {
  content: "";
}

.icon-link2:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-attachment:before {
  content: "";
}

.icon-eye:before {
  content: "";
}

.icon-eye-plus:before {
  content: "";
}

.icon-eye-minus:before {
  content: "";
}

.icon-eye-blocked:before {
  content: "";
}

.icon-bookmark:before {
  content: "";
}

.icon-bookmarks:before {
  content: "";
}

.icon-sun:before {
  content: "";
}

.icon-contrast:before {
  content: "";
}

.icon-brightness-contrast:before {
  content: "";
}

.icon-star-empty:before {
  content: "";
}

.icon-star-half:before {
  content: "";
}

.icon-star-full:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-heart-broken:before {
  content: "";
}

.icon-man:before {
  content: "";
}

.icon-woman:before {
  content: "";
}

.icon-man-woman:before {
  content: "";
}

.icon-happy:before {
  content: "";
}

.icon-happy2:before {
  content: "";
}

.icon-smile:before {
  content: "";
}

.icon-smile2:before {
  content: "";
}

.icon-tongue:before {
  content: "";
}

.icon-tongue2:before {
  content: "";
}

.icon-sad:before {
  content: "";
}

.icon-sad2:before {
  content: "";
}

.icon-wink:before {
  content: "";
}

.icon-wink2:before {
  content: "";
}

.icon-grin:before {
  content: "";
}

.icon-grin2:before {
  content: "";
}

.icon-cool:before {
  content: "";
}

.icon-cool2:before {
  content: "";
}

.icon-angry:before {
  content: "";
}

.icon-angry2:before {
  content: "";
}

.icon-evil:before {
  content: "";
}

.icon-evil2:before {
  content: "";
}

.icon-shocked:before {
  content: "";
}

.icon-shocked2:before {
  content: "";
}

.icon-baffled:before {
  content: "";
}

.icon-baffled2:before {
  content: "";
}

.icon-confused:before {
  content: "";
}

.icon-confused2:before {
  content: "";
}

.icon-neutral:before {
  content: "";
}

.icon-neutral2:before {
  content: "";
}

.icon-hipster:before {
  content: "";
}

.icon-hipster2:before {
  content: "";
}

.icon-wondering:before {
  content: "";
}

.icon-wondering2:before {
  content: "";
}

.icon-sleepy:before {
  content: "";
}

.icon-sleepy2:before {
  content: "";
}

.icon-frustrated:before {
  content: "";
}

.icon-frustrated2:before {
  content: "";
}

.icon-crying:before {
  content: "";
}

.icon-crying2:before {
  content: "";
}

.icon-point-up:before {
  content: "";
}

.icon-point-right:before {
  content: "";
}

.icon-point-down:before {
  content: "";
}

.icon-point-left:before {
  content: "";
}

.icon-warning:before {
  content: "";
}

.icon-notification:before {
  content: "";
}

.icon-question:before {
  content: "";
}

.icon-plus2:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-cancel-circle:before {
  content: "";
}

.icon-blocked:before {
  content: "";
}

.icon-cross:before {
  content: "";
}

.icon-checkmark:before {
  content: "";
}

.icon-checkmark2:before {
  content: "";
}

.icon-spell-check:before {
  content: "";
}

.icon-enter:before {
  content: "";
}

.icon-exit:before {
  content: "";
}

.icon-play2:before {
  content: "";
}

.icon-pause:before {
  content: "";
}

.icon-stop:before {
  content: "";
}

.icon-previous:before {
  content: "";
}

.icon-stop2:before {
  content: "";
}

.icon-backward2:before {
  content: "";
}

.icon-forward3:before {
  content: "";
}

.icon-first:before {
  content: "";
}

.icon-last:before {
  content: "";
}

.icon-previous2:before {
  content: "";
}

.icon-next2:before {
  content: "";
}

.icon-eject:before {
  content: "";
}

.icon-volume-high:before {
  content: "";
}

.icon-volume-medium:before {
  content: "";
}

.icon-volume-low:before {
  content: "";
}

.icon-volume-mute:before {
  content: "";
}

.icon-volume-mute2:before {
  content: "";
}

.icon-volume-increase:before {
  content: "";
}

.icon-volume-decrease:before {
  content: "";
}

.icon-loop:before {
  content: "";
}

.icon-loop2:before {
  content: "";
}

.icon-infinite:before {
  content: "";
}

.icon-shuffle:before {
  content: "";
}

.icon-arrow-up-left:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-arrow-up-right:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-arrow-down-right:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-down-left:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-up-left2:before {
  content: "";
}

.icon-arrow-up2:before {
  content: "";
}

.icon-arrow-up-right2:before {
  content: "";
}

.icon-arrow-right2:before {
  content: "";
}

.icon-arrow-down-right2:before {
  content: "";
}

.icon-arrow-down2:before {
  content: "";
}

.icon-arrow-down-left2:before {
  content: "";
}

.icon-arrow-left2:before {
  content: "";
}

.icon-circle-up:before {
  content: "";
}

.icon-circle-right:before {
  content: "";
}

.icon-circle-down:before {
  content: "";
}

.icon-circle-left:before {
  content: "";
}

.icon-tab:before {
  content: "";
}

.icon-move-up:before {
  content: "";
}

.icon-move-down:before {
  content: "";
}

.icon-sort-alpha-asc:before {
  content: "";
}

.icon-sort-alpha-desc:before {
  content: "";
}

.icon-sort-numeric-asc:before {
  content: "";
}

.icon-sort-numberic-desc:before {
  content: "";
}

.icon-sort-amount-asc:before {
  content: "";
}

.icon-sort-amount-desc:before {
  content: "";
}

.icon-command:before {
  content: "";
}

.icon-shift:before {
  content: "";
}

.icon-ctrl:before {
  content: "";
}

.icon-opt:before {
  content: "";
}

.icon-checkbox-checked:before {
  content: "";
}

.icon-checkbox-unchecked:before {
  content: "";
}

.icon-radio-checked:before {
  content: "";
}

.icon-radio-checked2:before {
  content: "";
}

.icon-radio-unchecked:before {
  content: "";
}

.icon-crop:before {
  content: "";
}

.icon-make-group:before {
  content: "";
}

.icon-ungroup:before {
  content: "";
}

.icon-scissors:before {
  content: "";
}

.icon-filter:before {
  content: "";
}

.icon-font:before {
  content: "";
}

.icon-ligature:before {
  content: "";
}

.icon-ligature2:before {
  content: "";
}

.icon-text-height:before {
  content: "";
}

.icon-text-width:before {
  content: "";
}

.icon-font-size:before {
  content: "";
}

.icon-bold2:before {
  content: "";
}

.icon-underline:before {
  content: "";
}

.icon-italic2:before {
  content: "";
}

.icon-strikethrough:before {
  content: "";
}

.icon-omega:before {
  content: "";
}

.icon-sigma:before {
  content: "";
}

.icon-page-break:before {
  content: "";
}

.icon-superscript:before {
  content: "";
}

.icon-subscript:before {
  content: "";
}

.icon-superscript2:before {
  content: "";
}

.icon-subscript2:before {
  content: "";
}

.icon-text-color:before {
  content: "";
}

.icon-pagebreak:before {
  content: "";
}

.icon-clear-formatting:before {
  content: "";
}

.icon-table2:before {
  content: "";
}

.icon-table22:before {
  content: "";
}

.icon-insert-template:before {
  content: "";
}

.icon-pilcrow:before {
  content: "";
}

.icon-ltr:before {
  content: "";
}

.icon-rtl2:before {
  content: "";
}

.icon-section:before {
  content: "";
}

.icon-paragraph-left:before {
  content: "";
}

.icon-paragraph-center:before {
  content: "";
}

.icon-paragraph-right:before {
  content: "";
}

.icon-paragraph-justify:before {
  content: "";
}

.icon-indent-increase:before {
  content: "";
}

.icon-indent-decrease:before {
  content: "";
}

.icon-share2:before {
  content: "";
}

.icon-new-tab:before {
  content: "";
}

.icon-embed:before {
  content: "";
}

.icon-embed2:before {
  content: "";
}

.icon-terminal:before {
  content: "";
}

.icon-share22:before {
  content: "";
}

.icon-mail3:before {
  content: "";
}

.icon-mail22:before {
  content: "";
}

.icon-mail32:before {
  content: "";
}

.icon-mail4:before {
  content: "";
}

.icon-amazon:before {
  content: "";
}

.icon-google:before {
  content: "";
}

.icon-google2:before {
  content: "";
}

.icon-google3:before {
  content: "";
}

.icon-google-plus:before {
  content: "";
}

.icon-google-plus2:before {
  content: "";
}

.icon-google-plus3:before {
  content: "";
}

.icon-hangouts:before {
  content: "";
}

.icon-google-drive:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-facebook2:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-whatsapp:before {
  content: "";
}

.icon-spotify:before {
  content: "";
}

.icon-telegram:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-vine:before {
  content: "";
}

.icon-vk:before {
  content: "";
}

.icon-renren:before {
  content: "";
}

.icon-sina-weibo:before {
  content: "";
}

.icon-rss:before {
  content: "";
}

.icon-rss2:before {
  content: "";
}

.icon-youtube2:before {
  content: "";
}

.icon-youtube22:before {
  content: "";
}

.icon-twitch:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-vimeo2:before {
  content: "";
}

.icon-lanyrd:before {
  content: "";
}

.icon-flickr:before {
  content: "";
}

.icon-flickr2:before {
  content: "";
}

.icon-flickr3:before {
  content: "";
}

.icon-flickr4:before {
  content: "";
}

.icon-dribbble:before {
  content: "";
}

.icon-behance:before {
  content: "";
}

.icon-behance2:before {
  content: "";
}

.icon-deviantart:before {
  content: "";
}

.icon-500px:before {
  content: "";
}

.icon-steam:before {
  content: "";
}

.icon-steam2:before {
  content: "";
}

.icon-dropbox:before {
  content: "";
}

.icon-onedrive:before {
  content: "";
}

.icon-github:before {
  content: "";
}

.icon-npm:before {
  content: "";
}

.icon-basecamp:before {
  content: "";
}

.icon-trello:before {
  content: "";
}

.icon-wordpress3:before {
  content: "";
}

.icon-joomla:before {
  content: "";
}

.icon-ello:before {
  content: "";
}

.icon-blogger:before {
  content: "";
}

.icon-blogger2:before {
  content: "";
}

.icon-tumblr:before {
  content: "";
}

.icon-tumblr2:before {
  content: "";
}

.icon-yahoo:before {
  content: "";
}

.icon-yahoo2:before {
  content: "";
}

.icon-tux:before {
  content: "";
}

.icon-appleinc:before {
  content: "";
}

.icon-finder:before {
  content: "";
}

.icon-android:before {
  content: "";
}

.icon-windows:before {
  content: "";
}

.icon-windows8:before {
  content: "";
}

.icon-soundcloud:before {
  content: "";
}

.icon-soundcloud2:before {
  content: "";
}

.icon-skype:before {
  content: "";
}

.icon-reddit:before {
  content: "";
}

.icon-hackernews:before {
  content: "";
}

.icon-wikipedia:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-linkedin2:before {
  content: "";
}

.icon-lastfm:before {
  content: "";
}

.icon-lastfm2:before {
  content: "";
}

.icon-delicious:before {
  content: "";
}

.icon-stumbleupon:before {
  content: "";
}

.icon-stumbleupon2:before {
  content: "";
}

.icon-stackoverflow:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-pinterest2:before {
  content: "";
}

.icon-xing:before {
  content: "";
}

.icon-xing2:before {
  content: "";
}

.icon-flattr:before {
  content: "";
}

.icon-foursquare:before {
  content: "";
}

.icon-yelp:before {
  content: "";
}

.icon-paypal:before {
  content: "";
}

.icon-chrome:before {
  content: "";
}

.icon-firefox:before {
  content: "";
}

.icon-IE:before {
  content: "";
}

.icon-edge:before {
  content: "";
}

.icon-safari:before {
  content: "";
}

.icon-opera:before {
  content: "";
}

.icon-file-pdf:before {
  content: "";
}

.icon-file-openoffice:before {
  content: "";
}

.icon-file-word:before {
  content: "";
}

.icon-file-excel:before {
  content: "";
}

.icon-libreoffice:before {
  content: "";
}

.icon-html-five:before {
  content: "";
}

.icon-html-five2:before {
  content: "";
}

.icon-css3:before {
  content: "";
}

.icon-git:before {
  content: "";
}

.icon-codepen:before {
  content: "";
}

.icon-svg:before {
  content: "";
}

.icon-IcoMoon:before {
  content: "";
}

.c-default {
  color: rgba(0, 0, 0, 0.66);
}

.c-grey {
  color: #8492a6;
 
  padding: 5px;
  border-radius: 100%;
  margin: 5px;
}

.b-0, .collapsible:not(.active) .collapsible-header {
  border: none;
}

.bb-lg {
  border-bottom: 1px solid #DDDDDD;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0;
}

.pt-1 {
  padding-top: 1em;
}

.bt-0 {
  border-top: none;
}

.flex, .center-round, .btn-group, aside li.page-item, .card {
  display: flex;
}

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

.flex-center, .center-round {
  justify-content: center;
  align-items: center;
}

.flex-spred {
  justify-content: space-between;
  align-items: center;
}

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

.flex-1 {
  flex: 1;
}

.move {
  cursor: move;
}

.em-3-4 {
  font-size: 0.75em !important;
  line-height: 1em !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 1em;
}

.pl-1 {
  padding-left: 1em;
}

.pl-0-5 {
  padding-left: 0.5em !important;
}

.mt-2-5 {
  margin-top: 2.5em;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-4 {
  margin-right: 4em !important;
}

.ml-375 {
  margin-left: 0.375em;
}

.rad-25 {
  border-radius: 4px;
}

.no-shadow {
  box-shadow: none;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Roboto, sans-serif;
  background-color: #ffffff;
  min-width: 100vw;
  height: 100vh;
  display: flex;
  margin: 0px;
  overflow:hidden;
}

.editor::-webkit-scrollbar{
  display:none!important
}

kor-page::-webkit-scrollbar{
  display:none!important;
}

body::-webkit-scrollbar{
  display:none!important;
}
.rotate-90 {
  transform: rotate(90deg);
}

.on-hover {
  cursor: pointer;
}
.on-hover:hover .hover-show {
  opacity: 1;
}
.on-hover .hover-show {
  transition: opacity 400ms ease-in;
  opacity: 0;
}

.flip-horz {
  transform: rotate(180deg);
}

.collapsible .active .rotate-180 {
  transform: rotate(180deg);
}

.paper, .editor-canvas, .editor-toolbar.over, aside {
  background-color: #FFFFFF;
  box-shadow: #4784f400 0px 2px 1px -1px, #4784f440 0px 1px 1px 0px, #4784f436 0px 1px 3px 0px;
}

.card {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  justify-content: space-between;
  border: 1px solid #F0F0F0;
  background-color: #FFFFFF;
  align-items: center;
  padding: 0.25em;
}

ul.custom-tabs li.tab {
  padding: 0;
  margin: 0;
  flex: 1;
}
ul.custom-tabs li.tab a {
  color: rgba(0, 0, 0, 0.66);
  padding: 0;
}
ul.custom-tabs li.tab a:hover, ul.custom-tabs li.tab a:focus {
  color: #3F51B5;
}
ul.custom-tabs li.tab a.active {
  color: #3F51B5;
}
ul.custom-tabs .indicator {
  background-color: #3F51B5;
}


aside ul {
  border-bottom: 1px solid #F0F0F0;
  background-color: #FFFFFF;
}
aside .panel-slide {
  padding: 0.25em;
}
aside li.page-item {
  justify-content: space-between;
  padding: 0.25em !important;
  align-items: center;
}
aside li.page-item .page-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875em;
}
aside li.page-item > * {
  color: #475262;
  font-weight: 300;
}

.editor {
  background-color: #c6e6f91a;;
  overflow-y: scroll;
  position: fixed;
  max-height: 100vh;
  height:100vh;
  width:100vw;
  display:flex;
  flex-direction: column;
  flex-wrap:wrap;
  align-items: center;
  align-content: center;
  justify-items:center;
  justify-content:flex-start;
  
}

.editor-toolbar {
  background-color: #ffffff;
  position: fixed;
  padding: 0 3.75em;
  left: 0px;
  z-index: 10;
  right: 0;
  top: 0;
  width: 100vw;
  box-shadow: #4784f400 0px 2px 1px -1px, #4784f440 0px 1px 1px 0px, #4784f436 0px 1px 3px 0px;
}

.editor-toolbar.preview {
  background-color: #ffffff;
  position: fixed;
  padding: 0 3.75em;
  left: 0px;
  z-index: 10;
  right: 0;
  top: 0;
  width:100vw;
  transform: translateY(-71px);
}

.toggles {
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translate(-50%);
  display: none;
  flex-direction: row;
  z-index: 13;
}


.editor-toolbar.over {
  background-color: #FFFFFF;
}

.editor-canvas {
  
  height: 740px;
  margin: 0px auto;  
  width:360px;
  top:50%;
  transform:translateY(-50%);
  position:fixed;
 
}
.editor-canvas.targeted {
  
  height: 740vh;  
  border: 1px solid #089afc;
  top:50%;
  transform:translateY(-50%);
  position:fixed;
  
}
.editor-canvas.preview {
  max-height:740px;
  height: 100vh;
  max-width: 100vw;
  width: 100vw;
  max-width:360px;
  margin: 0px;
  flex: 1;
  overflow-y: auto;
 
}
embedded-app {
  max-height:740px;
  height: 100vh;
  max-width: 100vw;
  width: 100vw;
  max-width:360px;
  margin: 0px;
  flex: 1;
  overflow-y: auto;
 
}

.editor-canvas.preview.mobile {
  
  min-height: 70vh;
  max-width: 400px;
  width:400px;
  margin: 0px auto;
  flex: 1;
  max-height: 700px;
  
  
}

.editor-canvas.preview.tablet {
 
  min-height: 90vh;
  max-width: 520px;
  height:800px;
  margin: 0px auto;
  flex: 1;
  max-height: 800px;
  
}

/*
@media (min-width: 110.5em) {
  .editor-canvas {
    margin-right: auto;
    margin-left: auto;
  }
  aside.draw-panel{
    background-color: #FAFAFA;
    height: calc(100vh - 60px);
    width: 280px;
    z-index: 100;
    position: fixed;
    top: 61px;
    left: -280px;
    transition: all .5s ease-in;
}

}
*/
@media screen and (max-width:768px){

  .desktop{
    display:none
  }

  #magicbooksio h1{
    display:none
  }
  aside.draw-panel{
    background-color: #FAFAFA;
    height: calc(100vh - 60px);
    width: 160px;
    z-index: 100;
    position: fixed;
    top: 61px;
    left: -160px;
    transition: all .5s ease-in;
    
}
.editor {
  background-color: #c6e6f91a;
  overflow: hidden;
  position: absolute;
  max-height: 100vh;
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: flex-start;
}

.editor-canvas{
  min-width:90vw;
  max-width:90vw;
  top:50%;
  transform:translateY(-50%);
  height: 80vh;
}
.editor-canvas.preview {
  
  min-height: 100vh!important;
  height: 100vh;
  max-width: 100vw;
  width: 100vw;
  margin: 0px auto;
  flex: 1;
  max-height: 100vw;
  position: fixed;
  top: 0px;
  left:0%;
  right:0%;
  transform:translateY(0%);
  transition: all 2.5s ease-in-out;
  -webkit-user-drag: none;
   
  
}

#main-canvas.preview {
  
  min-height: 100vh!important;
  height: 100vh;
  max-width: 100vw;
  width: 100vw;
  margin: 0px auto;
  flex: 1;
  max-height: 100vw;
  position: fixed;
  top: 0px;
  left:0%;
  right:0%;
  transform:translateY(0%);
  transition: all 2.5s ease-in-out;
  -webkit-user-drag: none;
   
  
}


}
.editor-canvas.targeted {
  
  height: 80vh;  
  
  border: 1px solid #089afc;
  top:50%;
  transform:translateY(-50%);
  position:fixed;
  
}

.open{
  transform:translateX(160px);
}

.no-break {
  white-space: nowrap;
  position: absolute;
  right: 20px;
  bottom: -5px;
  display: none;
}

.editor-toolbar {
  background-color: #ffffff;
  position: fixed;
  padding: 0 0.75em;
  left: 0px;
  z-index: 10;
  right: 0;
  top: 0;
  width: 100vw;
  min-height:60px;
}
#preview-tools{
  position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    width: 100vw;
    padding-right: 20px;
    
}
#preview-tools.preview {
  opacity:0.5;
  position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    width: 100vw;
    padding-right: 20px;

}
kor-card{
  width:90%
}

body.preview .sh-preview {
  position:fixed;
  bottom:5px;
  right:-45px;
  display:flex;
}
.btn-inverse {
  background-color: transparent !important;
  border: 1px solid #05ebe5;
  white-space: nowrap;
  color: #05ebe5;
  right: 5px;
  position: fixed;
  bottom: -5px;
}


body.preview#preview-tools.flex.preview a{
  opacity:0
}
body.preview#preview-tools.flex.preview > li:nth-child(10) > a{
opacity:0
}

body.preview #preview-tools li:nth-child(10) > a{
  opacity:0!important
}
.header-vertical-rule {
  background: rgba(123, 128, 138, 0.25);
  margin-left: 0.375em;
  display: none!important;
  min-height: 36px;
  width: 1px;
}
#publish-options.active{
  width: 40px;
    opacity: 1;
    right: -10px;
    position: absolute;
    bottom: 200px;
    display: block;
    height: 180px;
}




.lesson-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  color: #475262;
  font-size: 1.25em;
  max-width: 450px;
}

.btn-inverse {
  background-color: transparent !important;
  border: 1px solid #05ebe5;
  white-space: nowrap;
  color: #05ebe5;
}
.btn-inverse:hover {
  background-color: #05b5eb !important;
  border: 1px solid #05b5eb;
  color: #FFFFFF;
}

.btn-round, .center-round {
  border-radius: 2em;
}

.btn-group {
  border-radius: 2em;
  overflow: hidden;
}
.btn-group .btn {
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}
.btn-group .btn:first-of-type {
  padding-right: 0.5em;
  padding-left: 1em;
}
.btn-group .btn:last-of-type {
  border-left: 1px solid #FFFFFF;
  padding-right: 1em;
  padding-left: 0.5em;
}
.btn-group .btn i {
  margin: 0;
}

.dropdown-content.custom {  
  width: 200px !important;
  transform: translate(-2.25em, 3em);
  background-color: #FFFFFF;
  padding: 0.75em 1rem;
  border-radius: 3px;
  font-size: 0.875em;
  text-align: left;
}

.hover {
  cursor: pointer;
  display: block;
}
#preview-tools.preview{
  transform: translateY(60px);
}

i.circle:not([disabled]) {
  background-color: transparent;
  border-color: #45c8f1;
  cursor: pointer;
  color: #45c8f1;
  opacity: 1;
}
i.circle {
  background-color: transparent;
  border: 1px solid #45c8f1;
  margin-left: 0.375em;
  pointer-events: none;
  font-size: 1.5em;
  padding: 0.325em;
  cursor: default;
  color: #45c8f1;
  opacity: 0.4;
}
i.circle:not([disabled]):hover {
  background-color: #0069FF;
  border-color: #0069FF;
  color: #FFFFFF;
}
i.circle.active {
  border-color: #3F51B5;
  color: #3F51B5;
}

.header-vertical-rule {
  background: rgba(123, 128, 138, 0.25);
  margin-left: 0.375em;
  display: block;
  min-height: 36px;
  width: 1px;
}

body.preview .draw-panel {
  display: none;
}
body.preview .sh-preview {
  display: initial;
}
body.preview .hd-preview, body:not(.preview) .sh-preview {
  display: none;
}

.affixed {
  z-index: 100;
  position: fixed;
  left: 17.5em;
}
.affixed.bottom {
  bottom: 0;
}

.affixed.bottom.preview {
  display:none;
}
.affixed.top {
  transform: translateX(-4px);
  top: 22px;
}

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

.no-break {
  white-space: nowrap;
}

.no-break {
  white-space: nowrap;
  position: absolute;
  right: 20px;
  bottom: -5px;
  display: none;
}

.center-round {
  height: 36px;
  width: 36px;
  padding: 0;
}

i.active {
  color: #3F51B5 !important;
}

.canvas-heading{
  font-size:36px;
  color:#000000;
  text-align:left;
}

.collapsible-body{
  display:block;
  padding:0px
}

kor-app-bar{
  z-index:2;
  position:sticky;
  top:0px;
  left:0px;
  width:100%;
  padding:5px;
}
kor-app-bar:hover{
 border: 1px solid #06c5f5
}

kor-app-bar:target{
  border: 1px solid #c506f5
 }

 kor-app-bar:focus{
  border: 1px solid #c506f5
 }

 kor-app-bar:active{
  border: 1px solid #c506f5
 }

 kor-page {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 0;
  top: 59px;
  overflow-y: auto;
  scrollbar-width: 0px;
}

 kor-card{
  z-index:1;
  position:relative;
  
 }

 kor-accordian{
  width:90%;
  margin:0px auto;
  position:relative;
  left: 50%;
  transform:translateY(-50%);
  max-height:40px;
  top:60px;

 }

 #brand-name{
  opacity:0
 }

 embedded-app{
  pointer-events:none;
  max-width:360px;
  max-height:740px;
  margin:0px auto;
  z-index:9999999999999999999999999999999
  
 }