.\\r\\n\\r\\n.list-group {\\r\\n // No need to set list-style: none; since .list-group-item is block level\\r\\n margin-bottom: 20px;\\r\\n padding-left: 0; // reset padding because ul and ol\\r\\n}\\r\\n\\r\\n\\r\\n// Individual list items\\r\\n//\\r\\n// Use on `li`s or `div`s within the `.list-group` parent.\\r\\n\\r\\n.list-group-item {\\r\\n position: relative;\\r\\n display: block;\\r\\n padding: 10px 15px;\\r\\n // Place the border on the list items and negative margin up for better styling\\r\\n margin-bottom: -1px;\\r\\n background-color: $list-group-bg;\\r\\n border: 1px solid $list-group-border;\\r\\n\\r\\n // Round the first and last items\\r\\n &:first-child {\\r\\n @include border-top-radius($list-group-border-radius);\\r\\n }\\r\\n &:last-child {\\r\\n margin-bottom: 0;\\r\\n @include border-bottom-radius($list-group-border-radius);\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Interactive list items\\r\\n//\\r\\n// Use anchor or button elements instead of `li`s or `div`s to create interactive items.\\r\\n// Includes an extra `.active` modifier class for showing selected items.\\r\\n\\r\\na.list-group-item,\\r\\nbutton.list-group-item {\\r\\n color: $list-group-link-color;\\r\\n\\r\\n .list-group-item-heading {\\r\\n color: $list-group-link-heading-color;\\r\\n }\\r\\n\\r\\n // Hover state\\r\\n &:hover,\\r\\n &:focus {\\r\\n text-decoration: none;\\r\\n color: $list-group-link-hover-color;\\r\\n background-color: $list-group-hover-bg;\\r\\n }\\r\\n}\\r\\n\\r\\nbutton.list-group-item {\\r\\n width: 100%;\\r\\n text-align: left;\\r\\n}\\r\\n\\r\\n.list-group-item {\\r\\n // Disabled state\\r\\n &.disabled,\\r\\n &.disabled:hover,\\r\\n &.disabled:focus {\\r\\n background-color: $list-group-disabled-bg;\\r\\n color: $list-group-disabled-color;\\r\\n cursor: $cursor-disabled;\\r\\n\\r\\n // Force color to inherit for custom content\\r\\n .list-group-item-heading {\\r\\n color: inherit;\\r\\n }\\r\\n .list-group-item-text {\\r\\n color: $list-group-disabled-text-color;\\r\\n }\\r\\n }\\r\\n\\r\\n // Active class on item itself, not parent\\r\\n &.active,\\r\\n &.active:hover,\\r\\n &.active:focus {\\r\\n z-index: 2; // Place active items above their siblings for proper border styling\\r\\n color: $list-group-active-color;\\r\\n background-color: $list-group-active-bg;\\r\\n border-color: $list-group-active-border;\\r\\n\\r\\n // Force color to inherit for custom content\\r\\n .list-group-item-heading,\\r\\n .list-group-item-heading > small,\\r\\n .list-group-item-heading > .small {\\r\\n color: inherit;\\r\\n }\\r\\n .list-group-item-text {\\r\\n color: $list-group-active-text-color;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Contextual variants\\r\\n//\\r\\n// Add modifier classes to change text and background color on individual items.\\r\\n// Organizationally, this must come after the `:hover` states.\\r\\n\\r\\n@include list-group-item-variant(success, $state-success-bg, $state-success-text);\\r\\n@include list-group-item-variant(info, $state-info-bg, $state-info-text);\\r\\n@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);\\r\\n@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);\\r\\n\\r\\n\\r\\n// Custom content options\\r\\n//\\r\\n// Extra classes for creating well-formatted content within `.list-group-item`s.\\r\\n\\r\\n.list-group-item-heading {\\r\\n margin-top: 0;\\r\\n margin-bottom: 5px;\\r\\n}\\r\\n.list-group-item-text {\\r\\n margin-bottom: 0;\\r\\n line-height: 1.3;\\r\\n}\\r\\n\",\"// List Groups\\r\\n\\r\\n@mixin list-group-item-variant($state, $background, $color) {\\r\\n .list-group-item-#{$state} {\\r\\n color: $color;\\r\\n background-color: $background;\\r\\n\\r\\n // [converter] extracted a&, button& to a.list-group-item-#{$state}, button.list-group-item-#{$state}\\r\\n }\\r\\n\\r\\n a.list-group-item-#{$state},\\r\\n button.list-group-item-#{$state} {\\r\\n color: $color;\\r\\n\\r\\n .list-group-item-heading {\\r\\n color: inherit;\\r\\n }\\r\\n\\r\\n &:hover,\\r\\n &:focus {\\r\\n color: $color;\\r\\n background-color: darken($background, 5%);\\r\\n }\\r\\n &.active,\\r\\n &.active:hover,\\r\\n &.active:focus {\\r\\n color: #fff;\\r\\n background-color: $color;\\r\\n border-color: $color;\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"//\\r\\n// Panels\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n// Base class\\r\\n.panel {\\r\\n margin-bottom: $line-height-computed;\\r\\n background-color: $panel-bg;\\r\\n border: 1px solid transparent;\\r\\n border-radius: $panel-border-radius;\\r\\n @include box-shadow(0 1px 1px rgba(0,0,0,.05));\\r\\n}\\r\\n\\r\\n// Panel contents\\r\\n.panel-body {\\r\\n padding: $panel-body-padding;\\r\\n @include clearfix;\\r\\n}\\r\\n\\r\\n// Optional heading\\r\\n.panel-heading {\\r\\n padding: $panel-heading-padding;\\r\\n border-bottom: 1px solid transparent;\\r\\n @include border-top-radius(($panel-border-radius - 1));\\r\\n\\r\\n > .dropdown .dropdown-toggle {\\r\\n color: inherit;\\r\\n }\\r\\n}\\r\\n\\r\\n// Within heading, strip any `h*` tag of its default margins for spacing.\\r\\n.panel-title {\\r\\n margin-top: 0;\\r\\n margin-bottom: 0;\\r\\n font-size: ceil(($font-size-base * 1.125));\\r\\n color: inherit;\\r\\n\\r\\n > a,\\r\\n > small,\\r\\n > .small,\\r\\n > small > a,\\r\\n > .small > a {\\r\\n color: inherit;\\r\\n }\\r\\n}\\r\\n\\r\\n// Optional footer (stays gray in every modifier class)\\r\\n.panel-footer {\\r\\n padding: $panel-footer-padding;\\r\\n background-color: $panel-footer-bg;\\r\\n border-top: 1px solid $panel-inner-border;\\r\\n @include border-bottom-radius(($panel-border-radius - 1));\\r\\n}\\r\\n\\r\\n\\r\\n// List groups in panels\\r\\n//\\r\\n// By default, space out list group content from panel headings to account for\\r\\n// any kind of custom content between the two.\\r\\n\\r\\n.panel {\\r\\n > .list-group,\\r\\n > .panel-collapse > .list-group {\\r\\n margin-bottom: 0;\\r\\n\\r\\n .list-group-item {\\r\\n border-width: 1px 0;\\r\\n border-radius: 0;\\r\\n }\\r\\n\\r\\n // Add border top radius for first one\\r\\n &:first-child {\\r\\n .list-group-item:first-child {\\r\\n border-top: 0;\\r\\n @include border-top-radius(($panel-border-radius - 1));\\r\\n }\\r\\n }\\r\\n\\r\\n // Add border bottom radius for last one\\r\\n &:last-child {\\r\\n .list-group-item:last-child {\\r\\n border-bottom: 0;\\r\\n @include border-bottom-radius(($panel-border-radius - 1));\\r\\n }\\r\\n }\\r\\n }\\r\\n > .panel-heading + .panel-collapse > .list-group {\\r\\n .list-group-item:first-child {\\r\\n @include border-top-radius(0);\\r\\n }\\r\\n }\\r\\n}\\r\\n// Collapse space between when there's no additional content.\\r\\n.panel-heading + .list-group {\\r\\n .list-group-item:first-child {\\r\\n border-top-width: 0;\\r\\n }\\r\\n}\\r\\n.list-group + .panel-footer {\\r\\n border-top-width: 0;\\r\\n}\\r\\n\\r\\n// Tables in panels\\r\\n//\\r\\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\\r\\n// watch it go full width.\\r\\n\\r\\n.panel {\\r\\n > .table,\\r\\n > .table-responsive > .table,\\r\\n > .panel-collapse > .table {\\r\\n margin-bottom: 0;\\r\\n\\r\\n caption {\\r\\n padding-left: $panel-body-padding;\\r\\n padding-right: $panel-body-padding;\\r\\n }\\r\\n }\\r\\n // Add border top radius for first one\\r\\n > .table:first-child,\\r\\n > .table-responsive:first-child > .table:first-child {\\r\\n @include border-top-radius(($panel-border-radius - 1));\\r\\n\\r\\n > thead:first-child,\\r\\n > tbody:first-child {\\r\\n > tr:first-child {\\r\\n border-top-left-radius: ($panel-border-radius - 1);\\r\\n border-top-right-radius: ($panel-border-radius - 1);\\r\\n\\r\\n td:first-child,\\r\\n th:first-child {\\r\\n border-top-left-radius: ($panel-border-radius - 1);\\r\\n }\\r\\n td:last-child,\\r\\n th:last-child {\\r\\n border-top-right-radius: ($panel-border-radius - 1);\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n // Add border bottom radius for last one\\r\\n > .table:last-child,\\r\\n > .table-responsive:last-child > .table:last-child {\\r\\n @include border-bottom-radius(($panel-border-radius - 1));\\r\\n\\r\\n > tbody:last-child,\\r\\n > tfoot:last-child {\\r\\n > tr:last-child {\\r\\n border-bottom-left-radius: ($panel-border-radius - 1);\\r\\n border-bottom-right-radius: ($panel-border-radius - 1);\\r\\n\\r\\n td:first-child,\\r\\n th:first-child {\\r\\n border-bottom-left-radius: ($panel-border-radius - 1);\\r\\n }\\r\\n td:last-child,\\r\\n th:last-child {\\r\\n border-bottom-right-radius: ($panel-border-radius - 1);\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n > .panel-body + .table,\\r\\n > .panel-body + .table-responsive,\\r\\n > .table + .panel-body,\\r\\n > .table-responsive + .panel-body {\\r\\n border-top: 1px solid $table-border-color;\\r\\n }\\r\\n > .table > tbody:first-child > tr:first-child th,\\r\\n > .table > tbody:first-child > tr:first-child td {\\r\\n border-top: 0;\\r\\n }\\r\\n > .table-bordered,\\r\\n > .table-responsive > .table-bordered {\\r\\n border: 0;\\r\\n > thead,\\r\\n > tbody,\\r\\n > tfoot {\\r\\n > tr {\\r\\n > th:first-child,\\r\\n > td:first-child {\\r\\n border-left: 0;\\r\\n }\\r\\n > th:last-child,\\r\\n > td:last-child {\\r\\n border-right: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n > thead,\\r\\n > tbody {\\r\\n > tr:first-child {\\r\\n > td,\\r\\n > th {\\r\\n border-bottom: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n > tbody,\\r\\n > tfoot {\\r\\n > tr:last-child {\\r\\n > td,\\r\\n > th {\\r\\n border-bottom: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n > .table-responsive {\\r\\n border: 0;\\r\\n margin-bottom: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Collapsible panels (aka, accordion)\\r\\n//\\r\\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\\r\\n// the help of our collapse JavaScript plugin.\\r\\n\\r\\n.panel-group {\\r\\n margin-bottom: $line-height-computed;\\r\\n\\r\\n // Tighten up margin so it's only between panels\\r\\n .panel {\\r\\n margin-bottom: 0;\\r\\n border-radius: $panel-border-radius;\\r\\n\\r\\n + .panel {\\r\\n margin-top: 5px;\\r\\n }\\r\\n }\\r\\n\\r\\n .panel-heading {\\r\\n border-bottom: 0;\\r\\n\\r\\n + .panel-collapse > .panel-body,\\r\\n + .panel-collapse > .list-group {\\r\\n border-top: 1px solid $panel-inner-border;\\r\\n }\\r\\n }\\r\\n\\r\\n .panel-footer {\\r\\n border-top: 0;\\r\\n + .panel-collapse .panel-body {\\r\\n border-bottom: 1px solid $panel-inner-border;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Contextual variations\\r\\n.panel-default {\\r\\n @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);\\r\\n}\\r\\n.panel-primary {\\r\\n @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);\\r\\n}\\r\\n.panel-success {\\r\\n @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);\\r\\n}\\r\\n.panel-info {\\r\\n @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);\\r\\n}\\r\\n.panel-warning {\\r\\n @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);\\r\\n}\\r\\n.panel-danger {\\r\\n @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);\\r\\n}\\r\\n\",\"// Panels\\r\\n\\r\\n@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {\\r\\n border-color: $border;\\r\\n\\r\\n & > .panel-heading {\\r\\n color: $heading-text-color;\\r\\n background-color: $heading-bg-color;\\r\\n border-color: $heading-border;\\r\\n\\r\\n + .panel-collapse > .panel-body {\\r\\n border-top-color: $border;\\r\\n }\\r\\n .badge {\\r\\n color: $heading-bg-color;\\r\\n background-color: $heading-text-color;\\r\\n }\\r\\n }\\r\\n & > .panel-footer {\\r\\n + .panel-collapse > .panel-body {\\r\\n border-bottom-color: $border;\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"// Embeds responsive\\r\\n//\\r\\n// Credit: Nicolas Gallagher and SUIT CSS.\\r\\n\\r\\n.embed-responsive {\\r\\n position: relative;\\r\\n display: block;\\r\\n height: 0;\\r\\n padding: 0;\\r\\n overflow: hidden;\\r\\n\\r\\n .embed-responsive-item,\\r\\n iframe,\\r\\n embed,\\r\\n object,\\r\\n video {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n bottom: 0;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n border: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n// Modifier class for 16:9 aspect ratio\\r\\n.embed-responsive-16by9 {\\r\\n padding-bottom: 56.25%;\\r\\n}\\r\\n\\r\\n// Modifier class for 4:3 aspect ratio\\r\\n.embed-responsive-4by3 {\\r\\n padding-bottom: 75%;\\r\\n}\\r\\n\",\"//\\r\\n// Wells\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n// Base class\\r\\n.well {\\r\\n min-height: 20px;\\r\\n padding: 19px;\\r\\n margin-bottom: 20px;\\r\\n background-color: $well-bg;\\r\\n border: 1px solid $well-border;\\r\\n border-radius: $border-radius-base;\\r\\n @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));\\r\\n blockquote {\\r\\n border-color: #ddd;\\r\\n border-color: rgba(0,0,0,.15);\\r\\n }\\r\\n}\\r\\n\\r\\n// Sizes\\r\\n.well-lg {\\r\\n padding: 24px;\\r\\n border-radius: $border-radius-large;\\r\\n}\\r\\n.well-sm {\\r\\n padding: 9px;\\r\\n border-radius: $border-radius-small;\\r\\n}\\r\\n\",\"//\\r\\n// Close icons\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n.close {\\r\\n float: right;\\r\\n font-size: ($font-size-base * 1.5);\\r\\n font-weight: $close-font-weight;\\r\\n line-height: 1;\\r\\n color: $close-color;\\r\\n text-shadow: $close-text-shadow;\\r\\n @include opacity(.2);\\r\\n\\r\\n &:hover,\\r\\n &:focus {\\r\\n color: $close-color;\\r\\n text-decoration: none;\\r\\n cursor: pointer;\\r\\n @include opacity(.5);\\r\\n }\\r\\n\\r\\n // [converter] extracted button& to button.close\\r\\n}\\r\\n\\r\\n// Additional properties for button version\\r\\n// iOS requires the button element instead of an anchor tag.\\r\\n// If you want the anchor version, it requires `href=\\\"#\\\"`.\\r\\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\\r\\nbutton.close {\\r\\n padding: 0;\\r\\n cursor: pointer;\\r\\n background: transparent;\\r\\n border: 0;\\r\\n -webkit-appearance: none;\\r\\n}\\r\\n\",\"//\\r\\n// Modals\\r\\n// --------------------------------------------------\\r\\n\\r\\n// .modal-open - body class for killing the scroll\\r\\n// .modal - container to scroll within\\r\\n// .modal-dialog - positioning shell for the actual modal\\r\\n// .modal-content - actual modal w/ bg and corners and shit\\r\\n\\r\\n// Kill the scroll on the body\\r\\n.modal-open {\\r\\n overflow: hidden;\\r\\n}\\r\\n\\r\\n// Container that the modal scrolls within\\r\\n.modal {\\r\\n display: none;\\r\\n overflow: hidden;\\r\\n position: fixed;\\r\\n top: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n z-index: $zindex-modal;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n\\r\\n // Prevent Chrome on Windows from adding a focus outline. For details, see\\r\\n // https://github.com/twbs/bootstrap/pull/10951.\\r\\n outline: 0;\\r\\n\\r\\n // When fading in the modal, animate it to slide down\\r\\n &.fade .modal-dialog {\\r\\n @include translate(0, -25%);\\r\\n @include transition-transform(0.3s ease-out);\\r\\n }\\r\\n &.in .modal-dialog { @include translate(0, 0) }\\r\\n}\\r\\n.modal-open .modal {\\r\\n overflow-x: hidden;\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n// Shell div to position the modal with bottom padding\\r\\n.modal-dialog {\\r\\n position: relative;\\r\\n width: auto;\\r\\n margin: 10px;\\r\\n}\\r\\n\\r\\n// Actual modal\\r\\n.modal-content {\\r\\n position: relative;\\r\\n background-color: $modal-content-bg;\\r\\n border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\\r\\n border: 1px solid $modal-content-border-color;\\r\\n border-radius: $border-radius-large;\\r\\n @include box-shadow(0 3px 9px rgba(0,0,0,.5));\\r\\n background-clip: padding-box;\\r\\n // Remove focus outline from opened modal\\r\\n outline: 0;\\r\\n}\\r\\n\\r\\n// Modal background\\r\\n.modal-backdrop {\\r\\n position: fixed;\\r\\n top: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n z-index: $zindex-modal-background;\\r\\n background-color: $modal-backdrop-bg;\\r\\n // Fade for backdrop\\r\\n &.fade { @include opacity(0); }\\r\\n &.in { @include opacity($modal-backdrop-opacity); }\\r\\n}\\r\\n\\r\\n// Modal header\\r\\n// Top section of the modal w/ title and dismiss\\r\\n.modal-header {\\r\\n padding: $modal-title-padding;\\r\\n border-bottom: 1px solid $modal-header-border-color;\\r\\n @include clearfix;\\r\\n}\\r\\n// Close icon\\r\\n.modal-header .close {\\r\\n margin-top: -2px;\\r\\n}\\r\\n\\r\\n// Title text within header\\r\\n.modal-title {\\r\\n margin: 0;\\r\\n line-height: $modal-title-line-height;\\r\\n}\\r\\n\\r\\n// Modal body\\r\\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\\r\\n.modal-body {\\r\\n position: relative;\\r\\n padding: $modal-inner-padding;\\r\\n}\\r\\n\\r\\n// Footer (for actions)\\r\\n.modal-footer {\\r\\n padding: $modal-inner-padding;\\r\\n text-align: right; // right align buttons\\r\\n border-top: 1px solid $modal-footer-border-color;\\r\\n @include clearfix; // clear it in case folks use .pull-* classes on buttons\\r\\n\\r\\n // Properly space out buttons\\r\\n .btn + .btn {\\r\\n margin-left: 5px;\\r\\n margin-bottom: 0; // account for input[type=\\\"submit\\\"] which gets the bottom margin like all other inputs\\r\\n }\\r\\n // but override that for button groups\\r\\n .btn-group .btn + .btn {\\r\\n margin-left: -1px;\\r\\n }\\r\\n // and override it for block buttons as well\\r\\n .btn-block + .btn-block {\\r\\n margin-left: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n// Measure scrollbar width for padding body during modal show/hide\\r\\n.modal-scrollbar-measure {\\r\\n position: absolute;\\r\\n top: -9999px;\\r\\n width: 50px;\\r\\n height: 50px;\\r\\n overflow: scroll;\\r\\n}\\r\\n\\r\\n// Scale up the modal\\r\\n@media (min-width: $screen-sm-min) {\\r\\n // Automatically set modal's width for larger viewports\\r\\n .modal-dialog {\\r\\n width: $modal-md;\\r\\n margin: 30px auto;\\r\\n }\\r\\n .modal-content {\\r\\n @include box-shadow(0 5px 15px rgba(0,0,0,.5));\\r\\n }\\r\\n\\r\\n // Modal sizes\\r\\n .modal-sm { width: $modal-sm; }\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-md-min) {\\r\\n .modal-lg { width: $modal-lg; }\\r\\n}\\r\\n\",\"//\\r\\n// Tooltips\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n// Base class\\r\\n.tooltip {\\r\\n position: absolute;\\r\\n z-index: $zindex-tooltip;\\r\\n display: block;\\r\\n // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\\r\\n // So reset our font and text properties to avoid inheriting weird values.\\r\\n @include reset-text;\\r\\n font-size: $font-size-small;\\r\\n\\r\\n @include opacity(0);\\r\\n\\r\\n &.in { @include opacity($tooltip-opacity); }\\r\\n &.top { margin-top: -3px; padding: $tooltip-arrow-width 0; }\\r\\n &.right { margin-left: 3px; padding: 0 $tooltip-arrow-width; }\\r\\n &.bottom { margin-top: 3px; padding: $tooltip-arrow-width 0; }\\r\\n &.left { margin-left: -3px; padding: 0 $tooltip-arrow-width; }\\r\\n}\\r\\n\\r\\n// Wrapper for the tooltip content\\r\\n.tooltip-inner {\\r\\n max-width: $tooltip-max-width;\\r\\n padding: 3px 8px;\\r\\n color: $tooltip-color;\\r\\n text-align: center;\\r\\n background-color: $tooltip-bg;\\r\\n border-radius: $border-radius-base;\\r\\n}\\r\\n\\r\\n// Arrows\\r\\n.tooltip-arrow {\\r\\n position: absolute;\\r\\n width: 0;\\r\\n height: 0;\\r\\n border-color: transparent;\\r\\n border-style: solid;\\r\\n}\\r\\n// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\\r\\n.tooltip {\\r\\n &.top .tooltip-arrow {\\r\\n bottom: 0;\\r\\n left: 50%;\\r\\n margin-left: -$tooltip-arrow-width;\\r\\n border-width: $tooltip-arrow-width $tooltip-arrow-width 0;\\r\\n border-top-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.top-left .tooltip-arrow {\\r\\n bottom: 0;\\r\\n right: $tooltip-arrow-width;\\r\\n margin-bottom: -$tooltip-arrow-width;\\r\\n border-width: $tooltip-arrow-width $tooltip-arrow-width 0;\\r\\n border-top-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.top-right .tooltip-arrow {\\r\\n bottom: 0;\\r\\n left: $tooltip-arrow-width;\\r\\n margin-bottom: -$tooltip-arrow-width;\\r\\n border-width: $tooltip-arrow-width $tooltip-arrow-width 0;\\r\\n border-top-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.right .tooltip-arrow {\\r\\n top: 50%;\\r\\n left: 0;\\r\\n margin-top: -$tooltip-arrow-width;\\r\\n border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;\\r\\n border-right-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.left .tooltip-arrow {\\r\\n top: 50%;\\r\\n right: 0;\\r\\n margin-top: -$tooltip-arrow-width;\\r\\n border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;\\r\\n border-left-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.bottom .tooltip-arrow {\\r\\n top: 0;\\r\\n left: 50%;\\r\\n margin-left: -$tooltip-arrow-width;\\r\\n border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;\\r\\n border-bottom-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.bottom-left .tooltip-arrow {\\r\\n top: 0;\\r\\n right: $tooltip-arrow-width;\\r\\n margin-top: -$tooltip-arrow-width;\\r\\n border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;\\r\\n border-bottom-color: $tooltip-arrow-color;\\r\\n }\\r\\n &.bottom-right .tooltip-arrow {\\r\\n top: 0;\\r\\n left: $tooltip-arrow-width;\\r\\n margin-top: -$tooltip-arrow-width;\\r\\n border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;\\r\\n border-bottom-color: $tooltip-arrow-color;\\r\\n }\\r\\n}\\r\\n\",\"@mixin reset-text() {\\r\\n font-family: $font-family-base;\\r\\n // We deliberately do NOT reset font-size.\\r\\n font-style: normal;\\r\\n font-weight: normal;\\r\\n letter-spacing: normal;\\r\\n line-break: auto;\\r\\n line-height: $line-height-base;\\r\\n text-align: left; // Fallback for where `start` is not supported\\r\\n text-align: start;\\r\\n text-decoration: none;\\r\\n text-shadow: none;\\r\\n text-transform: none;\\r\\n white-space: normal;\\r\\n word-break: normal;\\r\\n word-spacing: normal;\\r\\n word-wrap: normal;\\r\\n}\\r\\n\",\"//\\r\\n// Popovers\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n.popover {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n z-index: $zindex-popover;\\r\\n display: none;\\r\\n max-width: $popover-max-width;\\r\\n padding: 1px;\\r\\n // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.\\r\\n // So reset our font and text properties to avoid inheriting weird values.\\r\\n @include reset-text;\\r\\n font-size: $font-size-base;\\r\\n\\r\\n background-color: $popover-bg;\\r\\n background-clip: padding-box;\\r\\n border: 1px solid $popover-fallback-border-color;\\r\\n border: 1px solid $popover-border-color;\\r\\n border-radius: $border-radius-large;\\r\\n @include box-shadow(0 5px 10px rgba(0,0,0,.2));\\r\\n\\r\\n // Offset the popover to account for the popover arrow\\r\\n &.top { margin-top: -$popover-arrow-width; }\\r\\n &.right { margin-left: $popover-arrow-width; }\\r\\n &.bottom { margin-top: $popover-arrow-width; }\\r\\n &.left { margin-left: -$popover-arrow-width; }\\r\\n}\\r\\n\\r\\n.popover-title {\\r\\n margin: 0; // reset heading margin\\r\\n padding: 8px 14px;\\r\\n font-size: $font-size-base;\\r\\n background-color: $popover-title-bg;\\r\\n border-bottom: 1px solid darken($popover-title-bg, 5%);\\r\\n border-radius: ($border-radius-large - 1) ($border-radius-large - 1) 0 0;\\r\\n}\\r\\n\\r\\n.popover-content {\\r\\n padding: 9px 14px;\\r\\n}\\r\\n\\r\\n// Arrows\\r\\n//\\r\\n// .arrow is outer, .arrow:after is inner\\r\\n\\r\\n.popover > .arrow {\\r\\n &,\\r\\n &:after {\\r\\n position: absolute;\\r\\n display: block;\\r\\n width: 0;\\r\\n height: 0;\\r\\n border-color: transparent;\\r\\n border-style: solid;\\r\\n }\\r\\n}\\r\\n.popover > .arrow {\\r\\n border-width: $popover-arrow-outer-width;\\r\\n}\\r\\n.popover > .arrow:after {\\r\\n border-width: $popover-arrow-width;\\r\\n content: \\\"\\\";\\r\\n}\\r\\n\\r\\n.popover {\\r\\n &.top > .arrow {\\r\\n left: 50%;\\r\\n margin-left: -$popover-arrow-outer-width;\\r\\n border-bottom-width: 0;\\r\\n border-top-color: $popover-arrow-outer-fallback-color; // IE8 fallback\\r\\n border-top-color: $popover-arrow-outer-color;\\r\\n bottom: -$popover-arrow-outer-width;\\r\\n &:after {\\r\\n content: \\\" \\\";\\r\\n bottom: 1px;\\r\\n margin-left: -$popover-arrow-width;\\r\\n border-bottom-width: 0;\\r\\n border-top-color: $popover-arrow-color;\\r\\n }\\r\\n }\\r\\n &.right > .arrow {\\r\\n top: 50%;\\r\\n left: -$popover-arrow-outer-width;\\r\\n margin-top: -$popover-arrow-outer-width;\\r\\n border-left-width: 0;\\r\\n border-right-color: $popover-arrow-outer-fallback-color; // IE8 fallback\\r\\n border-right-color: $popover-arrow-outer-color;\\r\\n &:after {\\r\\n content: \\\" \\\";\\r\\n left: 1px;\\r\\n bottom: -$popover-arrow-width;\\r\\n border-left-width: 0;\\r\\n border-right-color: $popover-arrow-color;\\r\\n }\\r\\n }\\r\\n &.bottom > .arrow {\\r\\n left: 50%;\\r\\n margin-left: -$popover-arrow-outer-width;\\r\\n border-top-width: 0;\\r\\n border-bottom-color: $popover-arrow-outer-fallback-color; // IE8 fallback\\r\\n border-bottom-color: $popover-arrow-outer-color;\\r\\n top: -$popover-arrow-outer-width;\\r\\n &:after {\\r\\n content: \\\" \\\";\\r\\n top: 1px;\\r\\n margin-left: -$popover-arrow-width;\\r\\n border-top-width: 0;\\r\\n border-bottom-color: $popover-arrow-color;\\r\\n }\\r\\n }\\r\\n\\r\\n &.left > .arrow {\\r\\n top: 50%;\\r\\n right: -$popover-arrow-outer-width;\\r\\n margin-top: -$popover-arrow-outer-width;\\r\\n border-right-width: 0;\\r\\n border-left-color: $popover-arrow-outer-fallback-color; // IE8 fallback\\r\\n border-left-color: $popover-arrow-outer-color;\\r\\n &:after {\\r\\n content: \\\" \\\";\\r\\n right: 1px;\\r\\n border-right-width: 0;\\r\\n border-left-color: $popover-arrow-color;\\r\\n bottom: -$popover-arrow-width;\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"//\\r\\n// Carousel\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n// Wrapper for the slide container and indicators\\r\\n.carousel {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.carousel-inner {\\r\\n position: relative;\\r\\n overflow: hidden;\\r\\n width: 100%;\\r\\n\\r\\n > .item {\\r\\n display: none;\\r\\n position: relative;\\r\\n @include transition(.6s ease-in-out left);\\r\\n\\r\\n // Account for jankitude on images\\r\\n > img,\\r\\n > a > img {\\r\\n @include img-responsive;\\r\\n line-height: 1;\\r\\n }\\r\\n\\r\\n // WebKit CSS3 transforms for supported devices\\r\\n @media all and (transform-3d), (-webkit-transform-3d) {\\r\\n @include transition-transform(0.6s ease-in-out);\\r\\n @include backface-visibility(hidden);\\r\\n @include perspective(1000px);\\r\\n\\r\\n &.next,\\r\\n &.active.right {\\r\\n @include translate3d(100%, 0, 0);\\r\\n left: 0;\\r\\n }\\r\\n &.prev,\\r\\n &.active.left {\\r\\n @include translate3d(-100%, 0, 0);\\r\\n left: 0;\\r\\n }\\r\\n &.next.left,\\r\\n &.prev.right,\\r\\n &.active {\\r\\n @include translate3d(0, 0, 0);\\r\\n left: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n > .active,\\r\\n > .next,\\r\\n > .prev {\\r\\n display: block;\\r\\n }\\r\\n\\r\\n > .active {\\r\\n left: 0;\\r\\n }\\r\\n\\r\\n > .next,\\r\\n > .prev {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n > .next {\\r\\n left: 100%;\\r\\n }\\r\\n > .prev {\\r\\n left: -100%;\\r\\n }\\r\\n > .next.left,\\r\\n > .prev.right {\\r\\n left: 0;\\r\\n }\\r\\n\\r\\n > .active.left {\\r\\n left: -100%;\\r\\n }\\r\\n > .active.right {\\r\\n left: 100%;\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n// Left/right controls for nav\\r\\n// ---------------------------\\r\\n\\r\\n.carousel-control {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n bottom: 0;\\r\\n width: $carousel-control-width;\\r\\n @include opacity($carousel-control-opacity);\\r\\n font-size: $carousel-control-font-size;\\r\\n color: $carousel-control-color;\\r\\n text-align: center;\\r\\n text-shadow: $carousel-text-shadow;\\r\\n background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug\\r\\n // We can't have this transition here because WebKit cancels the carousel\\r\\n // animation if you trip this while in the middle of another animation.\\r\\n\\r\\n // Set gradients for backgrounds\\r\\n &.left {\\r\\n @include gradient-horizontal($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));\\r\\n }\\r\\n &.right {\\r\\n left: auto;\\r\\n right: 0;\\r\\n @include gradient-horizontal($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));\\r\\n }\\r\\n\\r\\n // Hover/focus state\\r\\n &:hover,\\r\\n &:focus {\\r\\n outline: 0;\\r\\n color: $carousel-control-color;\\r\\n text-decoration: none;\\r\\n @include opacity(.9);\\r\\n }\\r\\n\\r\\n // Toggles\\r\\n .icon-prev,\\r\\n .icon-next,\\r\\n .glyphicon-chevron-left,\\r\\n .glyphicon-chevron-right {\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n margin-top: -10px;\\r\\n z-index: 5;\\r\\n display: inline-block;\\r\\n }\\r\\n .icon-prev,\\r\\n .glyphicon-chevron-left {\\r\\n left: 50%;\\r\\n margin-left: -10px;\\r\\n }\\r\\n .icon-next,\\r\\n .glyphicon-chevron-right {\\r\\n right: 50%;\\r\\n margin-right: -10px;\\r\\n }\\r\\n .icon-prev,\\r\\n .icon-next {\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n line-height: 1;\\r\\n font-family: serif;\\r\\n }\\r\\n\\r\\n\\r\\n .icon-prev {\\r\\n &:before {\\r\\n content: '\\\\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\\r\\n }\\r\\n }\\r\\n .icon-next {\\r\\n &:before {\\r\\n content: '\\\\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Optional indicator pips\\r\\n//\\r\\n// Add an unordered list with the following class and add a list item for each\\r\\n// slide your carousel holds.\\r\\n\\r\\n.carousel-indicators {\\r\\n position: absolute;\\r\\n bottom: 10px;\\r\\n left: 50%;\\r\\n z-index: 15;\\r\\n width: 60%;\\r\\n margin-left: -30%;\\r\\n padding-left: 0;\\r\\n list-style: none;\\r\\n text-align: center;\\r\\n\\r\\n li {\\r\\n display: inline-block;\\r\\n width: 10px;\\r\\n height: 10px;\\r\\n margin: 1px;\\r\\n text-indent: -999px;\\r\\n border: 1px solid $carousel-indicator-border-color;\\r\\n border-radius: 10px;\\r\\n cursor: pointer;\\r\\n\\r\\n // IE8-9 hack for event handling\\r\\n //\\r\\n // Internet Explorer 8-9 does not support clicks on elements without a set\\r\\n // `background-color`. We cannot use `filter` since that's not viewed as a\\r\\n // background color by the browser. Thus, a hack is needed.\\r\\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\\r\\n //\\r\\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\\r\\n // set alpha transparency for the best results possible.\\r\\n background-color: #000 \\\\9; // IE8\\r\\n background-color: rgba(0,0,0,0); // IE9\\r\\n }\\r\\n .active {\\r\\n margin: 0;\\r\\n width: 12px;\\r\\n height: 12px;\\r\\n background-color: $carousel-indicator-active-bg;\\r\\n }\\r\\n}\\r\\n\\r\\n// Optional captions\\r\\n// -----------------------------\\r\\n// Hidden by default for smaller viewports\\r\\n.carousel-caption {\\r\\n position: absolute;\\r\\n left: 15%;\\r\\n right: 15%;\\r\\n bottom: 20px;\\r\\n z-index: 10;\\r\\n padding-top: 20px;\\r\\n padding-bottom: 20px;\\r\\n color: $carousel-caption-color;\\r\\n text-align: center;\\r\\n text-shadow: $carousel-text-shadow;\\r\\n & .btn {\\r\\n text-shadow: none; // No shadow for button elements in carousel-caption\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Scale up controls for tablets and up\\r\\n@media screen and (min-width: $screen-sm-min) {\\r\\n\\r\\n // Scale up the controls a smidge\\r\\n .carousel-control {\\r\\n .glyphicon-chevron-left,\\r\\n .glyphicon-chevron-right,\\r\\n .icon-prev,\\r\\n .icon-next {\\r\\n width: ($carousel-control-font-size * 1.5);\\r\\n height: ($carousel-control-font-size * 1.5);\\r\\n margin-top: ($carousel-control-font-size / -2);\\r\\n font-size: ($carousel-control-font-size * 1.5);\\r\\n }\\r\\n .glyphicon-chevron-left,\\r\\n .icon-prev {\\r\\n margin-left: ($carousel-control-font-size / -2);\\r\\n }\\r\\n .glyphicon-chevron-right,\\r\\n .icon-next {\\r\\n margin-right: ($carousel-control-font-size / -2);\\r\\n }\\r\\n }\\r\\n\\r\\n // Show and left align the captions\\r\\n .carousel-caption {\\r\\n left: 20%;\\r\\n right: 20%;\\r\\n padding-bottom: 30px;\\r\\n }\\r\\n\\r\\n // Move up the indicators\\r\\n .carousel-indicators {\\r\\n bottom: 20px;\\r\\n }\\r\\n}\\r\\n\",\"//\\r\\n// Utility classes\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n// Floats\\r\\n// -------------------------\\r\\n\\r\\n.clearfix {\\r\\n @include clearfix;\\r\\n}\\r\\n.center-block {\\r\\n @include center-block;\\r\\n}\\r\\n.pull-right {\\r\\n float: right !important;\\r\\n}\\r\\n.pull-left {\\r\\n float: left !important;\\r\\n}\\r\\n\\r\\n\\r\\n// Toggling content\\r\\n// -------------------------\\r\\n\\r\\n// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1\\r\\n.hide {\\r\\n display: none !important;\\r\\n}\\r\\n.show {\\r\\n display: block !important;\\r\\n}\\r\\n.invisible {\\r\\n visibility: hidden;\\r\\n}\\r\\n.text-hide {\\r\\n @include text-hide;\\r\\n}\\r\\n\\r\\n\\r\\n// Hide from screenreaders and browsers\\r\\n//\\r\\n// Credit: HTML5 Boilerplate\\r\\n\\r\\n.hidden {\\r\\n display: none !important;\\r\\n}\\r\\n\\r\\n\\r\\n// For Affix plugin\\r\\n// -------------------------\\r\\n\\r\\n.affix {\\r\\n position: fixed;\\r\\n}\\r\\n\",\"// Center-align a block level element\\r\\n\\r\\n@mixin center-block() {\\r\\n display: block;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n}\\r\\n\",\"// CSS image replacement\\r\\n//\\r\\n// Heads up! v3 launched with only `.hide-text()`, but per our pattern for\\r\\n// mixins being reused as classes with the same name, this doesn't hold up. As\\r\\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.\\r\\n//\\r\\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\\r\\n\\r\\n// Deprecated as of v3.0.1 (has been removed in v4)\\r\\n@mixin hide-text() {\\r\\n font: 0/0 a;\\r\\n color: transparent;\\r\\n text-shadow: none;\\r\\n background-color: transparent;\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n// New mixin to use as of v3.0.1\\r\\n@mixin text-hide() {\\r\\n @include hide-text;\\r\\n}\\r\\n\",\"// Responsive utilities\\r\\n\\r\\n//\\r\\n// More easily include all the states for responsive-utilities.less.\\r\\n// [converter] $parent hack\\r\\n@mixin responsive-visibility($parent) {\\r\\n #{$parent} {\\r\\n display: block !important;\\r\\n }\\r\\n table#{$parent} { display: table !important; }\\r\\n tr#{$parent} { display: table-row !important; }\\r\\n th#{$parent},\\r\\n td#{$parent} { display: table-cell !important; }\\r\\n}\\r\\n\\r\\n// [converter] $parent hack\\r\\n@mixin responsive-invisibility($parent) {\\r\\n #{$parent} {\\r\\n display: none !important;\\r\\n }\\r\\n}\\r\\n\",\"//\\r\\n// Responsive: Utility classes\\r\\n// --------------------------------------------------\\r\\n\\r\\n\\r\\n// IE10 in Windows (Phone) 8\\r\\n//\\r\\n// Support for responsive views via media queries is kind of borked in IE10, for\\r\\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\\r\\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\\r\\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\\r\\n// our Getting Started page for more information on this bug.\\r\\n//\\r\\n// For more information, see the following:\\r\\n//\\r\\n// Issue: https://github.com/twbs/bootstrap/issues/10497\\r\\n// Docs: http://getbootstrap.com/getting-started/#support-ie10-width\\r\\n// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/\\r\\n// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\\r\\n\\r\\n@at-root {\\r\\n @-ms-viewport {\\r\\n width: device-width;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Visibility utilities\\r\\n// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\\r\\n\\r\\n@include responsive-invisibility('.visible-xs');\\r\\n@include responsive-invisibility('.visible-sm');\\r\\n@include responsive-invisibility('.visible-md');\\r\\n@include responsive-invisibility('.visible-lg');\\r\\n\\r\\n.visible-xs-block,\\r\\n.visible-xs-inline,\\r\\n.visible-xs-inline-block,\\r\\n.visible-sm-block,\\r\\n.visible-sm-inline,\\r\\n.visible-sm-inline-block,\\r\\n.visible-md-block,\\r\\n.visible-md-inline,\\r\\n.visible-md-inline-block,\\r\\n.visible-lg-block,\\r\\n.visible-lg-inline,\\r\\n.visible-lg-inline-block {\\r\\n display: none !important;\\r\\n}\\r\\n\\r\\n@media (max-width: $screen-xs-max) {\\r\\n @include responsive-visibility('.visible-xs');\\r\\n}\\r\\n.visible-xs-block {\\r\\n @media (max-width: $screen-xs-max) {\\r\\n display: block !important;\\r\\n }\\r\\n}\\r\\n.visible-xs-inline {\\r\\n @media (max-width: $screen-xs-max) {\\r\\n display: inline !important;\\r\\n }\\r\\n}\\r\\n.visible-xs-inline-block {\\r\\n @media (max-width: $screen-xs-max) {\\r\\n display: inline-block !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\\r\\n @include responsive-visibility('.visible-sm');\\r\\n}\\r\\n.visible-sm-block {\\r\\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\\r\\n display: block !important;\\r\\n }\\r\\n}\\r\\n.visible-sm-inline {\\r\\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\\r\\n display: inline !important;\\r\\n }\\r\\n}\\r\\n.visible-sm-inline-block {\\r\\n @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\\r\\n display: inline-block !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\\r\\n @include responsive-visibility('.visible-md');\\r\\n}\\r\\n.visible-md-block {\\r\\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\\r\\n display: block !important;\\r\\n }\\r\\n}\\r\\n.visible-md-inline {\\r\\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\\r\\n display: inline !important;\\r\\n }\\r\\n}\\r\\n.visible-md-inline-block {\\r\\n @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\\r\\n display: inline-block !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-lg-min) {\\r\\n @include responsive-visibility('.visible-lg');\\r\\n}\\r\\n.visible-lg-block {\\r\\n @media (min-width: $screen-lg-min) {\\r\\n display: block !important;\\r\\n }\\r\\n}\\r\\n.visible-lg-inline {\\r\\n @media (min-width: $screen-lg-min) {\\r\\n display: inline !important;\\r\\n }\\r\\n}\\r\\n.visible-lg-inline-block {\\r\\n @media (min-width: $screen-lg-min) {\\r\\n display: inline-block !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: $screen-xs-max) {\\r\\n @include responsive-invisibility('.hidden-xs');\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {\\r\\n @include responsive-invisibility('.hidden-sm');\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {\\r\\n @include responsive-invisibility('.hidden-md');\\r\\n}\\r\\n\\r\\n@media (min-width: $screen-lg-min) {\\r\\n @include responsive-invisibility('.hidden-lg');\\r\\n}\\r\\n\\r\\n\\r\\n// Print utilities\\r\\n//\\r\\n// Media queries are placed on the inside to be mixin-friendly.\\r\\n\\r\\n// Note: Deprecated .visible-print as of v3.2.0\\r\\n\\r\\n@include responsive-invisibility('.visible-print');\\r\\n\\r\\n@media print {\\r\\n @include responsive-visibility('.visible-print');\\r\\n}\\r\\n.visible-print-block {\\r\\n display: none !important;\\r\\n\\r\\n @media print {\\r\\n display: block !important;\\r\\n }\\r\\n}\\r\\n.visible-print-inline {\\r\\n display: none !important;\\r\\n\\r\\n @media print {\\r\\n display: inline !important;\\r\\n }\\r\\n}\\r\\n.visible-print-inline-block {\\r\\n display: none !important;\\r\\n\\r\\n @media print {\\r\\n display: inline-block !important;\\r\\n }\\r\\n}\\r\\n\\r\\n@media print {\\r\\n @include responsive-invisibility('.hidden-print');\\r\\n}\\r\\n\",\"/*!\\r\\n *\\r\\n * Angle - Bootstrap Admin App + AngularJS\\r\\n *\\r\\n * Version: 3.8.3\\r\\n * Author: @themicon_co\\r\\n * Website: http://themicon.co\\r\\n * License: https://wrapbootstrap.com/help/licenses\\r\\n *\\r\\n */\\r\\n\\r\\n// Override bootstrap variables\\r\\n@import \\\"app/variables\\\";\\r\\n\\r\\n// Bootstrap\\r\\n// @import \\\"bootstrap/bootstrap/_mixins\\\";\\r\\n\\r\\n// Global definition of media queries\\r\\n@import \\\"app/media-queries\\\";\\r\\n// Utilities\\r\\n@import \\\"app/utils-definitions\\\";\\r\\n\\r\\n// Bootstrap reset\\r\\n@import \\\"app/bootstrap-reset\\\";\\r\\n\\r\\n// Typography\\r\\n@import \\\"app/typo\\\";\\r\\n\\r\\n// Layout\\r\\n@import \\\"app/layout\\\";\\r\\n@import \\\"app/layout-extra\\\";\\r\\n@import \\\"app/layout-animation\\\";\\r\\n@import \\\"app/top-navbar\\\";\\r\\n@import \\\"app/sidebar\\\";\\r\\n@import \\\"app/offsidebar\\\";\\r\\n\\r\\n// Components\\r\\n@import \\\"app/breadcrumbs\\\";\\r\\n@import \\\"app/loading-bar\\\";\\r\\n@import \\\"app/animate\\\";\\r\\n@import \\\"app/button-extra\\\";\\r\\n@import \\\"app/placeholder\\\";\\r\\n@import \\\"app/panels\\\";\\r\\n@import \\\"app/progress-extra\\\";\\r\\n@import \\\"app/radial-bar\\\";\\r\\n@import \\\"app/user-block\\\";\\r\\n@import \\\"app/circles\\\";\\r\\n@import \\\"app/timeline\\\";\\r\\n@import \\\"app/dropdown-extra\\\";\\r\\n@import \\\"app/row-extra\\\";\\r\\n@import \\\"app/half-float\\\";\\r\\n@import \\\"app/masonry-grid\\\";\\r\\n@import \\\"app/widget\\\";\\r\\n@import \\\"app/typeahead\\\";\\r\\n@import \\\"app/table-grid\\\";\\r\\n@import \\\"app/todo\\\";\\r\\n@import \\\"app/file-upload\\\";\\r\\n\\r\\n@import \\\"app/chart-flot\\\";\\r\\n@import \\\"app/chart-easypie\\\";\\r\\n@import \\\"app/form-elements\\\";\\r\\n\\r\\n@import \\\"app/summernote\\\";\\r\\n@import \\\"app/code-editor\\\";\\r\\n\\r\\n// Tables\\r\\n@import \\\"app/table-extras\\\";\\r\\n@import \\\"app/table-angulargrid\\\";\\r\\n@import \\\"app/auto-table.scss\\\";\\r\\n// Plugins\\r\\n@import \\\"app/slim-scroll\\\";\\r\\n@import \\\"app/calendar\\\";\\r\\n@import \\\"app/spinner\\\";\\r\\n@import \\\"app/gmap\\\";\\r\\n@import \\\"app/vector-map\\\";\\r\\n\\r\\n// Mailbox\\r\\n@import \\\"app/mailbox\\\";\\r\\n\\r\\n// Plans\\r\\n@import \\\"app/plans\\\";\\r\\n\\r\\n// Utilities\\r\\n@import \\\"app/utils\\\";\\r\\n\\r\\n// Print CSS\\r\\n@import \\\"app/print\\\";\\r\\n\\r\\n// Settings\\r\\n@import \\\"app/settings\\\";\\r\\n\\r\\n// Lea\\r\\n// @import \\\"lea/auto-table\\\";\\r\\n// @import \\\"lea/modals\\\";\\r\\n// @import \\\"lea/custom\\\";\\r\\n\",\"/* ========================================================================\\r\\n Component: media-queries\\r\\n ========================================================================== */ \\r\\n\\r\\n// Taken from bootstrap variables\\r\\n// to match all components media queries\\r\\n\\r\\n$mq-desktop-lg: $screen-lg-desktop; // Usually 1200px\\r\\n$mq-desktop: $screen-desktop; // Usually 992px\\r\\n$mq-tablet: $screen-sm-min; // Usually 768px\\r\\n$mq-mobile: $screen-phone; // Usually 480px\\r\\n\\r\\n// Inverse version media queries (for use with max-width)\\r\\n// Some components needs to be strictly defined only for mobile\\r\\n\\r\\n$mq-up-to-desktop-lg: ($screen-lg-desktop - 1); // Usually 1199px\\r\\n$mq-up-to-desktop: ($screen-desktop - 1); // Usually 991px\\r\\n$mq-up-to-tablet: ($screen-sm-min - 1); // Usually 767px\\r\\n$mq-up-to-mobile: ($screen-phone - 1); // Usually 479px\\r\\n\\r\\n\",\"/* ========================================================================\\r\\n Component: bootstrap-reset\\r\\n ========================================================================== */\\r\\n\\r\\n\\r\\n//\\r\\n// Use this file to reset simple bootstrap styles\\r\\n// instead of modifying the core files\\r\\n// Makes easy to update new framework versions\\r\\n// --------------------------------------------------\\r\\n\\r\\n*:focus {\\r\\n outline: 0 !important\\r\\n}\\r\\n\\r\\na {\\r\\n outline: none !important;\\r\\n cursor: pointer;\\r\\n &.text-muted {\\r\\n &:hover, &:focus {\\r\\n color: darken($text-muted, 10%);\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\nhr {\\r\\n border-top: 1px solid $gray-light;\\r\\n}\\r\\n\\r\\n// custom element\\r\\n[now] {\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n\\r\\n.list-group {\\r\\n line-height: 1.3;\\r\\n .list-group-item {\\r\\n padding: 10px;\\r\\n .panel > & {\\r\\n border-top: 0;\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n.navbar-toggle {\\r\\n .icon-bar {\\r\\n background-color: #fff;\\r\\n }\\r\\n}\\r\\n\\r\\n.page-header {\\r\\n border-bottom-color: $gray-light;\\r\\n}\\r\\n\\r\\n.panel {\\r\\n .panel-heading {\\r\\n border-bottom: 0;\\r\\n font-size: 14px;\\r\\n a {\\r\\n text-decoration: none !important;\\r\\n }\\r\\n }\\r\\n &.panel-default {\\r\\n border-top-width: 3px; \\r\\n }\\r\\n}\\r\\n\\r\\n.well {\\r\\n border: 1px solid $gray;\\r\\n}\\r\\n\\r\\n.jumbotron {\\r\\n border: 1px solid $gray;\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n padding: $jumbotron-padding ($jumbotron-padding/2);\\r\\n }\\r\\n}\\r\\n\\r\\n.nav-tabs > li > a {\\r\\n font-weight: bold;\\r\\n color: $text-color;\\r\\n background-color: $gray-lighter;\\r\\n margin: 0;\\r\\n border: 1px solid $gray;\\r\\n border-radius: 0;\\r\\n padding: 10px 20px;\\r\\n}\\r\\n\\r\\n.nav-tabs > li.active > a {\\r\\n &, &:hover, &:focus {\\r\\n color: inherit;\\r\\n border-bottom-color: #fff;\\r\\n }\\r\\n}\\r\\n.tab-content {\\r\\n padding: 10px 20px;\\r\\n border-style: solid;\\r\\n border-width: 0 1px 1px 1px;\\r\\n border-color: $gray;\\r\\n .p0 & {\\r\\n padding: 0 !important\\r\\n }\\r\\n .nav-pills + & {\\r\\n border: 0;\\r\\n padding: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n.btn {\\r\\n border-radius: 3px;\\r\\n font-size: 13px;\\r\\n border-color: transparent;\\r\\n -webkit-appearance: none;\\r\\n outline: none !important;\\r\\n @include transition(all .1s);\\r\\n &.btn-link {\\r\\n box-shadow: none;\\r\\n border: 0;\\r\\n }\\r\\n &.btn-default {\\r\\n border-color: $btn-default-border;\\r\\n }\\r\\n .btn-secondary {\\r\\n color: #fff;\\r\\n background-color: #6c757d;\\r\\n border-color: #6c757d;\\r\\n}\\r\\n .input-group & {\\r\\n font-size: 14px;\\r\\n border-color: $input-border;\\r\\n }\\r\\n .input-group .input-sm + .input-group-btn & {\\r\\n font-size: 13px;\\r\\n }\\r\\n}\\r\\n\\r\\n// FORMS\\r\\n\\r\\n.form-control {\\r\\n box-shadow: 0 0 0 #000 !important;\\r\\n}\\r\\n\\r\\n.input-sm,\\r\\nselect.input-sm {\\r\\n height: 31px;\\r\\n}\\r\\n\\r\\nfieldset {\\r\\n padding-bottom: 20px;\\r\\n border-bottom: 1px dashed #eee;\\r\\n margin-bottom: 20px;\\r\\n &.last-child,\\r\\n &:last-child {\\r\\n border-bottom: 0;\\r\\n }\\r\\n .form-group {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: $mq-up-to-tablet) {\\r\\n // Remove Input Shadows on iPad\\r\\n input[type=\\\"text\\\"], input[type=\\\"email\\\"], input[type=\\\"search\\\"], input[type=\\\"password\\\"] {\\r\\n -webkit-appearance: none;\\r\\n }\\r\\n}\\r\\n\\r\\n// TABLES\\r\\n\\r\\n.table {\\r\\n\\r\\n // Bottom align for column headings\\r\\n > thead > tr > th {\\r\\n border-bottom-width: 1px;\\r\\n }\\r\\n\\r\\n // Account for multiple tbody instances\\r\\n > tbody + tbody {\\r\\n border-bottom-width: 1px;\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n.table-bordered {\\r\\n > thead > tr {\\r\\n > th,\\r\\n > td {\\r\\n border-bottom-width: 1px;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n.progress {\\r\\n @include box-shadow(0 0 0 #000);\\r\\n border-radius: $border-radius-small;\\r\\n border: 1px solid $progress-bg;\\r\\n background-color: #fff;\\r\\n .progress-bar {\\r\\n @include box-shadow(0 0 0 #000);\\r\\n }\\r\\n}\\r\\n\\r\\n// Popover\\r\\n// --------------------------------------------------\\r\\n\\r\\n.popover {\\r\\n box-shadow: 0 0 0 #000;\\r\\n border-color: #eee;\\r\\n border-bottom: 2px solid $gray-light;\\r\\n border-radius: $border-radius-small;\\r\\n .popover-title {\\r\\n border: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// NAV\\r\\n.nav {\\r\\n &.nav-pills {\\r\\n .active > a {\\r\\n background-color: $brand-primary;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// DROPDOWN\\r\\n.dropdown-menu {\\r\\n border-radius: $border-radius-small;\\r\\n}\\r\\n\\r\\n.dropdown-header {\\r\\n color: #a1a2a3;\\r\\n}\\r\\n\\r\\n.navbar-top .navbar-nav > .active > a {\\r\\n color: #999;\\r\\n &:hover, &:focus {\\r\\n color: #d1d2d3;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n.navbar-default .navbar-nav .open .dropdown-menu > li > a {\\r\\n color: #666;\\r\\n &:hover, &:focus {\\r\\n color: #222;\\r\\n }\\r\\n}\\r\\n\\r\\n// CAROUSEL\\r\\n\\r\\n.carousel {\\r\\n .carousel-indicators {\\r\\n bottom: 0;\\r\\n }\\r\\n .carousel-control {\\r\\n &.left,\\r\\n &.right {\\r\\n background-image: none;\\r\\n }\\r\\n // Add support for font awesome\\r\\n em {\\r\\n position: absolute;\\r\\n top: 50%;\\r\\n left: 50%;\\r\\n z-index: 5;\\r\\n display: inline-block;\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n margin-top: -10px;\\r\\n margin-left: -10px;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Angular UI.Bootstrap\\r\\n.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }\\r\\n\\r\\n.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {\\r\\n border-bottom: 0;\\r\\n}\\r\\n\\r\\n// fix modal backdrop to work with bootstrap ui\\r\\n// standard BS js uses a calculated height\\r\\n.modal-backdrop {\\r\\n position: fixed;\\r\\n bottom: 0;\\r\\n}\\r\\n\\r\\n// fix for ie9 (dropdwon no showing)\\r\\n.topnavbar,\\r\\n.navbar,\\r\\n.navbar .dropdown-menu {\\r\\n filter: none !important;\\r\\n}\\r\\n\\r\\n// allow font awesome to be placed instead of glyphicon in slider\\r\\n$fa-var-chevron-down: \\\"\\\\f078\\\";\\r\\n$fa-var-chevron-left: \\\"\\\\f053\\\";\\r\\n$fa-var-chevron-right: \\\"\\\\f054\\\";\\r\\n$fa-var-chevron-up: \\\"\\\\f077\\\";\\r\\n$fa-var-folder-open: \\\"\\\\f07c\\\";\\r\\n$fa-var-angle-down: \\\"\\\\f107\\\";\\r\\n$fa-var-angle-up: \\\"\\\\f106\\\";\\r\\n\\r\\n.glyphicon {\\r\\n display: inline-block;\\r\\n font: normal normal normal 14px/1 FontAwesome; // shortening font declaration\\r\\n font-size: inherit; // can't have font-size inherit on line above, so need to override\\r\\n text-rendering: auto; // optimizelegibility throws things off #1094\\r\\n -webkit-font-smoothing: antialiased;\\r\\n -moz-osx-font-smoothing: grayscale;\\r\\n &.glyphicon-chevron-right:before {\\r\\n content: $fa-var-chevron-right;\\r\\n };\\r\\n &.glyphicon-chevron-left:before {\\r\\n content: $fa-var-chevron-left;\\r\\n };\\r\\n &.glyphicon-chevron-up:before {\\r\\n content: $fa-var-chevron-up;\\r\\n };\\r\\n &.glyphicon-chevron-down:before {\\r\\n content: $fa-var-chevron-down;\\r\\n };\\r\\n &.glyphicon-folder-open:before {\\r\\n content: $fa-var-folder-open;\\r\\n };\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: typo\\r\\n ========================================================================== */\\r\\n \\r\\n@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic);\\r\\n\\r\\nbody {\\r\\n font-family: \\\"Source Sans Pro\\\", sans-serif;\\r\\n color: #656565;\\r\\n}\\r\\n\\r\\nh1, h2, h3, h4 {\\r\\n font-weight: bold;\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: layout\\r\\n ========================================================================== */\\r\\n\\r\\n//\\r\\n// Main layout\\r\\n// This file controls the presentation of all components\\r\\n// .wrapper\\r\\n// > section\\r\\n// > .content-wrapper\\r\\n// > .aside\\r\\n//\\r\\n// If modified or removed make sure to check the variable\\r\\n// shared with other components\\r\\n// -------------------------------------------------------------\\r\\n\\r\\n$aside-wd: 220px;\\r\\n$aside-wd-collapsed: 70px;\\r\\n$aside-wd-collapsed-text: 90px;\\r\\n$aside-bg: #fff;\\r\\n\\r\\n$content-bg: $body-bg;\\r\\n$content-heading-bg: #fafbfc;\\r\\n$content-heading-border: #cfdbe2;\\r\\n$content-padding: 20px;\\r\\n\\r\\n$footer-hg: 60px;\\r\\n\\r\\n$navbar-hg: $navbar-height;\\r\\n\\r\\n$boxed-max-width: 1140px;\\r\\n$z-index-main-section: 111;\\r\\n\\r\\nhtml {\\r\\n /* $replace rtl */ direction: ltr;\\r\\n height: 100%;\\r\\n // http://updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away\\r\\n -ms-touch-action: manipulation;\\r\\n touch-action: manipulation;\\r\\n}\\r\\n\\r\\nhtml, body, app-root {\\r\\n // overflow-x: hidden;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\napp-root, .wrapper {\\r\\n display: block;\\r\\n}\\r\\n\\r\\n// Main wrapper\\r\\n// -----------------------------\\r\\n.wrapper {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n height: auto;\\r\\n min-height: 100%;\\r\\n overflow-x: hidden;\\r\\n &.ng-leave {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n // Contains the main sidebar\\r\\n > .aside {\\r\\n // visibility: hidden;\\r\\n position: absolute;\\r\\n width: $aside-wd;\\r\\n\\r\\n top: 0; left: 0;\\r\\n bottom: 0;\\r\\n z-index: $z-index-main-section + 5;\\r\\n // @include transition(visibility 0s linear .3s);\\r\\n @include backface-visibility(hidden);\\r\\n background-color: $aside-bg;\\r\\n\\r\\n .aside-inner {\\r\\n padding-top: $navbar-hg * 2;\\r\\n height: 100%;\\r\\n width: $aside-wd;\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n > .nav-floating {\\r\\n\\r\\n // position: handled from directive\\r\\n left: inherit;\\r\\n margin-left: $aside-wd;\\r\\n z-index: $z-index-main-section * 10;\\r\\n\\r\\n min-width: 190px;\\r\\n overflow: auto;\\r\\n }\\r\\n\\r\\n .dropdown-backdrop {\\r\\n z-index: -1;\\r\\n }\\r\\n }\\r\\n\\r\\n // Contains the main content\\r\\n > section {\\r\\n position: relative;\\r\\n height: 100%;\\r\\n margin-left: 0;\\r\\n // overflow: hidden;\\r\\n z-index: $z-index-main-section;\\r\\n background-color: $content-bg;\\r\\n margin-bottom: $footer-hg !important; // ensure a space for the footer\\r\\n }\\r\\n\\r\\n // Page Footer\\r\\n > footer {\\r\\n position: absolute;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n height: $footer-hg;\\r\\n border-top: 1px solid $gray-light;\\r\\n padding: $content-padding;\\r\\n z-index: $z-index-main-section - 2;\\r\\n > p {\\r\\n margin: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.modal-open .wrapper > section {\\r\\n z-index: inherit;\\r\\n transform: none !important;\\r\\n -webkit-transform: none !important;\\r\\n}\\r\\n\\r\\n// Page main content\\r\\n// -----------------------------\\r\\n.content-wrapper {\\r\\n padding: 15px;\\r\\n width: 100%;\\r\\n // styling to visually wrap the component\\r\\n border-top: 1px solid rgba(0,0,0,.15);\\r\\n margin-top: -1px;\\r\\n\\r\\n .unwrap {\\r\\n margin: -15px; // expand over wrapper padding\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n margin: -20px; // expand over wrapper padding\\r\\n }\\r\\n }\\r\\n\\r\\n .content-heading {\\r\\n font-size: $font-size-h3;\\r\\n line-height: $headings-line-height;\\r\\n color: #929292;\\r\\n margin: -15px;\\r\\n margin-bottom: 20px;\\r\\n padding: 15px;\\r\\n font-weight: normal;\\r\\n background-color: $content-heading-bg;\\r\\n border-bottom: 1px solid $content-heading-border;\\r\\n > small {\\r\\n display: block;\\r\\n font-size: 12px;\\r\\n color: $text-muted;\\r\\n }\\r\\n }\\r\\n > button, > .btn {\\r\\n margin: 10px 10px 0 0;\\r\\n }\\r\\n\\r\\n .container,\\r\\n .container-fluid {\\r\\n padding-left: 0;\\r\\n padding-right: 0;\\r\\n }\\r\\n\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n padding: $content-padding;\\r\\n //overflow: auto; // required for portlets\\r\\n .content-heading {\\r\\n margin: -$content-padding;\\r\\n margin-bottom: $content-padding;\\r\\n padding: $content-padding;\\r\\n }\\r\\n > button, > .btn {\\r\\n margin: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Desktop layout\\r\\n// -----------------------------\\r\\n\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n\\r\\n body {\\r\\n min-height: 100%;\\r\\n }\\r\\n\\r\\n .wrapper {\\r\\n\\r\\n > .aside {\\r\\n .aside-inner {\\r\\n padding-top: $navbar-hg;\\r\\n }\\r\\n }\\r\\n\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: $aside-wd;\\r\\n }\\r\\n\\r\\n > section {\\r\\n // with just a margin we can make the\\r\\n // right sidebar always visible\\r\\n &.has-sidebar-right {\\r\\n margin-right: $aside-wd + 20;\\r\\n + .offsidebar {\\r\\n z-index: 1;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n// Aside toggled layout\\r\\n// On mobile acts like offcanvas\\r\\n// -----------------------------\\r\\n\\r\\n\\r\\n@media only screen and (max-width: $mq-up-to-tablet) {\\r\\n .wrapper {\\r\\n > .aside {\\r\\n margin-left: -$aside-wd;\\r\\n }\\r\\n }\\r\\n .aside-toggled {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: $aside-wd;\\r\\n }\\r\\n\\r\\n > .aside {\\r\\n margin-left: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n .csstransforms3d {\\r\\n\\r\\n .wrapper {\\r\\n @include backface-visibility(hidden);\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: 0;\\r\\n @include translate3d(0,0,0);\\r\\n @include transition-transform(.3s ease);\\r\\n }\\r\\n > .aside {\\r\\n margin-left: 0;\\r\\n @include translate3d(-100%,0,0); // using % fixes chrome animation\\r\\n @include transition-transform(.3s ease);\\r\\n\\r\\n }\\r\\n }\\r\\n\\r\\n .aside-toggled {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n @include translate3d($aside-wd,0,0);\\r\\n }\\r\\n > .aside {\\r\\n @include translate3d(0,0,0);\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n// Toggle and collapsed behavior overrides\\r\\n\\r\\n@media only screen and (max-width: $mq-up-to-tablet) {\\r\\n\\r\\n .aside-collapsed .wrapper {\\r\\n > .aside {\\r\\n margin-left: -$aside-wd-collapsed;\\r\\n }\\r\\n }\\r\\n\\r\\n .aside-collapsed.aside-toggled {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: $aside-wd-collapsed;\\r\\n }\\r\\n\\r\\n > .aside {\\r\\n margin-left: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n\\r\\n .csstransforms3d {\\r\\n\\r\\n .aside-collapsed .wrapper {\\r\\n @include backface-visibility(hidden);\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: 0;\\r\\n @include translate3d(0,0,0);\\r\\n @include transition-transform(.3s ease);\\r\\n }\\r\\n > .aside {\\r\\n margin-left: 0;\\r\\n @include translate3d(-$aside-wd-collapsed,0,0);\\r\\n @include transition-transform(.3s ease);\\r\\n\\r\\n }\\r\\n }\\r\\n\\r\\n .aside-collapsed.aside-toggled {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n @include translate3d($aside-wd-collapsed,0,0);\\r\\n }\\r\\n > .aside {\\r\\n @include translate3d(0,0,0);\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n// Aside collapsed layout\\r\\n// -------------------------------\\r\\n\\r\\n// Aside status toggled via JS\\r\\n.aside-collapsed {\\r\\n overflow-y: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n .wrapper {\\r\\n > .aside {\\r\\n &, > .aside-inner {\\r\\n width: $aside-wd-collapsed;\\r\\n }\\r\\n > .nav-floating {\\r\\n margin-left: $aside-wd-collapsed;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Margin only exists above tablet\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n // Aside status toggled via JS\\r\\n .aside-collapsed {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: $aside-wd-collapsed;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// ------------------------------\\r\\n// Collapsed variation with text\\r\\n// ------------------------------\\r\\n\\r\\n@media only screen and (max-width: $mq-up-to-tablet) {\\r\\n\\r\\n .aside-collapsed-text .wrapper {\\r\\n > .aside {\\r\\n margin-left: -$aside-wd-collapsed-text;\\r\\n }\\r\\n }\\r\\n\\r\\n .aside-collapsed-text.aside-toggled {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: $aside-wd-collapsed-text;\\r\\n }\\r\\n\\r\\n > .aside {\\r\\n margin-left: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n\\r\\n .csstransforms3d {\\r\\n\\r\\n .aside-collapsed-text .wrapper {\\r\\n @include backface-visibility(hidden);\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: 0;\\r\\n @include translate3d(0,0,0);\\r\\n @include transition-transform(.3s ease);\\r\\n }\\r\\n > .aside {\\r\\n margin-left: 0;\\r\\n @include translate3d(-$aside-wd-collapsed-text,0,0);\\r\\n @include transition-transform(.3s ease);\\r\\n\\r\\n }\\r\\n }\\r\\n\\r\\n .aside-collapsed-text.aside-toggled {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n @include translate3d($aside-wd-collapsed-text,0,0);\\r\\n }\\r\\n > .aside {\\r\\n @include translate3d(0,0,0);\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n// Aside collapsed layout\\r\\n// -------------------------------\\r\\n\\r\\n// Aside status toggled via JS\\r\\n.aside-collapsed-text {\\r\\n overflow-y: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n .wrapper {\\r\\n > .aside {\\r\\n &, > .aside-inner {\\r\\n width: $aside-wd-collapsed-text;\\r\\n }\\r\\n > .nav-floating {\\r\\n margin-left: $aside-wd-collapsed-text;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Margin only exists above tablet\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n // Aside status toggled via JS\\r\\n .aside-collapsed-text {\\r\\n .wrapper {\\r\\n > section,\\r\\n > footer {\\r\\n margin-left: $aside-wd-collapsed-text;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// end collapsed variation with text\\r\\n// mixin to remove transformations\\r\\n@mixin disable-transform()\\r\\n{\\r\\n -webkit-transform: none;\\r\\n -moz-transform: none;\\r\\n -opera-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n}\\r\\n\\r\\n// Fixed layout\\r\\n// -----------------------------\\r\\n.layout-fixed {\\r\\n\\r\\n @media (max-width: $boxed-max-width) {\\r\\n &.aside-toggled,\\r\\n &.offsidebar-open {\\r\\n overflow-y: hidden;\\r\\n }\\r\\n }\\r\\n\\r\\n .wrapper {\\r\\n .topnavbar-wrapper {\\r\\n position: fixed;\\r\\n top: 0;\\r\\n width: 100%;\\r\\n z-index: $z-index-main-section + 10;\\r\\n }\\r\\n > .aside,\\r\\n > .offsidebar {\\r\\n position: fixed;\\r\\n }\\r\\n /* only applied to sidebar */\\r\\n > .aside {\\r\\n /* safari fix */\\r\\n height: 1px;\\r\\n min-height: 100%;\\r\\n /* ios blanks space fix */\\r\\n > .aside-inner {\\r\\n position: fixed;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n }\\r\\n }\\r\\n > section {\\r\\n margin-top: ($navbar-hg + 2) * 2;\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n margin-top: $navbar-hg;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n/* IE10+ hack: safari fix breaks ie so we need to target ie only to restore */\\r\\n_:-ms-lang(x), .layout-fixed .wrapper > .aside > .aside-inner {\\r\\n position: static !important;\\r\\n}\\r\\n\\r\\n// Boxed layout (only for desktops)\\r\\n// -----------------------------\\r\\n\\r\\n.layout-boxed {\\r\\n\\r\\n @media only screen and (min-width: $mq-desktop) {\\r\\n overflow: auto !important;\\r\\n .wrapper {\\r\\n margin: 0 auto;\\r\\n overflow: hidden;\\r\\n box-shadow: 0 0 13px rgba(0,0,0,.25);\\r\\n\\r\\n .offsidebar {\\r\\n position: absolute !important;\\r\\n }\\r\\n\\r\\n > .aside {\\r\\n left: inherit;\\r\\n }\\r\\n &, & .topnavbar-wrapper {\\r\\n width: 970px;\\r\\n }\\r\\n }\\r\\n\\r\\n &.layout-fixed {\\r\\n .wrapper > .aside > .aside-inner {\\r\\n left: inherit;\\r\\n }\\r\\n }\\r\\n }\\r\\n // max size for large devices\\r\\n @media only screen and (min-width: $mq-desktop-lg) {\\r\\n .wrapper {\\r\\n &, & .topnavbar-wrapper {\\r\\n width: $boxed-max-width;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n} // boxed\\r\\n\",\"/* ========================================================================\\r\\n Component: layout-extra\\r\\n ========================================================================== */\\r\\n\\r\\n\\r\\n// Hide footer and expand content to the bottom\\r\\n.hidden-footer {\\r\\n .wrapper > footer {\\r\\n display: none;\\r\\n }\\r\\n .wrapper > section {\\r\\n margin-bottom: 0 !important;\\r\\n }\\r\\n}\\r\\n\\r\\n// Layout mode based on display: table;\\r\\n// See more at http://colintoh.com/blog/display-table-anti-hero\\r\\n\\r\\n.layout-fs {\\r\\n .wrapper > section {\\r\\n position: absolute;\\r\\n top: ($navbar-hg + 2) * 2;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: $footer-hg;\\r\\n height: auto;\\r\\n margin-top: 0 !important;\\r\\n margin-bottom: 0 !important;\\r\\n overflow-y: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n @media only screen and (min-width: $mq-mobile) {\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n top: $navbar-hg;\\r\\n }\\r\\n\\r\\n > .content-wrapper {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n padding: 0;\\r\\n > * {\\r\\n height: 100%;\\r\\n }\\r\\n }\\r\\n\\r\\n }\\r\\n\\r\\n &.hidden-footer {\\r\\n .wrapper > section {\\r\\n bottom: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Table display types to use under .layout-fs\\r\\n.d-table,\\r\\n.d-table-fixed {\\r\\n display: table;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n min-height: 240px;\\r\\n border-spacing: 0;\\r\\n}\\r\\n\\r\\n.d-table-fixed {\\r\\n table-layout: fixed;\\r\\n}\\r\\n\\r\\n.d-row {\\r\\n display: table-row;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n.d-cell,\\r\\n.d-cell-wrapper {\\r\\n position: relative;\\r\\n display: table-cell;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n vertical-align: top;\\r\\n overflow: auto;\\r\\n}\\r\\n\\r\\n// used as a variant to include\\r\\n// content with variable height\\r\\n.d-cell-wrapper {\\r\\n display: block;\\r\\n .d-cell-inner {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n left: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n// Use .d-table-fixed to make columns fixed\\r\\n// and stacked on mobiles (below tablets)\\r\\n@media only screen and (max-width: $mq-up-to-tablet) {\\r\\n .d-table-fixed {\\r\\n display: block;\\r\\n > .d-cell {\\r\\n display: block;\\r\\n width: auto;\\r\\n height: auto;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n/* Target Firefox only */\\r\\n@-moz-document url-prefix() {\\r\\n .d-table, .d-table-desktop {\\r\\n height: 240px;\\r\\n min-height: 100%;\\r\\n }\\r\\n .d-cell-inner {\\r\\n overflow: auto;\\r\\n }\\r\\n}\\r\\n\\r\\n// Table layout helpers\\r\\n.fh {\\r\\n height: 100% !important;\\r\\n}\\r\\n.fw {\\r\\n width: 100% !important;\\r\\n}\\r\\n.scroll {\\r\\n overflow: auto;\\r\\n}\\r\\n.scroll-y {\\r\\n overflow-y: auto;\\r\\n}\\r\\n.scroll-y {\\r\\n overflow-y: auto;\\r\\n}\\r\\n\\r\\n// Layout Horizontal Nav\\r\\n// -----------------------------------\\r\\n\\r\\n.layout-h {\\r\\n .wrapper {\\r\\n > section {\\r\\n max-width: 1140px;\\r\\n margin-left: auto;\\r\\n margin-right: auto;\\r\\n > .content-wrapper .content-heading {\\r\\n display: none;\\r\\n }\\r\\n }\\r\\n @media only screen and (max-width: $mq-up-to-tablet) {\\r\\n > section {\\r\\n margin-top: 0;\\r\\n }\\r\\n }\\r\\n > .offsidebar {\\r\\n margin-top: $navbar-hg;\\r\\n }\\r\\n > footer {\\r\\n margin: 0;\\r\\n }\\r\\n }\\r\\n > .layout-fixed .wrapper {\\r\\n > section,\\r\\n > .offsidebar {\\r\\n margin-top: $navbar-hg;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// Aside float\\r\\n// -----------------------------------\\r\\n\\r\\n$float-space: 15px;\\r\\n.aside-float {\\r\\n\\r\\n .wrapper {\\r\\n box-shadow: 0 0 0 #000; // removes\\r\\n > footer {\\r\\n border: 0;\\r\\n }\\r\\n > .aside {\\r\\n padding: $float-space 0;\\r\\n background: transparent;\\r\\n > .aside-inner {\\r\\n height: 100%;\\r\\n top: $float-space;\\r\\n bottom: $float-space;\\r\\n left: inherit;\\r\\n }\\r\\n .sidebar {\\r\\n border: 1px solid $gray-light;\\r\\n }\\r\\n .sidebar:after {\\r\\n display: none;\\r\\n }\\r\\n }\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n > section {\\r\\n padding-left: $float-space;\\r\\n }\\r\\n > footer {\\r\\n left: $float-space;\\r\\n }\\r\\n }\\r\\n .content-wrapper {\\r\\n border: 0;\\r\\n .content-heading {\\r\\n padding-top: 30px;\\r\\n border: 0;\\r\\n background-color: transparent;\\r\\n }\\r\\n .unwrap { // disables unwrap\\r\\n margin: 0 !important;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n &.aside-toggled .wrapper {\\r\\n // small delay to add some effect to sidebar slide\\r\\n > .aside {\\r\\n @include transition-delay(0.05s);\\r\\n > .aside-inner {\\r\\n margin-left: $float-space;\\r\\n }\\r\\n }\\r\\n > section {\\r\\n padding-left: $float-space;\\r\\n }\\r\\n > footer {\\r\\n left: $float-space;\\r\\n }\\r\\n }\\r\\n\\r\\n // adapt header logo\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n &.aside-collapsed .topnavbar .navbar-header {\\r\\n width: $aside-wd-collapsed + ($float-space * 2);\\r\\n }\\r\\n &.aside-collapsed-text .topnavbar .navbar-header {\\r\\n width: $aside-wd-collapsed-text + ($float-space * 2);\\r\\n }\\r\\n &.layout-fs {\\r\\n .wrapper > section > .content-wrapper {\\r\\n padding: 0 0 0 20px;\\r\\n }\\r\\n }\\r\\n .wrapper > .aside > .aside-inner {\\r\\n margin-left: $float-space;\\r\\n }\\r\\n }\\r\\n // boxed behavior\\r\\n @media only screen and (min-width: $mq-desktop) {\\r\\n &.layout-boxed {\\r\\n .wrapper > .aside > .aside-inner {\\r\\n margin-left: 0;\\r\\n }\\r\\n .wrapper > section {\\r\\n padding-left: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n // toggle state\\r\\n &.aside-toggled {\\r\\n &.layout-fs {\\r\\n .wrapper > section > .content-wrapper {\\r\\n padding: 0 0 0 20px;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: layout-animation.less\\r\\n ========================================================================== */\\r\\n\\r\\n.wrapper > .aside {\\r\\n @include transition(#{\\\"width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1)\\\"});\\r\\n}\\r\\n.aside-inner,\\r\\n.navbar-header,\\r\\n.sidebar > .nav > li {\\r\\n @include transition(width .2s cubic-bezier(0.35, 0, 0.25, 1));\\r\\n}\\r\\n.wrapper > section {\\r\\n @include transition(margin-left .2s cubic-bezier(0.35, 0, 0.25, 1));\\r\\n}\\r\\n.sidebar > .nav .label {\\r\\n @include animation(fadeInRight 1s);\\r\\n @include animation-fill-mode(both);\\r\\n}\\r\\n.aside-collapsed .sidebar > .nav .label,\\r\\n.aside-collapsed-text .sidebar > .nav .label {\\r\\n @include animation(fadeIn 1s);\\r\\n}\\r\\n.sidebar .nav > li > a {\\r\\n @include animation(fadeInLeft .5s); \\r\\n}\\r\\n\\r\\n.sidebar > .nav > .nav-heading, \\r\\n.sidebar > .nav > li > a > span,\\r\\n.navbar-brand .brand-logo {\\r\\n @include animation(fadeIn 1s); \\r\\n}\\r\\n\\r\\n.sidebar li > a, .sidebar li > .nav-item,\\r\\n.sidebar > .nav > .nav-heading {\\r\\n white-space: nowrap;\\r\\n}\\r\\n\\r\\n.aside-collapsed,\\r\\n.aside-collapsed-text {\\r\\n .user-block-picture {\\r\\n @include transition(width .2s cubic-bezier(0.35, 0, 0.25, 1));\\r\\n }\\r\\n .user-block {\\r\\n @include transition(padding .2s cubic-bezier(0.35, 0, 0.25, 1));\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: top-navbar\\r\\n ========================================================================== */\\r\\n\\r\\n//\\r\\n// Horizontal top navbar\\r\\n// based on the bootstrap navbar styles and markup\\r\\n// ----------------------------------------------------\\r\\n\\r\\n// helper mixin to disable bs gradient mixin\\r\\n@mixin gradient-remove() {\\r\\n background-image: none;\\r\\n background-repeat: no-repeat;\\r\\n filter: none;\\r\\n}\\r\\n\\r\\n$nav-header-wd: $aside-wd;\\r\\n$nav-header-wd-toggled: $aside-wd-collapsed;\\r\\n\\r\\n$nav-header-wd-toggled-text: $aside-wd-collapsed-text;\\r\\n\\r\\n$nav-top-bg: $brand-info;\\r\\n$nav-top-bg-start: $nav-top-bg;\\r\\n$nav-top-bg-end: $brand-info-light;\\r\\n$nav-header-bg: transparent;\\r\\n\\r\\n$nav-top-item-mobile: $nav-top-bg;\\r\\n$nav-top-item-mobile-active: darken($nav-top-item-mobile, 20%);\\r\\n\\r\\n$nav-top-item-desktop: #fff;\\r\\n$nav-top-item-desktop-active: $nav-top-item-mobile-active;\\r\\n\\r\\n\\r\\n// Navbar top layout\\r\\n.topnavbar {\\r\\n -webkit-backface-visibility: hidden; /* fixes chrome jump */\\r\\n margin-bottom: 0;\\r\\n border-radius: 0;\\r\\n background-color: #fff;\\r\\n z-index: 1050;\\r\\n border: 0;\\r\\n border-bottom: 1px solid rgba(0,0,0,.15);\\r\\n\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n .navbar-header {\\r\\n width: $nav-header-wd;\\r\\n text-align: center;\\r\\n .navbar-brand {\\r\\n width: 100%;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Navbar Mobile General styles\\r\\n// ------------------------------\\r\\n\\r\\n.topnavbar {\\r\\n position: relative;\\r\\n\\r\\n .navbar-header {\\r\\n background-color: $nav-header-bg;\\r\\n @include gradient-horizontal($nav-top-bg-start, $nav-top-bg-end);\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n background-image: none;\\r\\n }\\r\\n }\\r\\n\\r\\n .navbar-header {\\r\\n position: relative;\\r\\n // overlaps nav-wrapper\\r\\n z-index: 11;\\r\\n\\r\\n // Reset default to allow handle via different logo size\\r\\n .navbar-brand {\\r\\n padding: 0;\\r\\n }\\r\\n\\r\\n // Different Logo size depends on the navbar state\\r\\n .brand-logo,\\r\\n .brand-logo-collapsed {\\r\\n > img {\\r\\n margin: 0 auto;\\r\\n }\\r\\n }\\r\\n .brand-logo {\\r\\n display: block;\\r\\n padding: 10px 15px;\\r\\n }\\r\\n .brand-logo-collapsed {\\r\\n display: none;\\r\\n padding: 6px 15px;\\r\\n }\\r\\n }\\r\\n\\r\\n .navbar-nav > li > .navbar-text {\\r\\n color: $nav-top-item-mobile;\\r\\n }\\r\\n\\r\\n .navbar-nav > li > a,\\r\\n .navbar-nav > .open > a {\\r\\n color: $nav-top-item-mobile;\\r\\n &:hover, &:focus {\\r\\n color: $nav-top-item-mobile-active;\\r\\n }\\r\\n }\\r\\n\\r\\n // Navbar link active style\\r\\n .navbar-nav > .active > a,\\r\\n .navbar-nav > .open > a {\\r\\n &, &:hover, &:focus {\\r\\n background-color: transparent;\\r\\n }\\r\\n }\\r\\n\\r\\n // the button to toggle search\\r\\n .navbar-nav > li > [data-toggle='navbar-search'] {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n right: 0;\\r\\n z-index: 20;\\r\\n font-size: 16px;\\r\\n line-height: $navbar-height;\\r\\n color: #fff;\\r\\n padding-top: 0;\\r\\n padding-bottom: 0;\\r\\n @include transition(color .3s ease);\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n color: $nav-top-item-desktop;\\r\\n }\\r\\n }\\r\\n\\r\\n @media only screen and (max-width: $mq-up-to-tablet) {\\r\\n .navbar-text {\\r\\n margin: 10px;\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: $mq-up-to-tablet) {\\r\\n .sidebar-toggle {\\r\\n position: absolute !important;\\r\\n top: 5px;\\r\\n right: 0;\\r\\n z-index: 3001;\\r\\n // Add color only for the icon\\r\\n > em {\\r\\n color: white;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// contains elements below header\\r\\n.nav-wrapper {\\r\\n padding: 0 15px;\\r\\n background-color: transparent;\\r\\n\\r\\n // restore floating props for navbar items\\r\\n .nav.navbar-nav {\\r\\n float: left;\\r\\n &.navbar-right {\\r\\n float: right;\\r\\n }\\r\\n }\\r\\n .nav > li {\\r\\n position: static;\\r\\n float: left;\\r\\n }\\r\\n\\r\\n // fullwidth dropdowns\\r\\n .navbar-nav .open .dropdown-menu {\\r\\n position: absolute;\\r\\n background-color: rgb(255, 255, 255);\\r\\n left: 0px;\\r\\n right: 0px;\\r\\n border-top: 1px solid #e1e1e1;\\r\\n border-bottom: 1px solid #e1e1e1;\\r\\n }\\r\\n}\\r\\n\\r\\n// Navbar Search Form\\r\\n// ------------------------------\\r\\n.topnavbar {\\r\\n\\r\\n .navbar-form {\\r\\n position: absolute;\\r\\n top: -100%;\\r\\n left: 0;\\r\\n right: 0;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n height: $navbar-height;\\r\\n z-index: 9001;\\r\\n @include transition(all .3s);\\r\\n border: 0;\\r\\n border-bottom: 1px solid #e1e2e3;\\r\\n\\r\\n .form-group {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .form-control {\\r\\n height: 100%;\\r\\n border: 0;\\r\\n border-radius: 0;\\r\\n width: 100%;\\r\\n }\\r\\n &.open {\\r\\n top: 0;\\r\\n }\\r\\n // re locate and center feedback\\r\\n .has-feedback .form-control-feedback {\\r\\n height: 30px;\\r\\n cursor: pointer;\\r\\n top: 50%;\\r\\n margin-top: -15px;\\r\\n line-height: 30px;\\r\\n margin-right: 10px;\\r\\n color: #c1c2c3;\\r\\n font-size: 1.5em;\\r\\n pointer-events: auto; // make icon clickable\\r\\n }\\r\\n }\\r\\n\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n .navbar-form {\\r\\n left: $nav-header-wd;\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n// Navbar Desktop styles\\r\\n// ------------------------------\\r\\n\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n\\r\\n // Navbar top styles\\r\\n .topnavbar {\\r\\n\\r\\n border: 0;\\r\\n background-color: $nav-top-bg;\\r\\n @include gradient-horizontal($nav-top-bg-start, $nav-top-bg-end);\\r\\n\\r\\n .navbar-header {\\r\\n @include gradient-remove();\\r\\n }\\r\\n\\r\\n // Dropdown link open style\\r\\n .navbar-nav > a {\\r\\n box-shadow: 0 0 0 #000 inset;\\r\\n @include transition(all .2s);\\r\\n }\\r\\n\\r\\n .navbar-nav > .open > a {\\r\\n &, &:hover, &:focus {\\r\\n box-shadow: 0 -3px 0 $brand-primary inset;\\r\\n @include transition(all .2s);\\r\\n }\\r\\n }\\r\\n\\r\\n .navbar-nav > li > .navbar-text {\\r\\n color: $nav-top-item-desktop;\\r\\n }\\r\\n\\r\\n .navbar-nav > li > a,\\r\\n .navbar-nav > .open > a {\\r\\n color: $nav-top-item-desktop;\\r\\n &:hover, &:focus {\\r\\n color: $nav-top-item-desktop-active;\\r\\n }\\r\\n }\\r\\n\\r\\n // relocate search toggle button\\r\\n .navbar-nav > li > [data-toggle='navbar-search'] {\\r\\n position: static;\\r\\n }\\r\\n\\r\\n } // .topnavbar\\r\\n\\r\\n\\r\\n .nav-wrapper {\\r\\n @include clearfix();\\r\\n position: relative;\\r\\n //background-color: $nav-top-bg;\\r\\n box-shadow: 0 1px 2px rgba(0,0,0,.15);\\r\\n // behined nav-header\\r\\n z-index: 10;\\r\\n\\r\\n // restore nav items positions\\r\\n .nav > li {\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n // restore opened dropdown\\r\\n .navbar-nav .open .dropdown-menu {\\r\\n left: auto;\\r\\n right: auto;\\r\\n }\\r\\n .navbar-nav.navbar-right .open .dropdown-menu {\\r\\n left: auto;\\r\\n right: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n .aside-collapsed {\\r\\n .topnavbar {\\r\\n .navbar-header {\\r\\n .brand-logo { display: none; }\\r\\n .brand-logo-collapsed { display: block; }\\r\\n }\\r\\n\\r\\n .navbar-header {\\r\\n width: $nav-header-wd-toggled;\\r\\n }\\r\\n\\r\\n .navbar-form {\\r\\n left: $nav-header-wd-toggled;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Header on aside collapsed with Text\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n .aside-collapsed-text {\\r\\n .topnavbar {\\r\\n .navbar-header {\\r\\n .brand-logo { display: none; }\\r\\n .brand-logo-collapsed { display: block; }\\r\\n }\\r\\n\\r\\n .navbar-header {\\r\\n width: $nav-header-wd-toggled-text;\\r\\n }\\r\\n\\r\\n .navbar-form {\\r\\n left: $nav-header-wd-toggled-text;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\",\"/* ========================================================================\\r\\n Component: sidebar\\r\\n ========================================================================== */\\r\\n\\r\\n$sidebar-bg: $aside-bg;\\r\\n\\r\\n$sidebar-item-color: #515253;\\r\\n$sidebar-item-color-active: $nav-top-bg;\\r\\n$sidebar-item-bg-active: darken($sidebar-bg, 1%);\\r\\n\\r\\n$sidebar-icon-color: inherits;\\r\\n$sidebar-icon-color-active: $nav-top-bg;\\r\\n\\r\\n$sidebar-bullet-color: rgba(0,0,0,.25);\\r\\n$sidebar-bullet-color-active: $sidebar-icon-color-active;\\r\\n\\r\\n$sidebar-heading-color: #919DA8;\\r\\n$sidebar-label-color: $sidebar-item-color;\\r\\n\\r\\n$submenu-header-hg: 40px; // Submenu header when hover collapse sidebar\\r\\n$sidebar-item-border-wd: 3px;\\r\\n$scrollbar-wd: 17px;\\r\\n\\r\\n.sidebar {\\r\\n height: 100%;\\r\\n padding-bottom: 20px;\\r\\n background-color: $sidebar-bg;\\r\\n overflow-x: hidden;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n\\r\\n // draw a divider for the sidebar\\r\\n &:after {\\r\\n content:\\\"\\\";\\r\\n background: rgba(0,0,0,.15);\\r\\n position: absolute;\\r\\n display: block;\\r\\n top:0;\\r\\n bottom: 0;\\r\\n right: 0;\\r\\n width: 1px;\\r\\n -webkit-transform: translateZ(0px);\\r\\n }\\r\\n\\r\\n .nav-heading {\\r\\n padding: 12px 15px;\\r\\n color: $sidebar-heading-color;\\r\\n font-size: 13px;\\r\\n letter-spacing: .035em;\\r\\n pointer-events: none;\\r\\n cursor: default;\\r\\n }\\r\\n\\r\\n // Items\\r\\n // First main level\\r\\n > .nav {\\r\\n position: relative;\\r\\n\\r\\n // Only the first item in sidebar\\r\\n > .nav-heading:first-child {\\r\\n padding-top: 20px;\\r\\n }\\r\\n\\r\\n > li {\\r\\n border-left: $sidebar-item-border-wd solid transparent;\\r\\n @include transition(border-left-color 0.4s ease);\\r\\n\\r\\n > a,\\r\\n > .nav-item {\\r\\n padding: 12px 24px;\\r\\n color: $sidebar-item-color;\\r\\n letter-spacing: .025em;\\r\\n font-weight: normal;\\r\\n cursor: pointer;\\r\\n\\r\\n &:focus, &:hover {\\r\\n text-decoration: none;\\r\\n outline: none;\\r\\n color: $sidebar-item-color-active;\\r\\n }\\r\\n // Item icon\\r\\n > em {\\r\\n width: 1.8em;\\r\\n display: inline-block;\\r\\n font-style: normal;\\r\\n font-weight: normal;\\r\\n line-height: 1;\\r\\n -webkit-font-smoothing: antialiased;\\r\\n color: $sidebar-icon-color;\\r\\n }\\r\\n }\\r\\n\\r\\n // Active item state\\r\\n &.active,\\r\\n &.open {\\r\\n &,\\r\\n > a,\\r\\n > .nav-item,\\r\\n .nav {\\r\\n background-color: $sidebar-item-bg-active;\\r\\n color: $sidebar-item-color-active;\\r\\n }\\r\\n > .nav-item > em,\\r\\n > a > em {\\r\\n color: $sidebar-icon-color-active;\\r\\n }\\r\\n }\\r\\n\\r\\n &.active {\\r\\n border-left-color: $sidebar-item-color-active;\\r\\n }\\r\\n }\\r\\n .label {\\r\\n display: block;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Hides the scrollbar only on desktops\\r\\n$tablet-landscape: 1025px;\\r\\n@media only screen and (min-width: $tablet-landscape) {\\r\\n .sidebar:not(.show-scrollbar) {\\r\\n margin-right: -$scrollbar-wd;\\r\\n overflow-y: scroll;\\r\\n }\\r\\n}\\r\\n\\r\\n// Sub Levels\\r\\n.sidebar-subnav {\\r\\n background-color: $sidebar-bg;\\r\\n\\r\\n > .sidebar-subnav-header {\\r\\n color: $sidebar-item-color;\\r\\n display: none;\\r\\n padding: 10px 20px;\\r\\n font-weight: bold;\\r\\n }\\r\\n\\r\\n > li {\\r\\n border-left: 0 !important;\\r\\n > a,\\r\\n > .nav-item {\\r\\n display: block;\\r\\n position: relative;\\r\\n padding: 10px 20px;\\r\\n padding-left: 53px;\\r\\n font-weight: normal;\\r\\n background-color: transparent !important;\\r\\n color: $sidebar-item-color;\\r\\n &:focus, &:hover {\\r\\n color: $sidebar-item-color-active;\\r\\n }\\r\\n // submenu icons\\r\\n > em {\\r\\n display: inline-block;\\r\\n width: 2em;\\r\\n margin: 0 0 0 -2em;\\r\\n }\\r\\n }\\r\\n\\r\\n &.active {\\r\\n > a,\\r\\n > .nav-item {\\r\\n color: $sidebar-icon-color-active;\\r\\n &:after {\\r\\n border-color: $sidebar-bullet-color-active;\\r\\n background-color: $sidebar-bullet-color-active;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n // Nested levels\\r\\n .nav > li {\\r\\n padding-left: 5px;\\r\\n }\\r\\n\\r\\n } // li\\r\\n\\r\\n // This only happend when sidebar is collapsed and the submenu\\r\\n // visibility is toggled via js\\r\\n &.nav-floating {\\r\\n border: 1px solid rgba(0,0,0,0.15);\\r\\n margin-left: -1px;\\r\\n // we resuse the collapse element so we need to override\\r\\n &, .sidebar-subnav {\\r\\n height: auto !important;\\r\\n display: block !important;\\r\\n visibility: visible !important;\\r\\n animation: none !important;\\r\\n }\\r\\n > .sidebar-subnav-header {\\r\\n display: block;\\r\\n }\\r\\n // reduce padding when item is on sidebar collapsed\\r\\n li > a,\\r\\n li > .nav-item {\\r\\n padding-left: 20px;\\r\\n // submenu icons\\r\\n em {\\r\\n margin-left: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Desktop styles\\r\\n// ---------------------------------\\r\\n\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n\\r\\n .sidebar > .nav {\\r\\n\\r\\n .label {\\r\\n margin: 2px 0 0 0;\\r\\n }\\r\\n }\\r\\n\\r\\n} // @media @desktop\\r\\n\\r\\n// Collapsed state styles\\r\\n.aside-collapsed,\\r\\n.aside-collapsed-text {\\r\\n\\r\\n .sidebar {\\r\\n overflow-x: hidden;\\r\\n // Applies to first level items\\r\\n > .nav {\\r\\n\\r\\n .nav,\\r\\n > .nav-heading,\\r\\n > li > .nav-item > span,\\r\\n > li > a > span {\\r\\n display: none !important;\\r\\n }\\r\\n\\r\\n > li {\\r\\n width: $aside-wd-collapsed - 1;\\r\\n > a, > .nav-item {\\r\\n text-indent: -$sidebar-item-border-wd;\\r\\n padding: 20px 0;\\r\\n text-align: center;\\r\\n > em {\\r\\n font-size: 1.6em; // increase icons size\\r\\n width: auto;\\r\\n }\\r\\n &:focus { // accessibility\\r\\n background-color: transparent;\\r\\n > em {\\r\\n color: inherit;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n // labels in menu items\\r\\n .nav {\\r\\n .label {\\r\\n position: absolute;\\r\\n top: 10px;\\r\\n right: 5px;\\r\\n text-indent: 0;\\r\\n }\\r\\n }\\r\\n\\r\\n } // .sidebar\\r\\n} // .aside-collapsed/text\\r\\n\\r\\n.aside-collapsed-text {\\r\\n\\r\\n .sidebar {\\r\\n > .nav {\\r\\n\\r\\n > li > .nav-item > span,\\r\\n > li > a > span {\\r\\n display: block !important;\\r\\n font-size: 12px;\\r\\n }\\r\\n\\r\\n > li {\\r\\n width: $aside-wd-collapsed-text - 2;\\r\\n > a {\\r\\n padding: 14px 0;\\r\\n > em {\\r\\n font-size: 1.4em;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.sidebar-subnav {\\r\\n height: 0;\\r\\n overflow: hidden;\\r\\n transition: height .2s ease;\\r\\n &.opening {\\r\\n height: auto;\\r\\n transition: height .2s ease;\\r\\n @include animation(fadeInLeft .5s);\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: offsidebar\\r\\n ========================================================================== */\\r\\n \\r\\n//\\r\\n// A sidebar in offcanvas mode\\r\\n// Open status toggled via JS\\r\\n// -----------------------------------------\\r\\n\\r\\n$offsidebar-bg: #fff;\\r\\n$offsidebar-border-color: grayscale(darken($offsidebar-bg, 20%));\\r\\n$offsidebar-color: $text-color;\\r\\n$offsidebar-wd: $aside-wd + 15px; // match the width with the main aside component\\r\\n\\r\\n.offsidebar {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n right: 0;\\r\\n width: $offsidebar-wd;\\r\\n margin-top: ($navbar-height + 2) * 2;\\r\\n border-left: 1px solid $offsidebar-border-color;\\r\\n background-color: $offsidebar-bg;\\r\\n color: $offsidebar-color;\\r\\n z-index: $z-index-main-section + 5;\\r\\n overflow: auto;\\r\\n -webkit-overflow-scrolling: touch;\\r\\n @include transition(all .3s ease);\\r\\n \\r\\n > nav {\\r\\n min-height: 100%;\\r\\n overflow: hidden;\\r\\n -webkit-transform: translateZ(0px);\\r\\n }\\r\\n\\r\\n .progress {\\r\\n border: 0;\\r\\n }\\r\\n\\r\\n .nav > li > a {\\r\\n &:hover, &:focus {\\r\\n background-color: rgba(0,0,0,.025);\\r\\n }\\r\\n }\\r\\n\\r\\n .tab-content {\\r\\n padding: 0;\\r\\n border: 0;\\r\\n }\\r\\n .nav-tabs.nav-justified > li {\\r\\n > a, > a:hover, > a:focus {\\r\\n background-color: transparent;\\r\\n border: 0;\\r\\n border-right: 1px solid rgba(0,0,0,.05);\\r\\n border-bottom: 1px solid rgba(0,0,0,.05);\\r\\n border-radius: 0;\\r\\n color: $text-muted;\\r\\n }\\r\\n &.active > a {\\r\\n //border-bottom-color: $brand-primary; \\r\\n color: $brand-primary;\\r\\n }\\r\\n }\\r\\n\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n margin-top: $navbar-height;\\r\\n }\\r\\n}\\r\\n\\r\\n// Global open status (attach to body)\\r\\n.offsidebar-open {\\r\\n -webkit-overflow-scrolling: touch;\\r\\n .offsidebar {\\r\\n overflow-y: auto;\\r\\n }\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n overflow-y: auto;\\r\\n }\\r\\n}\\r\\n\\r\\n// No tranformation devices\\r\\n.no-csstransforms3d {\\r\\n .offsidebar {\\r\\n right: -$offsidebar-wd;\\r\\n }\\r\\n .offsidebar-open {\\r\\n .offsidebar {\\r\\n right: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n/* Transformation ready devices*/\\r\\n.csstransforms3d {\\r\\n .offsidebar {\\r\\n @include translate3d( ($offsidebar-wd), 0, 0);\\r\\n }\\r\\n .offsidebar-open {\\r\\n .offsidebar {\\r\\n @include translate3d(0, 0, 0);\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: breadcrumbs\\r\\n ========================================================================== */\\r\\n\\r\\n.breadcrumb {\\r\\n font-weight: normal;\\r\\n border-radius: 0;\\r\\n color: $text-muted;\\r\\n padding: 10px 20px;\\r\\n}\\r\\n\\r\\n.content-heading {\\r\\n // Breadcrumb next to view title\\r\\n + .breadcrumb {\\r\\n margin: -25px -25px 20px -20px;\\r\\n background-color: $content-heading-bg;\\r\\n border-top: 1px solid $content-heading-border;\\r\\n border-bottom: 1px solid $content-heading-border;\\r\\n }\\r\\n // Breadcrumb below title\\r\\n > .breadcrumb {\\r\\n background: transparent;\\r\\n font-size: 13px;\\r\\n border: 0;\\r\\n padding: 10px 10px 0 0;\\r\\n margin-bottom: 0;\\r\\n // Breadcrumb right aligned\\r\\n &.pull-right {\\r\\n margin: -2px 0 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: loading-bar\\r\\n ========================================================================== */\\r\\n\\r\\n/*\\r\\n * angular-loading-bar v0.6.0 * https://chieffancypants.github.io/angular-loading-bar\\r\\n * Copyright (c) 2014 Wes Cruver * License: MIT\\r\\n */\\r\\n\\r\\n\\r\\n$loading-bar-bg: $brand-info;\\r\\n$loading-bar-hg: 3px;\\r\\n\\r\\n#loading-bar {\\r\\n position: absolute;\\r\\n z-index: 90002;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: $loading-bar-hg;\\r\\n}\\r\\n\\r\\n/* Make clicks pass-through */\\r\\n#loading-bar,\\r\\n#loading-bar-spinner {\\r\\n pointer-events: none;\\r\\n -webkit-pointer-events: none;\\r\\n -webkit-transition: 350ms linear all;\\r\\n -moz-transition: 350ms linear all;\\r\\n -o-transition: 350ms linear all;\\r\\n transition: 350ms linear all;\\r\\n}\\r\\n\\r\\n#loading-bar.ng-enter,\\r\\n#loading-bar.ng-leave.ng-leave-active,\\r\\n#loading-bar-spinner.ng-enter,\\r\\n#loading-bar-spinner.ng-leave.ng-leave-active {\\r\\n opacity: 0;\\r\\n}\\r\\n\\r\\n#loading-bar.ng-enter.ng-enter-active,\\r\\n#loading-bar.ng-leave,\\r\\n#loading-bar-spinner.ng-enter.ng-enter-active,\\r\\n#loading-bar-spinner.ng-leave {\\r\\n opacity: 1;\\r\\n}\\r\\n\\r\\n#loading-bar .bar {\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n -webkit-transition: width 350ms;\\r\\n -moz-transition: width 350ms;\\r\\n -o-transition: width 350ms;\\r\\n transition: width 350ms;\\r\\n\\r\\n background: $loading-bar-bg;\\r\\n border-bottom-right-radius: 1px;\\r\\n border-top-right-radius: 1px;\\r\\n}\\r\\n\\r\\n/* Fancy blur effect */\\r\\n#loading-bar .peg {\\r\\n position: absolute;\\r\\n width: 70px;\\r\\n right: 0;\\r\\n top: 0;\\r\\n height: 2px;\\r\\n opacity: .45;\\r\\n -moz-box-shadow: $loading-bar-bg 1px 0 6px 1px;\\r\\n -ms-box-shadow: $loading-bar-bg 1px 0 6px 1px;\\r\\n -webkit-box-shadow: $loading-bar-bg 1px 0 6px 1px;\\r\\n box-shadow: $loading-bar-bg 1px 0 6px 1px;\\r\\n -moz-border-radius: 100%;\\r\\n -webkit-border-radius: 100%;\\r\\n border-radius: 100%;\\r\\n}\\r\\n\\r\\n#loading-bar-spinner {\\r\\n display: block;\\r\\n position: fixed;\\r\\n z-index: 90002;\\r\\n top: 10px;\\r\\n left: 10px;\\r\\n}\\r\\n\\r\\n#loading-bar-spinner .spinner-icon {\\r\\n width: 14px;\\r\\n height: 14px;\\r\\n\\r\\n border: solid 2px transparent;\\r\\n border-top-color: $loading-bar-bg;\\r\\n border-left-color: $loading-bar-bg;\\r\\n border-radius: 10px;\\r\\n\\r\\n -webkit-animation: loading-bar-spinner 400ms linear infinite;\\r\\n -moz-animation: loading-bar-spinner 400ms linear infinite;\\r\\n -ms-animation: loading-bar-spinner 400ms linear infinite;\\r\\n -o-animation: loading-bar-spinner 400ms linear infinite;\\r\\n animation: loading-bar-spinner 400ms linear infinite;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes loading-bar-spinner {\\r\\n 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }\\r\\n 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }\\r\\n}\\r\\n@-moz-keyframes loading-bar-spinner {\\r\\n 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }\\r\\n 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }\\r\\n}\\r\\n@-o-keyframes loading-bar-spinner {\\r\\n 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }\\r\\n 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }\\r\\n}\\r\\n@-ms-keyframes loading-bar-spinner {\\r\\n 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }\\r\\n 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }\\r\\n}\\r\\n@keyframes loading-bar-spinner {\\r\\n 0% { transform: rotate(0deg); transform: rotate(0deg); }\\r\\n 100% { transform: rotate(360deg); transform: rotate(360deg); }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: animate\\r\\n ========================================================================== */\\r\\n\\r\\n@charset \\\"UTF-8\\\";\\r\\n\\r\\n$animate-fade-distance: 18px;\\r\\n$animate-duration: 0.5s;\\r\\n\\r\\napp-layout router-outlet + * {\\r\\n display: block;\\r\\n -webkit-animation-duration: 1s;\\r\\n animation-duration: 1s;\\r\\n -webkit-animation-fill-mode: backwards;\\r\\n animation-fill-mode: backwards;\\r\\n @extend .fadeIn;\\r\\n}\\r\\n\\r\\n// Timing functions\\r\\n// -----------------------------------\\r\\n\\r\\n// Cubic\\r\\n$easeInCubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n$easeOutCubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n$easeInOutCubic : cubic-bezier(0.645, 0.045, 0.355, 1.000);\\r\\n\\r\\n// Circ\\r\\n$easeInCirc: cubic-bezier(0.600, 0.040, 0.980, 0.335);\\r\\n$easeOutCirc: cubic-bezier(0.075, 0.820, 0.165, 1.000);\\r\\n$easeInOutCirc: cubic-bezier(0.785, 0.135, 0.150, 0.860);\\r\\n\\r\\n// Expo\\r\\n$easeInExpo: cubic-bezier(0.950, 0.050, 0.795, 0.035);\\r\\n$easeOutExpo: cubic-bezier(0.190, 1.000, 0.220, 1.000);\\r\\n$easeInOutExpo: cubic-bezier(1.000, 0.000, 0.000, 1.000);\\r\\n\\r\\n// Quad\\r\\n$easeInQuad: cubic-bezier(0.550, 0.085, 0.680, 0.530);\\r\\n$easeOutQuad: cubic-bezier(0.250, 0.460, 0.450, 0.940);\\r\\n$easeInOutQuad: cubic-bezier(0.455, 0.030, 0.515, 0.955);\\r\\n\\r\\n// Quart\\r\\n$easeInQuart: cubic-bezier(0.895, 0.030, 0.685, 0.220);\\r\\n$easeOutQuart: cubic-bezier(0.165, 0.840, 0.440, 1.000);\\r\\n$easeInOutQuart : cubic-bezier(0.770, 0.000, 0.175, 1.000);\\r\\n\\r\\n// Quint\\r\\n$easeInQuint: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n$easeOutQuint: cubic-bezier(0.230, 1.000, 0.320, 1.000);\\r\\n$easeInOutQuint : cubic-bezier(0.860, 0.000, 0.070, 1.000);\\r\\n\\r\\n// Sine\\r\\n$easeInSine: cubic-bezier(0.470, 0.000, 0.745, 0.715);\\r\\n$easeOutSine: cubic-bezier(0.390, 0.575, 0.565, 1.000);\\r\\n$easeInOutSine: cubic-bezier(0.445, 0.050, 0.550, 0.950);\\r\\n\\r\\n// Back\\r\\n$easeInBack: cubic-bezier(0.600, -0.280, 0.735, 0.045);\\r\\n$easeOutBack: cubic-bezier(0.175, 0.885, 0.320, 1.275);\\r\\n$easeInOutBack: cubic-bezier(0.680, -0.550, 0.265, 1.550);\\r\\n\\r\\n// Animate.css - http://daneden.me/animate\\r\\n// animo support\\r\\n// -----------------------------------\\r\\n\\r\\n.animated {\\r\\n -webkit-animation-duration: 1s;\\r\\n animation-duration: 1s;\\r\\n -webkit-animation-fill-mode: both;\\r\\n animation-fill-mode: both;\\r\\n}\\r\\n\\r\\n.animated.infinite {\\r\\n -webkit-animation-iteration-count: infinite;\\r\\n animation-iteration-count: infinite;\\r\\n}\\r\\n\\r\\n.animated.hinge {\\r\\n -webkit-animation-duration: 2s;\\r\\n animation-duration: 2s;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounce {\\r\\n 0%, 20%, 53%, 80%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n -webkit-transform: translate3d(0,0,0);\\r\\n transform: translate3d(0,0,0);\\r\\n }\\r\\n\\r\\n 40%, 43% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n -webkit-transform: translate3d(0, -30px, 0);\\r\\n transform: translate3d(0, -30px, 0);\\r\\n }\\r\\n\\r\\n 70% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n -webkit-transform: translate3d(0, -15px, 0);\\r\\n transform: translate3d(0, -15px, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(0,-4px,0);\\r\\n transform: translate3d(0,-4px,0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounce {\\r\\n 0%, 20%, 53%, 80%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n -webkit-transform: translate3d(0,0,0);\\r\\n -ms-transform: translate3d(0,0,0);\\r\\n transform: translate3d(0,0,0);\\r\\n }\\r\\n\\r\\n 40%, 43% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n -webkit-transform: translate3d(0, -30px, 0);\\r\\n -ms-transform: translate3d(0, -30px, 0);\\r\\n transform: translate3d(0, -30px, 0);\\r\\n }\\r\\n\\r\\n 70% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);\\r\\n -webkit-transform: translate3d(0, -15px, 0);\\r\\n -ms-transform: translate3d(0, -15px, 0);\\r\\n transform: translate3d(0, -15px, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(0,-4px,0);\\r\\n -ms-transform: translate3d(0,-4px,0);\\r\\n transform: translate3d(0,-4px,0);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounce {\\r\\n -webkit-animation-name: bounce;\\r\\n animation-name: bounce;\\r\\n -webkit-transform-origin: center bottom;\\r\\n -ms-transform-origin: center bottom;\\r\\n transform-origin: center bottom;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes flash {\\r\\n 0%, 50%, 100% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 25%, 75% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes flash {\\r\\n 0%, 50%, 100% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 25%, 75% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.flash {\\r\\n -webkit-animation-name: flash;\\r\\n animation-name: flash;\\r\\n}\\r\\n\\r\\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\\r\\n\\r\\n@-webkit-keyframes pulse {\\r\\n 0% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\\r\\n transform: scale3d(1.05, 1.05, 1.05);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes pulse {\\r\\n 0% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\\r\\n -ms-transform: scale3d(1.05, 1.05, 1.05);\\r\\n transform: scale3d(1.05, 1.05, 1.05);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.pulse {\\r\\n -webkit-animation-name: pulse;\\r\\n animation-name: pulse;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rubberBand {\\r\\n 0% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: scale3d(1.25, 0.75, 1);\\r\\n transform: scale3d(1.25, 0.75, 1);\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: scale3d(0.75, 1.25, 1);\\r\\n transform: scale3d(0.75, 1.25, 1);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n -webkit-transform: scale3d(1.15, 0.85, 1);\\r\\n transform: scale3d(1.15, 0.85, 1);\\r\\n }\\r\\n\\r\\n 65% {\\r\\n -webkit-transform: scale3d(.95, 1.05, 1);\\r\\n transform: scale3d(.95, 1.05, 1);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: scale3d(1.05, .95, 1);\\r\\n transform: scale3d(1.05, .95, 1);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rubberBand {\\r\\n 0% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: scale3d(1.25, 0.75, 1);\\r\\n -ms-transform: scale3d(1.25, 0.75, 1);\\r\\n transform: scale3d(1.25, 0.75, 1);\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: scale3d(0.75, 1.25, 1);\\r\\n -ms-transform: scale3d(0.75, 1.25, 1);\\r\\n transform: scale3d(0.75, 1.25, 1);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n -webkit-transform: scale3d(1.15, 0.85, 1);\\r\\n -ms-transform: scale3d(1.15, 0.85, 1);\\r\\n transform: scale3d(1.15, 0.85, 1);\\r\\n }\\r\\n\\r\\n 65% {\\r\\n -webkit-transform: scale3d(.95, 1.05, 1);\\r\\n -ms-transform: scale3d(.95, 1.05, 1);\\r\\n transform: scale3d(.95, 1.05, 1);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: scale3d(1.05, .95, 1);\\r\\n -ms-transform: scale3d(1.05, .95, 1);\\r\\n transform: scale3d(1.05, .95, 1);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.rubberBand {\\r\\n -webkit-animation-name: rubberBand;\\r\\n animation-name: rubberBand;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes shake {\\r\\n 0%, 100% {\\r\\n -webkit-transform: translate3d(0, 0, 0);\\r\\n transform: translate3d(0, 0, 0);\\r\\n }\\r\\n\\r\\n 10%, 30%, 50%, 70%, 90% {\\r\\n -webkit-transform: translate3d(-10px, 0, 0);\\r\\n transform: translate3d(-10px, 0, 0);\\r\\n }\\r\\n\\r\\n 20%, 40%, 60%, 80% {\\r\\n -webkit-transform: translate3d(10px, 0, 0);\\r\\n transform: translate3d(10px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes shake {\\r\\n 0%, 100% {\\r\\n -webkit-transform: translate3d(0, 0, 0);\\r\\n -ms-transform: translate3d(0, 0, 0);\\r\\n transform: translate3d(0, 0, 0);\\r\\n }\\r\\n\\r\\n 10%, 30%, 50%, 70%, 90% {\\r\\n -webkit-transform: translate3d(-10px, 0, 0);\\r\\n -ms-transform: translate3d(-10px, 0, 0);\\r\\n transform: translate3d(-10px, 0, 0);\\r\\n }\\r\\n\\r\\n 20%, 40%, 60%, 80% {\\r\\n -webkit-transform: translate3d(10px, 0, 0);\\r\\n -ms-transform: translate3d(10px, 0, 0);\\r\\n transform: translate3d(10px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.shake {\\r\\n -webkit-animation-name: shake;\\r\\n animation-name: shake;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes swing {\\r\\n 20% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\\r\\n transform: rotate3d(0, 0, 1, 15deg);\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\\r\\n transform: rotate3d(0, 0, 1, -10deg);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\\r\\n transform: rotate3d(0, 0, 1, 5deg);\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\\r\\n transform: rotate3d(0, 0, 1, -5deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\\r\\n transform: rotate3d(0, 0, 1, 0deg);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes swing {\\r\\n 20% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 15deg);\\r\\n transform: rotate3d(0, 0, 1, 15deg);\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -10deg);\\r\\n transform: rotate3d(0, 0, 1, -10deg);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 5deg);\\r\\n transform: rotate3d(0, 0, 1, 5deg);\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -5deg);\\r\\n transform: rotate3d(0, 0, 1, -5deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 0deg);\\r\\n transform: rotate3d(0, 0, 1, 0deg);\\r\\n }\\r\\n}\\r\\n\\r\\n.swing {\\r\\n -webkit-transform-origin: top center;\\r\\n -ms-transform-origin: top center;\\r\\n transform-origin: top center;\\r\\n -webkit-animation-name: swing;\\r\\n animation-name: swing;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes tada {\\r\\n 0% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n\\r\\n 10%, 20% {\\r\\n -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\\r\\n transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\\r\\n }\\r\\n\\r\\n 30%, 50%, 70%, 90% {\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\\r\\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\\r\\n }\\r\\n\\r\\n 40%, 60%, 80% {\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\\r\\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes tada {\\r\\n 0% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n\\r\\n 10%, 20% {\\r\\n -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\\r\\n -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\\r\\n transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\\r\\n }\\r\\n\\r\\n 30%, 50%, 70%, 90% {\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\\r\\n -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\\r\\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\\r\\n }\\r\\n\\r\\n 40%, 60%, 80% {\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\\r\\n -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\\r\\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.tada {\\r\\n -webkit-animation-name: tada;\\r\\n animation-name: tada;\\r\\n}\\r\\n\\r\\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\\r\\n\\r\\n@-webkit-keyframes wobble {\\r\\n 0% {\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n\\r\\n 15% {\\r\\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\\r\\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\\r\\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\\r\\n }\\r\\n\\r\\n 45% {\\r\\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\\r\\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\\r\\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\\r\\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes wobble {\\r\\n 0% {\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n\\r\\n 15% {\\r\\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\\r\\n -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\\r\\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\\r\\n -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\\r\\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\\r\\n }\\r\\n\\r\\n 45% {\\r\\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\\r\\n -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\\r\\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\\r\\n -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\\r\\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\\r\\n -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\\r\\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.wobble {\\r\\n -webkit-animation-name: wobble;\\r\\n animation-name: wobble;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceIn {\\r\\n 0%, 20%, 40%, 60%, 80%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n\\r\\n 20% {\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\\r\\n transform: scale3d(1.1, 1.1, 1.1);\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: scale3d(.9, .9, .9);\\r\\n transform: scale3d(.9, .9, .9);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\\r\\n transform: scale3d(1.03, 1.03, 1.03);\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: scale3d(.97, .97, .97);\\r\\n transform: scale3d(.97, .97, .97);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceIn {\\r\\n 0%, 20%, 40%, 60%, 80%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n -ms-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n\\r\\n 20% {\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\\r\\n -ms-transform: scale3d(1.1, 1.1, 1.1);\\r\\n transform: scale3d(1.1, 1.1, 1.1);\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: scale3d(.9, .9, .9);\\r\\n -ms-transform: scale3d(.9, .9, .9);\\r\\n transform: scale3d(.9, .9, .9);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\\r\\n -ms-transform: scale3d(1.03, 1.03, 1.03);\\r\\n transform: scale3d(1.03, 1.03, 1.03);\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: scale3d(.97, .97, .97);\\r\\n -ms-transform: scale3d(.97, .97, .97);\\r\\n transform: scale3d(.97, .97, .97);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(1, 1, 1);\\r\\n -ms-transform: scale3d(1, 1, 1);\\r\\n transform: scale3d(1, 1, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceIn {\\r\\n -webkit-animation-name: bounceIn;\\r\\n animation-name: bounceIn;\\r\\n -webkit-animation-duration: .75s;\\r\\n animation-duration: .75s;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceInDown {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -3000px, 0);\\r\\n transform: translate3d(0, -3000px, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, 25px, 0);\\r\\n transform: translate3d(0, 25px, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(0, -10px, 0);\\r\\n transform: translate3d(0, -10px, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(0, 5px, 0);\\r\\n transform: translate3d(0, 5px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceInDown {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -3000px, 0);\\r\\n -ms-transform: translate3d(0, -3000px, 0);\\r\\n transform: translate3d(0, -3000px, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, 25px, 0);\\r\\n -ms-transform: translate3d(0, 25px, 0);\\r\\n transform: translate3d(0, 25px, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(0, -10px, 0);\\r\\n -ms-transform: translate3d(0, -10px, 0);\\r\\n transform: translate3d(0, -10px, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(0, 5px, 0);\\r\\n -ms-transform: translate3d(0, 5px, 0);\\r\\n transform: translate3d(0, 5px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceInDown {\\r\\n -webkit-animation-name: bounceInDown;\\r\\n animation-name: bounceInDown;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceInLeft {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-3000px, 0, 0);\\r\\n transform: translate3d(-3000px, 0, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(25px, 0, 0);\\r\\n transform: translate3d(25px, 0, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(-10px, 0, 0);\\r\\n transform: translate3d(-10px, 0, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(5px, 0, 0);\\r\\n transform: translate3d(5px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceInLeft {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-3000px, 0, 0);\\r\\n -ms-transform: translate3d(-3000px, 0, 0);\\r\\n transform: translate3d(-3000px, 0, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(25px, 0, 0);\\r\\n -ms-transform: translate3d(25px, 0, 0);\\r\\n transform: translate3d(25px, 0, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(-10px, 0, 0);\\r\\n -ms-transform: translate3d(-10px, 0, 0);\\r\\n transform: translate3d(-10px, 0, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(5px, 0, 0);\\r\\n -ms-transform: translate3d(5px, 0, 0);\\r\\n transform: translate3d(5px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceInLeft {\\r\\n -webkit-animation-name: bounceInLeft;\\r\\n animation-name: bounceInLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceInRight {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(3000px, 0, 0);\\r\\n transform: translate3d(3000px, 0, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(-25px, 0, 0);\\r\\n transform: translate3d(-25px, 0, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(10px, 0, 0);\\r\\n transform: translate3d(10px, 0, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(-5px, 0, 0);\\r\\n transform: translate3d(-5px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceInRight {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(3000px, 0, 0);\\r\\n -ms-transform: translate3d(3000px, 0, 0);\\r\\n transform: translate3d(3000px, 0, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(-25px, 0, 0);\\r\\n -ms-transform: translate3d(-25px, 0, 0);\\r\\n transform: translate3d(-25px, 0, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(10px, 0, 0);\\r\\n -ms-transform: translate3d(10px, 0, 0);\\r\\n transform: translate3d(10px, 0, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(-5px, 0, 0);\\r\\n -ms-transform: translate3d(-5px, 0, 0);\\r\\n transform: translate3d(-5px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceInRight {\\r\\n -webkit-animation-name: bounceInRight;\\r\\n animation-name: bounceInRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceInUp {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 3000px, 0);\\r\\n transform: translate3d(0, 3000px, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, -20px, 0);\\r\\n transform: translate3d(0, -20px, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(0, 10px, 0);\\r\\n transform: translate3d(0, 10px, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(0, -5px, 0);\\r\\n transform: translate3d(0, -5px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: translate3d(0, 0, 0);\\r\\n transform: translate3d(0, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceInUp {\\r\\n 0%, 60%, 75%, 90%, 100% {\\r\\n -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\\r\\n }\\r\\n\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 3000px, 0);\\r\\n -ms-transform: translate3d(0, 3000px, 0);\\r\\n transform: translate3d(0, 3000px, 0);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, -20px, 0);\\r\\n -ms-transform: translate3d(0, -20px, 0);\\r\\n transform: translate3d(0, -20px, 0);\\r\\n }\\r\\n\\r\\n 75% {\\r\\n -webkit-transform: translate3d(0, 10px, 0);\\r\\n -ms-transform: translate3d(0, 10px, 0);\\r\\n transform: translate3d(0, 10px, 0);\\r\\n }\\r\\n\\r\\n 90% {\\r\\n -webkit-transform: translate3d(0, -5px, 0);\\r\\n -ms-transform: translate3d(0, -5px, 0);\\r\\n transform: translate3d(0, -5px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: translate3d(0, 0, 0);\\r\\n -ms-transform: translate3d(0, 0, 0);\\r\\n transform: translate3d(0, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceInUp {\\r\\n -webkit-animation-name: bounceInUp;\\r\\n animation-name: bounceInUp;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceOut {\\r\\n 20% {\\r\\n -webkit-transform: scale3d(.9, .9, .9);\\r\\n transform: scale3d(.9, .9, .9);\\r\\n }\\r\\n\\r\\n 50%, 55% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\\r\\n transform: scale3d(1.1, 1.1, 1.1);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceOut {\\r\\n 20% {\\r\\n -webkit-transform: scale3d(.9, .9, .9);\\r\\n -ms-transform: scale3d(.9, .9, .9);\\r\\n transform: scale3d(.9, .9, .9);\\r\\n }\\r\\n\\r\\n 50%, 55% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\\r\\n -ms-transform: scale3d(1.1, 1.1, 1.1);\\r\\n transform: scale3d(1.1, 1.1, 1.1);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n -ms-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceOut {\\r\\n -webkit-animation-name: bounceOut;\\r\\n animation-name: bounceOut;\\r\\n -webkit-animation-duration: .75s;\\r\\n animation-duration: .75s;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceOutDown {\\r\\n 20% {\\r\\n -webkit-transform: translate3d(0, 10px, 0);\\r\\n transform: translate3d(0, 10px, 0);\\r\\n }\\r\\n\\r\\n 40%, 45% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, -20px, 0);\\r\\n transform: translate3d(0, -20px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 2000px, 0);\\r\\n transform: translate3d(0, 2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceOutDown {\\r\\n 20% {\\r\\n -webkit-transform: translate3d(0, 10px, 0);\\r\\n -ms-transform: translate3d(0, 10px, 0);\\r\\n transform: translate3d(0, 10px, 0);\\r\\n }\\r\\n\\r\\n 40%, 45% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, -20px, 0);\\r\\n -ms-transform: translate3d(0, -20px, 0);\\r\\n transform: translate3d(0, -20px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 2000px, 0);\\r\\n -ms-transform: translate3d(0, 2000px, 0);\\r\\n transform: translate3d(0, 2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceOutDown {\\r\\n -webkit-animation-name: bounceOutDown;\\r\\n animation-name: bounceOutDown;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceOutLeft {\\r\\n 20% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(20px, 0, 0);\\r\\n transform: translate3d(20px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-2000px, 0, 0);\\r\\n transform: translate3d(-2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceOutLeft {\\r\\n 20% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(20px, 0, 0);\\r\\n -ms-transform: translate3d(20px, 0, 0);\\r\\n transform: translate3d(20px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-2000px, 0, 0);\\r\\n -ms-transform: translate3d(-2000px, 0, 0);\\r\\n transform: translate3d(-2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceOutLeft {\\r\\n -webkit-animation-name: bounceOutLeft;\\r\\n animation-name: bounceOutLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceOutRight {\\r\\n 20% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(-20px, 0, 0);\\r\\n transform: translate3d(-20px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(2000px, 0, 0);\\r\\n transform: translate3d(2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceOutRight {\\r\\n 20% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(-20px, 0, 0);\\r\\n -ms-transform: translate3d(-20px, 0, 0);\\r\\n transform: translate3d(-20px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(2000px, 0, 0);\\r\\n -ms-transform: translate3d(2000px, 0, 0);\\r\\n transform: translate3d(2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceOutRight {\\r\\n -webkit-animation-name: bounceOutRight;\\r\\n animation-name: bounceOutRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes bounceOutUp {\\r\\n 20% {\\r\\n -webkit-transform: translate3d(0, -10px, 0);\\r\\n transform: translate3d(0, -10px, 0);\\r\\n }\\r\\n\\r\\n 40%, 45% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, 20px, 0);\\r\\n transform: translate3d(0, 20px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -2000px, 0);\\r\\n transform: translate3d(0, -2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes bounceOutUp {\\r\\n 20% {\\r\\n -webkit-transform: translate3d(0, -10px, 0);\\r\\n -ms-transform: translate3d(0, -10px, 0);\\r\\n transform: translate3d(0, -10px, 0);\\r\\n }\\r\\n\\r\\n 40%, 45% {\\r\\n opacity: 1;\\r\\n -webkit-transform: translate3d(0, 20px, 0);\\r\\n -ms-transform: translate3d(0, 20px, 0);\\r\\n transform: translate3d(0, 20px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -2000px, 0);\\r\\n -ms-transform: translate3d(0, -2000px, 0);\\r\\n transform: translate3d(0, -2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.bounceOutUp {\\r\\n -webkit-animation-name: bounceOutUp;\\r\\n animation-name: bounceOutUp;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeIn {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeIn {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeIn {\\r\\n -webkit-animation-name: fadeIn;\\r\\n animation-name: fadeIn;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInDown {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInDown {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n -ms-transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInDown {\\r\\n -webkit-animation-name: fadeInDown;\\r\\n animation-name: fadeInDown;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInDownBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -2000px, 0);\\r\\n transform: translate3d(0, -2000px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInDownBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -2000px, 0);\\r\\n -ms-transform: translate3d(0, -2000px, 0);\\r\\n transform: translate3d(0, -2000px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInDownBig {\\r\\n -webkit-animation-name: fadeInDownBig;\\r\\n animation-name: fadeInDownBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInLeft {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInLeft {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n -ms-transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInLeft {\\r\\n -webkit-animation-name: fadeInLeft;\\r\\n animation-name: fadeInLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInLeftBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-2000px, 0, 0);\\r\\n transform: translate3d(-2000px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInLeftBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-2000px, 0, 0);\\r\\n -ms-transform: translate3d(-2000px, 0, 0);\\r\\n transform: translate3d(-2000px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInLeftBig {\\r\\n -webkit-animation-name: fadeInLeftBig;\\r\\n animation-name: fadeInLeftBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInRight {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0);\\r\\n transform: translate3d($animate-fade-distance, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInRight {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0);\\r\\n -ms-transform: translate3d($animate-fade-distance, 0, 0);\\r\\n transform: translate3d($animate-fade-distance, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInRight {\\r\\n -webkit-animation-name: fadeInRight;\\r\\n animation-name: fadeInRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInRightBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(2000px, 0, 0);\\r\\n transform: translate3d(2000px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInRightBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(2000px, 0, 0);\\r\\n -ms-transform: translate3d(2000px, 0, 0);\\r\\n transform: translate3d(2000px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInRightBig {\\r\\n -webkit-animation-name: fadeInRightBig;\\r\\n animation-name: fadeInRightBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInUp {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, $animate-fade-distance, 0);\\r\\n transform: translate3d(0, $animate-fade-distance, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInUp {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, $animate-fade-distance, 0);\\r\\n -ms-transform: translate3d(0, $animate-fade-distance, 0);\\r\\n transform: translate3d(0, $animate-fade-distance, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInUp {\\r\\n -webkit-animation-name: fadeInUp;\\r\\n animation-name: fadeInUp;\\r\\n}\\r\\n\\r\\n\\r\\n@-webkit-keyframes fadeInUpBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 2000px, 0);\\r\\n transform: translate3d(0, 2000px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInUpBig {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 2000px, 0);\\r\\n -ms-transform: translate3d(0, 2000px, 0);\\r\\n transform: translate3d(0, 2000px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInUpBig {\\r\\n -webkit-animation-name: fadeInUpBig;\\r\\n animation-name: fadeInUpBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOut {\\r\\n -webkit-animation-name: fadeOut;\\r\\n animation-name: fadeOut;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutDown {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, $animate-fade-distance, 0);\\r\\n transform: translate3d(0, $animate-fade-distance, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutDown {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, $animate-fade-distance, 0);\\r\\n -ms-transform: translate3d(0, $animate-fade-distance, 0);\\r\\n transform: translate3d(0, $animate-fade-distance, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutDown {\\r\\n -webkit-animation-name: fadeOutDown;\\r\\n animation-name: fadeOutDown;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutDownBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 2000px, 0);\\r\\n transform: translate3d(0, 2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutDownBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 2000px, 0);\\r\\n -ms-transform: translate3d(0, 2000px, 0);\\r\\n transform: translate3d(0, 2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutDownBig {\\r\\n -webkit-animation-name: fadeOutDownBig;\\r\\n animation-name: fadeOutDownBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutLeft {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutLeft {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n -ms-transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n transform: translate3d(-$animate-fade-distance, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutLeft {\\r\\n -webkit-animation-name: fadeOutLeft;\\r\\n animation-name: fadeOutLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutLeftBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-2000px, 0, 0);\\r\\n transform: translate3d(-2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutLeftBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-2000px, 0, 0);\\r\\n -ms-transform: translate3d(-2000px, 0, 0);\\r\\n transform: translate3d(-2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutLeftBig {\\r\\n -webkit-animation-name: fadeOutLeftBig;\\r\\n animation-name: fadeOutLeftBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutRight {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0);\\r\\n transform: translate3d($animate-fade-distance, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutRight {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0);\\r\\n -ms-transform: translate3d($animate-fade-distance, 0, 0);\\r\\n transform: translate3d($animate-fade-distance, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutRight {\\r\\n -webkit-animation-name: fadeOutRight;\\r\\n animation-name: fadeOutRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutRightBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(2000px, 0, 0);\\r\\n transform: translate3d(2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutRightBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(2000px, 0, 0);\\r\\n -ms-transform: translate3d(2000px, 0, 0);\\r\\n transform: translate3d(2000px, 0, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutRightBig {\\r\\n -webkit-animation-name: fadeOutRightBig;\\r\\n animation-name: fadeOutRightBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutUp {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutUp {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n -ms-transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n transform: translate3d(0, -$animate-fade-distance, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutUp {\\r\\n -webkit-animation-name: fadeOutUp;\\r\\n animation-name: fadeOutUp;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeOutUpBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -2000px, 0);\\r\\n transform: translate3d(0, -2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutUpBig {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -2000px, 0);\\r\\n -ms-transform: translate3d(0, -2000px, 0);\\r\\n transform: translate3d(0, -2000px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutUpBig {\\r\\n -webkit-animation-name: fadeOutUpBig;\\r\\n animation-name: fadeOutUpBig;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes flip {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\\r\\n -webkit-animation-timing-function: ease-out;\\r\\n animation-timing-function: ease-out;\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\\r\\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\\r\\n -webkit-animation-timing-function: ease-out;\\r\\n animation-timing-function: ease-out;\\r\\n }\\r\\n\\r\\n 50% {\\r\\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\\r\\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: perspective(400px) scale3d(.95, .95, .95);\\r\\n transform: perspective(400px) scale3d(.95, .95, .95);\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes flip {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -360deg);\\r\\n -webkit-animation-timing-function: ease-out;\\r\\n animation-timing-function: ease-out;\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\\r\\n -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\\r\\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);\\r\\n -webkit-animation-timing-function: ease-out;\\r\\n animation-timing-function: ease-out;\\r\\n }\\r\\n\\r\\n 50% {\\r\\n -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\\r\\n -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\\r\\n transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: perspective(400px) scale3d(.95, .95, .95);\\r\\n -ms-transform: perspective(400px) scale3d(.95, .95, .95);\\r\\n transform: perspective(400px) scale3d(.95, .95, .95);\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px);\\r\\n -ms-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n }\\r\\n}\\r\\n\\r\\n.animated.flip {\\r\\n -webkit-backface-visibility: visible;\\r\\n -ms-backface-visibility: visible;\\r\\n backface-visibility: visible;\\r\\n -webkit-animation-name: flip;\\r\\n animation-name: flip;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes flipInX {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes flipInX {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\\r\\n -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\\r\\n -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px);\\r\\n -ms-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n}\\r\\n\\r\\n.flipInX {\\r\\n -webkit-backface-visibility: visible !important;\\r\\n -ms-backface-visibility: visible !important;\\r\\n backface-visibility: visible !important;\\r\\n -webkit-animation-name: flipInX;\\r\\n animation-name: flipInX;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes flipInY {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes flipInY {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 40% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\\r\\n -webkit-transition-timing-function: ease-in;\\r\\n transition-timing-function: ease-in;\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px);\\r\\n -ms-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n}\\r\\n\\r\\n.flipInY {\\r\\n -webkit-backface-visibility: visible !important;\\r\\n -ms-backface-visibility: visible !important;\\r\\n backface-visibility: visible !important;\\r\\n -webkit-animation-name: flipInY;\\r\\n animation-name: flipInY;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes flipOutX {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes flipOutX {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px);\\r\\n -ms-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.flipOutX {\\r\\n -webkit-animation-name: flipOutX;\\r\\n animation-name: flipOutX;\\r\\n -webkit-animation-duration: .75s;\\r\\n animation-duration: .75s;\\r\\n -webkit-backface-visibility: visible !important;\\r\\n -ms-backface-visibility: visible !important;\\r\\n backface-visibility: visible !important;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes flipOutY {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes flipOutY {\\r\\n 0% {\\r\\n -webkit-transform: perspective(400px);\\r\\n -ms-transform: perspective(400px);\\r\\n transform: perspective(400px);\\r\\n }\\r\\n\\r\\n 30% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.flipOutY {\\r\\n -webkit-backface-visibility: visible !important;\\r\\n -ms-backface-visibility: visible !important;\\r\\n backface-visibility: visible !important;\\r\\n -webkit-animation-name: flipOutY;\\r\\n animation-name: flipOutY;\\r\\n -webkit-animation-duration: .75s;\\r\\n animation-duration: .75s;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes lightSpeedIn {\\r\\n 0% {\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0) skewX(-30deg);\\r\\n transform: translate3d($animate-fade-distance, 0, 0) skewX(-30deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: skewX(20deg);\\r\\n transform: skewX(20deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: skewX(-5deg);\\r\\n transform: skewX(-5deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes lightSpeedIn {\\r\\n 0% {\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0) skewX(-30deg);\\r\\n -ms-transform: translate3d($animate-fade-distance, 0, 0) skewX(-30deg);\\r\\n transform: translate3d($animate-fade-distance, 0, 0) skewX(-30deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 60% {\\r\\n -webkit-transform: skewX(20deg);\\r\\n -ms-transform: skewX(20deg);\\r\\n transform: skewX(20deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 80% {\\r\\n -webkit-transform: skewX(-5deg);\\r\\n -ms-transform: skewX(-5deg);\\r\\n transform: skewX(-5deg);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.lightSpeedIn {\\r\\n -webkit-animation-name: lightSpeedIn;\\r\\n animation-name: lightSpeedIn;\\r\\n -webkit-animation-timing-function: ease-out;\\r\\n animation-timing-function: ease-out;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes lightSpeedOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0) skewX(30deg);\\r\\n transform: translate3d($animate-fade-distance, 0, 0) skewX(30deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes lightSpeedOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0) skewX(30deg);\\r\\n -ms-transform: translate3d($animate-fade-distance, 0, 0) skewX(30deg);\\r\\n transform: translate3d($animate-fade-distance, 0, 0) skewX(30deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.lightSpeedOut {\\r\\n -webkit-animation-name: lightSpeedOut;\\r\\n animation-name: lightSpeedOut;\\r\\n -webkit-animation-timing-function: ease-in;\\r\\n animation-timing-function: ease-in;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateIn {\\r\\n 0% {\\r\\n -webkit-transform-origin: center;\\r\\n transform-origin: center;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\\r\\n transform: rotate3d(0, 0, 1, -200deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: center;\\r\\n transform-origin: center;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateIn {\\r\\n 0% {\\r\\n -webkit-transform-origin: center;\\r\\n -ms-transform-origin: center;\\r\\n transform-origin: center;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -200deg);\\r\\n transform: rotate3d(0, 0, 1, -200deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: center;\\r\\n -ms-transform-origin: center;\\r\\n transform-origin: center;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateIn {\\r\\n -webkit-animation-name: rotateIn;\\r\\n animation-name: rotateIn;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateInDownLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\\r\\n transform: rotate3d(0, 0, 1, -45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateInDownLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -45deg);\\r\\n transform: rotate3d(0, 0, 1, -45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateInDownLeft {\\r\\n -webkit-animation-name: rotateInDownLeft;\\r\\n animation-name: rotateInDownLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateInDownRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\\r\\n transform: rotate3d(0, 0, 1, 45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateInDownRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 45deg);\\r\\n transform: rotate3d(0, 0, 1, 45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateInDownRight {\\r\\n -webkit-animation-name: rotateInDownRight;\\r\\n animation-name: rotateInDownRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateInUpLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\\r\\n transform: rotate3d(0, 0, 1, 45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateInUpLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 45deg);\\r\\n transform: rotate3d(0, 0, 1, 45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateInUpLeft {\\r\\n -webkit-animation-name: rotateInUpLeft;\\r\\n animation-name: rotateInUpLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateInUpRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\\r\\n transform: rotate3d(0, 0, 1, -90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateInUpRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -90deg);\\r\\n transform: rotate3d(0, 0, 1, -90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateInUpRight {\\r\\n -webkit-animation-name: rotateInUpRight;\\r\\n animation-name: rotateInUpRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateOut {\\r\\n 0% {\\r\\n -webkit-transform-origin: center;\\r\\n transform-origin: center;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: center;\\r\\n transform-origin: center;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\\r\\n transform: rotate3d(0, 0, 1, 200deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateOut {\\r\\n 0% {\\r\\n -webkit-transform-origin: center;\\r\\n -ms-transform-origin: center;\\r\\n transform-origin: center;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: center;\\r\\n -ms-transform-origin: center;\\r\\n transform-origin: center;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 200deg);\\r\\n transform: rotate3d(0, 0, 1, 200deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateOut {\\r\\n -webkit-animation-name: rotateOut;\\r\\n animation-name: rotateOut;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateOutDownLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate(0, 0, 1, 45deg);\\r\\n transform: rotate(0, 0, 1, 45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateOutDownLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate(0, 0, 1, 45deg);\\r\\n -ms-transform: rotate(0, 0, 1, 45deg);\\r\\n transform: rotate(0, 0, 1, 45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateOutDownLeft {\\r\\n -webkit-animation-name: rotateOutDownLeft;\\r\\n animation-name: rotateOutDownLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateOutDownRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\\r\\n transform: rotate3d(0, 0, 1, -45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateOutDownRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -45deg);\\r\\n transform: rotate3d(0, 0, 1, -45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateOutDownRight {\\r\\n -webkit-animation-name: rotateOutDownRight;\\r\\n animation-name: rotateOutDownRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateOutUpLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\\r\\n transform: rotate3d(0, 0, 1, -45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateOutUpLeft {\\r\\n 0% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: left bottom;\\r\\n -ms-transform-origin: left bottom;\\r\\n transform-origin: left bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, -45deg);\\r\\n transform: rotate3d(0, 0, 1, -45deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateOutUpLeft {\\r\\n -webkit-animation-name: rotateOutUpLeft;\\r\\n animation-name: rotateOutUpLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes rotateOutUpRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\\r\\n transform: rotate3d(0, 0, 1, 90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rotateOutUpRight {\\r\\n 0% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform-origin: right bottom;\\r\\n -ms-transform-origin: right bottom;\\r\\n transform-origin: right bottom;\\r\\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 90deg);\\r\\n transform: rotate3d(0, 0, 1, 90deg);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.rotateOutUpRight {\\r\\n -webkit-animation-name: rotateOutUpRight;\\r\\n animation-name: rotateOutUpRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes hinge {\\r\\n 0% {\\r\\n -webkit-transform-origin: top left;\\r\\n transform-origin: top left;\\r\\n -webkit-animation-timing-function: ease-in-out;\\r\\n animation-timing-function: ease-in-out;\\r\\n }\\r\\n\\r\\n 20%, 60% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\\r\\n transform: rotate3d(0, 0, 1, 80deg);\\r\\n -webkit-transform-origin: top left;\\r\\n transform-origin: top left;\\r\\n -webkit-animation-timing-function: ease-in-out;\\r\\n animation-timing-function: ease-in-out;\\r\\n }\\r\\n\\r\\n 40%, 80% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\\r\\n transform: rotate3d(0, 0, 1, 60deg);\\r\\n -webkit-transform-origin: top left;\\r\\n transform-origin: top left;\\r\\n -webkit-animation-timing-function: ease-in-out;\\r\\n animation-timing-function: ease-in-out;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: translate3d(0, 700px, 0);\\r\\n transform: translate3d(0, 700px, 0);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes hinge {\\r\\n 0% {\\r\\n -webkit-transform-origin: top left;\\r\\n -ms-transform-origin: top left;\\r\\n transform-origin: top left;\\r\\n -webkit-animation-timing-function: ease-in-out;\\r\\n animation-timing-function: ease-in-out;\\r\\n }\\r\\n\\r\\n 20%, 60% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 80deg);\\r\\n transform: rotate3d(0, 0, 1, 80deg);\\r\\n -webkit-transform-origin: top left;\\r\\n -ms-transform-origin: top left;\\r\\n transform-origin: top left;\\r\\n -webkit-animation-timing-function: ease-in-out;\\r\\n animation-timing-function: ease-in-out;\\r\\n }\\r\\n\\r\\n 40%, 80% {\\r\\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\\r\\n -ms-transform: rotate3d(0, 0, 1, 60deg);\\r\\n transform: rotate3d(0, 0, 1, 60deg);\\r\\n -webkit-transform-origin: top left;\\r\\n -ms-transform-origin: top left;\\r\\n transform-origin: top left;\\r\\n -webkit-animation-timing-function: ease-in-out;\\r\\n animation-timing-function: ease-in-out;\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n -webkit-transform: translate3d(0, 700px, 0);\\r\\n -ms-transform: translate3d(0, 700px, 0);\\r\\n transform: translate3d(0, 700px, 0);\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.hinge {\\r\\n -webkit-animation-name: hinge;\\r\\n animation-name: hinge;\\r\\n}\\r\\n\\r\\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\\r\\n\\r\\n@-webkit-keyframes rollIn {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-$animate-fade-distance, 0, 0) rotate3d(0, 0, 1, -120deg);\\r\\n transform: translate3d(-$animate-fade-distance, 0, 0) rotate3d(0, 0, 1, -120deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rollIn {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(-$animate-fade-distance, 0, 0) rotate3d(0, 0, 1, -120deg);\\r\\n -ms-transform: translate3d(-$animate-fade-distance, 0, 0) rotate3d(0, 0, 1, -120deg);\\r\\n transform: translate3d(-$animate-fade-distance, 0, 0) rotate3d(0, 0, 1, -120deg);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.rollIn {\\r\\n -webkit-animation-name: rollIn;\\r\\n animation-name: rollIn;\\r\\n}\\r\\n\\r\\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\\r\\n\\r\\n@-webkit-keyframes rollOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0) rotate3d(0, 0, 1, 120deg);\\r\\n transform: translate3d($animate-fade-distance, 0, 0) rotate3d(0, 0, 1, 120deg);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes rollOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d($animate-fade-distance, 0, 0) rotate3d(0, 0, 1, 120deg);\\r\\n -ms-transform: translate3d($animate-fade-distance, 0, 0) rotate3d(0, 0, 1, 120deg);\\r\\n transform: translate3d($animate-fade-distance, 0, 0) rotate3d(0, 0, 1, 120deg);\\r\\n }\\r\\n}\\r\\n\\r\\n.rollOut {\\r\\n -webkit-animation-name: rollOut;\\r\\n animation-name: rollOut;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomIn {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomIn {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n -ms-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomIn {\\r\\n -webkit-animation-name: zoomIn;\\r\\n animation-name: zoomIn;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomInDown {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomInDown {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\\r\\n -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomInDown {\\r\\n -webkit-animation-name: zoomInDown;\\r\\n animation-name: zoomInDown;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomInLeft {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomInLeft {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\\r\\n -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomInLeft {\\r\\n -webkit-animation-name: zoomInLeft;\\r\\n animation-name: zoomInLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomInRight {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomInRight {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\\r\\n -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomInRight {\\r\\n -webkit-animation-name: zoomInRight;\\r\\n animation-name: zoomInRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomInUp {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomInUp {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\\r\\n -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 60% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomInUp {\\r\\n -webkit-animation-name: zoomInUp;\\r\\n animation-name: zoomInUp;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomOut {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.3, .3, .3);\\r\\n -ms-transform: scale3d(.3, .3, .3);\\r\\n transform: scale3d(.3, .3, .3);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomOut {\\r\\n -webkit-animation-name: zoomOut;\\r\\n animation-name: zoomOut;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomOutDown {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\\r\\n -webkit-transform-origin: center bottom;\\r\\n transform-origin: center bottom;\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomOutDown {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\\r\\n -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);\\r\\n -webkit-transform-origin: center bottom;\\r\\n -ms-transform-origin: center bottom;\\r\\n transform-origin: center bottom;\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomOutDown {\\r\\n -webkit-animation-name: zoomOutDown;\\r\\n animation-name: zoomOutDown;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomOutLeft {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);\\r\\n transform: scale(.1) translate3d(-2000px, 0, 0);\\r\\n -webkit-transform-origin: left center;\\r\\n transform-origin: left center;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomOutLeft {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);\\r\\n -ms-transform: scale(.1) translate3d(-2000px, 0, 0);\\r\\n transform: scale(.1) translate3d(-2000px, 0, 0);\\r\\n -webkit-transform-origin: left center;\\r\\n -ms-transform-origin: left center;\\r\\n transform-origin: left center;\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomOutLeft {\\r\\n -webkit-animation-name: zoomOutLeft;\\r\\n animation-name: zoomOutLeft;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomOutRight {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale(.1) translate3d(2000px, 0, 0);\\r\\n transform: scale(.1) translate3d(2000px, 0, 0);\\r\\n -webkit-transform-origin: right center;\\r\\n transform-origin: right center;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomOutRight {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale(.1) translate3d(2000px, 0, 0);\\r\\n -ms-transform: scale(.1) translate3d(2000px, 0, 0);\\r\\n transform: scale(.1) translate3d(2000px, 0, 0);\\r\\n -webkit-transform-origin: right center;\\r\\n -ms-transform-origin: right center;\\r\\n transform-origin: right center;\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomOutRight {\\r\\n -webkit-animation-name: zoomOutRight;\\r\\n animation-name: zoomOutRight;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomOutUp {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\\r\\n -webkit-transform-origin: center bottom;\\r\\n transform-origin: center bottom;\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomOutUp {\\r\\n 40% {\\r\\n opacity: 1;\\r\\n -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);\\r\\n -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\\r\\n -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\\r\\n transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);\\r\\n -webkit-transform-origin: center bottom;\\r\\n -ms-transform-origin: center bottom;\\r\\n transform-origin: center bottom;\\r\\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomOutUp {\\r\\n -webkit-animation-name: zoomOutUp;\\r\\n animation-name: zoomOutUp;\\r\\n}\\r\\n\\r\\n// New Animations\\r\\n// -----------------------------------\\r\\n\\r\\n@-webkit-keyframes fadeOutUpShort {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -20px, 0);\\r\\n transform: translate3d(0, -20px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeOutUpShort {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, -20px, 0);\\r\\n -ms-transform: translate3d(0, -20px, 0);\\r\\n transform: translate3d(0, -20px, 0);\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeOutUpShort {\\r\\n -webkit-animation-name: fadeOutUpShort;\\r\\n animation-name: fadeOutUpShort;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes fadeInUpShort {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 20px, 0);\\r\\n transform: translate3d(0, 20px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes fadeInUpShort {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: translate3d(0, 20px, 0);\\r\\n -ms-transform: translate3d(0, 20px, 0);\\r\\n transform: translate3d(0, 20px, 0);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 1;\\r\\n -webkit-transform: none;\\r\\n -ms-transform: none;\\r\\n transform: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.fadeInUpShort {\\r\\n -webkit-animation-name: fadeInUpShort;\\r\\n animation-name: fadeInUpShort;\\r\\n}\\r\\n\\r\\n\\r\\n@-webkit-keyframes zoomInShort {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.95, .95, .95);\\r\\n transform: scale3d(.95, .95, .95);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomInShort {\\r\\n 0% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.95, .95, .95);\\r\\n -ms-transform: scale3d(.95, .95, .95);\\r\\n transform: scale3d(.95, .95, .95);\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomInShort {\\r\\n -webkit-animation-name: zoomInShort;\\r\\n animation-name: zoomInShort;\\r\\n}\\r\\n\\r\\n@-webkit-keyframes zoomBack {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.5, .5, .5);\\r\\n transform: scale3d(.5, .5, .5);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@keyframes zoomBack {\\r\\n 0% {\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n 50% {\\r\\n opacity: 0;\\r\\n -webkit-transform: scale3d(.5, .5, .5);\\r\\n -ms-transform: scale3d(.5, .5, .5);\\r\\n transform: scale3d(.5, .5, .5);\\r\\n }\\r\\n\\r\\n 100% {\\r\\n opacity: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.zoomBack {\\r\\n -webkit-animation-name: zoomBack;\\r\\n animation-name: zoomBack;\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: button-extra\\r\\n ========================================================================== */\\r\\n\\r\\n//\\r\\n// Extension for Bootstrap buttons\\r\\n// ------------------------------------\\r\\n\\r\\n// BUTTONS LABEL mixin\\r\\n// --------------------------------------------------\\r\\n\\r\\n@mixin button-label-size($padding-vertical, $padding-horizontal, $border-radius)\\r\\n{\\r\\n padding: $padding-vertical $padding-horizontal;\\r\\n left: (-1 * $padding-horizontal);\\r\\n border-radius: ($border-radius - 1px) 0 0 ($border-radius - 1px);\\r\\n\\r\\n &.btn-label-right {\\r\\n left: auto;\\r\\n right: (-1 * $padding-horizontal);\\r\\n border-radius: 0 ($border-radius - 1px) ($border-radius - 1px) 0;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n// New colors\\r\\n\\r\\n.btn-inverse {\\r\\n @include button-variant(#fff, $brand-inverse, $brand-inverse);\\r\\n}\\r\\n\\r\\n.btn-green {\\r\\n @include button-variant(#fff, $brand-green, rgba(0,0,0,0));\\r\\n}\\r\\n\\r\\n.btn-purple {\\r\\n @include button-variant(#fff, $brand-purple, rgba(0,0,0,0));\\r\\n}\\r\\n\\r\\n.btn-pink {\\r\\n @include button-variant(#fff, $brand-pink, rgba(0,0,0,0));\\r\\n}\\r\\n\\r\\n// Flat square button\\r\\n\\r\\n.btn-flat {\\r\\n border-bottom-width: 1px;\\r\\n border-radius: 0;\\r\\n box-shadow: 0 0 0 #000;\\r\\n}\\r\\n\\r\\n// Extra size\\r\\n\\r\\n.btn-xl {\\r\\n padding: 20px 16px;\\r\\n font-size: 18px;\\r\\n}\\r\\n\\r\\n// Button square\\r\\n\\r\\n.btn-square {\\r\\n border-radius: 0;\\r\\n}\\r\\n\\r\\n\\r\\n// Button pill\\r\\n\\r\\n.btn-pill-left {\\r\\n border-top-left-radius: 50px;\\r\\n border-bottom-left-radius: 50px;\\r\\n padding-left: 18px;\\r\\n}\\r\\n\\r\\n.btn-pill-right {\\r\\n border-top-right-radius: 50px;\\r\\n border-bottom-right-radius: 50px;\\r\\n padding-right: 18px;\\r\\n}\\r\\n\\r\\n// Rounded buttons\\r\\n\\r\\n.btn-oval {\\r\\n @extend .btn-pill-right;\\r\\n @extend .btn-pill-left;\\r\\n}\\r\\n\\r\\n// Labels for buttons\\r\\n// --------------------------------------------------\\r\\n\\r\\n.btn-labeled {\\r\\n padding-top: 0;\\r\\n padding-bottom: 0;\\r\\n}\\r\\n\\r\\n.btn-label {\\r\\n position: relative;\\r\\n background: transparent;\\r\\n background: rgba(0, 0, 0, 0.05);\\r\\n display: inline-block;\\r\\n @include button-label-size($padding-base-vertical, $padding-base-horizontal, $border-radius-base);\\r\\n}\\r\\n\\r\\n.btn-lg .btn-label {\\r\\n @include button-label-size($padding-large-vertical, $padding-large-horizontal, $border-radius-large);\\r\\n}\\r\\n.btn-sm .btn-label {\\r\\n @include button-label-size($padding-small-vertical, $padding-small-horizontal, $border-radius-small);\\r\\n}\\r\\n.btn-xs .btn-label {\\r\\n @include button-label-size(1px, 5px, $border-radius-small);\\r\\n}\\r\\n\\r\\n\\r\\n// Fixed width buttons\\r\\n// --------------------------------------------------\\r\\n\\r\\n$btn-fw-default: 80px;\\r\\n$btn-fw-sm: 40px;\\r\\n$btn-fw-md: 60px;\\r\\n$btn-fw-lg: 140px;\\r\\n\\r\\n.btn-fw {\\r\\n min-width: $btn-fw-default;\\r\\n &.btn-sm {\\r\\n min-width: $btn-fw-sm;\\r\\n }\\r\\n &.btn-md {\\r\\n min-width: $btn-fw-md;\\r\\n }\\r\\n &.btn-lg {\\r\\n min-width: $btn-fw-lg;\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n\\r\\n\\r\\n// Button Circle\\r\\n// -----------------------------------\\r\\n\\r\\n.btn-circle {\\r\\n $sz: 35px;\\r\\n width: $sz;\\r\\n height: $sz;\\r\\n text-align: center;\\r\\n font-size: 12px;\\r\\n line-height: $sz;\\r\\n border-radius: 500px;\\r\\n padding: 0;\\r\\n border: 0;\\r\\n > * {\\r\\n line-height: inherit !important;\\r\\n }\\r\\n &.btn-lg {\\r\\n $sz-lg: 50px;\\r\\n width: $sz-lg;\\r\\n height: $sz-lg;\\r\\n font-size: 18px;\\r\\n line-height: $sz-lg;\\r\\n }\\r\\n}\\r\\n\\r\\n// Button Outline\\r\\n// -----------------------------------\\r\\n\\r\\n.btn-outline {\\r\\n background-color: transparent;\\r\\n &.btn-default { border-color: $btn-default-border; color: $btn-default-color !important; }\\r\\n &.btn-primary { border-color: $brand-primary; color: $brand-primary; }\\r\\n &.btn-success { border-color: $brand-success; color: $brand-success; }\\r\\n &.btn-info { border-color: $brand-info; color: $brand-info; }\\r\\n &.btn-warning { border-color: $brand-warning; color: $brand-warning; }\\r\\n &.btn-danger { border-color: $brand-danger; color: $brand-danger; }\\r\\n &.btn-inverse { border-color: $brand-inverse; color: $brand-inverse; }\\r\\n &.btn-green { border-color: $brand-green; color: $brand-green; }\\r\\n &.btn-purple { border-color: $brand-purple; color: $brand-purple; }\\r\\n &.btn-pink { border-color: $brand-pink; color: $brand-pink; }\\r\\n &:hover, &:focus, &:active, &.hover, &.focus, &.active {\\r\\n color: #fff;\\r\\n }\\r\\n}\\r\\n\\r\\n.btn-info > .text-info { color: #fff !important; }\\r\\n\",\"/* ========================================================================\\r\\n Component: placeholder\\r\\n ========================================================================== */\\r\\n \\r\\n// Defines styles for placeholder boxes\\r\\n// Create a placeholder space that can be used for uploading files via drag and drop.\\r\\n// Based on uikit placeholder addon\\r\\n// ========================================================================\\r\\n\\r\\n\\r\\n// Variables\\r\\n// ========================================================================\\r\\n\\r\\n$placeholder-margin-vertical: 15px;\\r\\n$placeholder-padding: 20px;\\r\\n$placeholder-border: #ddd;\\r\\n$placeholder-background: #fafafa;\\r\\n$placeholder-color: #444;\\r\\n\\r\\n$placeholder-large-padding-vertical: 80px;\\r\\n\\r\\n\\r\\n// Placeholder container\\r\\n.box-placeholder {\\r\\n margin-bottom: $placeholder-margin-vertical;\\r\\n padding: $placeholder-padding;\\r\\n border: 1px dashed $placeholder-border;\\r\\n background: $placeholder-background;\\r\\n color: $placeholder-color;\\r\\n}\\r\\n\\r\\n\\r\\n// Remove margin from the last-child \\r\\n\\r\\n.box-placeholder > :last-child { margin-bottom: 0; }\\r\\n\\r\\n// Variant\\r\\n\\r\\n.box-placeholder-lg {\\r\\n padding-top: $placeholder-large-padding-vertical;\\r\\n padding-bottom: $placeholder-large-padding-vertical;\\r\\n}\\r\\n\\r\\n\",\"/* ========================================================================\\r\\n Component: panels\\r\\n ========================================================================== */\\r\\n \\r\\n\\r\\n//\\r\\n// Adds support to use more components inside panels\\r\\n//\\r\\n\\r\\n\\r\\n.panel {\\r\\n .table {\\r\\n margin-bottom: 0;\\r\\n border: 0;\\r\\n }\\r\\n &.panel-transparent {\\r\\n border: 0;\\r\\n background-color: transparent;\\r\\n box-shadow: 0 0 0 #000;\\r\\n .panel-heading,\\r\\n .panel-body {\\r\\n background-color: transparent;\\r\\n padding-left: 0;\\r\\n padding-right: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.panel-flat {\\r\\n margin: 0 !important;\\r\\n border: 0;\\r\\n}\\r\\n\\r\\n.panel-group {\\r\\n .panel-flat {\\r\\n box-shadow: 0 0 0 #000;\\r\\n &:first-child {\\r\\n border-radius: 4px 4px 0 0;\\r\\n }\\r\\n &:last-child {\\r\\n border-radius: 0 0 4px 4px;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.panel-heading {\\r\\n paneltool > a {\\r\\n display: inline-block;\\r\\n color: #fff;\\r\\n width: 2em;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .panel-default & {\\r\\n paneltool > a {\\r\\n color: #c1c2c3;\\r\\n }\\r\\n }\\r\\n \\r\\n // right floated labels adjust position\\r\\n > .label.pull-right {\\r\\n margin-top: 3px;\\r\\n + .label.pull-right {\\r\\n margin-right: 10px;\\r\\n }\\r\\n }\\r\\n &.panel-heading-collapsed {\\r\\n border-radius: $panel-border-radius - 1;\\r\\n }\\r\\n}\\r\\n\\r\\n.panel-footer {\\r\\n .pagination {\\r\\n margin: 0;\\r\\n }\\r\\n .radial-bar {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n p {\\r\\n margin-bottom: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n// Active class for collapse elements \\r\\n.panel-heading-active {\\r\\n background-color: $brand-success !important;\\r\\n font-weight: bold;\\r\\n font-size: 16px;\\r\\n > a {\\r\\n padding: 15px 0; // Adding padding here improves mobile touch\\r\\n color: #fff !important;\\r\\n @include transition(padding .5s ease);\\r\\n }\\r\\n + .panel-collapse:after {\\r\\n content: \\\"\\\";\\r\\n display: block;\\r\\n width: 60%;\\r\\n margin: 0 auto;\\r\\n height: 0;\\r\\n border-bottom: 1px solid #e1e2e3;\\r\\n }\\r\\n}\\r\\n\\r\\n.panel-inverse {\\r\\n @include panel-variant($panel-global-border, #fff, $brand-inverse, $brand-inverse);\\r\\n}\\r\\n\\r\\n.panel-green {\\r\\n @include panel-variant($panel-global-border, #fff, $brand-green, $brand-green);\\r\\n}\\r\\n\\r\\n.panel-pink {\\r\\n @include panel-variant($panel-global-border, #fff, $brand-pink, $brand-pink);\\r\\n}\\r\\n\\r\\n.panel-purple {\\r\\n @include panel-variant($panel-global-border, #fff, $brand-purple, $brand-purple);\\r\\n}\\r\\n\\r\\n.panel-dark {\\r\\n @include panel-variant($panel-global-border, #fff, $brand-dark, $brand-dark);\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: progress-extra\\r\\n ========================================================================== */\\r\\n\\r\\n// Different size of Progress bars\\r\\n\\r\\n$progress-height-sm: 15px;\\r\\n$progress-height-xs: 8px;\\r\\n\\r\\n.progress-sm.progress,\\r\\n.progress-sm .progress {\\r\\n height: $progress-height-sm;\\r\\n}\\r\\n\\r\\n.progress-xs.progress,\\r\\n.progress-xs .progress {\\r\\n height: $progress-height-xs;\\r\\n}\\r\\n\\r\\n.m0 .progress {\\r\\n margin: 0;\\r\\n}\\r\\n// Progress color variants\\r\\n\\r\\n.progress-bar-purple {\\r\\n @include progress-bar-variant($brand-purple);\\r\\n}\\r\\n.progress-bar-inverse {\\r\\n @include progress-bar-variant($brand-inverse);\\r\\n}\\r\\n.progress-bar-green {\\r\\n @include progress-bar-variant($brand-green);\\r\\n}\\r\\n.progress-bar-pink {\\r\\n @include progress-bar-variant($brand-pink);\\r\\n}\\r\\n.progress-bar-yellow {\\r\\n @include progress-bar-variant($brand-yellow);\\r\\n}\\r\\n\\r\\n// progress-% classes for simple usage\\r\\n\\r\\n@for $i from 1 through 100 {\\r\\n .progress-#{$i} {\\r\\n width: percentage($i/100);\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: radial-bar\\r\\n ========================================================================== */\\r\\n \\r\\n//\\r\\n// Pure CSS Radial Progress Bar\\r\\n\\r\\n// Colors\\r\\n$bar-color: $brand-primary;\\r\\n\\r\\n$radial-primary: $brand-primary;\\r\\n$radial-success: $brand-success;\\r\\n$radial-info: $brand-info;\\r\\n$radial-warning: $brand-warning;\\r\\n$radial-danger: $brand-danger;\\r\\n\\r\\n$overlay-bg: #fff;\\r\\n$back-color: #fafafa;\\r\\n$radial-size-base: 5;\\r\\n\\r\\n$radial-font-size-lg: 20px;\\r\\n$radial-font-size: 16px;\\r\\n$radial-font-size-sm: 10px;\\r\\n$radial-font-size-xs: 6px;\\r\\n\\r\\n// step of % for created classes\\r\\n$progress-step: 5; \\r\\n\\r\\n\\r\\n// Mixins\\r\\n// -----------------------\\r\\n\\r\\n@mixin radial-progress-size($font-size)\\r\\n{\\r\\n $size: $font-size * $radial-size-base;\\r\\n $bar-size: $size * .3;\\r\\n width: $size;\\r\\n height: $size;\\r\\n font-size: $font-size + 2;\\r\\n &:after,\\r\\n > img {\\r\\n width: $size - $bar-size;\\r\\n height: $size - $bar-size;\\r\\n margin-left: $bar-size / 2;\\r\\n margin-top: $bar-size / 2;\\r\\n line-height: $size - $bar-size;\\r\\n }\\r\\n}\\r\\n\\r\\n@mixin radial-progress-variant($step, $color)\\r\\n{\\r\\n $loops: round(100 / $step);\\r\\n $increment: 360 / $loops;\\r\\n $half: round($loops / 2);\\r\\n @for $i from 0 through $loops {\\r\\n &.radial-bar-#{$i*$step} {\\r\\n @if $i < $half {\\r\\n $nextdeg: 90deg + ( $increment * $i );\\r\\n background-image: linear-gradient(90deg, $back-color 50%, transparent 50%, transparent), linear-gradient($nextdeg, $color 50%, $back-color 50%, $back-color);\\r\\n }\\r\\n @else {\\r\\n $nextdeg: -90deg + ( $increment * ( $i - $half ) );\\r\\n background-image: linear-gradient($nextdeg, $color 50%, transparent 50%, transparent), linear-gradient(270deg, $color 50%, $back-color 50%, $back-color);\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n/* -------------------------------------\\r\\n * Bar container\\r\\n * ------------------------------------- */\\r\\n.radial-bar {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n font-size: $radial-font-size;\\r\\n //width: $radial-size;\\r\\n //height: $radial-size;\\r\\n border-radius: 50%;\\r\\n border: 2px solid $back-color; // remove gradient color\\r\\n background-color: transparent; // default 100%\\r\\n margin-bottom: 20px;\\r\\n // margin-right: 20px;\\r\\n @include box-sizing(content-box);\\r\\n\\r\\n // Optional centered circle w/text\\r\\n &:after,\\r\\n > img {\\r\\n display: inline-block;\\r\\n position: absolute;\\r\\n top: 0; left: 0;\\r\\n // width: $radial-size - $radial-bar-size;\\r\\n // height: $radial-size - $radial-bar-size;\\r\\n border-radius: 50%;\\r\\n // margin-left: $radial-bar-size / 2;\\r\\n // margin-top: $radial-bar-size / 2;\\r\\n text-align: center;\\r\\n // line-height: $radial-size - $radial-bar-size;\\r\\n font-weight: bold;\\r\\n color: #a1a2a3;\\r\\n }\\r\\n &:after {\\r\\n content: attr(data-label);\\r\\n background-color: $overlay-bg;\\r\\n z-index: 101;\\r\\n }\\r\\n > img {\\r\\n z-index: 102;\\r\\n }\\r\\n\\r\\n @include radial-progress-size($radial-font-size);\\r\\n @include radial-progress-variant($progress-step, $radial-primary);\\r\\n}\\r\\n\\r\\n// Variant\\r\\n// -----------------------\\r\\n.radial-bar-primary {\\r\\n @include radial-progress-variant($progress-step, $brand-primary);\\r\\n}\\r\\n.radial-bar-success {\\r\\n @include radial-progress-variant($progress-step, $brand-success);\\r\\n}\\r\\n.radial-bar-info {\\r\\n @include radial-progress-variant($progress-step, $brand-info);\\r\\n}\\r\\n.radial-bar-warning {\\r\\n @include radial-progress-variant($progress-step, $brand-warning);\\r\\n}\\r\\n.radial-bar-danger {\\r\\n @include radial-progress-variant($progress-step, $brand-danger);\\r\\n}\\r\\n\\r\\n\\r\\n// Sizes\\r\\n// -----------------------\\r\\n\\r\\n.radial-bar-lg {\\r\\n @include radial-progress-size($radial-font-size-lg);\\r\\n}\\r\\n\\r\\n.radial-bar-sm {\\r\\n @include radial-progress-size($radial-font-size-sm);\\r\\n}\\r\\n\\r\\n.radial-bar-xs {\\r\\n @include radial-progress-size($radial-font-size-xs);\\r\\n}\\r\\n\\r\\n// hide excess of gradient in opera\\r\\nx:-o-prefocus, .radial-bar {\\r\\n background-clip: content-box;\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: user-block\\r\\n ========================================================================== */\\r\\n\\r\\n // for use as navbar item\\r\\n.has-user-block {\\r\\n display: block;\\r\\n overflow: hidden;\\r\\n border: 0 !important;\\r\\n width: 100% !important;\\r\\n}\\r\\n\\r\\n.user-block {\\r\\n position: relative;\\r\\n padding: 25px 0 10px;\\r\\n cursor: pointer;\\r\\n @include clearfix();\\r\\n\\r\\n > .user-block-picture {\\r\\n position: relative;\\r\\n width: 60px;\\r\\n margin: 0 auto;\\r\\n > img {\\r\\n max-width: 100%;\\r\\n height: auto;\\r\\n }\\r\\n }\\r\\n\\r\\n .date {\\r\\n font-size: 1.2em;\\r\\n width: 100%;\\r\\n color: #23b7e5;\\r\\n font-weight: 100;\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .user-block-info {\\r\\n padding-top: 15px;\\r\\n text-align: center;\\r\\n white-space: nowrap;\\r\\n .user-block-name,\\r\\n .user-block-role {\\r\\n display: block;\\r\\n\\r\\n }\\r\\n\\r\\n .user-block-name {\\r\\n color: #7D848F;\\r\\n }\\r\\n .user-block-role {\\r\\n font-size: 12px;\\r\\n color: #aaa;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.user-block-status {\\r\\n position: relative;\\r\\n > .circle {\\r\\n position: absolute;\\r\\n bottom: 0;\\r\\n right: 0;\\r\\n border: 2px solid #fff;\\r\\n }\\r\\n}\\r\\n\\r\\n// Adapt to collapsed mode\\r\\n.aside-collapsed,\\r\\n.aside-collapsed-text {\\r\\n\\r\\n .user-block {\\r\\n padding: 15px 0 14px;\\r\\n margin: 0;\\r\\n text-align: center;\\r\\n\\r\\n > .user-block-picture {\\r\\n float: none;\\r\\n margin: 0 auto;\\r\\n width: 50px;\\r\\n > .user-block-status {\\r\\n display: block;\\r\\n }\\r\\n }\\r\\n .user-block-info {\\r\\n display: none;\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: circles\\r\\n ========================================================================== */\\r\\n \\r\\n//\\r\\n// Colored circle for indication purposes\\r\\n// \\r\\n\\r\\n$point-sz-sm: 5px;\\r\\n$point-sz: 7px;\\r\\n$point-sz-lg: 11px;\\r\\n$point-sz-xl: 18px;\\r\\n\\r\\n.circle {\\r\\n display: inline-block;\\r\\n width: $point-sz;\\r\\n height: $point-sz;\\r\\n border-radius: 500px;\\r\\n margin: 0 .5em;\\r\\n background-color: #ddd;\\r\\n vertical-align: baseline;\\r\\n border: 2px solid transparent;\\r\\n &.text-left {\\r\\n margin-left: 0;\\r\\n }\\r\\n &.text-right {\\r\\n margin-right: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.circle-primary {\\r\\n background-color: $brand-primary;\\r\\n}\\r\\n.circle-success {\\r\\n background-color: $brand-success;\\r\\n}\\r\\n.circle-info {\\r\\n background-color: $brand-info;\\r\\n}\\r\\n.circle-warning {\\r\\n background-color: $brand-warning;\\r\\n}\\r\\n.circle-danger {\\r\\n background-color: $brand-danger;\\r\\n}\\r\\n.circle-green {\\r\\n background-color: $brand-green;\\r\\n}\\r\\n.circle-pink {\\r\\n background-color: $brand-pink;\\r\\n}\\r\\n.circle-inverse {\\r\\n background-color: $brand-inverse;\\r\\n}\\r\\n.circle-purple {\\r\\n background-color: $brand-purple;\\r\\n}\\r\\n\\r\\n\\r\\n.circle-sm {\\r\\n width: $point-sz-sm;\\r\\n height: $point-sz-sm;\\r\\n}\\r\\n\\r\\n.circle-lg {\\r\\n width: $point-sz-lg;\\r\\n height: $point-sz-lg;\\r\\n}\\r\\n\\r\\n.circle-xl {\\r\\n width: $point-sz-xl;\\r\\n height: $point-sz-xl;\\r\\n}\\r\\n\\r\\n.circle-outline {\\r\\n background-color: transparent;\\r\\n &.circle-primary {\\r\\n border: 1px solid $brand-primary;\\r\\n }\\r\\n &.circle-success {\\r\\n border: 1px solid $brand-success;\\r\\n }\\r\\n &.circle-info {\\r\\n border: 1px solid $brand-info;\\r\\n }\\r\\n &.circle-warning {\\r\\n border: 1px solid $brand-warning;\\r\\n }\\r\\n &.circle-danger {\\r\\n border: 1px solid $brand-danger;\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: timeline\\r\\n ========================================================================== */\\r\\n \\r\\n$timeline-badge-size: 36px;\\r\\n$timeline-datetime-height: 20px;\\r\\n$timeline-separator-width: 120px;\\r\\n\\r\\n// Timeline container\\r\\n// --------------------------------\\r\\n.timeline,\\r\\n.timeline-alt {\\r\\n list-style: none;\\r\\n padding: 0 0 20px;\\r\\n position: relative;\\r\\n z-index: 0;\\r\\n // Timeline central line\\r\\n &:before {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n bottom: 0;\\r\\n content: \\\" \\\";\\r\\n width: 1px;\\r\\n background-color: #d1d2d3;\\r\\n left: $timeline-badge-size / 2;\\r\\n }\\r\\n \\r\\n // clear all float element using a last item \\r\\n .timeline-end {\\r\\n float: none;\\r\\n clear: both;\\r\\n }\\r\\n \\r\\n // change popover default colors to use no title\\r\\n .popover {\\r\\n &.left > .arrow:after {\\r\\n border-left-color: #fff;\\r\\n }\\r\\n &.right > .arrow:after {\\r\\n border-right-color: #fff;\\r\\n }\\r\\n // but restore the color if we use a title\\r\\n &.left > .popover-title + .arrow:after {\\r\\n border-left-color: $popover-arrow-color;\\r\\n }\\r\\n &.right > .popover-title + .arrow:after {\\r\\n border-right-color: $popover-arrow-color;\\r\\n }\\r\\n }\\r\\n\\r\\n // Timeline list itmes\\r\\n // --------------------------------\\r\\n > li {\\r\\n @include clearfix();\\r\\n margin-bottom: 20px;\\r\\n \\r\\n &.timeline-separator {\\r\\n position: relative;\\r\\n float: none;\\r\\n clear: both;\\r\\n margin: 0 auto;\\r\\n padding: 40px 0;\\r\\n &:first-child {\\r\\n padding-top: 0;\\r\\n }\\r\\n &:before {\\r\\n content: attr(data-datetime);\\r\\n display: inline-block;\\r\\n width: $timeline-separator-width;\\r\\n text-align: center;\\r\\n padding: 0 20px;\\r\\n line-height: 30px;\\r\\n background-color: #b6c5da;\\r\\n color: #fff;\\r\\n }\\r\\n }\\r\\n }\\r\\n // Timeline panel\\r\\n // --------------------------------\\r\\n > li > .timeline-panel {\\r\\n margin-left: $timeline-separator-width / 2;\\r\\n\\r\\n // Popover inside timeline panels\\r\\n .popover {\\r\\n position: relative;\\r\\n display: block;\\r\\n margin: 0;\\r\\n width: 100%;\\r\\n max-width: none;\\r\\n .arrow {\\r\\n top: $timeline-badge-size/2;\\r\\n display: none;\\r\\n }\\r\\n .popover-content {\\r\\n .popover-title {\\r\\n background-color: transparent;\\r\\n border: 0;\\r\\n padding-left: 0;\\r\\n padding-top: 0;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n // Timeline Date\\r\\n // --------------------------------\\r\\n > li > .timeline-date {\\r\\n margin: -$timeline-datetime-height 0 0;\\r\\n display: block;\\r\\n height: $timeline-datetime-height;\\r\\n line-height: $timeline-datetime-height;\\r\\n font-size: 13px;\\r\\n\\r\\n > time {\\r\\n &:after {\\r\\n content: attr(datetime);\\r\\n }\\r\\n }\\r\\n }\\r\\n // Timeline badges\\r\\n // --------------------------------\\r\\n > li > .timeline-badge {\\r\\n position: absolute;\\r\\n left: 0;\\r\\n width: $timeline-badge-size;\\r\\n height: $timeline-badge-size;\\r\\n border-radius: 500px;\\r\\n line-height: $timeline-badge-size;\\r\\n font-size: 1em;\\r\\n text-align: center;\\r\\n color: #fff;\\r\\n background-color: #999;\\r\\n z-index: 100;\\r\\n \\r\\n // Color variants\\r\\n &.primary { background-color: $brand-primary; }\\r\\n &.success { background-color: $brand-success; }\\r\\n &.warning { background-color: $brand-warning; }\\r\\n &.danger { background-color: $brand-danger; }\\r\\n &.info { background-color: $brand-info; }\\r\\n\\r\\n &.inverse { background-color: $brand-inverse; }\\r\\n &.green { background-color: $brand-green; }\\r\\n &.pink { background-color: $brand-pink; }\\r\\n &.purple { background-color: $brand-purple; }\\r\\n &.dark { background-color: $brand-dark; }\\r\\n &.yellow { background-color: $brand-yellow; }\\r\\n }\\r\\n \\r\\n}\\r\\n\\r\\n.timeline-alt {\\r\\n .popover .arrow {\\r\\n display: block !important;\\r\\n }\\r\\n}\\r\\n\\r\\n// Timeline title\\r\\n// --------------------------------\\r\\n.timeline-title {\\r\\n margin-top: 0;\\r\\n color: inherit;\\r\\n}\\r\\n\\r\\n// Timeline Body\\r\\n// --------------------------------\\r\\n.timeline-body > p,\\r\\n.timeline-body > ul {\\r\\n margin-bottom: 0;\\r\\n}\\r\\n.timeline-body > p + p {\\r\\n margin-top: 5px;\\r\\n}\\r\\n\\r\\n// Timeline for Desktops\\r\\n// --------------------------------\\r\\n@media only screen and (min-width: $mq-desktop) {\\r\\n \\r\\n .timeline {\\r\\n &:before {\\r\\n left: 50%;\\r\\n margin-left: ($timeline-badge-size/2);\\r\\n }\\r\\n > li {\\r\\n float: left;\\r\\n clear: left;\\r\\n width: 45%;\\r\\n \\r\\n &.timeline-inverted {\\r\\n float: right;\\r\\n clear: right;\\r\\n margin-top: 50px;\\r\\n }\\r\\n }\\r\\n\\r\\n > li.timeline-separator {\\r\\n text-align: center;\\r\\n &:before {\\r\\n margin-left: ($timeline-badge-size);\\r\\n }\\r\\n }\\r\\n\\r\\n > li > .timeline-badge {\\r\\n left: 50%;\\r\\n margin-left: 0;\\r\\n }\\r\\n\\r\\n > li > .timeline-date {\\r\\n float: none;\\r\\n position: absolute;\\r\\n width: 40%;\\r\\n left: 50%;\\r\\n top: $timeline-badge-size / 2;\\r\\n margin-left: $timeline-badge-size * 1.5;\\r\\n margin-top: -($timeline-datetime-height/2);\\r\\n }\\r\\n\\r\\n > li > .timeline-panel {\\r\\n margin: 0;\\r\\n\\r\\n &:before {\\r\\n border-left-width: 15px;\\r\\n border-right-width: 0;\\r\\n top: 26px;\\r\\n right: -15px;\\r\\n left: auto;\\r\\n }\\r\\n\\r\\n &:after {\\r\\n border-left-width: 14px;\\r\\n border-right-width: 0;\\r\\n top: 27px;\\r\\n right: -14px;\\r\\n left: auto;\\r\\n }\\r\\n \\r\\n .popover .arrow {\\r\\n display: block;\\r\\n }\\r\\n }\\r\\n\\r\\n // Timeline inverted\\r\\n // --------------------------------\\r\\n > li.timeline-inverted {\\r\\n\\r\\n > .timeline-panel {\\r\\n padding-left: $timeline-badge-size;\\r\\n }\\r\\n\\r\\n .timeline-date {\\r\\n left: auto;\\r\\n right: 50%;\\r\\n width: auto;\\r\\n margin-left: 0;\\r\\n margin-right: $timeline-badge-size;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n\\r\\n \\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: dropdown-extras\\r\\n ========================================================================== */\\r\\n \\r\\n// \\r\\n// Dropdopwn extras\\r\\n// \\r\\n// ------------------------------\\r\\n\\r\\n\\r\\n// place components with more space\\r\\n.dropdown-lg > .dropdown-menu {\\r\\n min-width: 200px;\\r\\n}\\r\\n\\r\\n// Allows to mix list group inside dropdowns\\r\\n.dropdown-list {\\r\\n \\r\\n > .dropdown-menu {\\r\\n padding: 0;\\r\\n min-width: 220px;\\r\\n }\\r\\n\\r\\n .list-group {\\r\\n margin: 0;\\r\\n }\\r\\n\\r\\n .list-group-item {\\r\\n border-radius: 0;\\r\\n border-left: 0;\\r\\n border-right: 0;\\r\\n &:first-child {\\r\\n border-top: 0;\\r\\n }\\r\\n &:last-child {\\r\\n border-bottom: 0;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Labels inside dropdowns\\r\\n.dropdown {\\r\\n > a {\\r\\n position: relative;\\r\\n > .label {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n right: 0;\\r\\n padding: 2px 5px;\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n top: 10px;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n// Dropdown header\\r\\n.dropdown-menu-header {\\r\\n padding: 10px 15px;\\r\\n background-color: #fafafa;\\r\\n border-bottom: 1px solid $dropdown-border;\\r\\n}\",\"/* ========================================================================\\r\\n Component: row-extra\\r\\n ========================================================================== */\\r\\n \\r\\n\\r\\n// Different container size to wrap content\\r\\n\\r\\n.container-sm {\\r\\n max-width: $container-sm;\\r\\n width: auto;\\r\\n}\\r\\n.container-md {\\r\\n max-width: $container-md;\\r\\n width: auto;\\r\\n}\\r\\n.container-lg {\\r\\n max-width: $container-lg;\\r\\n width: auto;\\r\\n}\\r\\n//\\r\\n// Utilities to manage bootstrap rows and cols \\r\\n// with more flexibility\\r\\n// Use in conjunction with .row\\r\\n// ---------------------------------------------\\r\\n\\r\\n// Display a row using table layout\\r\\n// allows to have vertically aligned elements\\r\\n\\r\\n.row-table {\\r\\n display: table;\\r\\n table-layout: fixed;\\r\\n height: 100%;\\r\\n width: 100%;\\r\\n margin: 0;\\r\\n \\r\\n > [class*=\\\"col-\\\"] {\\r\\n display: table-cell;\\r\\n float: none;\\r\\n table-layout: fixed;\\r\\n vertical-align: middle;\\r\\n }\\r\\n}\\r\\n\\r\\n// Remove padding and collapse columns\\r\\n.row-flush {\\r\\n > [class*=\\\"col-\\\"] {\\r\\n padding-left: 0;\\r\\n padding-right: 0;\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: half-float\\r\\n ========================================================================== */\\r\\n \\r\\n//\\r\\n// Float an absolute positioned element\\r\\n// and align it with a half top and bottom offset\\r\\n// relative to its parent\\r\\n// \\r\\n// .half-float\\r\\n// > .half-float-[top|bottom]\\r\\n// \\r\\n// ----------------------------------------------\\r\\n\\r\\n$half-aligned-size: 120px;\\r\\n$half-aligned-gutter: 5px;\\r\\n\\r\\n.half-float {\\r\\n position: relative;\\r\\n margin-bottom: ($half-aligned-size/2) + $half-aligned-gutter;\\r\\n \\r\\n .half-float-bottom,\\r\\n .half-float-top {\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n bottom: -($half-aligned-size/2);\\r\\n width: $half-aligned-size;\\r\\n height: $half-aligned-size;\\r\\n margin-left: -($half-aligned-size/2);\\r\\n z-index: 2;\\r\\n }\\r\\n \\r\\n .half-float-top {\\r\\n bottom: auto;\\r\\n top: -($half-aligned-size/2);\\r\\n }\\r\\n \\r\\n // The next sibling elements gets a negative margin\\r\\n // and padding to collapse the space between\\r\\n & + * {\\r\\n margin-top: -($half-aligned-size/2) + $half-aligned-gutter;\\r\\n padding-top: ($half-aligned-size/2) + $half-aligned-gutter;\\r\\n }\\r\\n\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: masonry-grid\\r\\n ========================================================================== */\\r\\n\\r\\n.row-masonry {\\r\\n position: relative;\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n width: 100%;\\r\\n}\\r\\n.row-masonry > .col-masonry {\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n min-height: 1em;\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n/* Columns definition by devices */\\r\\n@media only screen and (min-width: 480px) {\\r\\n .row-masonry-sm-1 {\\r\\n -moz-column-count: 1;\\r\\n -webkit-column-count: 1;\\r\\n column-count: 1;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 1;\\r\\n -webkit-columns: 1;\\r\\n columns: 1;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-1 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-1:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-1 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 99%;\\r\\n }\\r\\n .row-masonry-sm-2 {\\r\\n -moz-column-count: 2;\\r\\n -webkit-column-count: 2;\\r\\n column-count: 2;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 2;\\r\\n -webkit-columns: 2;\\r\\n columns: 2;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-2 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-2:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-2 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 49%;\\r\\n }\\r\\n .row-masonry-sm-3 {\\r\\n -moz-column-count: 3;\\r\\n -webkit-column-count: 3;\\r\\n column-count: 3;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 3;\\r\\n -webkit-columns: 3;\\r\\n columns: 3;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-3 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-3:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-3 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 32%;\\r\\n }\\r\\n .row-masonry-sm-4 {\\r\\n -moz-column-count: 4;\\r\\n -webkit-column-count: 4;\\r\\n column-count: 4;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 4;\\r\\n -webkit-columns: 4;\\r\\n columns: 4;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-4 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-4:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-4 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 24%;\\r\\n }\\r\\n .row-masonry-sm-5 {\\r\\n -moz-column-count: 5;\\r\\n -webkit-column-count: 5;\\r\\n column-count: 5;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 5;\\r\\n -webkit-columns: 5;\\r\\n columns: 5;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-5 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-5:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-5 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 19%;\\r\\n }\\r\\n .row-masonry-sm-6 {\\r\\n -moz-column-count: 6;\\r\\n -webkit-column-count: 6;\\r\\n column-count: 6;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 6;\\r\\n -webkit-columns: 6;\\r\\n columns: 6;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-6 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-6:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-6 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 15%;\\r\\n }\\r\\n .row-masonry-sm-7 {\\r\\n -moz-column-count: 7;\\r\\n -webkit-column-count: 7;\\r\\n column-count: 7;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 7;\\r\\n -webkit-columns: 7;\\r\\n columns: 7;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-7 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-7:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-7 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 13%;\\r\\n }\\r\\n .row-masonry-sm-8 {\\r\\n -moz-column-count: 8;\\r\\n -webkit-column-count: 8;\\r\\n column-count: 8;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 8;\\r\\n -webkit-columns: 8;\\r\\n columns: 8;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-8 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-8:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-8 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 11%;\\r\\n }\\r\\n .row-masonry-sm-9 {\\r\\n -moz-column-count: 9;\\r\\n -webkit-column-count: 9;\\r\\n column-count: 9;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 9;\\r\\n -webkit-columns: 9;\\r\\n columns: 9;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-9 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-9:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-9 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 10%;\\r\\n }\\r\\n .row-masonry-sm-10 {\\r\\n -moz-column-count: 10;\\r\\n -webkit-column-count: 10;\\r\\n column-count: 10;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 10;\\r\\n -webkit-columns: 10;\\r\\n columns: 10;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-10 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-10:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-10 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 9%;\\r\\n }\\r\\n .row-masonry-sm-11 {\\r\\n -moz-column-count: 11;\\r\\n -webkit-column-count: 11;\\r\\n column-count: 11;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 11;\\r\\n -webkit-columns: 11;\\r\\n columns: 11;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-11 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-11:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-11 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 8%;\\r\\n }\\r\\n .row-masonry-sm-12 {\\r\\n -moz-column-count: 12;\\r\\n -webkit-column-count: 12;\\r\\n column-count: 12;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 12;\\r\\n -webkit-columns: 12;\\r\\n columns: 12;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-12 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-12:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-sm-12 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 7%;\\r\\n }\\r\\n}\\r\\n@media only screen and (min-width: 768px) {\\r\\n .row-masonry-md-1 {\\r\\n -moz-column-count: 1;\\r\\n -webkit-column-count: 1;\\r\\n column-count: 1;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 1;\\r\\n -webkit-columns: 1;\\r\\n columns: 1;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-1 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-1:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-1 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 99%;\\r\\n }\\r\\n .row-masonry-md-2 {\\r\\n -moz-column-count: 2;\\r\\n -webkit-column-count: 2;\\r\\n column-count: 2;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 2;\\r\\n -webkit-columns: 2;\\r\\n columns: 2;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-2 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-2:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-2 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 49%;\\r\\n }\\r\\n .row-masonry-md-3 {\\r\\n -moz-column-count: 3;\\r\\n -webkit-column-count: 3;\\r\\n column-count: 3;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 3;\\r\\n -webkit-columns: 3;\\r\\n columns: 3;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-3 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-3:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-3 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 32%;\\r\\n }\\r\\n .row-masonry-md-4 {\\r\\n -moz-column-count: 4;\\r\\n -webkit-column-count: 4;\\r\\n column-count: 4;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 4;\\r\\n -webkit-columns: 4;\\r\\n columns: 4;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-4 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-4:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-4 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 24%;\\r\\n }\\r\\n .row-masonry-md-5 {\\r\\n -moz-column-count: 5;\\r\\n -webkit-column-count: 5;\\r\\n column-count: 5;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 5;\\r\\n -webkit-columns: 5;\\r\\n columns: 5;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-5 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-5:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-5 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 19%;\\r\\n }\\r\\n .row-masonry-md-6 {\\r\\n -moz-column-count: 6;\\r\\n -webkit-column-count: 6;\\r\\n column-count: 6;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 6;\\r\\n -webkit-columns: 6;\\r\\n columns: 6;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-6 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-6:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-6 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 15%;\\r\\n }\\r\\n .row-masonry-md-7 {\\r\\n -moz-column-count: 7;\\r\\n -webkit-column-count: 7;\\r\\n column-count: 7;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 7;\\r\\n -webkit-columns: 7;\\r\\n columns: 7;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-7 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-7:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-7 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 13%;\\r\\n }\\r\\n .row-masonry-md-8 {\\r\\n -moz-column-count: 8;\\r\\n -webkit-column-count: 8;\\r\\n column-count: 8;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 8;\\r\\n -webkit-columns: 8;\\r\\n columns: 8;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-8 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-8:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-8 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 11%;\\r\\n }\\r\\n .row-masonry-md-9 {\\r\\n -moz-column-count: 9;\\r\\n -webkit-column-count: 9;\\r\\n column-count: 9;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 9;\\r\\n -webkit-columns: 9;\\r\\n columns: 9;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-9 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-9:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-9 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 10%;\\r\\n }\\r\\n .row-masonry-md-10 {\\r\\n -moz-column-count: 10;\\r\\n -webkit-column-count: 10;\\r\\n column-count: 10;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 10;\\r\\n -webkit-columns: 10;\\r\\n columns: 10;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-10 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-10:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-10 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 9%;\\r\\n }\\r\\n .row-masonry-md-11 {\\r\\n -moz-column-count: 11;\\r\\n -webkit-column-count: 11;\\r\\n column-count: 11;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 11;\\r\\n -webkit-columns: 11;\\r\\n columns: 11;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-11 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-11:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-11 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 8%;\\r\\n }\\r\\n .row-masonry-md-12 {\\r\\n -moz-column-count: 12;\\r\\n -webkit-column-count: 12;\\r\\n column-count: 12;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 12;\\r\\n -webkit-columns: 12;\\r\\n columns: 12;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-12 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-12:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-md-12 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 7%;\\r\\n }\\r\\n}\\r\\n@media only screen and (min-width: 992px) {\\r\\n .row-masonry-lg-1 {\\r\\n -moz-column-count: 1;\\r\\n -webkit-column-count: 1;\\r\\n column-count: 1;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 1;\\r\\n -webkit-columns: 1;\\r\\n columns: 1;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-1 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-1:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-1 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 99%;\\r\\n }\\r\\n .row-masonry-lg-2 {\\r\\n -moz-column-count: 2;\\r\\n -webkit-column-count: 2;\\r\\n column-count: 2;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 2;\\r\\n -webkit-columns: 2;\\r\\n columns: 2;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-2 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-2:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-2 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 49%;\\r\\n }\\r\\n .row-masonry-lg-3 {\\r\\n -moz-column-count: 3;\\r\\n -webkit-column-count: 3;\\r\\n column-count: 3;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 3;\\r\\n -webkit-columns: 3;\\r\\n columns: 3;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-3 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-3:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-3 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 32%;\\r\\n }\\r\\n .row-masonry-lg-4 {\\r\\n -moz-column-count: 4;\\r\\n -webkit-column-count: 4;\\r\\n column-count: 4;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 4;\\r\\n -webkit-columns: 4;\\r\\n columns: 4;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-4 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-4:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-4 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 24%;\\r\\n }\\r\\n .row-masonry-lg-5 {\\r\\n -moz-column-count: 5;\\r\\n -webkit-column-count: 5;\\r\\n column-count: 5;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 5;\\r\\n -webkit-columns: 5;\\r\\n columns: 5;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-5 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-5:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-5 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 19%;\\r\\n }\\r\\n .row-masonry-lg-6 {\\r\\n -moz-column-count: 6;\\r\\n -webkit-column-count: 6;\\r\\n column-count: 6;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 6;\\r\\n -webkit-columns: 6;\\r\\n columns: 6;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-6 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-6:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-6 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 15%;\\r\\n }\\r\\n .row-masonry-lg-7 {\\r\\n -moz-column-count: 7;\\r\\n -webkit-column-count: 7;\\r\\n column-count: 7;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 7;\\r\\n -webkit-columns: 7;\\r\\n columns: 7;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-7 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-7:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-7 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 13%;\\r\\n }\\r\\n .row-masonry-lg-8 {\\r\\n -moz-column-count: 8;\\r\\n -webkit-column-count: 8;\\r\\n column-count: 8;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 8;\\r\\n -webkit-columns: 8;\\r\\n columns: 8;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-8 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-8:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-8 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 11%;\\r\\n }\\r\\n .row-masonry-lg-9 {\\r\\n -moz-column-count: 9;\\r\\n -webkit-column-count: 9;\\r\\n column-count: 9;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 9;\\r\\n -webkit-columns: 9;\\r\\n columns: 9;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-9 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-9:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-9 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 10%;\\r\\n }\\r\\n .row-masonry-lg-10 {\\r\\n -moz-column-count: 10;\\r\\n -webkit-column-count: 10;\\r\\n column-count: 10;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 10;\\r\\n -webkit-columns: 10;\\r\\n columns: 10;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-10 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-10:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-10 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 9%;\\r\\n }\\r\\n .row-masonry-lg-11 {\\r\\n -moz-column-count: 11;\\r\\n -webkit-column-count: 11;\\r\\n column-count: 11;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 11;\\r\\n -webkit-columns: 11;\\r\\n columns: 11;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-11 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-11:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-11 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 8%;\\r\\n }\\r\\n .row-masonry-lg-12 {\\r\\n -moz-column-count: 12;\\r\\n -webkit-column-count: 12;\\r\\n column-count: 12;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 12;\\r\\n -webkit-columns: 12;\\r\\n columns: 12;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-12 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-12:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-lg-12 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 7%;\\r\\n }\\r\\n}\\r\\n@media only screen and (min-width: 1200px) {\\r\\n .row-masonry-xl-1 {\\r\\n -moz-column-count: 1;\\r\\n -webkit-column-count: 1;\\r\\n column-count: 1;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 1;\\r\\n -webkit-columns: 1;\\r\\n columns: 1;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-1 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-1:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-1 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 99%;\\r\\n }\\r\\n .row-masonry-xl-2 {\\r\\n -moz-column-count: 2;\\r\\n -webkit-column-count: 2;\\r\\n column-count: 2;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 2;\\r\\n -webkit-columns: 2;\\r\\n columns: 2;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-2 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-2:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-2 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 49%;\\r\\n }\\r\\n .row-masonry-xl-3 {\\r\\n -moz-column-count: 3;\\r\\n -webkit-column-count: 3;\\r\\n column-count: 3;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 3;\\r\\n -webkit-columns: 3;\\r\\n columns: 3;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-3 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-3:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-3 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 32%;\\r\\n }\\r\\n .row-masonry-xl-4 {\\r\\n -moz-column-count: 4;\\r\\n -webkit-column-count: 4;\\r\\n column-count: 4;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 4;\\r\\n -webkit-columns: 4;\\r\\n columns: 4;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-4 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-4:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-4 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 24%;\\r\\n }\\r\\n .row-masonry-xl-5 {\\r\\n -moz-column-count: 5;\\r\\n -webkit-column-count: 5;\\r\\n column-count: 5;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 5;\\r\\n -webkit-columns: 5;\\r\\n columns: 5;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-5 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-5:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-5 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 19%;\\r\\n }\\r\\n .row-masonry-xl-6 {\\r\\n -moz-column-count: 6;\\r\\n -webkit-column-count: 6;\\r\\n column-count: 6;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 6;\\r\\n -webkit-columns: 6;\\r\\n columns: 6;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-6 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-6:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-6 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 15%;\\r\\n }\\r\\n .row-masonry-xl-7 {\\r\\n -moz-column-count: 7;\\r\\n -webkit-column-count: 7;\\r\\n column-count: 7;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 7;\\r\\n -webkit-columns: 7;\\r\\n columns: 7;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-7 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-7:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-7 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 13%;\\r\\n }\\r\\n .row-masonry-xl-8 {\\r\\n -moz-column-count: 8;\\r\\n -webkit-column-count: 8;\\r\\n column-count: 8;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 8;\\r\\n -webkit-columns: 8;\\r\\n columns: 8;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-8 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-8:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-8 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 11%;\\r\\n }\\r\\n .row-masonry-xl-9 {\\r\\n -moz-column-count: 9;\\r\\n -webkit-column-count: 9;\\r\\n column-count: 9;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 9;\\r\\n -webkit-columns: 9;\\r\\n columns: 9;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-9 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-9:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-9 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 10%;\\r\\n }\\r\\n .row-masonry-xl-10 {\\r\\n -moz-column-count: 10;\\r\\n -webkit-column-count: 10;\\r\\n column-count: 10;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 10;\\r\\n -webkit-columns: 10;\\r\\n columns: 10;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-10 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-10:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-10 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 9%;\\r\\n }\\r\\n .row-masonry-xl-11 {\\r\\n -moz-column-count: 11;\\r\\n -webkit-column-count: 11;\\r\\n column-count: 11;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 11;\\r\\n -webkit-columns: 11;\\r\\n columns: 11;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-11 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-11:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-11 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 8%;\\r\\n }\\r\\n .row-masonry-xl-12 {\\r\\n -moz-column-count: 12;\\r\\n -webkit-column-count: 12;\\r\\n column-count: 12;\\r\\n -moz-column-gap: 15px;\\r\\n -webkit-column-gap: 15px;\\r\\n column-gap: 15px;\\r\\n -moz-columns: 12;\\r\\n -webkit-columns: 12;\\r\\n columns: 12;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-12 {\\r\\n text-align: justify;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-12:after {\\r\\n content: '';\\r\\n display: inline-block;\\r\\n width: 100%;\\r\\n }\\r\\n .no-csscolumns .row-masonry-xl-12 > .col-masonry {\\r\\n vertical-align: top;\\r\\n display: inline-block;\\r\\n width: 7%;\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: widget\\r\\n ========================================================================== */\\r\\n \\r\\n//\\r\\n// Extras styles to use panel as widgets\\r\\n// -------------------------------------\\r\\n\\r\\n$widget-margin: 20px;\\r\\n\\r\\n.widget {\\r\\n\\r\\n margin-bottom: $widget-margin;\\r\\n border: 0;\\r\\n\\r\\n &.panel,\\r\\n & .panel {\\r\\n overflow: hidden;\\r\\n }\\r\\n \\r\\n\\r\\n .lateral-picture {\\r\\n position: relative;\\r\\n display: block;\\r\\n height: 240px;\\r\\n width: auto;\\r\\n overflow: hidden;\\r\\n > img {\\r\\n position: absolute;\\r\\n top: 0; left: 0;\\r\\n max-height: 100%;\\r\\n width: auto;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\",\"/* ========================================================================\\r\\n Component: typeahead\\r\\n ========================================================================== */\\r\\n\\r\\n// Limits the typeahead list when it becomes too large\\r\\n.typeahead-ctrl {\\r\\n .dropdown-menu {\\r\\n max-height: 300px;\\r\\n overflow: auto;\\r\\n }\\r\\n}\",\"/*!\\r\\n * table-grid (http://mdo.github.io/table-grid)\\r\\n * Released under MIT, (c) 2014 Mark Otto\\r\\n */\\r\\n\\r\\n/*\\r\\n * The Grid\\r\\n */\\r\\n\\r\\n@media only screen and (min-width: $mq-tablet) {\\r\\n /* Add `.table-grid` for the table */\\r\\n .table-grid {\\r\\n display: table;\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n table-layout: fixed;\\r\\n }\\r\\n\\r\\n /* Add `.col` for the table cells, or columns */\\r\\n .col {\\r\\n display: table-cell;\\r\\n vertical-align: top;\\r\\n height: 100%;\\r\\n &.col-full-center {\\r\\n vertical-align: middle;\\r\\n }\\r\\n }\\r\\n\\r\\n /* Set the widths */\\r\\n .col-1 { width: 8.333333%; }\\r\\n .col-2 { width: 16.666667%; }\\r\\n .col-3 { width: 25%; }\\r\\n .col-4 { width: 33.333333%; }\\r\\n .col-5 { width: 41.666667%; }\\r\\n .col-6 { width: 50%; }\\r\\n .col-7 { width: 58.333333%; }\\r\\n .col-8 { width: 66.666667%; }\\r\\n .col-9 { width: 75%; }\\r\\n .col-10 { width: 83.333333%; }\\r\\n .col-11 { width: 91.666667%; }\\r\\n .col-12 { width: 100%; }\\r\\n\\r\\n .col-xxs { width: $wd-xxs; }\\r\\n .col-xs { width: $wd-xs; }\\r\\n .col-sm { width: $wd-sm; }\\r\\n .col-sd { width: $wd-sd; }\\r\\n .col-md { width: $wd-md; }\\r\\n .col-lg { width: $wd-lg; }\\r\\n .col-xl { width: $wd-xl; }\\r\\n .col-xxl { width: $wd-xxl; }\\r\\n .col-wide { width: $wd-wide; }\\r\\n .col-auto { width: $wd-auto; }\\r\\n\\r\\n /* Padded columns */\\r\\n .table-grid-padded {\\r\\n margin-left: -1rem;\\r\\n margin-right: -1rem;\\r\\n }\\r\\n .table-grid-padded .table-grid {\\r\\n border-spacing: 1rem 0;\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n@media only screen and (max-width: $mq-up-to-desktop) {\\r\\n .table-grid-desktop {\\r\\n &.table-grid,\\r\\n .col {\\r\\n display: block;\\r\\n width: auto;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n/*\\r\\n * Vertically center grid content\\r\\n *\\r\\n * Requires content within the column to be inline or inline-block.\\r\\n */\\r\\n\\r\\n.table-grid-align-middle .col {\\r\\n vertical-align: middle;\\r\\n}\\r\\n\\r\\n\",\"// \\r\\n// Utilities classes to simplify \\r\\n// components constructions\\r\\n// ------------------------------\\r\\n\\r\\n$margin-base: 10px;\\r\\n$margin-sm: 5px;\\r\\n$margin-lg: 15px;\\r\\n$margin-xl: 30px;\\r\\n\\r\\n$padding-xl: 30px;\\r\\n$padding-lg: 15px;\\r\\n$padding-base: 10px;\\r\\n$padding-sm: 5px;\\r\\n\\r\\n$text-alpha: rgba(255,255,255,.5);\\r\\n$text-alpha-inverse: rgba(0,0,0,.5);\\r\\n\\r\\n$text-sm: $font-size-base * .85;\\r\\n$text-md: $font-size-base * 1.9;\\r\\n$text-lg: $font-size-base * 3;\\r\\n\\r\\n$border-color: rgba(0,0,0,.12);\\r\\n\\r\\n$wd-xxs: 60px;\\r\\n$wd-xs: 90px;\\r\\n$wd-sm: 150px;\\r\\n$wd-sd: 200px; // sd == standard\\r\\n$wd-md: 240px;\\r\\n$wd-lg: 280px;\\r\\n$wd-xl: 320px;\\r\\n$wd-xxl: 360px;\\r\\n$wd-wide: 100%;\\r\\n$wd-auto: auto;\\r\\n$wd-zero: 0;\\r\\n\\r\\n// Background helpers\\r\\n// Generates classes for\\r\\n// .brand\\r\\n// .brand-light\\r\\n// .brand-dark\\r\\n\\r\\n$colors: (\\r\\n 'primary-light': $brand-primary-light,\\r\\n 'primary': $brand-primary,\\r\\n 'primary-dark': $brand-primary-dark,\\r\\n 'success-light': $brand-success-light,\\r\\n 'success': $brand-success,\\r\\n 'success-dark': $brand-success-dark,\\r\\n 'info-light': $brand-info-light,\\r\\n 'info': $brand-info,\\r\\n 'info-dark': $brand-info-dark,\\r\\n 'warning-light': $brand-warning-light,\\r\\n 'warning': $brand-warning,\\r\\n 'warning-dark': $brand-warning-dark,\\r\\n 'danger-light': $brand-danger-light,\\r\\n 'danger': $brand-danger,\\r\\n 'danger-dark': $brand-danger-dark,\\r\\n 'green-light': $brand-green-light,\\r\\n 'green': $brand-green,\\r\\n 'green-dark': $brand-green-dark,\\r\\n 'pink-light': $brand-pink-light,\\r\\n 'pink': $brand-pink,\\r\\n 'pink-dark': $brand-pink-dark,\\r\\n 'purple-light': $brand-purple-light,\\r\\n 'purple': $brand-purple,\\r\\n 'purple-dark': $brand-purple-dark,\\r\\n 'inverse-light': $brand-inverse-light,\\r\\n 'inverse': $brand-inverse,\\r\\n 'inverse-dark': $brand-inverse-dark,\\r\\n 'yellow-light': $brand-yellow-light,\\r\\n 'yellow': $brand-yellow,\\r\\n 'yellow-dark': $brand-yellow-dark,\\r\\n);\\r\\n\\r\\n@function color($key) {\\r\\n @return map-get($colors, $key);\\r\\n}\\r\\n\\r\\n@mixin bgcolor-variant($bgcolor, $text-color: #fff)\\r\\n{\\r\\n $amountOfLight: 10%;\\r\\n & {\\r\\n background-color: color($bgcolor);\\r\\n color: $text-color !important;\\r\\n }\\r\\n &-light {\\r\\n $col: color($bgcolor + '-light');\\r\\n background-color: #{$col};\\r\\n color: $text-color !important;\\r\\n }\\r\\n &-dark {\\r\\n $col: color($bgcolor + '-dark');\\r\\n background-color: #{$col};\\r\\n color: $text-color !important;\\r\\n }\\r\\n small {\\r\\n color: inherit;\\r\\n }\\r\\n}\\r\\n\\r\\n@mixin make-bg($bgcolor, $text-color: #fff)\\r\\n{\\r\\n background-color: $bgcolor;\\r\\n color: $text-color !important;\\r\\n}\\r\\n\\r\\n// Common thumbnail sizes (ideal for images)\\r\\n\\r\\n@mixin thumnbail-size($sz: 8px)\\r\\n{\\r\\n width: $sz !important;\\r\\n height: $sz !important;\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: todo\\r\\n ========================================================================== */\\r\\n.todo {\\r\\n .todo-item-list {\\r\\n position: relative;\\r\\n }\\r\\n .todo-item {\\r\\n @include transition(\\\"color 0.6s, background-color 0.3s\\\");\\r\\n\\r\\n &.ng-enter {\\r\\n @include animation(fadeInLeft 1s);\\r\\n }\\r\\n &.ng-leave {\\r\\n position: absolute;\\r\\n left: 0;\\r\\n right: 0;\\r\\n @include animation(fadeOutDown .7s);\\r\\n @include animation-fill-mode(both);\\r\\n }\\r\\n .todo-edit {\\r\\n display: none;\\r\\n cursor: pointer;\\r\\n }\\r\\n &:hover .todo-edit {\\r\\n display: inline;\\r\\n }\\r\\n &.todo-complete .todo-edit {\\r\\n display: none;\\r\\n }\\r\\n }\\r\\n textarea {\\r\\n resize: none;\\r\\n max-width: 100%;\\r\\n min-width: 100%;\\r\\n }\\r\\n .todo-complete {\\r\\n // background: $gray-lighter;\\r\\n opacity: .6;\\r\\n color: $gray-darker;\\r\\n\\r\\n .todo-title {\\r\\n text-decoration: line-through;\\r\\n }\\r\\n }\\r\\n .panel-group {\\r\\n > .panel {\\r\\n border: 1px;\\r\\n margin: 0;\\r\\n\\r\\n .panel-body {\\r\\n border-bottom: 1px solid $gray-lighter;\\r\\n }\\r\\n }\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: file-upload\\r\\n ========================================================================== */\\r\\n\\r\\n.file-upload {\\r\\n display: block;\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n\\r\\n [type=file] {\\r\\n cursor: pointer;\\r\\n display: block;\\r\\n filter: alpha(opacity=0);\\r\\n min-height: 100%;\\r\\n min-width: 100%;\\r\\n opacity: 0;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n text-align: right;\\r\\n top: 0;\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: chart-flot\\r\\n ======================================================================== */\\r\\n\\r\\n// Flot chart plugin custom styles\\r\\n// ---------------------------------------\\r\\n\\r\\n\\r\\n// Layout style\\r\\n// --------------------------------------\\r\\n[flot] {\\r\\n display: block;\\r\\n width: 100%;\\r\\n .legend {\\r\\n > table tr td {\\r\\n padding: 3px;\\r\\n }\\r\\n > table tr td:first-child {\\r\\n padding-left: 3px;\\r\\n }\\r\\n > table tr td:last-child {\\r\\n padding-right: 3px;\\r\\n }\\r\\n >table tr+tr td {\\r\\n padding-top: 0;\\r\\n }\\r\\n\\r\\n > div:first-child {\\r\\n border-color: rgba(0,0,0,.1) !important;\\r\\n }\\r\\n\\r\\n .legendColorBox > div,\\r\\n .legendColorBox > div > div {\\r\\n border-radius: 400px;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.flot-chart-content {\\r\\n width: 100%;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n// Labels for PIE CHARTS\\r\\n.flot-pie-label {\\r\\n padding: 3px 5px;\\r\\n font-size: 10px;\\r\\n text-align: center;\\r\\n color:#fff;\\r\\n}\\r\\n\\r\\n// Tooltip style\\r\\n// --------------------------------------\\r\\n#flotTip {\\r\\n position: relative;\\r\\n padding: 5px;\\r\\n font-size: 12px !important;\\r\\n border-radius: 2px !important;\\r\\n border-color: transparent !important;\\r\\n background-color: rgba(0,0,0,.75) !important;\\r\\n color: #f1f1f1;\\r\\n z-index:5;\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: chart-easypie\\r\\n ========================================================================== */\\r\\n\\r\\n// Makes possible to show the percetage\\r\\n// centered in the middle of the pie\\r\\n.easypie-chart {\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n padding: 0 6px;\\r\\n\\r\\n span {\\r\\n display: block;\\r\\n position: absolute;\\r\\n left: 50%;\\r\\n top: 50%;\\r\\n width: 100%;\\r\\n margin-left: -50%;\\r\\n height: 30px;\\r\\n margin-top: -15px;\\r\\n font-size: 20px;\\r\\n }\\r\\n canvas {\\r\\n max-width: 100%;\\r\\n }\\r\\n\\r\\n &.easypie-chart-lg {\\r\\n span {\\r\\n font-size: 40px;\\r\\n margin-top: -25px;\\r\\n line-height: 40px;\\r\\n }\\r\\n }\\r\\n\\r\\n &.easypie-chart-md {\\r\\n span {\\r\\n font-size: 30px;\\r\\n margin-top: -25px;\\r\\n line-height: 40px;\\r\\n }\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: form-elements\\r\\n ========================================================================== */\\r\\n\\r\\n/**\\r\\n * Custom form elements\\r\\n * - Checkbox\\r\\n * - Radios\\r\\n * - Switch\\r\\n * - Rounded inputs\\r\\n */\\r\\n\\r\\n//\\r\\n// CHECKBOX AND RADIOS\\r\\n//\\r\\n\\r\\n$ui-fg-color: $brand-primary;\\r\\n$ui-bg-color: #ddd;\\r\\n\\r\\n\\r\\n@mixin switch-variant($wd, $hg)\\r\\n{\\r\\n & span {\\r\\n width: $wd; height: $hg;\\r\\n }\\r\\n\\r\\n & span:after {\\r\\n height: $hg - 2; width: $hg - 2;\\r\\n }\\r\\n}\\r\\n\\r\\n.c-checkbox,\\r\\n.c-radio {\\r\\n margin-right: 4px;\\r\\n * {\\r\\n cursor: pointer;\\r\\n }\\r\\n input {\\r\\n opacity: 0;\\r\\n position: absolute;\\r\\n margin-left: 0 !important;\\r\\n }\\r\\n\\r\\n // the element that replaces the input\\r\\n span {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n vertical-align: top;\\r\\n margin-left: -20px;\\r\\n width: 20px; height: 20px;\\r\\n border-radius: 2px;\\r\\n border: 1px solid #ccc;\\r\\n margin-right: 5px;\\r\\n text-align: center;\\r\\n &:before {\\r\\n margin-left: 1px; // fa align trick\\r\\n }\\r\\n }\\r\\n\\r\\n &:hover span {\\r\\n border-color: $ui-fg-color;\\r\\n }\\r\\n\\r\\n .form-inline & span {\\r\\n margin-left: 0;\\r\\n }\\r\\n\\r\\n &.c-checkbox-rounded,\\r\\n &.c-radio-rounded {\\r\\n span {\\r\\n border-radius: 500px;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n/* override for radio */\\r\\n.c-radio span {\\r\\n border-radius: 500px;\\r\\n}\\r\\n\\r\\n/* the icon */\\r\\n.c-checkbox,\\r\\n.c-radio {\\r\\n span:before {\\r\\n //content: \\\"\\\\2713\\\"; /* comment content to use custom icon classes */\\r\\n position: absolute;\\r\\n top: 0; left: 0; right: 0; bottom: 0;\\r\\n opacity: 0;\\r\\n text-align: center !important;\\r\\n font-size: 12px;\\r\\n line-height: 18px;\\r\\n vertical-align: middle;\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n/* Checked state */\\r\\n.c-checkbox,\\r\\n.c-radio {\\r\\n input[type=checkbox]:checked + span:before,\\r\\n input[type=radio]:checked + span:before{\\r\\n color: #fff;\\r\\n opacity: 1;\\r\\n transition: color .3s ease-out;\\r\\n }\\r\\n\\r\\n input[type=checkbox]:checked + span,\\r\\n input[type=radio]:checked + span {\\r\\n border-color: $ui-fg-color;\\r\\n background-color: $ui-fg-color;\\r\\n }\\r\\n\\r\\n /* override for radio */\\r\\n input[type=radio]:checked + span{\\r\\n background-color: #fff;\\r\\n &:before{\\r\\n color: $ui-fg-color;\\r\\n }\\r\\n }\\r\\n\\r\\n /* Disable state */\\r\\n\\r\\n input[type=checkbox]:disabled + span,\\r\\n input[type=radio]:disabled + span{\\r\\n border-color: $ui-bg-color !important;\\r\\n background-color: $ui-bg-color !important;\\r\\n }\\r\\n /* override for radio */\\r\\n input[type=radio]:disabled + span {\\r\\n background-color: #fff !important;\\r\\n &:before {\\r\\n color: $ui-bg-color;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n\\r\\n.c-radio.c-radio-nofont {\\r\\n span {\\r\\n &:before {\\r\\n $sz: 10px;\\r\\n content: \\\"\\\";\\r\\n width: $sz; height: $sz;\\r\\n top: 50%; left: 50%;\\r\\n margin-top: -($sz/2);\\r\\n margin-left: -($sz/2);\\r\\n border-radius: 500px;\\r\\n\\r\\n }\\r\\n }\\r\\n\\r\\n input[type=radio]:checked + span:before{\\r\\n color: #fff;\\r\\n opacity: 1;\\r\\n transition: color .3s ease-out;\\r\\n }\\r\\n\\r\\n input[type=radio]:checked + span {\\r\\n border-color: $ui-fg-color;\\r\\n background-color: $ui-fg-color;\\r\\n }\\r\\n\\r\\n /* override for radio */\\r\\n input[type=radio]:checked + span{\\r\\n background-color: #fff;\\r\\n &:before{\\r\\n background-color: $ui-fg-color;\\r\\n }\\r\\n }\\r\\n\\r\\n /* Disable state */\\r\\n\\r\\n input[type=radio]:disabled + span{\\r\\n border-color: $ui-bg-color !important;\\r\\n background-color: $ui-bg-color !important;\\r\\n }\\r\\n /* override for radio */\\r\\n input[type=radio]:disabled + span {\\r\\n background-color: #fff !important;\\r\\n &:before {\\r\\n background-color: $ui-bg-color;\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n//\\r\\n// Form Rounded\\r\\n//\\r\\n\\r\\n.form-control-rounded {\\r\\n border-radius: 100px;\\r\\n}\\r\\n\\r\\n//\\r\\n// Form SWITCH\\r\\n// Supports radio and checkbox\\r\\n//\\r\\n\\r\\n$switch-wd: 40px;\\r\\n$switch-hg: $switch-wd/2;\\r\\n\\r\\n$switch-lg-wd: 50px;\\r\\n$switch-lg-hg: $switch-lg-wd/2;\\r\\n\\r\\n$switch-sm-wd: 30px;\\r\\n$switch-sm-hg: $switch-sm-wd/2;\\r\\n\\r\\n.switch {\\r\\n .form-control {\\r\\n padding-top: 7px;\\r\\n margin-bottom: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n.switch * {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.switch input {\\r\\n opacity: 0;\\r\\n position: absolute;\\r\\n z-index: -1;\\r\\n}\\r\\n\\r\\n.switch {\\r\\n & span {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n width: $switch-wd; height: $switch-hg;\\r\\n background-color: #fff;\\r\\n border: 1px solid $ui-bg-color;\\r\\n border-radius: 100px;\\r\\n transition: all .5s;\\r\\n box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset;\\r\\n vertical-align: middle;\\r\\n }\\r\\n\\r\\n & span:after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n background-color: #fff;\\r\\n top: 0; left: 0;\\r\\n height: $switch-hg - 2; width: $switch-hg - 2;\\r\\n border: 1px solid #ddd;\\r\\n border-radius: 400px;\\r\\n box-shadow: 1px 1px 3px rgba(0,0,0,0.1);\\r\\n -webkit-transition: all .2s;\\r\\n }\\r\\n\\r\\n &.switch-lg { @include switch-variant($switch-lg-wd, $switch-lg-hg); }\\r\\n &.switch-sm { @include switch-variant($switch-sm-wd, $switch-sm-hg); }\\r\\n}\\r\\n\\r\\n\\r\\n.switch input:checked + span {\\r\\n background-color: $ui-fg-color;\\r\\n border-color: $ui-fg-color;\\r\\n transition: all .5s;\\r\\n}\\r\\n\\r\\n.switch input:checked + span:after {\\r\\n left: 50%;\\r\\n transition: all .2s;\\r\\n}\\r\\n\\r\\n.switch input:disabled + span {\\r\\n background-color: #f1f1f1;\\r\\n cursor: not-allowed;\\r\\n}\\r\\n\\r\\n// form feedback variants\\r\\n\\r\\n.form-control-feedback {\\r\\n // top: 10px;\\r\\n left: $padding-base-horizontal;\\r\\n right: auto;\\r\\n\\r\\n .form-control + &,\\r\\n .form-control + .parsley-errors-list + & {\\r\\n right: 0;\\r\\n left: auto;\\r\\n // top: 10px;\\r\\n }\\r\\n\\r\\n .input-sm + &,\\r\\n .input-sm + .parsley-errors-list + & {\\r\\n top: 0;\\r\\n }\\r\\n\\r\\n label + .form-control + &,\\r\\n label + .form-control + .parsley-errors-list + & {\\r\\n // top: 36px;\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n.input-md {\\r\\n width: 260px;\\r\\n}\\r\\n\\r\\n\\r\\n.note-editor {\\r\\n background-image: -webkit-linear-gradient(#eee .1em, transparent .1em);\\r\\n background-image: linear-gradient(#eee .1em, transparent .1em);\\r\\n\\r\\n background-size: 100% 20px;\\r\\n background-color: #fff;\\r\\n\\r\\n line-height: 20px;\\r\\n margin-top: 5px;\\r\\n padding: 0;\\r\\n padding-bottom: 1px;\\r\\n border: none;\\r\\n $margin-color: $brand-warning;\\r\\n &.note-editor-margin {\\r\\n background-image:\\r\\n -webkit-linear-gradient(0deg, transparent 49px, lighten($margin-color, 30%) 49px, lighten($margin-color, 30%) 51px, transparent 51px), -webkit-linear-gradient(#eee .1em, transparent .1em);\\r\\n background-image:\\r\\n linear-gradient(90deg, transparent 49px, lighten($margin-color, 30%) 49px, lighten($margin-color, 30%) 51px, transparent 51px),\\r\\n linear-gradient(#eee .1em, transparent .1em);\\r\\n padding-left: 55px;\\r\\n }\\r\\n}\\r\\n\",\"// Summernote\\r\\n\\r\\n.summernote {\\r\\n + .note-editor {\\r\\n background-image: none !important;\\r\\n &.note-frame {\\r\\n border-color: $gray-light;\\r\\n &.fullscreen {\\r\\n margin-top: 0;\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n top: $navbar-hg;\\r\\n left: $aside-wd;\\r\\n right: 0;\\r\\n width: auto !important;\\r\\n }\\r\\n }\\r\\n }\\r\\n }\\r\\n}\\r\\n// Summernote fullscreen layout support\\r\\n.aside-collapsed {\\r\\n .summernote + .note-editor.note-frame.fullscreen {\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n left: $aside-wd-collapsed;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.aside-collapsed-text {\\r\\n .summernote + .note-editor.note-frame.fullscreen {\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n left: $aside-wd-collapsed-text;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.aside-float {\\r\\n .summernote + .note-editor.note-frame.fullscreen {\\r\\n @media only screen and (min-width: $mq-tablet) {\\r\\n margin-left: 30px;\\r\\n }\\r\\n }\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: code-editor\\r\\n ========================================================================== */\\r\\n\\r\\n$toolbar-hg: 50px;\\r\\n$toolbar-bg: #fff;\\r\\n$toolbar-border-color: $gray;\\r\\n\\r\\n$codefiles-bg: $gray-lighter;\\r\\n$codefiles-border-color: $gray;\\r\\n\\r\\n$codefiles-item-color: $gray-dark;\\r\\n$codefiles-item-hover-bg: $gray-light;\\r\\n$codefiles-item-active-bg: $brand-info;\\r\\n$codefiles-item-active-color: #fff;\\r\\n\\r\\n\\r\\n.code-container {\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.code-files {\\r\\n border-right: 1px solid $codefiles-border-color;\\r\\n background-color: $codefiles-bg;\\r\\n \\r\\n .nav.nav-pills {\\r\\n padding: 10px;\\r\\n overflow: hidden;\\r\\n > li > a {\\r\\n color: $codefiles-item-color;\\r\\n &:hover {\\r\\n background-color: $codefiles-item-hover-bg;\\r\\n }\\r\\n }\\r\\n > li.active > a {\\r\\n background-color: $codefiles-item-active-bg;\\r\\n color: $codefiles-item-active-color;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n.code-toolbar {\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n height: $toolbar-hg;\\r\\n margin: 0;\\r\\n border-bottom: 1px solid $toolbar-border-color;\\r\\n background: $toolbar-bg;\\r\\n z-index: 5;\\r\\n}\\r\\n\\r\\n.code-editor {\\r\\n position: relative;\\r\\n padding-top: $toolbar-hg;\\r\\n \\r\\n // a bit of hack\\r\\n .CodeMirror {\\r\\n\\r\\n @media only screen and (min-width: $mq-mobile) {\\r\\n max-height: 100%;\\r\\n min-height: 180px;\\r\\n height: 100%; \\r\\n }\\r\\n\\r\\n .CodeMirror-scroll {\\r\\n height: 100%;\\r\\n }\\r\\n .CodeMirror-gutters {\\r\\n min-height: 100%;\\r\\n }\\r\\n }\\r\\n\\r\\n}\\r\\n\",\"/* ========================================================================\\r\\n Component: table-extras\\r\\n ========================================================================== */\\r\\n \\r\\n//\\r\\n// Add support to components inside tables\\r\\n// \\r\\n\\r\\n.table {\\r\\n > thead > tr > th {\\r\\n padding: 14px 8px;\\r\\n color: #888;\\r\\n }\\r\\n > tbody > tr > td {\\r\\n vertical-align: middle;\\r\\n > .media {\\r\\n img {\\r\\n width: 36px;\\r\\n height: 36px;\\r\\n margin: 0 auto;\\r\\n }\\r\\n }\\r\\n }\\r\\n\\r\\n .checkbox {\\r\\n margin: 0 auto;\\r\\n width: 20px;\\r\\n }\\r\\n \\r\\n .progress {\\r\\n margin-bottom: 0\\r\\n }\\r\\n\\r\\n .radial-bar {\\r\\n margin-bottom: 0;\\r\\n margin: 0 auto;\\r\\n }\\r\\n}\\r\\n\\r\\n.jqstooltip { box-sizing: content-box;}\\r\\n\\r\\n// Extended table demos\\r\\n\\r\\n#table-ext-1 {\\r\\n th {\\r\\n &:nth-child(1) {\\r\\n width: 3%;\\r\\n }\\r\\n &:nth-child(2) {\\r\\n width: 5%;\\r\\n }\\r\\n &:nth-child(7) {\\r\\n width: 5%;\\r\\n }\\r\\n &:nth-child(9) {\\r\\n width: 5%;\\r\\n }\\r\\n }\\r\\n}\\r\\n\\r\\n#table-ext-2 {\\r\\n th {\\r\\n &:nth-child(1) {\\r\\n width: 5%;\\r\\n }\\r\\n &:nth-child(3) {\\r\\n width: 10%;\\r\\n }\\r\\n }\\r\\n}\",\"/* ========================================================================\\r\\n Component: table-angulargrid\\r\\n ========================================================================== */\\r\\n \\r\\n.ag-angle {\\r\\n .ag-root {\\r\\n border: 1px solid $gray-light;\\r\\n // font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\r\\n }\\r\\n .ag-cell {\\r\\n padding: 4px 15px;\\r\\n }\\r\\n .ag-cell-focus {\\r\\n border: 1px solid darken($gray, 10%);\\r\\n }\\r\\n .ag-cell-no-focus {\\r\\n border-right: 1px dotted $gray-light;\\r\\n border-top: 1px solid transparent;\\r\\n border-left: 1px solid transparent;\\r\\n border-bottom: 1px solid transparent;\\r\\n }\\r\\n .ag-pinned-header {\\r\\n border-bottom: 1px solid $gray-light;\\r\\n }\\r\\n .ag-header-container {\\r\\n border-bottom: 1px solid $gray-light;\\r\\n }\\r\\n .ag-header {\\r\\n border-top: 2px solid $gray-light;\\r\\n //height: auto !important;\\r\\n }\\r\\n .ag-header-cell {\\r\\n border-right: 1px solid $gray-light;\\r\\n background-color: #fff;\\r\\n }\\r\\n .ag-header-group-cell {\\r\\n border-right: 1px solid $gray-light;\\r\\n }\\r\\n .ag-header-group-cell-with-group {\\r\\n border-bottom: 1px solid $gray-light;\\r\\n }\\r\\n .ag-header-cell-label {\\r\\n padding: 8px 15px;\\r\\n }\\r\\n .ag-header-cell-text {\\r\\n padding-left: 2px;\\r\\n }\\r\\n .ag-header-group-cell-label {\\r\\n padding: 4px;\\r\\n font-weight: bold;\\r\\n }\\r\\n .ag-header-group-text {\\r\\n margin-right: 2px;\\r\\n }\\r\\n .ag-header-cell-menu-button {\\r\\n padding: 2px;\\r\\n margin-top: 6px;\\r\\n //border: 1px solid transparent;\\r\\n border-radius: 2px;\\r\\n cursor: pointer;\\r\\n .ag-header-icon {\\r\\n color: $gray-lighter; \\r\\n }\\r\\n }\\r\\n .ag-header-cell-menu-button:hover {\\r\\n //border: 1px solid $gray;\\r\\n .ag-header-icon {\\r\\n color: $gray;\\r\\n }\\r\\n }\\r\\n .ag-header-icon {\\r\\n color: #800000;\\r\\n }\\r\\n .ag-dark {\\r\\n .ag-header-expand-icon:hover {\\r\\n cursor: pointer;\\r\\n }\\r\\n }\\r\\n .ag-header-row {\\r\\n min-height: 35px;\\r\\n }\\r\\n .ag-row-odd {\\r\\n background-color: $gray-lighter;\\r\\n }\\r\\n .ag-row-even {\\r\\n background-color: #fff;\\r\\n }\\r\\n .ag-loading-panel {\\r\\n background-color: rgba(255,255,255,0.5);\\r\\n }\\r\\n .ag-loading-center {\\r\\n background-color: #fff;\\r\\n border: 1px solid $gray-light;\\r\\n border-radius: 4px;\\r\\n padding: 10px;\\r\\n }\\r\\n .ag-body {\\r\\n // padding-top: 40px !important;\\r\\n background-color: #fff;\\r\\n }\\r\\n .ag-row-selected {\\r\\n background-color: #b0e0e6;\\r\\n }\\r\\n .ag-group-cell-entire-row {\\r\\n background-color: #aaa;\\r\\n padding: 4px;\\r\\n }\\r\\n .ag-footer-cell-entire-row {\\r\\n background-color: #aaa;\\r\\n padding: 4px;\\r\\n }\\r\\n .ag-group-cell {\\r\\n font-style: italic;\\r\\n }\\r\\n .ag-footer-cell {\\r\\n font-style: italic;\\r\\n }\\r\\n .ag-filter-checkbox {\\r\\n position: relative;\\r\\n top: 2px;\\r\\n left: 2px;\\r\\n }\\r\\n .ag-filter-header-container {\\r\\n border-bottom: 1px solid $gray;\\r\\n }\\r\\n .ag-filter {\\r\\n border: 1px solid $gray-light;\\r\\n background-color: #fff;\\r\\n input[type=\\\"text\\\"],\\r\\n select {\\r\\n width: 95%;\\r\\n height: $input-height-small; // Make inputs at least the height of their button counterpart (base line-height + padding + border)\\r\\n padding: $padding-small-vertical $padding-small-horizontal;\\r\\n font-size: $font-size-small;\\r\\n line-height: $line-height-small;\\r\\n color: $input-color;\\r\\n background-color: $input-bg;\\r\\n background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214\\r\\n border: 1px solid $input-border;\\r\\n border-radius: $input-border-radius; // Note: This has no effect on