/* ======================
          GLOBALS & OVERRIDES
        ======================= */
  
      /* ===DEFAULT MODE=== */
      :root[color-mode="default"] {
  
        --page-background:                #2c425c;    /* Used for outer edges of page outside main content */
  
        --background-dark-primary:        #20364f;    /* Navbits and title background */
        --background-dark-secondary:      #3d4b5b;    /* Used for message title background */
        --background-dark-tertiary:       black;      /* Used for screenshots panel background */
        --background-light-primary:       whitesmoke; /* Used for description panel */
        --background-light-secondary:     #ebebeb;    /* Used for the sidebar */
        --background-light-tertiary:      white;
        --background-blue-notifcation:    #adcae8;    /* Used for the blue notifications */
  
        --page-text:                      #191919;    /* Main description panel text, usually dark */
        --page-text-invert:               white; 
        --page-text-title:                white;      /* Used for navbits and title text */
        --page-text-message-header:       white;
  
        /* --color-green:                    #62c462; */
        /* --color-green:                    #58b058; */
        --color-green:                    #468847;
        --color-lightred:                 #feecf0; 
        --color-blue:                     #165380;
        --color-lightblue:                #04315a;
        --color-red:                      #f14668;
        --color-darkgreen:                #006400;
        --color-indigo:                   #4B0082;

        --border-primary:                 #ebebeb;
        --border-secondary:               #ddd6d6;

        --alert-yellow:                   #e6db9e; /* Used for the yellow alert */
        --alert-orange:                   #ffbf00;
      }
 
      :root[color-mode="default"] .darkgreen {
	    color: var(--color-darkgreen);
      }
      :root[color-mode="default"] .indigo{
	    color: var(--color-indigo);
      }

      :root[color-mode="default"] .default--hidden {
        display:none;
      }
      :root[color-mode="default"] .progress-bar {
        background-color: whitesmoke;
      }
      :root[color-mode="default"] .invert-img-on-dark-mode {
        filter: invert(0%);
      }
  
       /* ===LIGHT MODE=== */
      :root[color-mode="light"] {
  
        --page-background:                white;
  
        --background-dark-primary:        #e0e0e0;    /* Navbits and title background */
        --background-dark-secondary:      #ebebeb;    /* Used for message title background */
        --background-dark-tertiary:       #ebebeb;    /* Used for screenshots panel background */
        --background-light-primary:       whitesmoke; /* Used for description panel */
        --background-light-secondary:     #ebebeb;    /* Used for the sidebar */
        --background-light-tertiary:      white;
        --background-blue-notifcation:    #adcae8;    /* Used for the blue notifications */
  
  
        --page-text:                      #2b2828;    /* Main description panel text, usually dark */
        --page-text-invert:               whitesmoke;
        --page-text-title:                #2b2828;
        --page-text-message-header:       #2b2828;
  
        --color-green:                    #177017;
        --color-lightred:                 #feecf0;
        --color-blue:                     #165380;
        --color-lightblue:                #04315a;
        --color-red:                      #ac3049;
		--color-darkgreen:				  #006400;
        --color-indigo:                   #4B0082;

        --border-primary:                 #ebebeb;
        --border-secondary:               #ddd6d6;

        --alert-yellow:                   #e6db9e; /* Used for the yellow alert */
        --alert-orange:                   #ffbf00;

      }
      :root[color-mode="light"] .darkgreen {
	    color: var(--color-darkgreen);
      }
      :root[color-mode="light"] .indigo{
	    color: var(--color-indigo);
      }
      :root[color-mode="light"] .light--hidden {
        display:none;
      }        
      :root[color-mode="light"] i.fas.fa-trophy.is-featured {
        color: #a87d13 !important;
      }
      :root[color-mode="light"] .progress-bar {
        background-color: #71cbfa;
      }
      :root[color-mode="light"] .invert-img-on-dark-mode {
        filter: invert(25%);
      }
  
      /* ===DARK MODE=== */
      :root[color-mode="dark"] {
  
        --page-background:                #1F2933;
  
        --background-dark-primary:        #212121;    /* Navbits and title background */
        --background-dark-secondary:      #2c2c2c;    /* Used for message title background */
        --background-dark-tertiary:       #222;       /* Used for screenshots panel background */
        --background-light-primary:       #222;       /* Used for description panel */
        --background-light-secondary:     #2c2c2c;    /* Used for the sidebar */
        --background-light-tertiary:      #181717;
        --background-blue-notifcation:    #283848;    /* Used for the blue notifications */
  
        --page-text:                      lightgray;    /* Main description panel text, usually dark */
        --page-text-invert:               #191919;
        --page-text-title:                #efefef;
        --page-text-message-header:       #efefef;
  
        --color-green:                    #3B763B;
        /*--color-red:                      #ff6e6e;*/
        --color-red:                      #af1a1a;
        --color-lightred:                 #7a3030;
        --color-blue:                     #2c425c;
        --color-lightblue:                #194f80;
        --color-black:                    #191919;    
		--color-darkgreen:				  #3cb371;
        --color-indigo:                   #9370DB;

        --border-primary:                 #212121;
        --border-secondary:               #1a1818;

        --alert-yellow:                   #d3a053; /* Used for the yellow alert */
        --alert-orange:                   #ffbf00;

      }       
      :root[color-mode="dark"] .alert {
        border-radius: 0px;
      }
      :root[color-mode="dark"] .indigo{
	    color: var(--color-indigo);
      }
      :root[color-mode="dark"] .darkgreen {
	    color: var(--color-darkgreen);
      }

      :root[color-mode="dark"] .dark--hidden {
        display:none;
      }
      :root[color-mode="dark"] .progress-bar {
        background-color: #848484;
      }
      :root[color-mode="dark"] .alt2 {
        border: none !important;
      }
      :root[color-mode="dark"] .header1fontColor {
        color: #dabeef;
      }
      :root[color-mode="dark"] div.alert font.header1fontColor {
        color: indigo;
      }
      :root[color-mode="dark"] .invert-img-on-dark-mode {
        filter: invert(80%);
      }
      :root[color-mode="dark"] .table-striped tbody>tr:nth-child(odd)>td {
        background-color: var(--background-dark-secondary);
      }
      :root[color-mode="dark"] .table-striped tbody>tr:nth-child(even)>td {
        background-color: var(--background-dark-primary);
      }
      :root[color-mode="dark"] pre {
        background-color: var(--background-dark-secondary);
        color: var(--page-text);
      }
  
      /* Overrides font-awesome icons Checkmark & Heart */
      .color-green {
        color:#62c462;
        color: var(--color-green, #62c462);
      }
      .color-red {
        color:#ff6e6e;
        color: var(--color-red, #ff6e6e);
      }
  
      body {
        font-size: 16px !important;
        color: var(--page-text, #191919);
        background-color: var(--page-background, #2c425c);      
      }
  /*
      html {
        scroll-behavior: smooth;
      }
  */
      a {
        color: var(--page-text);
      }
  
      div.maincontentspan {
        box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
      }
      div.maincontentinner {
        padding: 0px !important;
      }
  
      #navbits {
        background-color: #20364f;
        background-color: var(--background-dark-primary, #20364f);
        color: white;
        color: var(--page-text-title, white);
        padding-bottom: 1em; 
      }
      #navbits a {
        color: white;
        color: var(--page-text-title, white);
      }
      .navbitsbreadcrumbs > ul.breadcrumb {
        background-color: #20364f;
        background-color: var(--background-dark-primary, #20364f);
      }
  
      div.padding-large {
        padding: 3em !important;
      }
  
      /* BBCODE Quote CSS override */
      .alt2 {
          background-color: var(--background-light-secondary);
      }

      #toolbar {
        margin-bottom: 0px;
        padding: 0.5em;
      }

      .small {
        font-size: 0.75em;
      }
  
      /* ============================
          STAFF & CREATOR UTILITIES
        ============================= */
  
      .btn-utils {
        width: 80%;
        margin: 0.25em;
      }

      .btn-mini {
        padding: 1px 6px;
      }
  
      .utils-list {
        text-align: left;
      }
      .utils-list > dt {
        text-align: left;
        line-height: 2em;
        width: 313px;
      }
      .utils-list > dd {
        line-height: 2em;
      }
  
      .utils-outer {
        background: var(--background-light-secondary);
        height: fit-content;
      }
  
      .utils-inner {
        background: var(--background-light-primary);
        text-align: center;
        padding: 1em;
        border-radius: 0.25em;
        height: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        height: 17em;
      }
  
      /* ===============
        PRIMARY LAYOUT 
        ================ */
  
      /* 3d model preview */
      .mfp-iframe-holder .mfp-content {
         max-width: 80%;
      }    

      ::-webkit-scrollbar-track
      {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: var(--background-light-secondary);
      }
      
      ::-webkit-scrollbar
      {
        width: 12px;
        background-color: var(--background-light-secondary);
      }
      
      ::-webkit-scrollbar-thumb
      {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: var(--background-blue-notifcation);
      }
      :root[color-mode="dark"] ::-webkit-scrollbar-thumb
      {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: var(--color-blue);
      }

      textarea, input {
        background: var(--background-light-primary);
        color: var(--page-text);
        border: 3px solid var(--background-blue-notifcation);
      }
      
      /* Thanks & who favourited modals */
      #thanksmodal,
      #favesmodal,
      .modal-medium {
          left: 20%;
          width: 60%;
          margin-left: 0px;
          display: block;
      }
      .modal-large {
        left: 10%;
        width: 80%;
        margin-left: 0px;
        display: block;
      }
  
      /* Big H1 Title underneath carousel */
      .section-title {
        padding: 1.5em;
        color: var(--page-text-title);
        background-color: var(--background-dark-primary);
      }
  
      /* === START Buttons for switching to light/dark mode === */
      .color-mode__header {
        padding: .5em;
      }
      button.color-mode__btn {
        border: 1px solid;
      }
      .light:hover {
        -webkit-animation: day 1s linear forwards;
                animation: day 1s linear forwards;     
      }
      .dark:hover {
        -webkit-animation: night 1s linear forwards;
                animation: night 1s linear forwards;
      }
      @keyframes day {
        0% {
          background: whitesmoke;
        }
        50% {
          background: #f3ecc2;
        }
        100% {
          background: #f9d56e;
          border: 1px solid white;
        }
      }
      @keyframes night {
        0% {
          background: whitesmoke;
        }
        50% {
          background: #3282b8;
        }
        100% {
          background: #1b262c;
          color: white;
        }
      }
       /* === END  Buttons for switching to light/dark mode === */
  
      /* Main wrapper for both #descriptionbox and #sidebar */
      .column-wrapper {
        background-color: var(--background-light-secondary);
      }

      .top-links a:not(.btn) {
        text-decoration: underline;
      }
      
      #descriptionbox > .message > .message-body > a {
        text-decoration: underline;
      }
  
      /* styling for Included and required CC links */
      .ccLink {
        padding: 5px 0px;
      }
      .ccLink > a {
        font-weight: bold;
      }
  
      /* Sidebar with navigation */
      #sidebar {
        width: 350px;
        float: right;
        position: sticky;
        top: -1px;
      }
      .sidebar-btns {
        display: inline-block;
        padding: .5em;
        border-bottom: 1px solid;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        width: 94%;
      }
      .sidebar-btns li {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
  
      .sidebar-btns:hover > a {
        color: var(--page-text-invert);
      }
  
      .sidebar-btns:hover, .sidebar-btns:focus, .sidebar-btns:active, .sidebar-btns.active, .sidebar-btns > li, .sidebar-btns > li:hover, .sidebar-btns > a:focus, .sidebar-btns > a:hover {
        -webkit-animation-name: hvr-icon-down;
        animation-name: hvr-icon-down;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
  
        background:#165380;
        background-color: var(--color-blue, #165380);
        color: var(--page-text-invert);
      }
  
      /* Navbits wrapper. Padding fixes the global navbar on the top of the page from overlapping it. */
      .sidebar-navbit-scroll {
        padding-top: 2.5em;
        padding-left: 3em;
        padding-right: 3em;
      }

      .badge-userstatus {
        display: inline-block;
        border-radius: 300px;
        background-color: #545454;
        color: #ffffff;
        padding: 1px 10px;
        font-size: 12px;
      }
      .badge-userstatus.is-success {
        background-color: var(--color-green);
      }
      .badge-userstatus.is-danger {
        background-color: var(--color-red);
      }

      
      /* 
      ================
        DOWNLOAD TAB 
      ================ 
      */

      [tooltip] {
        position: relative; /* opinion 1 */
      }

      /* Applies to all tooltips */
      [tooltip]::before,
      [tooltip]::after {
        text-transform: none; /* opinion 2 */
        font-size: .9em; /* opinion 3 */
        line-height: 1;
        user-select: none;
        pointer-events: none;
        position: absolute;
        display: none;
        opacity: 0;
      }
      [tooltip]::before {
        content: '';
        border: 5px solid transparent; /* opinion 4 */
        z-index: 1001; /* absurdity 1 */
      }
      [tooltip]::after {
        content: attr(tooltip); /* magic! */
        
        /* most of the rest of this is opinion */
        font-family: Helvetica, sans-serif;
        text-align: center;
        
        /* 
          Let the content set the size of the tooltips 
          but this will also keep them from being obnoxious
          */
        min-width: 3em;
        max-width: 21em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1ch 1.5ch;
        border-radius: .3ch;
        box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
        background: #333;
        color: #fff;
        z-index: 1000; /* absurdity 2 */
      }

      /* Make the tooltips respond to hover */
      [tooltip]:hover::before,
      [tooltip]:hover::after {
        display: block;
      }

      /* don't show empty tooltips */
      [tooltip='']::before,
      [tooltip='']::after {
        display: none !important;
      }

      /* FLOW: UP */
      [tooltip]:not([flow])::before,
      [tooltip][flow^="up"]::before {
        bottom: 100%;
        border-bottom-width: 0;
        border-top-color: #333;
      }
      [tooltip]:not([flow])::after,
      [tooltip][flow^="up"]::after {
        bottom: calc(100% + 5px);
      }
      [tooltip]:not([flow])::before,
      [tooltip]:not([flow])::after,
      [tooltip][flow^="up"]::before,
      [tooltip][flow^="up"]::after {
        left: 50%;
        transform: translate(-50%, -.5em);
      }

      /* FLOW: DOWN */
      [tooltip][flow^="down"]::before {
        top: 100%;
        border-top-width: 0;
        border-bottom-color: #333;
      }
      [tooltip][flow^="down"]::after {
        top: calc(100% + 5px);
      }
      [tooltip][flow^="down"]::before,
      [tooltip][flow^="down"]::after {
        left: 50%;
        transform: translate(-50%, .5em);
      }

      /* FLOW: LEFT */
      [tooltip][flow^="left"]::before {
        top: 50%;
        border-right-width: 0;
        border-left-color: #333;
        left: calc(0em - 5px);
        transform: translate(-.5em, -50%);
      }
      [tooltip][flow^="left"]::after {
        top: 50%;
        right: calc(100% + 5px);
        transform: translate(-.5em, -50%);
      }

      /* FLOW: RIGHT */
      [tooltip][flow^="right"]::before {
        top: 50%;
        border-left-width: 0;
        border-right-color: #333;
        right: calc(0em - 5px);
        transform: translate(.5em, -50%);
      }
      [tooltip][flow^="right"]::after {
        top: 50%;
        left: calc(100% + 5px);
        transform: translate(.5em, -50%);
      }

      /* KEYFRAMES */
      @keyframes tooltips-vert {
        to {
          opacity: .9;
          transform: translate(-50%, 0);
        }
      }

      @keyframes tooltips-horz {
        to {
          opacity: .9;
          transform: translate(0, -50%);
        }
      }

      /* FX All The Things */ 
      [tooltip]:not([flow]):hover::before,
      [tooltip]:not([flow]):hover::after,
      [tooltip][flow^="up"]:hover::before,
      [tooltip][flow^="up"]:hover::after,
      [tooltip][flow^="down"]:hover::before,
      [tooltip][flow^="down"]:hover::after {
        animation: tooltips-vert 300ms ease-out forwards;
      }

      [tooltip][flow^="left"]:hover::before,
      [tooltip][flow^="left"]:hover::after,
      [tooltip][flow^="right"]:hover::before,
      [tooltip][flow^="right"]:hover::after {
        animation: tooltips-horz 300ms ease-out forwards;
      }
  
  
      /* ================================================
            FLICKITY - TOP (THE BIG ONE) CAROUSEL CSS 
         ================================================ */
  
      section.carousel-wrapper {
        background-color: var(--background-dark-tertiary);
      }
  
      .main-carousel {
        height: 600px;
      }
  
      .carousel-cell {
        width: fit-content;
        width: -moz-fit-content;
        height: 100%;
        margin-right: 1em;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
      }
  
      .carousel-cell-image {
        display: block;
        max-height: 100%;
        margin: 0 auto;
        max-width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
                transition: opacity 0.4s;
      }
  
      /* Bar for how far we've gotten into the carousel. Replacement for the dots */
      .progress-bar {
        height: 100%;
        width: 0;
        opacity: .3;
      }
  
      /* '<< Start' and 'End >>'' buttons at the bottom. Between progress bar */
      #carousel-btn-start,
      #carousel-btn-end {
        border-radius: 4px;
        background: whitesmoke;
        background: var(--background-light-primary, whitesmoke);
        color: var(--page-text);
        opacity: 0.75;
        border: none;
        width: 6em;
		white-space: nowrap;
      }
  
      /* Been replaced with .progress-bar. DO NOT TOUCH */
      .flickity-page-dots {
        bottom: -40px;
        display: none;
      }
  
      /* fade in lazy loaded image */
      .carousel-cell-image.flickity-lazyloaded,
      .carousel-cell-image.flickity-lazyerror {
        opacity: 1;
      }
  
      /* Arrow buttons for going next/previous on the carousel */
      .flickity-prev-next-button {
        border: 1px solid black;
        -webkit-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
        box-shadow: 10px 10px 5px -9px rgba(0,0,0,0.75);
        background: whitesmoke;
        background: var(--background-light-primary, whitesmoke);
        color: var(--page-text);
      }
  
      /* ===FLICKITY FULLSCREEN SETTINGS=== */
      .main-carousel.is-fullscreen {
        padding: 0;
      }

      .main-carousel.is-fullscreen .carousel-cell {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
  
      /* Hiding screenshot description for fullscreen mode */
      .caption {
        display: none;
      }
  
      /* Displaying caption/description of images in fullscreen mode */
      .main-carousel.is-fullscreen .caption{
        display: flex;
        flex-direction: column;
        color: whitesmoke;
        color: var(--page-text-invert, whitesmoke);
      }
    
      /* Enter/Exit fullscreen button */
      .flickity-fullscreen-button-exit {
        margin-top: 3em;
      }
      
      /* ================================================
          FLICKITY - RECOMMENDS & RECOLOURS CAROUSEL CSS 
         ================================================ */
  
      .small-carousel-container {
        height: 275px; /* Calculated based on: 225px(Image) + 50px(description) */
        position: relative;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
  
      /* Carousel cell */
      figure {
        overflow: hidden;
        padding: 0 30px 0 0;
        position: relative;
      }
  
      /* Carousel cell's caption */
      figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #000;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
      }
  
      /* ==============
        BULMA MESSAGES 
        =============== */
  
      .message {
        box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
        border-radius: 0;
        font-size: 1rem;
        line-height: 1.5em;
        background-color: var(--background-light-primary);
      }
  
      .message-header {
        align-items: center;
        border-radius: 0 0 0 0;
        display: flex;
        line-height: 1.25;
        padding: 0.75em 1em;
        position: relative;
        color: var(--page-text-message-header);
        background-color: var(--background-dark-secondary);
      }    
      :root[color-mode="dark"] .message-header {
        background-color: var(--background-light-primary)
      }
      :root[color-mode="light"] .message-header {
        background-color: var(--background-light-primary)
      }

      .message-header a {
        color: var(--page-text-message-header);
      }
      
      .message-body {
        border-color: #dbdbdb;
        border-radius: 0;
        border-style: solid;
        border-width: 0;
        padding: 1em;
      }    
  
      .message-body a {
          color: var(--page-text, #191919);
      }
  
      div.message-body table {
        line-height: 1.5em;
      }

      /* ==============
        BULMA COPY 
        =============== */


        .notification {
          background-color: whitesmoke;
          border-radius: 4px;
          position: relative;
          padding: 1.25rem 1.5rem 1.25rem 1.5rem;
        }
        
        .notification a:not(.button):not(.dropdown-item) {
          color: currentColor;
          text-decoration: underline;
        }
        
        .notification strong {
          color: currentColor;
        }
        
        .notification code,
        .notification pre {
          background: white;
        }
        
        .notification pre code {
          background: transparent;
        }
        
        .notification > .delete {
          right: 0.5rem;
          position: absolute;
          top: 0.5rem;
        }
        
        .notification .title,
        .notification .subtitle,
        .notification .content {
          color: currentColor;
        }
        
        .notification.is-white {
          background-color: white;
          color: #0a0a0a;
        }
        
        .notification.is-black {
          background-color: #0a0a0a;
          color: white;
        }
        
        .notification.is-light {
          background-color: whitesmoke;
          color: rgba(0, 0, 0, 0.7);
        }
        
        .notification.is-dark {
          background-color: #363636;
          color: #fff;
        }

        .notification.is-info {
          background-color: var(--color-blue, #165380);
          color: #fff;
        }
        
        .notification.is-info.is-light {
          background-color: var(--background-blue-notifcation, #165380);
          color: var(--page-text, #191919);
        }
        .notification.is-danger {
          background-color: #f14668;
         color: #fff;
      }
     

      .columns {
          display: flex;
          justify-content: flex-start;
      }
      .columns.is-multiline {
         flex-wrap: wrap;
      }
      .column {
          display: block;
          margin-right: 1em;
      }
      .column.is-narrow {
          flex: none;
      }
      .column.is-half {
          width: 47.3%;
      }
      .column.is-one-third {
          width: 32.2%;
      }
      .image.is-32x32 {
          height: 32px;
          width: 32px;
      }
      .image.is-24x24 {
          height: 24px;
          width: 24px;
      }

      .is-pulled-left {
        float: left !important; }
      
      .is-pulled-right {
        float: right !important; }

      .is-size-2 { font-size: 2.5rem; }
      .is-size-3 { font-size: 2rem; }
      .is-size-4 { font-size: 1.5rem; }
      .is-size-5 { font-size: 1.25rem; }    
      
      .table {
        font-size: inherit;
      }

      .table.is-narrow { width: auto; }
      
      .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
        background-color: var(--background-light-secondary);
      }

      .box {
        background-color: var(--background-light-primary);
        border-radius: 6px;
        box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
        color: var(--page-text, #191919);
        display: block;
        padding: 1.25rem;
      }     
      
      .panel {
        border-radius: 6px;
        box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
        font-size: 1rem;
      }
      
      .panel-block {
        color: var(--page-text, #363636);
        padding: .5em .75em;
      }      
      .panel-block:not(:last-child), .panel-tabs:not(:last-child) {
        border-bottom: 1px solid #ededed;
      }
      .panel-heading {
        background-color: var(--background-light-secondary);
        border-radius: 6px 6px 0 0;
        color: var(--page-text, #191919);
        /* font-size: 1.25em; */
        font-weight: 700;
        line-height: 1.25;
        padding: .75em 1em;
      }      
      .tabs {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .tabs:not(:last-child) {
        margin-bottom: 1.5rem;
      }

      .content .tabs li+li {
        margin-top: 0;
      }

      .tabs {
        -webkit-overflow-scrolling: touch;
        align-items: stretch;
        display: flex;
        font-size: 1rem;
        justify-content: space-between;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        z-index: 200;
      }

      .tabs a {
        align-items: center;
        border-bottom-color: #dbdbdb;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: #4a4a4a;
        display: flex;
        justify-content: center;
        margin-bottom: -1px;
        padding: 0.5em 1em;
        vertical-align: top;
      }

      .tabs a:hover {
        border-bottom-color: #363636;
        color: #363636;
      }

      .tabs li {
        display: block;
      }

      .tabs li.is-active a {
        border-bottom-color: #04315A;
        color: #04315A;
      }

      .tabs ul {
        align-items: center;
        border-bottom-color: var(--background-light-tertiary, #dbdbdb);
        border-bottom-style: solid;
        border-bottom-width: 0px;
        display: flex;
        flex-grow: 1;
        flex-shrink: 0;
        justify-content: flex-start;
      }

      .tabs ul.is-left {
        padding-right: 0.75em;
      }

      .tabs ul.is-center {
        flex: none;
        justify-content: center;
        padding-left: 0.75em;
        padding-right: 0.75em;
      }

      .tabs ul.is-right {
        justify-content: flex-end;
        padding-left: 0.75em;
      }

      .tabs .icon:first-child {
        margin-right: 0.5em;
      }

      .tabs .icon:last-child {
        margin-left: 0.5em;
      }

      .tabs.is-centered ul {
        justify-content: center;
      }

      .tabs.is-right ul {
        justify-content: flex-end;
      }

      .tabs.is-boxed a {
        border: 1px solid transparent;
        border-radius: 0 0 0 0;
      }

      .tabs.is-boxed a:hover {
        /* background-color: whitesmoke; */
        background-color: #3777A6;
        border-bottom-color: #dbdbdb;
        color: #fff;
        border-radius: 0.7rem 0.7rem 0 0;
      }
      .tabs.is-boxed li.is-active-blue a:hover {
        /* background-color: #3777A6; */
        background-color: var(--color-blue,#2c425c);
        color: #fff;
      }

      .tabs.is-boxed li.is-active a {
        background-color: #FFFFFF;
        border-color: #dbdbdb;
        border-bottom-color: transparent !important;
      }

      .tabs.is-fullwidth li {
        flex-grow: 1;
        flex-shrink: 0;
      }

      .tabs.is-toggle a {
        border-color: #dbdbdb;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 0;
        position: relative;
      }

      .tabs.is-toggle a:hover {
        background-color: whitesmoke;
        border-color: #b5b5b5;
        z-index: 2;
      }

      .tabs.is-toggle li+li {
        margin-left: -1px;
      }

      .tabs.is-toggle li:first-child a {
        border-radius: 0 0 0 0;
      }

      .tabs.is-toggle li:last-child a {
        border-radius: 0 0 0 0;
      }

      .tabs.is-toggle li.is-active a {
        background-color: #04315A;
        border-color: #04315A;
        color: #fff;
        z-index: 1;
      }

      .tabs.is-toggle ul {
        border-bottom: none;
      }

      .tabs.is-toggle.is-toggle-rounded li:first-child a {
        border-bottom-left-radius: 290486px;
        border-top-left-radius: 290486px;
        padding-left: 1.25em;
      }

      .tabs.is-toggle.is-toggle-rounded li:last-child a {
        border-bottom-right-radius: 290486px;
        border-top-right-radius: 290486px;
        padding-right: 1.25em;
      }

      .tabs.is-small {
        font-size: 0.75rem;
      }

      .tabs.is-medium {
        font-size: 1.25rem;
      }

      .tabs.is-large {
        font-size: 1.5rem;
      }

      .tab-btn {
        display: flex !important;
        height: 100%;
        border-radius: 0.7rem 0.7rem 0 0;
      }


.tabs-bg-white {
  background-color: var(--background-light-tertiary, white) !important;
  z-index: 900; 
}
.tabs-bg-white > li > a {
  color: var(--page-text, #191919);
}
.tabs-bg-white > li > a:hover {
  color: #191919;
}
.tabs-bg-white > li.is-active-blue > a {
  color: white;
}

.tabs-bg-white > li:hover {
  color: var(--page-text, #191919);
}
.is-active-blue {
  background-color: var(--color-blue,#2c425c);
}
.is-active-blue > a {
  color: white;
}
.is-active-blue > a:hover {
  color: #191919;
}


      #actualtabs {
        height: 50px;
      }
      #actualtabs > li > a { cursor: pointer; }

      /*==================
          BULMA UTILITIES 
        ================== */


        .media {
          align-items: flex-start;
          display: flex;
          text-align: inherit;
        }
        
        .media .content:not(:last-child) {
          margin-bottom: 0.75rem;
        }
        
        .media .media {
          border-top: 1px solid rgba(219, 219, 219, 0.5);
          display: flex;
          padding-top: 0.75rem;
        }
        
        .media .media .content:not(:last-child),
        .media .media .control:not(:last-child) {
          margin-bottom: 0.5rem;
        }
        
        .media .media .media {
          padding-top: 0.5rem;
        }
        
        .media .media .media + .media {
          margin-top: 0.5rem;
        }
        
        .media + .media {
          border-top: 1px solid rgba(219, 219, 219, 0.5);
          margin-top: 1rem;
          padding-top: 1rem;
        }
        
        .media.is-large + .media {
          margin-top: 1.5rem;
          padding-top: 1.5rem;
        }
        
        .media-left,
        .media-right {
          flex-basis: auto;
          flex-grow: 0;
          flex-shrink: 0;
        }
        
        .media-left {
          margin-right: 1rem;
        }
        
        .media-right {
          margin-left: 1rem;
        }
        
        .media-content {
          flex-basis: auto;
          flex-grow: 1;
          flex-shrink: 1;
          text-align: inherit;
        }
        
        @media screen and (max-width: 768px) {
          .media-content {
            overflow-x: auto;
          }
        }

        .is-justify-content-flex-start {
          justify-content: flex-start !important;
        }
        
        .is-justify-content-flex-end {
          justify-content: flex-end !important;
        }
        
        .is-justify-content-center {
          justify-content: center !important;
        }
        
        .is-justify-content-space-between {
          justify-content: space-between !important;
        }
        
        .is-justify-content-space-around {
          justify-content: space-around !important;
        }
        
        .is-justify-content-space-evenly {
          justify-content: space-evenly !important;
        }
        
        .is-justify-content-start {
          justify-content: start !important;
        }
        
        .is-justify-content-end {
          justify-content: end !important;
        }
        
        .is-justify-content-left {
          justify-content: left !important;
        }
        
        .is-justify-content-right {
          justify-content: right !important;
        }
        
        .is-align-content-flex-start {
          align-content: flex-start !important;
        }
        
        .is-align-content-flex-end {
          align-content: flex-end !important;
        }
        
        .is-align-content-center {
          align-content: center !important;
        }
        
        .is-align-content-space-between {
          align-content: space-between !important;
        }
        
        .is-align-content-space-around {
          align-content: space-around !important;
        }
        
        .is-align-content-space-evenly {
          align-content: space-evenly !important;
        }
        
        .is-align-content-stretch {
          align-content: stretch !important;
        }
        
        .is-align-content-start {
          align-content: start !important;
        }
        
        .is-align-content-end {
          align-content: end !important;
        }
        
        .is-align-content-baseline {
          align-content: baseline !important;
        }
        
        .is-align-items-stretch {
          align-items: stretch !important;
        }
        
        .is-align-items-flex-start {
          align-items: flex-start !important;
        }
        
        .is-align-items-flex-end {
          align-items: flex-end !important;
        }
        
        .is-align-items-center {
          align-items: center !important;
        }
        
        .is-align-items-baseline {
          align-items: baseline !important;
        }
        
        .is-align-items-start {
          align-items: start !important;
        }
        
        .is-align-items-end {
          align-items: end !important;
        }
        
        .is-align-items-self-start {
          align-items: self-start !important;
        }
        
        .is-align-items-self-end {
          align-items: self-end !important;
        }
        
        .is-align-self-auto {
          align-self: auto !important;
        }
        
        .is-align-self-flex-start {
          align-self: flex-start !important;
        }
        
        .is-align-self-flex-end {
          align-self: flex-end !important;
        }
        
        .is-align-self-center {
          align-self: center !important;
        }
        
        .is-align-self-baseline {
          align-self: baseline !important;
        }
        
        .is-align-self-stretch {
          align-self: stretch !important;
        }
        

        .is-capitalized {
          text-transform: capitalize !important;
        }
        
        .is-lowercase {
          text-transform: lowercase !important;
        }
        
        .is-uppercase {
          text-transform: uppercase !important;
        }
        
        .is-italic {
          font-style: italic !important;
        }
        
        .is-underlined {
          text-decoration: underline !important;
        }
        
        .has-text-weight-light {
          font-weight: 300 !important;
        }
        
        .has-text-weight-normal {
          font-weight: 400 !important;
        }
        
        .has-text-weight-medium {
          font-weight: 500 !important;
        }
        
        .has-text-weight-semibold {
          font-weight: 600 !important;
        }
        
        .has-text-weight-bold {
          font-weight: 700 !important;
        }
        

        .is-flex {
          display: flex !important;
        }
        .flex-wrap {
          flex-wrap: wrap !important;
        }

        .is-inline {
          display: inline !important;
        }

        .is-marginless {
          margin: 0 !important;
        }
        
        .is-paddingless {
          padding: 0 !important;
        }
        
        .m-0 {
          margin: 0 !important;
        }
        
        .mt-0 {
          margin-top: 0 !important;
        }
        
        .mr-0 {
          margin-right: 0 !important;
        }
        
        .mb-0 {
          margin-bottom: 0 !important;
        }
        
        .ml-0 {
          margin-left: 0 !important;
        }
        
        .mx-0 {
          margin-left: 0 !important;
          margin-right: 0 !important;
        }
        
        .my-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }
        
        .m-1 {
          margin: 0.25rem !important;
        }
        
        .mt-1 {
          margin-top: 0.25rem !important;
        }
        
        .mr-1 {
          margin-right: 0.25rem !important;
        }
        
        .mb-1 {
          margin-bottom: 0.25rem !important;
        }
        
        .ml-1 {
          margin-left: 0.25rem !important;
        }
        
        .mx-1 {
          margin-left: 0.25rem !important;
          margin-right: 0.25rem !important;
        }
        
        .my-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }
        
        .m-2 {
          margin: 0.5rem !important;
        }
        
        .mt-2 {
          margin-top: 0.5rem !important;
        }
        
        .mr-2 {
          margin-right: 0.5rem !important;
        }
        
        .mb-2 {
          margin-bottom: 0.5rem !important;
        }
        
        .ml-2 {
          margin-left: 0.5rem !important;
        }
        
        .mx-2 {
          margin-left: 0.5rem !important;
          margin-right: 0.5rem !important;
        }
        
        .my-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }
        
        .m-3 {
          margin: 0.75rem !important;
        }
        
        .mt-3 {
          margin-top: 0.75rem !important;
        }
        
        .mr-3 {
          margin-right: 0.75rem !important;
        }
        
        .mb-3 {
          margin-bottom: 0.75rem !important;
        }
        
        .ml-3 {
          margin-left: 0.75rem !important;
        }
        
        .mx-3 {
          margin-left: 0.75rem !important;
          margin-right: 0.75rem !important;
        }
        
        .my-3 {
          margin-top: 0.75rem !important;
          margin-bottom: 0.75rem !important;
        }
        
        .m-4 {
          margin: 1rem !important;
        }
        
        .mt-4 {
          margin-top: 1rem !important;
        }
        
        .mr-4 {
          margin-right: 1rem !important;
        }
        
        .mb-4 {
          margin-bottom: 1rem !important;
        }
        
        .ml-4 {
          margin-left: 1rem !important;
        }
        
        .mx-4 {
          margin-left: 1rem !important;
          margin-right: 1rem !important;
        }
        
        .my-4 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }
        
        .m-5 {
          margin: 1.5rem !important;
        }
        
        .mt-5 {
          margin-top: 1.5rem !important;
        }
        
        .mr-5 {
          margin-right: 1.5rem !important;
        }
        
        .mb-5 {
          margin-bottom: 1.5rem !important;
        }
        
        .ml-5 {
          margin-left: 1.5rem !important;
        }
        
        .mx-5 {
          margin-left: 1.5rem !important;
          margin-right: 1.5rem !important;
        }
        
        .my-5 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }
        
        .m-6 {
          margin: 3rem !important;
        }
        
        .mt-6 {
          margin-top: 3rem !important;
        }
        
        .mr-6 {
          margin-right: 3rem !important;
        }
        
        .mb-6 {
          margin-bottom: 3rem !important;
        }
        
        .ml-6 {
          margin-left: 3rem !important;
        }
        
        .mx-6 {
          margin-left: 3rem !important;
          margin-right: 3rem !important;
        }
        
        .my-6 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .mx-8 {
          margin-left: 2rem;
          margin-right: 2rem;
        }
        
        .m-auto {
          margin: auto !important;
        }
        
        .mt-auto {
          margin-top: auto !important;
        }
        
        .mr-auto {
          margin-right: auto !important;
        }
        
        .mb-auto {
          margin-bottom: auto !important;
        }
        
        .ml-auto {
          margin-left: auto !important;
        }
        
        .mx-auto {
          margin-left: auto !important;
          margin-right: auto !important;
        }
        
        .my-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }
        
        .p-0 {
          padding: 0 !important;
        }
        
        .pt-0 {
          padding-top: 0 !important;
        }
        
        .pr-0 {
          padding-right: 0 !important;
        }
        
        .pb-0 {
          padding-bottom: 0 !important;
        }
        
        .pl-0 {
          padding-left: 0 !important;
        }
        
        .px-0 {
          padding-left: 0 !important;
          padding-right: 0 !important;
        }
        
        .py-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }
        
        .p-1 {
          padding: 0.25rem !important;
        }
        
        .pt-1 {
          padding-top: 0.25rem !important;
        }
        
        .pr-1 {
          padding-right: 0.25rem !important;
        }
        
        .pb-1 {
          padding-bottom: 0.25rem !important;
        }
        
        .pl-1 {
          padding-left: 0.25rem !important;
        }
        
        .px-1 {
          padding-left: 0.25rem !important;
          padding-right: 0.25rem !important;
        }
        
        .py-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }
        
        .p-2 {
          padding: 0.5rem !important;
        }
        
        .pt-2 {
          padding-top: 0.5rem !important;
        }
        
        .pr-2 {
          padding-right: 0.5rem !important;
        }
        
        .pb-2 {
          padding-bottom: 0.5rem !important;
        }
        
        .pl-2 {
          padding-left: 0.5rem !important;
        }
        
        .px-2 {
          padding-left: 0.5rem !important;
          padding-right: 0.5rem !important;
        }
        
        .py-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }
        
        .p-3 {
          padding: 0.75rem !important;
        }
        
        .pt-3 {
          padding-top: 0.75rem !important;
        }
        
        .pr-3 {
          padding-right: 0.75rem !important;
        }
        
        .pb-3 {
          padding-bottom: 0.75rem !important;
        }
        
        .pl-3 {
          padding-left: 0.75rem !important;
        }
        
        .px-3 {
          padding-left: 0.75rem !important;
          padding-right: 0.75rem !important;
        }
        
        .py-3 {
          padding-top: 0.75rem !important;
          padding-bottom: 0.75rem !important;
        }
        
        .p-4 {
          padding: 1rem !important;
        }
        
        .pt-4 {
          padding-top: 1rem !important;
        }
        
        .pr-4 {
          padding-right: 1rem !important;
        }
        
        .pb-4 {
          padding-bottom: 1rem !important;
        }
        
        .pl-4 {
          padding-left: 1rem !important;
        }
        
        .px-4 {
          padding-left: 1rem !important;
          padding-right: 1rem !important;
        }
        
        .py-4 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }
        
        .p-5 {
          padding: 1.5rem !important;
        }
        
        .pt-5 {
          padding-top: 1.5rem !important;
        }
        
        .pr-5 {
          padding-right: 1.5rem !important;
        }
        
        .pb-5 {
          padding-bottom: 1.5rem !important;
        }
        
        .pl-5 {
          padding-left: 1.5rem !important;
        }
        
        .px-5 {
          padding-left: 1.5rem !important;
          padding-right: 1.5rem !important;
        }
        
        .py-5 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }
        
        .p-6 {
          padding: 3rem !important;
        }
        
        .pt-6 {
          padding-top: 3rem !important;
        }
        
        .pr-6 {
          padding-right: 3rem !important;
        }
        
        .pb-6 {
          padding-bottom: 3rem !important;
        }
        
        .pl-6 {
          padding-left: 3rem !important;
        }
        
        .px-6 {
          padding-left: 3rem !important;
          padding-right: 3rem !important;
        }
        
        .py-6 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }
        
        .p-auto {
          padding: auto !important;
        }
        
        .pt-auto {
          padding-top: auto !important;
        }
        
        .pr-auto {
          padding-right: auto !important;
        }
        
        .pb-auto {
          padding-bottom: auto !important;
        }
        
        .pl-auto {
          padding-left: auto !important;
        }
        
        .px-auto {
          padding-left: auto !important;
          padding-right: auto !important;
        }
        
        .py-auto {
          padding-top: auto !important;
          padding-bottom: auto !important;
        }        

        .is-flex-grow-1 {
          flex-grow: 1;
        }



      /* ================================================
          BOOTSTRAP 2 OVERRIDES (begon thou ugly ones!)
        ================================================= */
  
      .btn-info,
      a.btn-info,
      tr.btn-info,
      .tag.btn-info {
        background-color: #165380;
        background-color: var(--color-blue, #165380);
        color: whitesmoke !important;
        color: var(--page-text-invert, whitesmoke)!important;
        text-decoration: none;
      }

      :root[color-mode="dark"] .btn-info,
      :root[color-mode="dark"] a.btn-info,
      :root[color-mode="dark"] tr.btn-info,
      :root[color-mode="dark"] .tag.btn-info {
        background-color: #165380;
        background-color: var(--color-blue, #165380);
        color: whitesmoke !important;
        color: whitesmoke!important;
        text-decoration: none;
      }
      :root[color-mode="dark"] .btn {
        background-color: var(--color-blue);
        color: var(--page-text-title, whitesmoke)!important;    
      }

      .alert-info > .table-striped tbody>tr:nth-child(odd)>td {
        background-color: var(--color-lightblue, #165380);
        color: var(--page-text-invert, whitesmoke)!important;    
      }
  
      .alert-info > .table-striped tbody>tr:nth-child(even)>td {
        background-color: var(--color-lightblue, #165380);
        color: var(--page-text-invert, whitesmoke)!important;    
      }
  
      .btn-success {
        background-color:#62c462;
        background-color: var(--color-green, #62c462); 
        color:white !important;
        color: var(--page-text-invert, white) !important;
      }
  
      .btn-danger {
        background-color:#ff6e6e !important;
        background-color: var(--color-red, #ff6e6e) !important; 
        color:white !important;
        color: var(--page-text-invert, white) !important;      
      }
  
      .btn-link, a.btn-link, .btn-link:hover, a.btn-link:hover {
        background-color: var(--color-lightblue, #165380);
        color: var(--page-text-invert, whitesmoke)!important;
      }
  
      .btn:hover, a.btn:hover {
        text-decoration: underline;
      }
  
      .btn {
        text-decoration: none;
      }
  
      .alert {
        background-color: var(--alert-yellow, #d3a053);
        color: var(--color-black);
        padding: 0.5em;
        margin-bottom: 1em;
      }
      .alert > a {
        color: var(--color-black);
      }
      .alert > p { 
        padding: 0.5em;
      }    
      .alert-heading {
        padding: 0.5em;
        margin-bottom: 0.5em;
      }   
      h4.alert-heading {
        padding: 0.5em;
        margin-bottom: 0.5em;
      }
      .alert.alert-error {
        background-color: var(--color-lightred);
        border: 1px solid var(--color-lightred);
        color: var(--page-text);
      }
      .alert.alert-error .alert-heading {
        color: var(--page-text-invert);
        background-color: var(--color-red);
        border: 1px solid var(--color-red);
        font-weight: bold;
      }
      .alert.alert-info {
        background-color: var(--background-blue-notifcation, #adcae8);
        color: var(--page-text);
        border: 1px solid var(--background-blue-notifcation, #adcae8);

      }
      .alert-info a {
        color: var(--page-text, #165380);
        text-decoration: underline;
        font-weight: bold;
      }
  
      .well {
        background-color: var(--background-light-secondary, #e1e4e8);
      }
      .nav.nav-list {
        color: var(--page-text);
      }
  
      div.modal {
        color: var(--page-text);
        background-color: var(--background-light-secondary);
      }
      .modal-header, .modal-footer {
        color: var(--page-text);
        background-color: var(--background-light-secondary);
        /*
        border-top: 1px solid var(--background-light-secondary);
        border-bottom: 1px solid var(--background-light-secondary);
        box-shadow: inset 0 1px 0 var(--background-light-secondary);
        */
        box-shadow: none;
		border: 0px;
      }
  
      /* ================
          MEDIA QUERIES
        ================= */
  
      @media only screen and (max-width: 1200px)
      {
        #descriptionbox {
          width: 100%;
          float: right;
        }
        #sidebar {
          width: 100%;
          float: left;
          top: -1px;
          position: relative;
        }
        .sm-comments-scroll {
          float:left;
          padding: 10px;
        }
      }
  
      @media only screen and (min-width: 1024px) {
        div.padding-large {
          padding: 2em !important;
        }
      }

      /* ==============
          FANCY SWITCH
         ============== */

         .switch[type="checkbox"] {
          outline: 0;
          user-select: none;
          display: inline-block;
          position: absolute;
          opacity: 0; }
          .switch[type="checkbox"]:focus + label::before, .switch[type="checkbox"]:focus + label:before, .switch[type="checkbox"]:focus + label::after, .switch[type="checkbox"]:focus + label:after {
            outline: 1px dotted #b5b5b5; }
          .switch[type="checkbox"][disabled] {
            cursor: not-allowed; }
            .switch[type="checkbox"][disabled] + label {
              opacity: 0.5; }
              .switch[type="checkbox"][disabled] + label::before, .switch[type="checkbox"][disabled] + label:before {
                opacity: 0.5; }
              .switch[type="checkbox"][disabled] + label::after, .switch[type="checkbox"][disabled] + label:after {
                opacity: 0.5; }
              .switch[type="checkbox"][disabled] + label:hover {
                cursor: not-allowed; }
          .switch[type="checkbox"] + label {
            position: relative;
            display: initial;
            font-size: 1rem;
            line-height: initial;
            padding-left: 3.5rem;
            padding-top: .2rem;
            cursor: pointer; }
            .switch[type="checkbox"] + label::before, .switch[type="checkbox"] + label:before {
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              width: 3rem;
              height: 1.5rem;
              border: 0.1rem solid transparent;
              border-radius: 4px;
              background: #b5b5b5;
              content: ''; }
            .switch[type="checkbox"] + label::after, .switch[type="checkbox"] + label:after {
              display: block;
              position: absolute;
              top: 0.25rem;
              left: 0.25rem;
              width: 1rem;
              height: 1rem;
              transform: translate3d(0, 0, 0);
              border-radius: 4px;
              background: #FFFFFF;
              transition: all 0.25s ease-out;
              content: ''; }
          .switch[type="checkbox"].is-rtl + label {
            padding-left: 0;
            padding-right: 3.5rem; }
            .switch[type="checkbox"].is-rtl + label::before, .switch[type="checkbox"].is-rtl + label:before {
              left: auto;
              right: 0; }
            .switch[type="checkbox"].is-rtl + label::after, .switch[type="checkbox"].is-rtl + label:after {
              left: auto;
              right: 0.25rem; }
          .switch[type="checkbox"]:checked + label::before, .switch[type="checkbox"]:checked + label:before {
            background: #0f75bd; }
          .switch[type="checkbox"]:checked + label::after {
            left: 1.625rem; }
          .switch[type="checkbox"]:checked.is-rtl + label::after, .switch[type="checkbox"]:checked.is-rtl + label:after {
            left: auto;
            right: 1.625rem; }
          .switch[type="checkbox"].is-outlined + label::before, .switch[type="checkbox"].is-outlined + label:before {
            background-color: transparent;
            border-color: #b5b5b5; }
          .switch[type="checkbox"].is-outlined + label::after, .switch[type="checkbox"].is-outlined + label:after {
            background: #b5b5b5; }
          .switch[type="checkbox"].is-outlined:checked + label::before, .switch[type="checkbox"].is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #0f75bd; }
          .switch[type="checkbox"].is-outlined:checked + label::after, .switch[type="checkbox"].is-outlined:checked + label:after {
            background: #0f75bd; }
          .switch[type="checkbox"].is-thin + label::before, .switch[type="checkbox"].is-thin + label:before {
            top: 0.54545rem;
            height: 0.375rem; }
          .switch[type="checkbox"].is-thin + label::after, .switch[type="checkbox"].is-thin + label:after {
            box-shadow: 0px 0px 3px #7a7a7a; }
          .switch[type="checkbox"].is-rounded + label::before, .switch[type="checkbox"].is-rounded + label:before {
            border-radius: 24px; }
          .switch[type="checkbox"].is-rounded + label::after, .switch[type="checkbox"].is-rounded + label:after {
            border-radius: 50%; }
          .switch[type="checkbox"].is-small + label {
            position: relative;
            display: initial;
            font-size: 0.75rem;
            line-height: initial;
            padding-left: 2.75rem;
            padding-top: .2rem;
            cursor: pointer; }
            .switch[type="checkbox"].is-small + label::before, .switch[type="checkbox"].is-small + label:before {
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              width: 2.25rem;
              height: 1.125rem;
              border: 0.1rem solid transparent;
              border-radius: 4px;
              background: #b5b5b5;
              content: ''; }
            .switch[type="checkbox"].is-small + label::after, .switch[type="checkbox"].is-small + label:after {
              display: block;
              position: absolute;
              top: 0.25rem;
              left: 0.25rem;
              width: 0.625rem;
              height: 0.625rem;
              transform: translate3d(0, 0, 0);
              border-radius: 4px;
              background: #FFFFFF;
              transition: all 0.25s ease-out;
              content: ''; }
          .switch[type="checkbox"].is-small.is-rtl + label {
            padding-left: 0;
            padding-right: 2.75rem; }
            .switch[type="checkbox"].is-small.is-rtl + label::before, .switch[type="checkbox"].is-small.is-rtl + label:before {
              left: auto;
              right: 0; }
            .switch[type="checkbox"].is-small.is-rtl + label::after, .switch[type="checkbox"].is-small.is-rtl + label:after {
              left: auto;
              right: 0.25rem; }
          .switch[type="checkbox"].is-small:checked + label::before, .switch[type="checkbox"].is-small:checked + label:before {
            background: #0f75bd; }
          .switch[type="checkbox"].is-small:checked + label::after {
            left: 1.25rem; }
          .switch[type="checkbox"].is-small:checked.is-rtl + label::after, .switch[type="checkbox"].is-small:checked.is-rtl + label:after {
            left: auto;
            right: 1.25rem; }
          .switch[type="checkbox"].is-small.is-outlined + label::before, .switch[type="checkbox"].is-small.is-outlined + label:before {
            background-color: transparent;
            border-color: #b5b5b5; }
          .switch[type="checkbox"].is-small.is-outlined + label::after, .switch[type="checkbox"].is-small.is-outlined + label:after {
            background: #b5b5b5; }
          .switch[type="checkbox"].is-small.is-outlined:checked + label::before, .switch[type="checkbox"].is-small.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #0f75bd; }
          .switch[type="checkbox"].is-small.is-outlined:checked + label::after, .switch[type="checkbox"].is-small.is-outlined:checked + label:after {
            background: #0f75bd; }
          .switch[type="checkbox"].is-small.is-thin + label::before, .switch[type="checkbox"].is-small.is-thin + label:before {
            top: 0.40909rem;
            height: 0.28125rem; }
          .switch[type="checkbox"].is-small.is-thin + label::after, .switch[type="checkbox"].is-small.is-thin + label:after {
            box-shadow: 0px 0px 3px #7a7a7a; }
          .switch[type="checkbox"].is-small.is-rounded + label::before, .switch[type="checkbox"].is-small.is-rounded + label:before {
            border-radius: 24px; }
          .switch[type="checkbox"].is-small.is-rounded + label::after, .switch[type="checkbox"].is-small.is-rounded + label:after {
            border-radius: 50%; }
          .switch[type="checkbox"].is-medium + label {
            position: relative;
            display: initial;
            font-size: 1.25rem;
            line-height: initial;
            padding-left: 4.25rem;
            padding-top: .2rem;
            cursor: pointer; }
            .switch[type="checkbox"].is-medium + label::before, .switch[type="checkbox"].is-medium + label:before {
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              width: 3.75rem;
              height: 1.875rem;
              border: 0.1rem solid transparent;
              border-radius: 4px;
              background: #b5b5b5;
              content: ''; }
            .switch[type="checkbox"].is-medium + label::after, .switch[type="checkbox"].is-medium + label:after {
              display: block;
              position: absolute;
              top: 0.25rem;
              left: 0.25rem;
              width: 1.375rem;
              height: 1.375rem;
              transform: translate3d(0, 0, 0);
              border-radius: 4px;
              background: #FFFFFF;
              transition: all 0.25s ease-out;
              content: ''; }
          .switch[type="checkbox"].is-medium.is-rtl + label {
            padding-left: 0;
            padding-right: 4.25rem; }
            .switch[type="checkbox"].is-medium.is-rtl + label::before, .switch[type="checkbox"].is-medium.is-rtl + label:before {
              left: auto;
              right: 0; }
            .switch[type="checkbox"].is-medium.is-rtl + label::after, .switch[type="checkbox"].is-medium.is-rtl + label:after {
              left: auto;
              right: 0.25rem; }
          .switch[type="checkbox"].is-medium:checked + label::before, .switch[type="checkbox"].is-medium:checked + label:before {
            background: #0f75bd; }
          .switch[type="checkbox"].is-medium:checked + label::after {
            left: 2rem; }
          .switch[type="checkbox"].is-medium:checked.is-rtl + label::after, .switch[type="checkbox"].is-medium:checked.is-rtl + label:after {
            left: auto;
            right: 2rem; }
          .switch[type="checkbox"].is-medium.is-outlined + label::before, .switch[type="checkbox"].is-medium.is-outlined + label:before {
            background-color: transparent;
            border-color: #b5b5b5; }
          .switch[type="checkbox"].is-medium.is-outlined + label::after, .switch[type="checkbox"].is-medium.is-outlined + label:after {
            background: #b5b5b5; }
          .switch[type="checkbox"].is-medium.is-outlined:checked + label::before, .switch[type="checkbox"].is-medium.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #0f75bd; }
          .switch[type="checkbox"].is-medium.is-outlined:checked + label::after, .switch[type="checkbox"].is-medium.is-outlined:checked + label:after {
            background: #0f75bd; }
          .switch[type="checkbox"].is-medium.is-thin + label::before, .switch[type="checkbox"].is-medium.is-thin + label:before {
            top: 0.68182rem;
            height: 0.46875rem; }
          .switch[type="checkbox"].is-medium.is-thin + label::after, .switch[type="checkbox"].is-medium.is-thin + label:after {
            box-shadow: 0px 0px 3px #7a7a7a; }
          .switch[type="checkbox"].is-medium.is-rounded + label::before, .switch[type="checkbox"].is-medium.is-rounded + label:before {
            border-radius: 24px; }
          .switch[type="checkbox"].is-medium.is-rounded + label::after, .switch[type="checkbox"].is-medium.is-rounded + label:after {
            border-radius: 50%; }
          .switch[type="checkbox"].is-large + label {
            position: relative;
            display: initial;
            font-size: 1.5rem;
            line-height: initial;
            padding-left: 5rem;
            padding-top: .2rem;
            cursor: pointer; }
            .switch[type="checkbox"].is-large + label::before, .switch[type="checkbox"].is-large + label:before {
              position: absolute;
              display: block;
              top: 0;
              left: 0;
              width: 4.5rem;
              height: 2.25rem;
              border: 0.1rem solid transparent;
              border-radius: 4px;
              background: #b5b5b5;
              content: ''; }
            .switch[type="checkbox"].is-large + label::after, .switch[type="checkbox"].is-large + label:after {
              display: block;
              position: absolute;
              top: 0.25rem;
              left: 0.25rem;
              width: 1.75rem;
              height: 1.75rem;
              transform: translate3d(0, 0, 0);
              border-radius: 4px;
              background: #FFFFFF;
              transition: all 0.25s ease-out;
              content: ''; }
          .switch[type="checkbox"].is-large.is-rtl + label {
            padding-left: 0;
            padding-right: 5rem; }
            .switch[type="checkbox"].is-large.is-rtl + label::before, .switch[type="checkbox"].is-large.is-rtl + label:before {
              left: auto;
              right: 0; }
            .switch[type="checkbox"].is-large.is-rtl + label::after, .switch[type="checkbox"].is-large.is-rtl + label:after {
              left: auto;
              right: 0.25rem; }
          .switch[type="checkbox"].is-large:checked + label::before, .switch[type="checkbox"].is-large:checked + label:before {
            background: #0f75bd; }
          .switch[type="checkbox"].is-large:checked + label::after {
            left: 2.375rem; }
          .switch[type="checkbox"].is-large:checked.is-rtl + label::after, .switch[type="checkbox"].is-large:checked.is-rtl + label:after {
            left: auto;
            right: 2.375rem; }
          .switch[type="checkbox"].is-large.is-outlined + label::before, .switch[type="checkbox"].is-large.is-outlined + label:before {
            background-color: transparent;
            border-color: #b5b5b5; }
          .switch[type="checkbox"].is-large.is-outlined + label::after, .switch[type="checkbox"].is-large.is-outlined + label:after {
            background: #b5b5b5; }
          .switch[type="checkbox"].is-large.is-outlined:checked + label::before, .switch[type="checkbox"].is-large.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #0f75bd; }
          .switch[type="checkbox"].is-large.is-outlined:checked + label::after, .switch[type="checkbox"].is-large.is-outlined:checked + label:after {
            background: #0f75bd; }
          .switch[type="checkbox"].is-large.is-thin + label::before, .switch[type="checkbox"].is-large.is-thin + label:before {
            top: 0.81818rem;
            height: 0.5625rem; }
          .switch[type="checkbox"].is-large.is-thin + label::after, .switch[type="checkbox"].is-large.is-thin + label:after {
            box-shadow: 0px 0px 3px #7a7a7a; }
          .switch[type="checkbox"].is-large.is-rounded + label::before, .switch[type="checkbox"].is-large.is-rounded + label:before {
            border-radius: 24px; }
          .switch[type="checkbox"].is-large.is-rounded + label::after, .switch[type="checkbox"].is-large.is-rounded + label:after {
            border-radius: 50%; }
          .switch[type="checkbox"].is-white:checked + label::before, .switch[type="checkbox"].is-white:checked + label:before {
            background: #FFFFFF; }
          .switch[type="checkbox"].is-white.is-outlined:checked + label::before, .switch[type="checkbox"].is-white.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #FFFFFF !important; }
          .switch[type="checkbox"].is-white.is-outlined:checked + label::after, .switch[type="checkbox"].is-white.is-outlined:checked + label:after {
            background: #FFFFFF; }
          .switch[type="checkbox"].is-white.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-white.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-white + label::before, .switch[type="checkbox"].is-unchecked-white + label:before {
            background: #FFFFFF; }
          .switch[type="checkbox"].is-unchecked-white.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-white.is-outlined + label:before {
            background-color: transparent;
            border-color: #FFFFFF !important; }
          .switch[type="checkbox"].is-unchecked-white.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-white.is-outlined + label:after {
            background: #FFFFFF; }
          .switch[type="checkbox"].is-black:checked + label::before, .switch[type="checkbox"].is-black:checked + label:before {
            background: #0a0a0a; }
          .switch[type="checkbox"].is-black.is-outlined:checked + label::before, .switch[type="checkbox"].is-black.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #0a0a0a !important; }
          .switch[type="checkbox"].is-black.is-outlined:checked + label::after, .switch[type="checkbox"].is-black.is-outlined:checked + label:after {
            background: #0a0a0a; }
          .switch[type="checkbox"].is-black.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-black.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-black + label::before, .switch[type="checkbox"].is-unchecked-black + label:before {
            background: #0a0a0a; }
          .switch[type="checkbox"].is-unchecked-black.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-black.is-outlined + label:before {
            background-color: transparent;
            border-color: #0a0a0a !important; }
          .switch[type="checkbox"].is-unchecked-black.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-black.is-outlined + label:after {
            background: #0a0a0a; }
          .switch[type="checkbox"].is-light:checked + label::before, .switch[type="checkbox"].is-light:checked + label:before {
            background: whitesmoke; }
          .switch[type="checkbox"].is-light.is-outlined:checked + label::before, .switch[type="checkbox"].is-light.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: whitesmoke !important; }
          .switch[type="checkbox"].is-light.is-outlined:checked + label::after, .switch[type="checkbox"].is-light.is-outlined:checked + label:after {
            background: whitesmoke; }
          .switch[type="checkbox"].is-light.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-light.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-light + label::before, .switch[type="checkbox"].is-unchecked-light + label:before {
            background: whitesmoke; }
          .switch[type="checkbox"].is-unchecked-light.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-light.is-outlined + label:before {
            background-color: transparent;
            border-color: whitesmoke !important; }
          .switch[type="checkbox"].is-unchecked-light.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-light.is-outlined + label:after {
            background: whitesmoke; }
          .switch[type="checkbox"].is-dark:checked + label::before, .switch[type="checkbox"].is-dark:checked + label:before {
            background: #363636; }
          .switch[type="checkbox"].is-dark.is-outlined:checked + label::before, .switch[type="checkbox"].is-dark.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #363636 !important; }
          .switch[type="checkbox"].is-dark.is-outlined:checked + label::after, .switch[type="checkbox"].is-dark.is-outlined:checked + label:after {
            background: #363636; }
          .switch[type="checkbox"].is-dark.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-dark.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-dark + label::before, .switch[type="checkbox"].is-unchecked-dark + label:before {
            background: #363636; }
          .switch[type="checkbox"].is-unchecked-dark.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-dark.is-outlined + label:before {
            background-color: transparent;
            border-color: #363636 !important; }
          .switch[type="checkbox"].is-unchecked-dark.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-dark.is-outlined + label:after {
            background: #363636; }
          .switch[type="checkbox"].is-primary:checked + label::before, .switch[type="checkbox"].is-primary:checked + label:before {
            background: #0f75bd; }
          .switch[type="checkbox"].is-primary.is-outlined:checked + label::before, .switch[type="checkbox"].is-primary.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #0f75bd !important; }
          .switch[type="checkbox"].is-primary.is-outlined:checked + label::after, .switch[type="checkbox"].is-primary.is-outlined:checked + label:after {
            background: #0f75bd; }
          .switch[type="checkbox"].is-primary.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-primary.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-primary + label::before, .switch[type="checkbox"].is-unchecked-primary + label:before {
            background: #0f75bd; }
          .switch[type="checkbox"].is-unchecked-primary.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-primary.is-outlined + label:before {
            background-color: transparent;
            border-color: #0f75bd !important; }
          .switch[type="checkbox"].is-unchecked-primary.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-primary.is-outlined + label:after {
            background: #0f75bd; }
          .switch[type="checkbox"].is-link:checked + label::before, .switch[type="checkbox"].is-link:checked + label:before {
            background: #04315A; }
          .switch[type="checkbox"].is-link.is-outlined:checked + label::before, .switch[type="checkbox"].is-link.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #04315A !important; }
          .switch[type="checkbox"].is-link.is-outlined:checked + label::after, .switch[type="checkbox"].is-link.is-outlined:checked + label:after {
            background: #04315A; }
          .switch[type="checkbox"].is-link.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-link.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-link + label::before, .switch[type="checkbox"].is-unchecked-link + label:before {
            background: #04315A; }
          .switch[type="checkbox"].is-unchecked-link.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-link.is-outlined + label:before {
            background-color: transparent;
            border-color: #04315A !important; }
          .switch[type="checkbox"].is-unchecked-link.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-link.is-outlined + label:after {
            background: #04315A; }
          .switch[type="checkbox"].is-info:checked + label::before, .switch[type="checkbox"].is-info:checked + label:before {
            background: #2D72D9; }
          .switch[type="checkbox"].is-info.is-outlined:checked + label::before, .switch[type="checkbox"].is-info.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #2D72D9 !important; }
          .switch[type="checkbox"].is-info.is-outlined:checked + label::after, .switch[type="checkbox"].is-info.is-outlined:checked + label:after {
            background: #2D72D9; }
          .switch[type="checkbox"].is-info.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-info.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-info + label::before, .switch[type="checkbox"].is-unchecked-info + label:before {
            background: #2D72D9; }
          .switch[type="checkbox"].is-unchecked-info.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-info.is-outlined + label:before {
            background-color: transparent;
            border-color: #2D72D9 !important; }
          .switch[type="checkbox"].is-unchecked-info.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-info.is-outlined + label:after {
            background: #2D72D9; }
          .switch[type="checkbox"].is-success:checked + label::before, .switch[type="checkbox"].is-success:checked + label:before {
            background: #7cb36d; }
          .switch[type="checkbox"].is-success.is-outlined:checked + label::before, .switch[type="checkbox"].is-success.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #7cb36d !important; }
          .switch[type="checkbox"].is-success.is-outlined:checked + label::after, .switch[type="checkbox"].is-success.is-outlined:checked + label:after {
            background: #7cb36d; }
          .switch[type="checkbox"].is-success.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-success.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-success + label::before, .switch[type="checkbox"].is-unchecked-success + label:before {
            background: #7cb36d; }
          .switch[type="checkbox"].is-unchecked-success.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-success.is-outlined + label:before {
            background-color: transparent;
            border-color: #7cb36d !important; }
          .switch[type="checkbox"].is-unchecked-success.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-success.is-outlined + label:after {
            background: #7cb36d; }
          .switch[type="checkbox"].is-warning:checked + label::before, .switch[type="checkbox"].is-warning:checked + label:before {
            background: #ffdd57; }
          .switch[type="checkbox"].is-warning.is-outlined:checked + label::before, .switch[type="checkbox"].is-warning.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #ffdd57 !important; }
          .switch[type="checkbox"].is-warning.is-outlined:checked + label::after, .switch[type="checkbox"].is-warning.is-outlined:checked + label:after {
            background: #ffdd57; }
          .switch[type="checkbox"].is-warning.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-warning.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-warning + label::before, .switch[type="checkbox"].is-unchecked-warning + label:before {
            background: #ffdd57; }
          .switch[type="checkbox"].is-unchecked-warning.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-warning.is-outlined + label:before {
            background-color: transparent;
            border-color: #ffdd57 !important; }
          .switch[type="checkbox"].is-unchecked-warning.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-warning.is-outlined + label:after {
            background: #ffdd57; }
          .switch[type="checkbox"].is-danger:checked + label::before, .switch[type="checkbox"].is-danger:checked + label:before {
            background: #f14668; }
          .switch[type="checkbox"].is-danger.is-outlined:checked + label::before, .switch[type="checkbox"].is-danger.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #f14668 !important; }
          .switch[type="checkbox"].is-danger.is-outlined:checked + label::after, .switch[type="checkbox"].is-danger.is-outlined:checked + label:after {
            background: #f14668; }
          .switch[type="checkbox"].is-danger.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-danger.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-danger + label::before, .switch[type="checkbox"].is-unchecked-danger + label:before {
            background: #f14668; }
          .switch[type="checkbox"].is-unchecked-danger.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-danger.is-outlined + label:before {
            background-color: transparent;
            border-color: #f14668 !important; }
          .switch[type="checkbox"].is-unchecked-danger.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-danger.is-outlined + label:after {
            background: #f14668; }
          .switch[type="checkbox"].is-secondary:checked + label::before, .switch[type="checkbox"].is-secondary:checked + label:before {
            background: #20364f; }
          .switch[type="checkbox"].is-secondary.is-outlined:checked + label::before, .switch[type="checkbox"].is-secondary.is-outlined:checked + label:before {
            background-color: transparent;
            border-color: #20364f !important; }
          .switch[type="checkbox"].is-secondary.is-outlined:checked + label::after, .switch[type="checkbox"].is-secondary.is-outlined:checked + label:after {
            background: #20364f; }
          .switch[type="checkbox"].is-secondary.is-thin.is-outlined + label::after, .switch[type="checkbox"].is-secondary.is-thin.is-outlined + label:after {
            box-shadow: none; }
          .switch[type="checkbox"].is-unchecked-secondary + label::before, .switch[type="checkbox"].is-unchecked-secondary + label:before {
            background: #20364f; }
          .switch[type="checkbox"].is-unchecked-secondary.is-outlined + label::before, .switch[type="checkbox"].is-unchecked-secondary.is-outlined + label:before {
            background-color: transparent;
            border-color: #20364f !important; }
          .switch[type="checkbox"].is-unchecked-secondary.is-outlined + label::after, .switch[type="checkbox"].is-unchecked-secondary.is-outlined + label:after {
            background: #20364f; }         

            /* WBB Editor fixes */
            .wysibb {
              background: var(--background-light-primary);
              color: var(--page-text);
            }
            .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn .fonticon {
              text-shadow: none;
              color: var(--page-text);
              background: var(--background-light-primary);
            }
            .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on .fonticon {
              color: var(--page-text);
              background: var(--background-light-primary);
            }
            .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover .fonticon {
              color: var(--page-text);
              background: var(--background-light-primary);              
            }            
            .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.on:hover, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:active {
              background: var(--page-text);
              color: var(--background-light-primary);
            }
			.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on, .wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select.on:active {
              background: var(--page-text);
              color: var(--background-light-primary);
			}
			.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn:hover {
              background: var(--page-text);
              color: var(--background-light-primary);
			}
			.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn.wbb-select:hover {
              background: var(--page-text);
              color: var(--background-light-primary);
			}

.dropdown {
  display: inline-flex;
  position: relative;
  /* vertical-align: top; */
  z-index: 199;
  margin-right:1em;
}
  .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block; }
  .dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0; }
  .dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 0;
    padding-top: initial;
    top: auto; }

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20; 
  background-color: var(--background-light-primary);
}

.dropdown-content {
  /*background-color: #FFFFFF;*/
  border-radius: 0;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }

.dropdown-item {
  /*color: #4a4a4a;*/
  display: block;
  /*font-size: 0.875rem;*/
  line-height: 1.5;
  padding: 0.2rem .75rem;
  position: relative; }

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: left;
  white-space: nowrap;
  width: 100%; }
  a.dropdown-item:hover,
  button.dropdown-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a; }
  a.dropdown-item.is-active,
  button.dropdown-item.is-active {
    background-color: #04315A;
    color: #fff; }

.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0; }

img.epicon {
  width: 20px;
  height: 20px;
}

.epicon-text {
  padding-left: 0.5rem !important;
  align-self: center;
}

.mb-0 {
  margin-bottom: 0px;
}

.meshColor { border: 3px solid white; box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%); width:35px; height:35px; margin-left: 0.3em; display:inline-block; margin-bottom: 0.3em; }
.outerShadow { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); padding:0px; margin-bottom: 20px; }
.interactionButton { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.64); background-color: white; border-radius: 15px; width: fit-content; padding: 0.2em 1.5em; margin: 0.3em; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); color: black; }
.traitInfo { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background-color: var(--background-light-tertiary, #F0F0F0); border-radius: 6px; height: fit-content; flex-direction: column; margin: 0.3em; }
.buffInfo { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); background-color: var(--background-light-secondary, white); border-radius: 6px; width: 47%; height: fit-content; flex-direction: column; margin: 0.3em; }

/* ==============
	FONT AWESOME STACKING
   ============== */
i.fas.fa-square.fa-stack-2x {
  color: var(--page-text-invert, white);
}
i.fab.fa-stack-1x {
  color: var(--page-text, black);
}