@transferwise/neptune-css 10.0.6-beta.32 → 10.1.0

package/src/less/table.less

@@ -3,14 +3,13 @@
 
 // mixins
 @import './mixins/_table-row.less';
-@import (reference) './mixins/_logical-properties.less';
 
 //
 // Tables
 // --------------------------------------------------
 
 table {
-  background-color: var(--color-background-screen);
+  background-color: @table-bg;
   border-collapse: separate;
 
   td,
@@ -26,12 +25,12 @@ table {
 caption {
   padding-top: @table-cell-padding;
   padding-bottom: @table-cell-padding;
-  color: var(--color-content-disabled);
-  .text-align(left);
+  color: @text-muted;
+  text-align: left;
 }
 
 th {
-  .text-align(left);
+  text-align: left;
 }
 
 // Baseline styles
@@ -39,18 +38,17 @@ th {
 .table {
   width: 100%;
   max-width: 100%;
-  margin-bottom: var(--size-24);
-
+  margin-bottom: @line-height-computed;
   // Cells
   > thead,
   > tbody,
   > tfoot {
     > tr > th,
     > tr > td {
-      padding: var(--size-24) @table-cell-padding;
-      line-height: var(--line-height-body);
+      padding: @line-height-computed @table-cell-padding;
+      line-height: @line-height-base;
       vertical-align: top;
-      border-top: 1px solid var(--color-background-neutral);
+      border-top: 1px solid @table-border-color;
       border-bottom: 0;
       transition: border ease @panel-focus-transtion;
     }
@@ -59,10 +57,10 @@ th {
   > .thead > ol > li,
   > .tbody > dl > dd,
   > .tfoot > ol > li {
-    padding: var(--size-24) @table-cell-padding;
-    line-height: var(--line-height-body);
+    padding: @line-height-computed @table-cell-padding;
+    line-height: @line-height-base;
     vertical-align: top;
-    border-top: 1px solid var(--color-background-neutral);
+    border-top: 1px solid @table-border-color;
     border-bottom: 0;
     transition: border ease @panel-focus-transtion;
   }
@@ -101,30 +99,30 @@ th {
   }
   // Account for multiple tbody instances
   > tbody + tbody {
-    border-top: 1px solid var(--color-border-neutral);
+    border-top: 1px solid @table-border-color;
   }
 
   // Nesting
   .table {
-    background-color: var(--color-background-screen);
+    background-color: @body-bg;
   }
 
   > thead,
   > tfoot,
   > .thead,
   > .tfoot {
-    font-size: var(--font-size-14);
-    color: var(--color-content-primary);
+    font-size: @font-size-small;
+    color: @headings-color;
   }
 
   > tbody,
   > .tbody {
-    font-size: var(--font-size-14);
+    font-size: @font-size-small;
   }
 
   > tbody > tr > th,
   > .tbody > dl > .th {
-    color: var(--color-content-primary);
+    color: @headings-color;
   }
 }
 
@@ -153,12 +151,12 @@ th {
 // Add borders all around the table and between all the columns.
 
 .table-bordered {
-  border: 1px solid var(--color-border-neutral);
+  border: 1px solid @table-border-color;
   border-radius: @border-radius-base;
 
   thead,
   .thead {
-    background-color: var(--color-background-neutral);
+    background-color: @gray-base;
   }
 }
 
@@ -174,12 +172,28 @@ th {
 
 .table-striped {
   > tbody > tr:nth-of-type(odd) {
-    background-color: var(--color-background-neutral);
+    background-color: @table-bg-accent;
   }
 
   @media (min-width: @screen-md-min) {
     > .tbody > dl:nth-of-type(odd) {
-      background-color: var(--color-background-neutral);
+      background-color: @table-bg-accent;
+    }
+  }
+}
+
+// Hover effect
+//
+// Placed here since it has to come after the potential zebra striping
+
+.table-hover {
+  > tbody > tr:hover {
+    background-color: @table-bg-hover;
+  }
+
+  @media (min-width: @screen-md-min) {
+    > .tbody > dl:hover {
+      background-color: @table-bg-hover;
     }
   }
 }
@@ -200,13 +214,13 @@ table col[class*='col-'] {
 // inheritance to nested tables.
 
 // Generate the contextual variants
-.table-row-variant(primary; var(--color-base-navy-light); var(--color-border-neutral); var(--color-base-white-light));
-.table-row-variant(active; var(--color-background-screen); var(--color-border-neutral));
-.table-row-variant(success; var(--color-background-positive); var(--color-interactive-positive));
-.table-row-variant(info; var(--color-background-accent); var(--color-interactive-accent));
-.table-row-variant(warning; var(--color-background-warning); var(--color-interactive-warning));
-.table-row-variant(danger; var(--color-background-negative); var(--color-interactive-negative));
-.table-row-variant(default; var(--color-background-secondary); var(--color-interactive-secondary));
+.table-row-variant(primary; @brand-navy-minus-10; @table-border-color; @brand-white);
+.table-row-variant(active; @table-bg-active; @table-border-color);
+.table-row-variant(success; @state-success-bg; @state-success-text);
+.table-row-variant(info; @state-info-bg; @state-info-text);
+.table-row-variant(warning; @state-warning-bg; @state-warning-text);
+.table-row-variant(danger; @state-danger-bg; @state-danger-text);
+.table-row-variant(default; @brand-smoke-plus-20; @table-border-color);
 
 // Responsive tables
 //
@@ -224,7 +238,7 @@ table col[class*='col-'] {
 
   @media screen and (max-width: @screen-sm-max) {
     width: 100%;
-    margin-bottom: var(--size-24);
+    margin-bottom: @line-height-computed;
     overflow-y: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
 
@@ -264,7 +278,7 @@ table col[class*='col-'] {
     }
 
     &.table-bordered {
-      border: 1px solid var(--color-background-neutral);
+      border: 1px solid @table-border-color;
       border-radius: @border-radius-base;
     }
   }
@@ -285,8 +299,8 @@ table col[class*='col-'] {
 
         > li {
           display: table-cell;
-          font-weight: var(--font-weight-bold);
-          color: var(--color-content-primary);
+          font-weight: @font-weight-bold;
+          color: @headings-color;
         }
       }
     }
@@ -303,8 +317,8 @@ table col[class*='col-'] {
 
         > dd {
           display: table-cell;
-          font-size: var(--font-size-14);
-          color: var(--color-content-secondary);
+          font-size: @font-size-small;
+          color: @text-color;
         }
       }
     }
@@ -323,10 +337,10 @@ table col[class*='col-'] {
 
     > .tbody {
       > dl {
-        border: 1px var(--color-interactive-secondary) solid;
+        border: 1px @input-border solid;
         border-radius: @border-radius-base;
-        margin-bottom: var(--size-24);
-        padding: var(--size-24) var(--line-height-body) 0;
+        margin-bottom: @line-height-computed;
+        padding: @line-height-computed @line-height-computed 0;
 
         > dd {
           padding: 0;
@@ -368,7 +382,7 @@ table col[class*='col-'] {
       }
 
       &:not([disabled]):hover {
-        background-color: var(--color-content-accent);
+        background-color: @brand-light-blue;
         color: #fff;
       }
     }

package/src/less/tick.less

@@ -1,5 +1,3 @@
-@import (reference) './mixins/_logical-properties.less';
-
 .tw-checkbox-check {
   position: relative;
   display: inline-block;
@@ -17,18 +15,7 @@
 
     .tw-checkbox-button[disabled] &,
     input[type='checkbox']:disabled + .tw-checkbox-button & {
-      background-color: var(--color-interactive-disabled);
-    }
-
-    .tw-checkbox-button + .tw-checkbox-button & {
-      background-color: var(--color-interactive-disabled);
-    }
-  }
-
-  .has-error {
-    &::before,
-    &::after {
-      background-color: var(--color-interactive-negative);
+      background-color: var(--color-text-inactive);
     }
   }
 

package/src/less/tooltip.less

@@ -1,126 +1,7 @@
 // TODO: remove bootstrap dependencies
 
+// variables
 @import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_logical-properties.less';
-@import (reference) './mixins/_reset-text.less';
-
-//
-// Tooltips
-// --------------------------------------------------
-
-// Base class
-.tooltip {
-  position: absolute;
-  z-index: @zindex-tooltip;
-  display: block;
-
-  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
-  // So reset our font and text properties to avoid inheriting weird values.
-
-  .reset-text();
-
-  font-size: @font-size-small;
-  opacity: 0;
-
-  &.in {
-    opacity: @tooltip-opacity;
-  }
-
-  &.top {
-    margin-top: -3px;
-    padding: @tooltip-arrow-width 0;
-  }
-
-  &.right {
-    .margin(left, 3px);
-
-    padding: 0 @tooltip-arrow-width;
-  }
-
-  &.bottom {
-    margin-top: 3px;
-    padding: @tooltip-arrow-width 0;
-  }
-
-  &.left {
-    .margin(left, -3px);
-
-    padding: 0 @tooltip-arrow-width;
-  }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
-  max-width: @tooltip-max-width;
-  padding: var(--size-16) var(--size-16);
-  color: var(--color-content-primary);
-  text-align: center;
-  background-color: var(--color-background-screen);
-  border-radius: @border-radius-base;
-  box-shadow: 0 1px 28px 0 rgba(34, 48, 73, 0.2);
-}
-
-// Arrows
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-
-// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
-// stylelint-disable-next-line no-duplicate-selectors
-.tooltip {
-  &.top .tooltip-arrow {
-    bottom: 0;
-    .left(50%);
-
-    .margin(left, -@tooltip-arrow-width);
-
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: var(--color-background-screen);
-  }
-
-  &.right .tooltip-arrow {
-    top: 50%;
-    .left(0);
-
-    margin-top: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-right-color: var(--color-background-screen);
-  }
-
-  &.left .tooltip-arrow {
-    top: 50%;
-    .right(0);
-
-    margin-top: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-left-color: var(--color-background-screen);
-  }
-
-  &.bottom .tooltip-arrow {
-    top: 0;
-    .left(50%);
-
-    .margin(left, -@tooltip-arrow-width);
-
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: var(--color-background-screen);
-  }
-}
-
-[data-toggle=tooltip]:not(.btn) {
-  cursor: pointer;
-
-  &:hover,
-  &:focus {
-    color: @link-hover-color !important;
-    outline: 0;
-  }
-}
-
-a[data-toggle=tooltip] {
-  white-space: nowrap;
-}
+@import (reference) 'bootstrap/less/mixins/reset-text.less';
+@import (reference) 'bootstrap/less/mixins/opacity.less';
+@import 'bootstrap/less/tooltip.less';

package/src/less/utilities.less

@@ -1,8 +1,8 @@
 @import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_clearfix.less';
-@import (reference) './mixins/_center-block.less';
-@import (reference) './mixins/_hide-text.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) 'bootstrap/less/mixins/clearfix.less';
+@import (reference) 'bootstrap/less/mixins/center-block.less';
+@import (reference) 'bootstrap/less/mixins/hide-text.less';
+@import 'bootstrap/less/utilities.less';
 
 .d-inline-block {
   display: inline-block;
@@ -11,133 +11,3 @@
 .d-inline {
   display: inline;
 }
-
-.clearfix {
-  .clearfix();
-}
-
-.center-block {
-  .center-block();
-}
-
-.pull-right,
-.pull-xs-right {
-  .float(right) !important;
-}
-
-.pull-left,
-.pull-xs-left {
-  .float(left) !important;
-}
-
-.pull-xs-none {
-  float: none !important;
-}
-
-@media (--screen-sm) {
-  .pull-sm-left {
-    .float(left) !important;
-  }
-
-  .pull-sm-right {
-    .float(right) !important;
-  }
-
-  .pull-sm-none {
-    float: none !important;
-  }
-}
-
-@media (--screen-md) {
-  .pull-md-left {
-    .float(left) !important;
-  }
-
-  .pull-md-right {
-    .float(right) !important;
-  }
-
-  .pull-md-none {
-    float: none !important;
-  }
-}
-
-@media (--screen-lg) {
-  .pull-lg-left {
-    .float(left) !important;
-  }
-
-  .pull-lg-right {
-    .float(right) !important;
-  }
-
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-
-@media (--screen-xl) {
-  .pull-xl-left {
-    .float(left) !important;
-  }
-
-  .pull-xl-right {
-    .float(right) !important;
-  }
-
-  .pull-xl-none {
-    float: none !important;
-  }
-}
-
-// Toggling content
-// -------------------------
-
-// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
-
-.hide {
-  display: none !important;
-}
-
-.show {
-  display: block !important;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.text-hide {
-  .text-hide();
-}
-
-// Hide from screenreaders and browsers
-//
-// Credit: HTML5 Boilerplate
-
-.hidden {
-  display: none !important;
-}
-
-// For Affix plugin
-// -------------------------
-
-.affix {
-  position: fixed;
-}
-
-.rotate90 {
-  transform: rotate(90deg);
-}
-
-.rotate180 {
-  transform: rotate(180deg);
-}
-
-.rotate270 {
-  transform: rotate(270deg);
-}
-
-.rotate-90 {
-  transform: rotate(-90deg);
-}

package/src/less/variables/_typography.less

@@ -1,5 +1,3 @@
-// Deprecated legacy variables. Use Neptune-tokens ^1.2.0 instead
-
 @font-family-base: 'Averta', 'Avenir W02', 'Avenir', Helvetica, Arial, sans-serif;
 
 @font-weight-base: 500;

package/src/props/neptune-tokens.css

@@ -1,2 +1 @@
-@import '@transferwise/neptune-tokens/colors-base.css';
-@import '@transferwise/neptune-tokens/themes/default/tokens.css';
+@import '@transferwise/neptune-tokens/tokens.css';

package/src/variables/neptune-tokens.less

@@ -1,2 +1,4 @@
+@import '@transferwise/neptune-tokens/tokens.less';
+
+// Including colours which aren't semantic props yet.
 @import '@transferwise/neptune-tokens/colors-base.less';
-@import '@transferwise/neptune-tokens/themes/default/tokens.less';

package/dist/css/dropdowns.css

@@ -1 +0,0 @@
-.dropdown,.dropup{position:relative}.dropdown-menu{position:absolute;top:0;z-index:1000;float:left;margin:0;list-style:none;font-size:16px;text-align:left;background-color:#fff;background-color:var(--color-background-screen,#fff);border:0 solid rgba(0,0,0,.10196078431372549);border:0 solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);background-clip:padding-box;min-width:104px;transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear .2s;opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden}[dir=rtl] .dropdown-menu{right:0}html:not([dir=rtl]) .dropdown-menu{left:0}[dir=rtl] .dropdown-menu{float:right;padding:8px}html:not([dir=rtl]) .dropdown-menu{padding:8px}[dir=rtl] .dropdown-menu{text-align:right}@media (min-width:576px){.dropdown-menu{min-width:160px}}.dropdown-menu .divider{height:1px;margin:0;overflow:hidden;background-color:#f2f5f7}.dropdown-menu .text-primary{color:#37517e!important;color:var(--color-content-primary,#37517e)!important}.dropdown-menu>li>a{display:block;padding:13px 16px 11px;clear:both;font-weight:400;border-radius:3px;line-height:24px;color:#37517e;color:var(--color-content-primary,#37517e);white-space:nowrap}.dropdown-menu>li>a .secondary{display:block;white-space:normal}.dropdown-menu>li:first-child>a{border-top-right-radius:2px;border-top-left-radius:2px}.dropdown-menu>li:last-child>a{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.dropdown-menu>.overlay-back-button,.dropdown-menu>.overlay-title{display:none}.btn-group .dropdown-menu,.dropdown-menu{max-width:calc(100vw - 32px)}.btn-group .dropdown-menu.dropdown-menu-sm,.dropdown-menu.dropdown-menu-sm{width:220px}.btn-group .dropdown-menu.dropdown-menu-md,.dropdown-menu.dropdown-menu-md{width:300px}.btn-group .dropdown-menu.dropdown-menu-lg,.dropdown-menu.dropdown-menu-lg{width:420px}.dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):focus,.dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):hover{text-decoration:none;color:#0084b3;color:var(--color-content-accent-hover,#0084b3);background-color:#f2f5f7;outline:0}.dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):active{color:#0077a5;color:var(--color-content-accent-active,#0077a5);background-color:#2e4369}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>.selected>a,.dropdown-menu>.selected>a:focus,.dropdown-menu>.selected>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#2e4369}.dropdown-menu>.active>a strong,.dropdown-menu>.selected>a strong{color:inherit}.dropdown-menu>.active>a .secondary,.dropdown-menu>.active>a .small,.dropdown-menu>.selected>a .secondary,.dropdown-menu>.selected>a .small{color:#5d7079;color:var(--color-content-secondary,#5d7079)}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a .secondary,.dropdown-menu>.disabled>a .small,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.dropdown-menu>.disabled>a .circle img,.dropdown-menu>.disabled>a .currency-flag{opacity:.5}.dropdown-menu>.disabled>a .circle,.dropdown-menu>.disabled>a .icon{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.open>.dropdown-menu{transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none}@media (max-width:576px){.open>.dropdown-menu-overlay{position:fixed;top:0;width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none;max-width:none;overflow-y:auto;animation:listSlideOver .15s ease-out forwards}[dir=rtl] .open>.dropdown-menu-overlay{right:0}html:not([dir=rtl]) .open>.dropdown-menu-overlay{left:0}.open>.dropdown-menu-overlay>.overlay-back-button,.open>.dropdown-menu-overlay>.overlay-title{display:block}}.open>a{outline:0}[dir=rtl] .dropdown-menu-right,[dir=rtl] .dropdown-menu-xs-right{right:auto}html:not([dir=rtl]) .dropdown-menu-right,html:not([dir=rtl]) .dropdown-menu-xs-right{left:auto}[dir=rtl] .dropdown-menu-right,[dir=rtl] .dropdown-menu-xs-right{left:0}[dir=rtl] .dropdown-menu-left,[dir=rtl] .dropdown-menu-xs-left,html:not([dir=rtl]) .dropdown-menu-right,html:not([dir=rtl]) .dropdown-menu-xs-right{right:0}html:not([dir=rtl]) .dropdown-menu-left,html:not([dir=rtl]) .dropdown-menu-xs-left{left:0}[dir=rtl] .dropdown-menu-left,[dir=rtl] .dropdown-menu-xs-left{left:auto}html:not([dir=rtl]) .dropdown-menu-left,html:not([dir=rtl]) .dropdown-menu-xs-left{right:auto}@media (min-width:576px){[dir=rtl] .dropdown-menu-sm-right{right:auto}html:not([dir=rtl]) .dropdown-menu-sm-right{left:auto}[dir=rtl] .dropdown-menu-sm-right{left:0}[dir=rtl] .dropdown-menu-sm-left,html:not([dir=rtl]) .dropdown-menu-sm-right{right:0}html:not([dir=rtl]) .dropdown-menu-sm-left{left:0}[dir=rtl] .dropdown-menu-sm-left{left:auto}html:not([dir=rtl]) .dropdown-menu-sm-left{right:auto}}@media (min-width:768px){[dir=rtl] .dropdown-menu-md-right{right:auto}html:not([dir=rtl]) .dropdown-menu-md-right{left:auto}[dir=rtl] .dropdown-menu-md-right{left:0}[dir=rtl] .dropdown-menu-md-left,html:not([dir=rtl]) .dropdown-menu-md-right{right:0}html:not([dir=rtl]) .dropdown-menu-md-left{left:0}[dir=rtl] .dropdown-menu-md-left{left:auto}html:not([dir=rtl]) .dropdown-menu-md-left{right:auto}}@media (min-width:992px){[dir=rtl] .dropdown-menu-lg-right{right:auto}html:not([dir=rtl]) .dropdown-menu-lg-right{left:auto}[dir=rtl] .dropdown-menu-lg-right{left:0}[dir=rtl] .dropdown-menu-lg-left,html:not([dir=rtl]) .dropdown-menu-lg-right{right:0}html:not([dir=rtl]) .dropdown-menu-lg-left{left:0}[dir=rtl] .dropdown-menu-lg-left{left:auto}html:not([dir=rtl]) .dropdown-menu-lg-left{right:auto}}@media (min-width:1200px){[dir=rtl] .dropdown-menu-xl-right{right:auto}html:not([dir=rtl]) .dropdown-menu-xl-right{left:auto}[dir=rtl] .dropdown-menu-xl-right{left:0}[dir=rtl] .dropdown-menu-xl-left,html:not([dir=rtl]) .dropdown-menu-xl-right{right:0}html:not([dir=rtl]) .dropdown-menu-xl-left{left:0}[dir=rtl] .dropdown-menu-xl-left{left:auto}html:not([dir=rtl]) .dropdown-menu-xl-left{right:auto}}.dropdown-header{display:block;padding:8px 16px;font-size:14px;line-height:24px;color:#5d7079;color:var(--color-content-secondary,#5d7079);white-space:nowrap}.dropdown-backdrop{position:fixed;bottom:0;top:0;z-index:990}[dir=rtl] .dropdown-backdrop{right:0}[dir=rtl] .dropdown-backdrop,html:not([dir=rtl]) .dropdown-backdrop{left:0}html:not([dir=rtl]) .dropdown-backdrop{right:0}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:-2px;margin-bottom:2px}@media (min-width:768px){[dir=rtl] .navbar-right .dropdown-menu{right:auto}html:not([dir=rtl]) .navbar-right .dropdown-menu{left:auto}[dir=rtl] .navbar-right .dropdown-menu{left:0}[dir=rtl] .navbar-right .dropdown-menu-left,html:not([dir=rtl]) .navbar-right .dropdown-menu{right:0}html:not([dir=rtl]) .navbar-right .dropdown-menu-left{left:0}[dir=rtl] .navbar-right .dropdown-menu-left{left:auto}html:not([dir=rtl]) .navbar-right .dropdown-menu-left{right:auto}}.bootstrap-select .dropdown-menu{margin:-8px 0 -6px}

package/dist/css/navbar-base.css

@@ -1 +0,0 @@
-.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{content:" ";display:table}.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both}.navbar{position:relative;font-size:14px;min-height:56px;margin-bottom:40px;border:0 solid transparent;transition:border-top-width 0s linear,background-color .2s linear}@media (min-width:768px){.navbar{border-radius:0}.navbar .container,.navbar .container-fluid{border:0 solid transparent}}@media (min-width:768px){.navbar-header{float:left}[dir=rtl] .navbar-header{float:right}}.navbar-collapse{overflow-x:visible;-webkit-overflow-scrolling:touch}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;padding-bottom:0}[dir=rtl] .navbar-fixed-bottom .navbar-collapse,[dir=rtl] .navbar-fixed-top .navbar-collapse,[dir=rtl] .navbar-static-top .navbar-collapse,[dir=rtl] .navbar.affix .navbar-collapse{padding-right:0}[dir=rtl] .navbar-fixed-bottom .navbar-collapse,[dir=rtl] .navbar-fixed-top .navbar-collapse,[dir=rtl] .navbar-static-top .navbar-collapse,[dir=rtl] .navbar.affix .navbar-collapse,html:not([dir=rtl]) .navbar-fixed-bottom .navbar-collapse,html:not([dir=rtl]) .navbar-fixed-top .navbar-collapse,html:not([dir=rtl]) .navbar-static-top .navbar-collapse,html:not([dir=rtl]) .navbar.affix .navbar-collapse{padding-left:0}html:not([dir=rtl]) .navbar-fixed-bottom .navbar-collapse,html:not([dir=rtl]) .navbar-fixed-top .navbar-collapse,html:not([dir=rtl]) .navbar-static-top .navbar-collapse,html:not([dir=rtl]) .navbar.affix .navbar-collapse{padding-right:0}}@media (min-width:768px){[dir=rtl] .container-fluid>.navbar-collapse,[dir=rtl] .container-fluid>.navbar-header,[dir=rtl] .container>.navbar-collapse,[dir=rtl] .container>.navbar-header{margin-left:0}[dir=rtl] .container-fluid>.navbar-collapse,[dir=rtl] .container-fluid>.navbar-header,[dir=rtl] .container>.navbar-collapse,[dir=rtl] .container>.navbar-header,html:not([dir=rtl]) .container-fluid>.navbar-collapse,html:not([dir=rtl]) .container-fluid>.navbar-header,html:not([dir=rtl]) .container>.navbar-collapse,html:not([dir=rtl]) .container>.navbar-header{margin-right:0}html:not([dir=rtl]) .container-fluid>.navbar-collapse,html:not([dir=rtl]) .container-fluid>.navbar-header,html:not([dir=rtl]) .container>.navbar-collapse,html:not([dir=rtl]) .container>.navbar-header{margin-left:0}}.navbar-static-top{z-index:1000;margin-bottom:0}@media (min-width:768px){.navbar-static-top{border-radius:0}.navbar-static-top .container,.navbar-static-top .container-fluid{border-width:0;margin-bottom:-1px}}.navbar-fixed-bottom,.navbar-fixed-top,.navbar.affix{position:fixed;z-index:1030;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#37517e}[dir=rtl] .navbar-fixed-bottom,[dir=rtl] .navbar-fixed-top,[dir=rtl] .navbar.affix{left:0}[dir=rtl] .navbar-fixed-bottom,[dir=rtl] .navbar-fixed-top,[dir=rtl] .navbar.affix,html:not([dir=rtl]) .navbar-fixed-bottom,html:not([dir=rtl]) .navbar-fixed-top,html:not([dir=rtl]) .navbar.affix{right:0}html:not([dir=rtl]) .navbar-fixed-bottom,html:not([dir=rtl]) .navbar-fixed-top,html:not([dir=rtl]) .navbar.affix{left:0}.navbar-fixed-bottom .navbar-nav>li .navbar-text,.navbar-fixed-bottom .navbar-nav>li .navbar-title,.navbar-fixed-bottom .navbar-nav>li>a,.navbar-fixed-top .navbar-nav>li .navbar-text,.navbar-fixed-top .navbar-nav>li .navbar-title,.navbar-fixed-top .navbar-nav>li>a,.navbar.affix .navbar-nav>li .navbar-text,.navbar.affix .navbar-nav>li .navbar-title,.navbar.affix .navbar-nav>li>a{color:#fff}@media (max-width:768px){.navbar-fixed-bottom .navbar-nav>li .navbar-text,.navbar-fixed-bottom .navbar-nav>li .navbar-title,.navbar-fixed-bottom .navbar-nav>li>a,.navbar-fixed-top .navbar-nav>li .navbar-text,.navbar-fixed-top .navbar-nav>li .navbar-title,.navbar-fixed-top .navbar-nav>li>a,.navbar.affix .navbar-nav>li .navbar-text,.navbar.affix .navbar-nav>li .navbar-title,.navbar.affix .navbar-nav>li>a{color:#37517e}}.navbar-fixed-bottom .navbar-nav>li.active>a,.navbar-fixed-top .navbar-nav>li.active>a,.navbar.affix .navbar-nav>li.active>a{color:#00a4df}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top,.navbar.affix{border-radius:0}}.navbar.affix{top:-56px;border-top-width:56px;transition:border-top-width .2s ease-out,background-color .2s ease-out}.navbar-fixed-top{top:0}.navbar-fixed-top .container,.navbar-fixed-top .container-fluid{margin-bottom:-1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-fixed-bottom .container,.navbar-fixed-bottom .container-fluid{margin-top:-1px}.navbar-brand{float:left;padding:8px 16px 5px;font-size:18px;line-height:40px;margin-top:12px;height:24px;width:118px}[dir=rtl] .navbar-brand{float:right;margin-left:10px}html:not([dir=rtl]) .navbar-brand{margin-right:10px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}.navbar-toggle{position:relative;float:left;padding:9px 0;margin-top:12px;background-color:transparent;background-image:none;border:0;font-size:16px;font-weight:600;line-height:18px;margin-bottom:8px;color:#fff}[dir=rtl] .navbar-toggle{float:right;margin-left:12px}html:not([dir=rtl]) .navbar-toggle{margin-right:12px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar:first-child{margin-top:1px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#00b9ff}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-toggle:focus,.navbar-toggle:hover{color:#00a4df}.navbar-toggle:focus .icon-bar,.navbar-toggle:hover .icon-bar{background-color:#00a4df}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav>li>a,.navbar-nav>li>button{padding:9px 16px 7px;line-height:40px;outline-offset:-1px;transition:color .15s ease}@media (min-width:768px) and (max-width:991px){[dir=rtl] .navbar-nav>li>a,[dir=rtl] .navbar-nav>li>button{padding-right:12px}[dir=rtl] .navbar-nav>li>a,[dir=rtl] .navbar-nav>li>button,html:not([dir=rtl]) .navbar-nav>li>a,html:not([dir=rtl]) .navbar-nav>li>button{padding-left:12px}html:not([dir=rtl]) .navbar-nav>li>a,html:not([dir=rtl]) .navbar-nav>li>button{padding-right:12px}}.navbar-nav>li>a.dropdown-toggle,.navbar-nav>li>button.dropdown-toggle{height:56px;border:0;background:none;line-height:40px;width:100%;text-align:left;color:#37517e}[dir=rtl] .navbar-nav>li>a.dropdown-toggle,[dir=rtl] .navbar-nav>li>button.dropdown-toggle{text-align:right}.navbar-nav>li>a.dropdown-toggle:active,.navbar-nav>li>a.dropdown-toggle:focus,.navbar-nav>li>button.dropdown-toggle:active,.navbar-nav>li>button.dropdown-toggle:focus{border-bottom-color:transparent;outline:0;color:#00b9ff}@media (min-width:768px){.navbar-inverse .navbar-nav>li>a.dropdown-toggle,.navbar-inverse .navbar-nav>li>button.dropdown-toggle{color:#fff}.navbar-nav>li>a.dropdown-toggle:hover,.navbar-nav>li>button.dropdown-toggle:hover{border-bottom-color:transparent;outline:0;color:#00b9ff}}[dir=rtl] .navbar-nav>li>a.dropdown-toggle .caret,[dir=rtl] .navbar-nav>li>button.dropdown-toggle .caret{margin-right:4px}html:not([dir=rtl]) .navbar-nav>li>a.dropdown-toggle .caret,html:not([dir=rtl]) .navbar-nav>li>button.dropdown-toggle .caret{margin-left:4px}@media (min-width:768px){.navbar-nav>li>a.navbar-title-link,.navbar-nav>li>button.navbar-title-link{font-size:22px}}.navbar-nav>li.divider{display:none}@media (max-width:767px){.navbar-nav>li>a,.navbar-nav>li>button{font-size:16px;padding:9px 16px 7px;-webkit-touch-callout:none}.navbar-nav .navbar-collapse-flatten .dropdown-toggle{display:none}.navbar-nav .navbar-collapse-flatten .dropdown-menu{position:static;margin-top:0;background-color:transparent;border:0;display:block;float:none;width:100%;box-shadow:none;padding:12px 0}.navbar-nav .navbar-collapse-flatten .dropdown-menu>li>a{padding:9px 16px 7px}.navbar-nav>li.divider{display:block;height:1px;margin:0;overflow:hidden;background-color:#f2f5f7}.navbar-nav>li>a{color:#37517e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{color:#00b9ff}.navbar-nav>li>a:active{color:#00a4df}}@media (min-width:768px){.navbar-nav{float:left}[dir=rtl] .navbar-nav{float:right}.navbar-nav>li{float:left}[dir=rtl] .navbar-nav>li{float:right}.navbar-nav>li>a{padding-bottom:6px;font-size:14px}}.navbar-form{padding:8px 16px}@media (max-width:767px){.navbar-form .form-group{margin-bottom:4px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;padding-top:0;padding-bottom:0;box-shadow:none;margin-top:12px;margin-bottom:12px}[dir=rtl] .navbar-form{margin-right:0}[dir=rtl] .navbar-form,html:not([dir=rtl]) .navbar-form{margin-left:0}html:not([dir=rtl]) .navbar-form{margin-right:0}}@media (min-width:768px) and (min-width:576px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:-2px}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}[dir=rtl] .navbar-form .checkbox label,[dir=rtl] .navbar-form .radio label{padding-right:0}html:not([dir=rtl]) .navbar-form .checkbox label,html:not([dir=rtl]) .navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative}[dir=rtl] .navbar-form .checkbox input[type=checkbox],[dir=rtl] .navbar-form .radio input[type=radio]{margin-right:0}html:not([dir=rtl]) .navbar-form .checkbox input[type=checkbox],html:not([dir=rtl]) .navbar-form .radio input[type=radio]{margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:768px){.navbar-form{border-bottom:1px solid #f2f5f7}}.navbar-nav>li>.dropdown-menu{margin-top:56px}.navbar-nav>li>.dropdown-menu:before{content:" ";position:absolute;display:block;width:8px;height:8px;top:-4px;transform:rotate(45deg);background-color:inherit}[dir=rtl] .navbar-nav>li>.dropdown-menu:before{right:16px}html:not([dir=rtl]) .navbar-nav>li>.dropdown-menu:before{left:16px}.navbar-nav>li>.dropdown-menu>li>a{font-size:14px}@media (max-width:768px){.navbar-nav>li>.dropdown-menu>li>a{position:relative;-webkit-touch-callout:none}.navbar-nav>li>.dropdown-menu>li>a .badge{position:absolute;top:16px;padding:5px;text-indent:264px;width:8px;min-width:8px;height:8px}[dir=rtl] .navbar-nav>li>.dropdown-menu>li>a .badge{left:0}html:not([dir=rtl]) .navbar-nav>li>.dropdown-menu>li>a .badge{right:0}}.navbar-nav>li>.dropdown-menu>.active>a{color:#00a4df;background-color:transparent;font-weight:700}.navbar-nav>li>.dropdown-menu>.active>a:focus,.navbar-nav>li>.dropdown-menu>.active>a:hover{background-color:#f2f5f7}@media (max-width:576px){.navbar-nav>li>.dropdown-menu-overlay{margin-top:0}}.navbar-nav>li.dropdown.focus-within>a,.navbar-nav>li.dropdown.focus-within>button,.navbar-nav>li.dropdown:active>a,.navbar-nav>li.dropdown:active>button,.navbar-nav>li.dropdown:focus-within>a,.navbar-nav>li.dropdown:focus-within>button,.navbar-nav>li.dropdown:focus>a,.navbar-nav>li.dropdown:focus>button{color:#00b9ff}.navbar-nav>li.dropdown.focus-within .dropdown-menu,.navbar-nav>li.dropdown:active .dropdown-menu,.navbar-nav>li.dropdown:focus-within .dropdown-menu,.navbar-nav>li.dropdown:focus .dropdown-menu{transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none}@media (min-width:768px){.navbar-nav>li.dropdown:hover .dropdown-menu{transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none}}[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{left:20px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before,html:not([dir=rtl]) .pull-xs-right li>.dropdown-menu:before{right:20px}[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{right:auto}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before,html:not([dir=rtl]) .pull-xs-right li>.dropdown-menu:before{left:auto}@media (min-width:768px) and (max-width:991px){[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{left:16px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before,html:not([dir=rtl]) .pull-xs-right li>.dropdown-menu:before{right:16px}}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{left:auto}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before,html:not([dir=rtl]) .pull-xs-right.dropdown-menu-center:before{right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{right:50%}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before,html:not([dir=rtl]) .pull-xs-right.dropdown-menu-center:before{left:50%}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{margin-right:-4px}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before,html:not([dir=rtl]) .pull-xs-right.dropdown-menu-center:before{margin-left:-4px}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0}.navbar-btn{font-weight:600}.navbar-btn,.navbar-btn.btn-sm{margin-top:13px;margin-bottom:11px}.navbar-btn.btn-xs{margin-top:18px;margin-bottom:16px}@media (max-width:767px){.navbar-btn{display:block}}.navbar-text{margin-top:17px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left}[dir=rtl] .navbar-text{float:right;margin-right:16px}[dir=rtl] .navbar-text,html:not([dir=rtl]) .navbar-text{margin-left:16px}html:not([dir=rtl]) .navbar-text{margin-right:16px}}@media (min-width:768px){.navbar-left{float:right!important}[dir=rtl] .navbar-left{float:left!important}.navbar-right{float:right!important}[dir=rtl] .navbar-right{float:left!important}[dir=rtl] .navbar-right li>.dropdown-menu:before{left:20px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before{right:20px}[dir=rtl] .navbar-right li>.dropdown-menu:before{right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before,html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before{left:auto}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before{right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before{right:50%}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before{left:50%}[dir=rtl] .navbar-right.dropdown-menu-center:before{margin-right:-4px}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before{margin-left:-4px}[dir=rtl] .navbar-right~.navbar-right{margin-left:0}html:not([dir=rtl]) .navbar-right~.navbar-right{margin-right:0}}@media (min-width:768px) and (min-width:768px) and (max-width:991px){[dir=rtl] .navbar-right li>.dropdown-menu:before{left:16px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before{right:16px}}.navbar-default{background-color:transparent}.navbar-default .container,.navbar-default .container-fluid{border-color:#4a5860}.navbar-default .navbar-brand{color:#fff}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-default .navbar-text{color:#2e4369}.navbar-default .navbar-nav>li>a{color:#37517e}@media (min-width:768px){.navbar-default .navbar-nav>li>a{border-bottom:3px solid transparent}}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#00b9ff;background-color:transparent}.navbar-default .navbar-nav>.active>.dropdown-toggle,.navbar-default .navbar-nav>.active>a{font-weight:700}.navbar-default .navbar-nav>.active>.dropdown-toggle,.navbar-default .navbar-nav>.active>.dropdown-toggle:focus,.navbar-default .navbar-nav>.active>.dropdown-toggle:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#00b9ff;background-color:transparent;border-color:transparent}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#d3d5d8;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:focus-within,.navbar-default .navbar-nav>.open>a:hover{background-color:transparent;color:#00b9ff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#37517e}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus-within,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#00b9ff;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a{font-weight:700}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#00b9ff;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#d3d5d8;background-color:transparent}}.navbar-default .navbar-link{color:#00b9ff}.navbar-default .navbar-link:hover{color:#00a4df}.navbar-default .btn-link{color:#37517e}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#00b9ff}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#d3d5d8}.navbar-inverse{background-color:transparent}.navbar-inverse .container,.navbar-inverse .container-fluid{border-color:#4a5860}.navbar-inverse .navbar-brand{color:#37517e}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#e6e6e6;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#fff}@media (min-width:768px){.navbar-inverse .navbar-nav>li>a{border-bottom:3px solid transparent}}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#00b9ff;background-color:transparent}.navbar-inverse .navbar-nav>.active>.dropdown-toggle,.navbar-inverse .navbar-nav>.active>a{font-weight:700;color:#00a4df}.navbar-inverse .navbar-nav>.active>.dropdown-toggle,.navbar-inverse .navbar-nav>.active>.dropdown-toggle:focus,.navbar-inverse .navbar-nav>.active>.dropdown-toggle:hover,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#00b9ff;background-color:transparent;border-color:transparent}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav .dropdown:focus-within>a,.navbar-inverse .navbar-nav .dropdown:focus-within>a:focus,.navbar-inverse .navbar-nav .dropdown:focus-within>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:transparent;color:#00b9ff}@media (max-width:767px){.navbar-inverse .navbar-nav>li>a{color:#37517e}}.navbar-inverse .navbar-link{color:#fff}.navbar-inverse .navbar-link:hover{color:#00b9ff}.navbar-inverse .btn-link{color:#fff}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#00b9ff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.navbar-inverse .navbar-brand,.navbar .navbar-brand{background-repeat:no-repeat;background-position:50% 50%;color:transparent}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:transparent}.navbar .fast-flag,.navbar .flag{height:24px;width:24px;margin-top:16px;float:left}[dir=rtl] .navbar .fast-flag,[dir=rtl] .navbar .flag{margin-left:8px}html:not([dir=rtl]) .navbar .fast-flag,html:not([dir=rtl]) .navbar .flag{margin-right:8px}[dir=rtl] .navbar .fast-flag,[dir=rtl] .navbar .flag{float:right}.navbar .logo-text{height:20px;width:104px;margin-top:16.5px;float:left}[dir=rtl] .navbar .logo-text{margin-left:8px}html:not([dir=rtl]) .navbar .logo-text{margin-right:8px}[dir=rtl] .navbar .logo-text{float:right}.cover{display:none}@media (max-width:767px){.navbar-collapse{position:fixed;bottom:0;height:100%!important;background-color:#fff;top:54px;padding:8px}[dir=rtl] .navbar-collapse{right:0}[dir=rtl] .navbar-collapse,html:not([dir=rtl]) .navbar-collapse{left:0}html:not([dir=rtl]) .navbar-collapse{right:0}.navbar-collapse .dropdown.focus-within,.navbar-collapse .dropdown:focus-within,.navbar-collapse .open{border-bottom:none}.navbar-collapse .dropdown.focus-within>a,.navbar-collapse .dropdown:focus-within>a,.navbar-collapse .open>a{color:#00b9ff}.navbar-collapse .dropdown.focus-within .caret,.navbar-collapse .dropdown:focus-within .caret,.navbar-collapse .open .caret{transform:rotate(-180deg)}.navbar-collapse.navbar-collapse-with-panel{top:0;padding:0;background-color:transparent}.navbar-collapse .navbar-collapse-panel{position:fixed;height:100%;top:0;overflow-y:scroll;padding:8px;background-color:#fff;color:#37517e!important;width:264px;max-width:264px!important;transition:transform .35s ease;transform:translateX(-264px)}.navbar-collapse .navbar-nav>li{border-bottom:1px solid #f2f5f7}.navbar-collapse .dropdown-menu{position:relative;width:100%;box-shadow:none;padding:0 0 12px;float:none;margin-top:0!important;border-bottom:1px solid #f2f5f7}.navbar-collapse .dropdown-menu:before{display:none}.navbar-collapse .dropdown-menu .dropdown-header{padding:9px 16px 7px}.navbar-collapse .navbar-toggle{opacity:0;transition:opacity .35s ease;display:inline-block;position:absolute;top:4px}[dir=rtl] .navbar-collapse .navbar-toggle{right:280px}html:not([dir=rtl]) .navbar-collapse .navbar-toggle{left:280px}.navbar-collapse .navbar-toggle.close{margin-top:0;padding:9px 0}.navbar-collapse.in .navbar-toggle{opacity:1}.navbar-collapse .cover{display:block;width:100%;height:100%;background-color:#253655;opacity:0;transition:opacity .35s ease}.navbar-collapse.in .cover,.navbar-collapse[aria-expanded=true] .cover{opacity:.9}.navbar-collapse.in .navbar-collapse-panel,.navbar-collapse[aria-expanded=true] .navbar-collapse-panel{transform:translateX(0)}.navbar-collapse .navbar-btn.btn-group{display:flex}.navbar-collapse .navbar-btn.btn-group .btn{display:block;width:100%;text-align:left}[dir=rtl] .navbar-collapse .navbar-btn.btn-group .btn{text-align:right}.navbar-collapse .navbar-btn.btn-group .btn+.dropdown-toggle{flex:0}.navbar-collapse .navbar-btn.btn-group .dropdown-menu{width:100%}}.navbar .profile-name{padding-bottom:3px}.navbar .profile-name .caret{vertical-align:top;line-height:40px}.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis{max-width:75px;display:inline-block}@media (min-width:992px){.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis{max-width:125px}}@media (min-width:1200px){.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis{max-width:220px}}.navbar[data-spy~=affix]+*{margin-top:0}.navbar[data-spy~=affix].affix+*{margin-top:56px}@media (min-width:768px){.jumbotron-image-adjacent-to-navbar,.navbar+.jumbotron,.navbar+.jumbotron-image,.navbar+.jumbotron-image-inverse{margin-top:-58px}.navbar.affix+.jumbotron,.navbar.affix+.jumbotron-image,.navbar.affix+.jumbotron-image-inverse{margin-top:0}}.jumbotron-image-adjacent-to-navbar>.jumbotron,.navbar+.jumbotron,.navbar+.jumbotron-image-inverse>.jumbotron,.navbar+.jumbotron-image>.jumbotron{padding-bottom:64px}@media (min-width:768px){.jumbotron-image-adjacent-to-navbar>.jumbotron,.navbar+.jumbotron,.navbar+.jumbotron-image-inverse>.jumbotron,.navbar+.jumbotron-image>.jumbotron{padding-top:140px;padding-bottom:104px}}[dir=rtl] .navbar>.container-fluid .navbar-brand,[dir=rtl] .navbar>.container .navbar-brand{margin-right:0}html:not([dir=rtl]) .navbar>.container-fluid .navbar-brand,html:not([dir=rtl]) .navbar>.container .navbar-brand{margin-left:0}@media (max-width:767px){.navbar-static-top{background-color:#37517e;border-bottom-color:transparent}}.navbar-title{float:left;font-size:22px;line-height:32px;margin-top:12px;margin-bottom:12px;font-weight:800}[dir=rtl] .navbar-title{float:right}.navbar-subtitle{font-size:14px;margin-bottom:8px}.navbar-subtitle,.navbar-title{color:#fff;text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;display:inline-block;width:75%}@media (min-width:992px){.navbar-subtitle,.navbar-title{color:#2e4369;width:100%}}.navbar-logo{width:127px;height:22px;margin-top:13px;margin-bottom:21px}.nav-toolbar{padding-top:16px;margin-top:-16px;padding-bottom:0;background-color:#37517e;border-bottom:1px solid #e2e6e8}@media (min-width:992px){.nav-toolbar{margin-top:0;background-color:#fff}.nav-toolbar.affix{top:0;z-index:1000;margin-top:0;border-top:0;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-toolbar.affix+.container,.nav-toolbar.affix+.container-fluid{margin-top:64px!important}}@media (max-width:991px){.nav-toolbar.affix{position:relative!important}.nav-toolbar.affix+.container,.nav-toolbar.affix+.container-fluid{margin-top:0!important}.nav-toolbar .btn-danger:not([disabled]),.nav-toolbar .btn-info:not([disabled]),.nav-toolbar .btn-warning:not([disabled]){color:#00b9ff;border-color:#00b9ff}.nav-toolbar .btn-danger:not([disabled]):hover,.nav-toolbar .btn-info:not([disabled]):hover,.nav-toolbar .btn-warning:not([disabled]):hover{color:#fff}.nav-toolbar .btn-input,.nav-toolbar .form-control,.nav-toolbar .input-group,.nav-toolbar .input-group-addon{border-color:#fff}}.nav-toolbar h1{line-height:32px}.nav-toolbar .close{text-decoration:none;height:32px}@media (min-width:992px){.nav-toolbar--compact{padding-top:0}}@media (min-width:992px){.column-layout .nav-toolbar.affix{width:calc(100% - 264px)}}.simple-nav{background-color:#37517e}.simple-nav .navbar-nav>li>a{padding-top:12px;padding-bottom:9px}.simple-nav .navbar-header{padding-top:4px;width:calc(100% - 140px)}@media (min-width:768px){.simple-nav .navbar-header{width:calc(100% - 340px)}}.simple-nav .navbar-nav>li>a.dropdown-toggle{height:64px}.simple-nav>.navbar-right li>a{float:right}[dir=rtl] .simple-nav>.navbar-right li>a{float:left}@media (min-width:576px){.simple-nav .navbar-nav>li>a{font-size:16px!important}}@media (min-width:992px){.simple-nav{background-color:#fff;border-bottom:1px solid #e2e6e8}}@media (max-width:991px){.simple-nav .navbar-nav>li>a{color:#fff}.simple-nav .navbar-nav>li>a:active,.simple-nav .navbar-nav>li>a:focus,.simple-nav .navbar-nav>li>a:hover{color:#00b9ff}}.simple-nav .profile-name .text-ellipsis{max-width:240px}.tw-public-navigation-item-content__icon{vertical-align:middle}.tw-public-navigation-item-content__text{display:inline-block;vertical-align:middle;max-width:164px}@media (min-width:768px){.subnav{height:128px!important;position:relative;min-height:64px}.subnav:before{content:"";background-color:transparent;width:100%;height:64px;position:absolute;top:64px;border-top:1px solid #f2f5f7}[dir=rtl] .subnav:before{right:0}html:not([dir=rtl]) .subnav:before{left:0}.subnav.navbar-inverse:before{background-color:#2e4369;border-top:none}.subnav .navbar-nav>li>a{padding-top:13px}.subnav .navbar-nav>li>button{height:64px}.subnav .navbar-brand,.subnav .navbar-btn{margin-top:16px}.subnav-menu{position:absolute;top:64px}}