From 01f061935d6d2dd3fffea64a26168508f384685c Mon Sep 17 00:00:00 2001
From: A-L-J <86753295+A-L-J@users.noreply.github.com>
Date: Thu, 15 Jul 2021 20:44:31 +0800
Subject: [PATCH] animated donut chart
---
.../ui-elements/examples.charts.js | 1013 +
donut-chart/assets/stylesheets/theme.css | 19320 ++++++++++++++++
donut-chart/assets/vendor/jquery/jquery.js | 10220 ++++++++
.../assets/vendor/morris.js/morris.css | 2 +
donut-chart/assets/vendor/morris.js/morris.js | 1892 ++
donut-chart/assets/vendor/raphael/raphael.js | 3 +
donut-chart/index.html | 29 +
7 files changed, 32479 insertions(+)
create mode 100644 donut-chart/assets/javascripts/ui-elements/examples.charts.js
create mode 100644 donut-chart/assets/stylesheets/theme.css
create mode 100644 donut-chart/assets/vendor/jquery/jquery.js
create mode 100644 donut-chart/assets/vendor/morris.js/morris.css
create mode 100644 donut-chart/assets/vendor/morris.js/morris.js
create mode 100644 donut-chart/assets/vendor/raphael/raphael.js
create mode 100644 donut-chart/index.html
diff --git a/donut-chart/assets/javascripts/ui-elements/examples.charts.js b/donut-chart/assets/javascripts/ui-elements/examples.charts.js
new file mode 100644
index 0000000..0eb7fc6
--- /dev/null
+++ b/donut-chart/assets/javascripts/ui-elements/examples.charts.js
@@ -0,0 +1,1013 @@
+/*
+Name: UI Elements / Charts - Examples
+Written by: Okler Themes - (http://www.okler.net)
+Theme Version: 1.7.0
+*/
+
+(function($) {
+
+ 'use strict';
+
+ /*
+ Flot: Basic
+ */
+ (function() {
+ if( $('#flotBasic').get(0) ) {
+ var plot = $.plot('#flotBasic', flotBasicData, {
+ series: {
+ lines: {
+ show: true,
+ fill: true,
+ lineWidth: 1,
+ fillColor: {
+ colors: [{
+ opacity: 0.45
+ }, {
+ opacity: 0.45
+ }]
+ }
+ },
+ points: {
+ show: true
+ },
+ shadowSize: 0
+ },
+ grid: {
+ hoverable: true,
+ clickable: true,
+ borderColor: 'rgba(0,0,0,0.1)',
+ borderWidth: 1,
+ labelMargin: 15,
+ backgroundColor: 'transparent'
+ },
+ yaxis: {
+ min: 0,
+ max: 200,
+ color: 'rgba(0,0,0,0.1)'
+ },
+ xaxis: {
+ color: 'rgba(0,0,0,0.1)'
+ },
+ tooltip: true,
+ tooltipOpts: {
+ content: '%s: Value of %x is %y',
+ shifts: {
+ x: -60,
+ y: 25
+ },
+ defaultTheme: false
+ }
+ });
+ }
+ })();
+
+ /*
+ Flot: Real-Time
+ */
+ var data = [],
+ totalPoints = 300;
+
+ function getRandomData() {
+ if( $('#flotRealTime').get(0) ) {
+ if (data.length > 0)
+ data = data.slice(1);
+
+ // Do a random walk
+ while (data.length < totalPoints) {
+
+ var prev = data.length > 0 ? data[data.length - 1] : 50,
+ y = prev + Math.random() * 10 - 5;
+
+ if (y < 0) {
+ y = 0;
+ } else if (y > 100) {
+ y = 100;
+ }
+
+ data.push(y);
+ }
+
+ // Zip the generated y values with the x values
+ var res = [];
+ for (var i = 0; i < data.length; ++i) {
+ res.push([i, data[i]])
+ }
+
+ return res;
+ }
+ }
+
+ if( $('#flotRealTime').get(0) ) {
+ var plot = $.plot('#flotRealTime', [getRandomData()], {
+ colors: ['#8CC9E8'],
+ series: {
+ lines: {
+ show: true,
+ fill: true,
+ lineWidth: 1,
+ fillColor: {
+ colors: [{
+ opacity: 0.45
+ }, {
+ opacity: 0.45
+ }]
+ }
+ },
+ points: {
+ show: false
+ },
+ shadowSize: 0
+ },
+ grid: {
+ borderColor: 'rgba(0,0,0,0.1)',
+ borderWidth: 1,
+ labelMargin: 15,
+ backgroundColor: 'transparent'
+ },
+ yaxis: {
+ min: 0,
+ max: 100,
+ color: 'rgba(0,0,0,0.1)'
+ },
+ xaxis: {
+ show: false
+ }
+ });
+ }
+
+ function update() {
+ if( $('#flotRealTime').get(0) ) {
+ plot.setData([getRandomData()]);
+
+ // Since the axes don't change, we don't need to call plot.setupGrid()
+ plot.draw();
+ setTimeout(update, $( 'html' ).hasClass( 'mobile-device' ) ? 1000 : 30 );
+ }
+ }
+ update();
+
+ /*
+ Flot: Bars
+ */
+ (function() {
+ if( $('#flotBars').get(0) ) {
+ var plot = $.plot('#flotBars', [flotBarsData], {
+ colors: ['#8CC9E8'],
+ series: {
+ bars: {
+ show: true,
+ barWidth: 0.8,
+ align: 'center'
+ }
+ },
+ xaxis: {
+ mode: 'categories',
+ tickLength: 0
+ },
+ grid: {
+ hoverable: true,
+ clickable: true,
+ borderColor: 'rgba(0,0,0,0.1)',
+ borderWidth: 1,
+ labelMargin: 15,
+ backgroundColor: 'transparent'
+ },
+ tooltip: true,
+ tooltipOpts: {
+ content: '%y',
+ shifts: {
+ x: -10,
+ y: 20
+ },
+ defaultTheme: false
+ }
+ });
+ }
+ })();
+
+ /*
+ Flot: Pie
+ */
+ (function() {
+ if( $('#flotPie').get(0) ) {
+ var plot = $.plot('#flotPie', flotPieData, {
+ series: {
+ pie: {
+ show: true,
+ combine: {
+ color: '#999',
+ threshold: 0.1
+ }
+ }
+ },
+ legend: {
+ show: false
+ },
+ grid: {
+ hoverable: true,
+ clickable: true
+ }
+ });
+ }
+ })();
+
+
+ /*
+ Morris: Line
+ */
+ if( $('#morrisLine').get(0) ) {
+ Morris.Line({
+ resize: true,
+ element: 'morrisLine',
+ data: morrisLineData,
+ xkey: 'y',
+ ykeys: ['a', 'b'],
+ labels: ['Series A', 'Series B'],
+ hideHover: true,
+ lineColors: ['#0088cc', '#734ba9'],
+ });
+ }
+
+ /*
+ Morris: Donut
+ */
+ if( $('#morrisDonut').get(0) ) {
+ Morris.Donut({
+ resize: true,
+ element: 'morrisDonut',
+ data: morrisDonutData,
+ colors: ['#0088cc', '#734ba9', '#E36159']
+ });
+ }
+
+ /*
+ Morris: Bar
+ */
+ if( $('#morrisBar').get(0) ) {
+ Morris.Bar({
+ resize: true,
+ element: 'morrisBar',
+ data: morrisBarData,
+ xkey: 'y',
+ ykeys: ['a', 'b'],
+ labels: ['Series A', 'Series B'],
+ hideHover: true,
+ barColors: ['#0088cc', '#2baab1']
+ });
+ }
+
+ /*
+ Morris: Area
+ */
+ if( $('#morrisArea').get(0) ) {
+ Morris.Area({
+ resize: true,
+ element: 'morrisArea',
+ data: morrisAreaData,
+ xkey: 'y',
+ ykeys: ['a', 'b'],
+ labels: ['Series A', 'Series B'],
+ lineColors: ['#0088cc', '#2baab1'],
+ fillOpacity: 0.7,
+ hideHover: true
+ });
+ }
+
+ /*
+ Morris: Stacked
+ */
+ if( $('#morrisStacked').get(0) ) {
+ Morris.Bar({
+ resize: true,
+ element: 'morrisStacked',
+ data: morrisStackedData,
+ xkey: 'y',
+ ykeys: ['a', 'b'],
+ labels: ['Series A', 'Series B'],
+ barColors: ['#0088cc', '#2baab1'],
+ fillOpacity: 0.7,
+ smooth: false,
+ stacked: true,
+ hideHover: true
+ });
+ }
+
+ /*
+ Gauge: Basic
+ */
+ (function() {
+ if( $('#gaugeBasic').get(0) ) {
+ var target = $('#gaugeBasic'),
+ opts = $.extend(true, {}, {
+ lines: 12, // The number of lines to draw
+ angle: 0.12, // The length of each line
+ lineWidth: 0.5, // The line thickness
+ pointer: {
+ length: 0.7, // The radius of the inner circle
+ strokeWidth: 0.05, // The rotation offset
+ color: '#444' // Fill color
+ },
+ limitMax: 'true', // If true, the pointer will not go past the end of the gauge
+ colorStart: '#0088CC', // Colors
+ colorStop: '#0088CC', // just experiment with them
+ strokeColor: '#F1F1F1', // to see which ones work best for you
+ generateGradient: true
+ }, target.data('plugin-options'));
+
+ var gauge = new Gauge(target.get(0)).setOptions(opts);
+
+ gauge.maxValue = opts.maxValue; // set max gauge value
+ gauge.animationSpeed = 32; // set animation speed (32 is default value)
+ gauge.set(opts.value); // set actual value
+ gauge.setTextField(document.getElementById("gaugeBasicTextfield"));
+ }
+ })();
+
+ /*
+ Gauge: Alternative
+ */
+ (function() {
+ if( $('#gaugeAlternative').get(0) ) {
+ var target = $('#gaugeAlternative'),
+ opts = $.extend(true, {}, {
+ lines: 12, // The number of lines to draw
+ angle: 0.12, // The length of each line
+ lineWidth: 0.5, // The line thickness
+ pointer: {
+ length: 0.7, // The radius of the inner circle
+ strokeWidth: 0.05, // The rotation offset
+ color: '#444' // Fill color
+ },
+ limitMax: 'true', // If true, the pointer will not go past the end of the gauge
+ colorStart: '#2BAAB1', // Colors
+ colorStop: '#2BAAB1', // just experiment with them
+ strokeColor: '#F1F1F1', // to see which ones work best for you
+ generateGradient: true
+ }, target.data('plugin-options'));
+
+ var gauge = new Gauge(target.get(0)).setOptions(opts);
+
+ gauge.maxValue = opts.maxValue; // set max gauge value
+ gauge.animationSpeed = 32; // set animation speed (32 is default value)
+ gauge.set(opts.value); // set actual value
+ gauge.setTextField(document.getElementById("gaugeAlternativeTextfield"));
+ }
+ })();
+
+ /*
+ Liquid Meter
+ */
+ if( $('#meter').get(0) ) {
+ $('#meter').liquidMeter({
+ shape: 'circle',
+ color: '#0088CC',
+ background: '#F9F9F9',
+ fontSize: '24px',
+ fontWeight: '600',
+ stroke: '#F2F2F2',
+ textColor: '#333',
+ liquidOpacity: 0.9,
+ liquidPalette: ['#333'],
+ speed: 3000,
+ animate: !$.browser.mobile
+ });
+ }
+
+ /*
+ Liquid Meter Dark
+ */
+ if( $('#meterDark').get(0) ) {
+ $('#meterDark').liquidMeter({
+ shape: 'circle',
+ color: '#0088CC',
+ background: '#272A31',
+ stroke: '#33363F',
+ fontSize: '24px',
+ fontWeight: '600',
+ textColor: '#FFFFFF',
+ liquidOpacity: 0.9,
+ liquidPalette: ['#0088CC'],
+ speed: 3000,
+ animate: !$.browser.mobile
+ });
+ }
+
+ /*
+ Sparkline: Line
+ */
+ if( $('#sparklineLine').get(0) ) {
+ $("#sparklineLine").sparkline(sparklineLineData, {
+ type: 'line',
+ width: '80',
+ height: '30',
+ lineColor: '#0088cc'
+ });
+ }
+
+ /*
+ Sparkline: Bar
+ */
+ if( $('#sparklineBar').get(0) ) {
+ $("#sparklineBar").sparkline(sparklineBarData, {
+ type: 'bar',
+ width: '80',
+ height: '30',
+ barColor: '#0088cc',
+ negBarColor: '#B20000'
+ });
+ }
+
+ /*
+ Sparkline: Tristate
+ */
+ if( $('#sparklineTristate').get(0) ) {
+ $("#sparklineTristate").sparkline(sparklineTristateData, {
+ type: 'tristate',
+ width: '80',
+ height: '30',
+ posBarColor: '#0088cc',
+ negBarColor: '#B20000'
+ });
+ }
+
+ /*
+ Sparkline: Discrete
+ */
+ if( $('#sparklineDiscrete').get(0) ) {
+ $("#sparklineDiscrete").sparkline(sparklineDiscreteData, {
+ type: 'discrete',
+ width: '80',
+ height: '30',
+ lineColor: '#0088cc'
+ });
+ }
+
+ /*
+ Sparkline: Bullet
+ */
+ if( $('#sparklineBullet').get(0) ) {
+ $("#sparklineBullet").sparkline(sparklineBulletData, {
+ type: 'bullet',
+ width: '80',
+ height: '30',
+ targetColor: '#ff7f00',
+ performanceColor: '#0088cc'
+ });
+ }
+
+ /*
+ Sparkline: Pie
+ */
+ if( $('#sparklinePie').get(0) ) {
+ $("#sparklinePie").sparkline(sparklinePieData, {
+ type: 'pie',
+ height: '30',
+ barColor: '#0088cc'
+ });
+ }
+
+ /*
+ Chartist: Line Chart - Simple Chart
+ */
+ (function() {
+ if( $('#ChartistSimpleLineChart').get(0) ) {
+ new Chartist.Line('#ChartistSimpleLineChart', {
+ labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
+ series: [
+ [12, 9, 7, 8, 5],
+ [2, 1, 3.5, 7, 3],
+ [1, 3, 4, 5, 6]
+ ]
+ });
+ }
+ })();
+
+ /*
+ Chartist: Line Chart - Scatter Diagram With Responsive Settings
+ */
+ (function() {
+ if( $('#ChartistLineScatterDiagramWithResponsiveSettings').get(0) ) {
+ var times = function(n) {
+ return Array.apply(null, new Array(n));
+ };
+
+ var data = times(52).map(Math.random).reduce(function(data, rnd, index) {
+ data.labels.push(index + 1);
+ data.series.forEach(function(series) {
+ series.push(Math.random() * 100)
+ });
+
+ return data;
+ }, {
+ labels: [],
+ series: times(4).map(function() {
+ return new Array()
+ })
+ });
+
+ var options = {
+ showLine: false,
+ axisX: {
+ labelInterpolationFnc: function(value, index) {
+ return index % 13 === 0 ? 'W' + value : null;
+ }
+ }
+ };
+
+ var responsiveOptions = [
+ ['screen and (min-width: 640px)', {
+ axisX: {
+ labelInterpolationFnc: function(value, index) {
+ return index % 4 === 0 ? 'W' + value : null;
+ }
+ }
+ }]
+ ];
+
+ new Chartist.Line('#ChartistLineScatterDiagramWithResponsiveSettings', data, options, responsiveOptions);
+ }
+ })();
+
+ /*
+ Chartist: Line Chart - With Tooltips
+ */
+ (function() {
+ if( $('#ChartistLineChartWithTooltips').get(0) ) {
+ new Chartist.Line('#ChartistLineChartWithTooltips', {
+ labels: ['1', '2', '3', '4', '5', '6'],
+ series: [{
+ name: 'Fibonacci sequence',
+ data: [1, 2, 3, 5, 8, 13]
+ }, {
+ name: 'Golden section',
+ data: [1, 1.618, 2.618, 4.236, 6.854, 11.09]
+ }]
+ });
+
+ var $chart = $('#ChartistLineChartWithTooltips');
+
+ var $toolTip = $chart
+ .append('
')
+ .find('.tooltip')
+ .hide();
+
+ $chart.on('mouseenter', '.ct-point', function() {
+ var $point = $(this),
+ value = $point.attr('ct:value'),
+ seriesName = $point.parent().attr('ct:series-name');
+ $toolTip.html(seriesName + '
' + value).show();
+ });
+
+ $chart.on('mouseleave', '.ct-point', function() {
+ $toolTip.hide();
+ });
+
+ $chart.on('mousemove', function(event) {
+ $toolTip.css({
+ left: (event.offsetX || event.originalEvent.layerX) - $toolTip.width() / 2 - 10,
+ top: (event.offsetY || event.originalEvent.layerY) - $toolTip.height() - 40
+ });
+ });
+ }
+ })();
+
+ /*
+ Chartist: Line Chart - With Area
+ */
+ (function() {
+ if( $('#ChartistLineChartWithArea').get(0) ) {
+ new Chartist.Line('#ChartistLineChartWithArea', {
+ labels: [1, 2, 3, 4, 5, 6, 7, 8],
+ series: [
+ [5, 9, 7, 8, 5, 3, 5, 4]
+ ]
+ }, {
+ low: 0,
+ showArea: true
+ });
+ }
+ })();
+
+ /*
+ Chartist: Line Chart - Bi-Polar Chart With Area Only
+ */
+ (function() {
+ if( $('#ChartistBiPolarLineChartWithAreaOnly').get(0) ) {
+ new Chartist.Line('#ChartistBiPolarLineChartWithAreaOnly', {
+ labels: [1, 2, 3, 4, 5, 6, 7, 8],
+ series: [
+ [1, 2, 3, 1, -2, 0, 1, 0],
+ [-2, -1, -2, -1, -2.5, -1, -2, -1],
+ [0, 0, 0, 1, 2, 2.5, 2, 1],
+ [2.5, 2, 1, 0.5, 1, 0.5, -1, -2.5]
+ ]
+ }, {
+ high: 3,
+ low: -3,
+ showArea: true,
+ showLine: false,
+ showPoint: false,
+ fullWidth: true,
+ axisX: {
+ showLabel: false,
+ showGrid: false
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist: Line Chart - Using Events to Replace Graphics
+ */
+ (function() {
+ if( $('#ChartistEventsToReplaceGraphics').get(0) ) {
+ var chart = new Chartist.Line('#ChartistEventsToReplaceGraphics', {
+ labels: [1, 2, 3, 4, 5],
+ series: [
+ [12, 9, 7, 8, 5]
+ ]
+ });
+
+ // Listening for draw events that get emitted by the Chartist chart
+ chart.on('draw', function(data) {
+ // If the draw event was triggered from drawing a point on the line chart
+ if (data.type === 'point') {
+ // We are creating a new path SVG element that draws a triangle around the point coordinates
+ var triangle = new Chartist.Svg('path', {
+ d: ['M',
+ data.x,
+ data.y - 15,
+ 'L',
+ data.x - 15,
+ data.y + 8,
+ 'L',
+ data.x + 15,
+ data.y + 8,
+ 'z'
+ ].join(' '),
+ style: 'fill-opacity: 1'
+ }, 'ct-area');
+
+ // With data.element we get the Chartist SVG wrapper and we can replace the original point drawn by Chartist with our newly created triangle
+ data.element.replace(triangle);
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist: Line Chart - Interpolation / Smoothing
+ */
+ (function() {
+ if( $('#ChartistLineInterpolationSmoothing').get(0) ) {
+ var chart = new Chartist.Line('#ChartistLineInterpolationSmoothing', {
+ labels: [1, 2, 3, 4, 5],
+ series: [
+ [1, 5, 10, 0, 1, 2],
+ [10, 15, 0, 1, 2, 3]
+ ]
+ }, {
+ // Remove this configuration to see that chart rendered with cardinal spline interpolation
+ // Sometimes, on large jumps in data values, it's better to use simple smoothing.
+ lineSmooth: Chartist.Interpolation.simple({
+ divisor: 2
+ }),
+ fullWidth: true,
+ low: 0
+ });
+ }
+ })();
+
+ /*
+ Chartist: Bar Chart - Bi-Polar Chart
+ */
+ (function() {
+ if( $('#ChartistBiPolarBarChart').get(0) ) {
+ var data = {
+ labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
+ series: [
+ [1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
+ ]
+ };
+
+ var options = {
+ high: 10,
+ low: -10,
+ axisX: {
+ labelInterpolationFnc: function(value, index) {
+ return index % 2 === 0 ? value : null;
+ }
+ }
+ };
+
+ new Chartist.Bar('#ChartistBiPolarBarChart', data, options);
+ }
+ })();
+
+ /*
+ Chartist: Bar Chart - Overlapping On Mobile
+ */
+ (function() {
+ if( $('#ChartistOverlappingBarsOnMobile').get(0) ) {
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ series: [
+ [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8],
+ [3, 2, 9, 5, 4, 6, 4, 6, 7, 8, 7, 4]
+ ]
+ };
+
+ var options = {
+ seriesBarDistance: 10
+ };
+
+ var responsiveOptions = [
+ ['screen and (max-width: 640px)', {
+ seriesBarDistance: 5,
+ axisX: {
+ labelInterpolationFnc: function(value) {
+ return value[0];
+ }
+ }
+ }]
+ ];
+
+ new Chartist.Bar('#ChartistOverlappingBarsOnMobile', data, options, responsiveOptions);
+ }
+ })();
+
+ /*
+ Chartist: Bar Chart - Add Peak Circles Using Draw Events
+ */
+ (function() {
+ if( $('#ChartistAddPeakCirclesUsingDrawEvents').get(0) ) {
+ // Create a simple bi-polar bar chart
+ var chart = new Chartist.Bar('#ChartistAddPeakCirclesUsingDrawEvents', {
+ labels: ['W1', 'W2', 'W3', 'W4', 'W5', 'W6', 'W7', 'W8', 'W9', 'W10'],
+ series: [
+ [1, 2, 4, 8, 6, -2, -1, -4, -6, -2]
+ ]
+ }, {
+ high: 10,
+ low: -10,
+ axisX: {
+ labelInterpolationFnc: function(value, index) {
+ return index % 2 === 0 ? value : null;
+ }
+ }
+ });
+
+ // Listen for draw events on the bar chart
+ chart.on('draw', function(data) {
+ // If this draw event is of type bar we can use the data to create additional content
+ if (data.type === 'bar') {
+ // We use the group element of the current series to append a simple circle with the bar peek coordinates and a circle radius that is depending on the value
+ data.group.append(new Chartist.Svg('circle', {
+ cx: data.x2,
+ cy: data.y2,
+ r: Math.abs(Chartist.getMultiValue(data.value)) * 2 + 5
+ }, 'ct-slice-pie'));
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist: Bar Chart - Multi-Line Labels
+ */
+ (function() {
+ if( $('#ChartistMultiLineLabels').get(0) ) {
+ new Chartist.Bar('#ChartistMultiLineLabels', {
+ labels: ['First quarter of the year', 'Second quarter of the year', 'Third quarter of the year', 'Fourth quarter of the year'],
+ series: [
+ [60000, 40000, 80000, 70000],
+ [40000, 30000, 70000, 65000],
+ [8000, 3000, 10000, 6000]
+ ]
+ }, {
+ seriesBarDistance: 10,
+ axisX: {
+ offset: 60
+ },
+ axisY: {
+ offset: 80,
+ labelInterpolationFnc: function(value) {
+ return value + ' CHF'
+ },
+ scaleMinSpace: 15
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist: Bar Chart - Stacked Chart
+ */
+ (function() {
+ if( $('#ChartistStackedChart').get(0) ) {
+ new Chartist.Bar('#ChartistStackedChart', {
+ labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+ series: [
+ [800000, 1200000, 1400000, 1300000],
+ [200000, 400000, 500000, 300000],
+ [100000, 200000, 400000, 600000]
+ ]
+ }, {
+ stackBars: true,
+ axisY: {
+ labelInterpolationFnc: function(value) {
+ return (value / 1000) + 'k';
+ }
+ }
+ }).on('draw', function(data) {
+ if (data.type === 'bar') {
+ data.element.attr({
+ style: 'stroke-width: 30px'
+ });
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist: Bar Chart - Horizontal Chart
+ */
+ (function() {
+ if( $('#ChartistHorizontalChart').get(0) ) {
+ new Chartist.Bar('#ChartistHorizontalChart', {
+ labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
+ series: [
+ [5, 4, 3, 7, 5, 10, 3],
+ [3, 2, 9, 5, 4, 6, 4]
+ ]
+ }, {
+ seriesBarDistance: 10,
+ reverseData: true,
+ horizontalBars: true,
+ axisY: {
+ offset: 70
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist:
+ */
+ (function() {
+ if( $('#ChartistExtremeResponsiveConfiguration').get(0) ) {
+ new Chartist.Bar('#ChartistExtremeResponsiveConfiguration', {
+ labels: ['Quarter 1', 'Quarter 2', 'Quarter 3', 'Quarter 4'],
+ series: [
+ [5, 4, 3, 7],
+ [3, 2, 9, 5],
+ [1, 5, 8, 4],
+ [2, 3, 4, 6],
+ [4, 1, 2, 1]
+ ]
+ }, {
+ // Default mobile configuration
+ stackBars: true,
+ axisX: {
+ labelInterpolationFnc: function(value) {
+ return value.split(/\s+/).map(function(word) {
+ return word[0];
+ }).join('');
+ }
+ },
+ axisY: {
+ offset: 20
+ }
+ }, [
+ // Options override for media > 400px
+ ['screen and (min-width: 400px)', {
+ reverseData: true,
+ horizontalBars: true,
+ axisX: {
+ labelInterpolationFnc: Chartist.noop
+ },
+ axisY: {
+ offset: 60
+ }
+ }],
+ // Options override for media > 800px
+ ['screen and (min-width: 800px)', {
+ stackBars: false,
+ seriesBarDistance: 10
+ }],
+ // Options override for media > 1000px
+ ['screen and (min-width: 1000px)', {
+ reverseData: false,
+ horizontalBars: false,
+ seriesBarDistance: 15
+ }]
+ ]);
+ }
+ })();
+
+ /*
+ Chartist: Pie Chart - Simple Chart
+ */
+ (function() {
+ if( $('#ChartistSimplePieChart').get(0) ) {
+ var data = {
+ series: [5, 3, 4]
+ };
+
+ var sum = function(a, b) {
+ return a + b
+ };
+
+ new Chartist.Pie('#ChartistSimplePieChart', data, {
+ labelInterpolationFnc: function(value) {
+ return Math.round(value / data.series.reduce(sum) * 100) + '%';
+ }
+ });
+ }
+ })();
+
+ /*
+ Chartist: Pie Chart - With Custom Labels
+ */
+ (function() {
+ if( $('#ChartistPieChartWithCustomLabels').get(0) ) {
+ var data = {
+ labels: ['Bananas', 'Apples', 'Grapes'],
+ series: [20, 15, 40]
+ };
+ var options = {
+ labelInterpolationFnc: function(value) {
+ return value[0]
+ }
+ };
+ var responsiveOptions = [
+ ['screen and (min-width: 640px)', {
+ chartPadding: 30,
+ labelOffset: 100,
+ labelDirection: 'explode',
+ labelInterpolationFnc: function(value) {
+ return value;
+ }
+ }],
+ ['screen and (min-width: 1024px)', {
+ labelOffset: 80,
+ chartPadding: 20
+ }]
+ ];
+ new Chartist.Pie('#ChartistPieChartWithCustomLabels', data, options, responsiveOptions);
+ }
+ })();
+
+ /*
+ Chartist: Gauge Chart
+ */
+ (function() {
+ if( $('#ChartistGaugeChart').get(0) ) {
+ new Chartist.Pie('#ChartistGaugeChart', {
+ series: [20, 10, 30, 40]
+ }, {
+ donut: true,
+ donutWidth: 60,
+ startAngle: 270,
+ total: 200,
+ showLabel: false
+ });
+ }
+ })();
+
+ /*
+ Chartist: CSS Animation
+ */
+ (function() {
+ if( $('#ChartistCSSAnimation').get(0) ) {
+ var data = {
+ labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+ series: [
+ [1, 2, 2.7, 0, 3, 5, 3, 4, 8, 10, 12, 7],
+ [0, 1.2, 2, 7, 2.5, 9, 5, 8, 9, 11, 14, 4],
+ [10, 9, 8, 6.5, 6.8, 6, 5.4, 5.3, 4.5, 4.4, 3, 2.8]
+ ]
+ };
+
+ var responsiveOptions = [
+ [
+ 'only screen', {
+ axisX: {
+ labelInterpolationFnc: function(value, index) {
+ // Interpolation function causes only every 2nd label to be displayed
+ if (index % 2 !== 0) {
+ return false;
+ } else {
+ return value;
+ }
+ }
+ }
+ }
+ ]
+ ];
+
+ new Chartist.Line('#ChartistCSSAnimation', data, null, responsiveOptions);
+ }
+ })();
+
+}).apply(this, [jQuery]);
\ No newline at end of file
diff --git a/donut-chart/assets/stylesheets/theme.css b/donut-chart/assets/stylesheets/theme.css
new file mode 100644
index 0000000..a96207e
--- /dev/null
+++ b/donut-chart/assets/stylesheets/theme.css
@@ -0,0 +1,19320 @@
+/*
+Name: Theme Base
+Written by: Okler Themes - (http://www.okler.net)
+Theme Version: 1.7.0
+*/
+html,
+body {
+ background: #ecedf0;
+ width: 100%;
+}
+
+html {
+ font-size: 10px;
+ overflow-x: hidden !important;
+ overflow-y: scroll !important;
+}
+
+body {
+ color: #777;
+ font-family: "Open Sans", Arial, sans-serif;
+ line-height: 22px;
+ margin: 0;
+ font-size: 13px;
+}
+
+a {
+ color: #CCC;
+}
+
+a:hover, a:focus {
+ color: #d9d9d9;
+}
+
+a:active {
+ color: #bfbfbf;
+}
+
+/* Layout Base - Main Wrapper */
+.body {
+ min-height: 100vh;
+ width: 100%;
+}
+
+/* Layout Base - Header */
+.header {
+ height: 60px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+/* Layout Base - Inner Wrapper */
+.inner-wrapper {
+ display: table;
+ min-height: 100vh;
+ padding-top: 60px;
+ table-layout: fixed;
+ overflow: hidden;
+ width: 100%;
+}
+
+/* Layout Base - Content Body */
+.content-body {
+ display: table-cell;
+ padding: 40px;
+ position: relative;
+ vertical-align: top;
+}
+
+.content-body > .row + .row {
+ padding-top: 10px;
+}
+
+/* Layout Base - Page Header */
+.page-header {
+ background: #171717;
+ border-bottom: none;
+ border-left: 1px solid #3A3A3A;
+ box-shadow: 1px 3px 0 1px #CCCCCC;
+ height: 50px;
+ margin: -40px -40px 40px -40px;
+ padding: 0;
+}
+
+/* Layout Base - Sidebar Left */
+.sidebar-left {
+ color: #777;
+ display: table-cell;
+ position: relative;
+ vertical-align: top;
+ width: 300px;
+ z-index: 1010;
+}
+
+/* Layout Base - Sidebar Left Opened ( Larger than mobile ) */
+@media only screen and (min-width: 768px) {
+ html.sidebar-left-collapsed .sidebar-left {
+ width: 73px;
+ }
+}
+/* Layout Base - Sidebar Right */
+.sidebar-right {
+ background: #171717;
+ bottom: 0;
+ margin-right: -300px;
+ min-height: 100vh;
+ position: fixed;
+ right: 0;
+ top: 0;
+ width: 300px;
+}
+
+/* Layout Base - Sidebar Right Opened ( Larger than mobile ) */
+@media only screen and (min-width: 768px) {
+ html.sidebar-right-opened .header {
+ margin-left: -300px;
+ margin-right: 300px;
+ }
+
+ html.sidebar-right-opened .inner-wrapper {
+ margin-left: -300px;
+ }
+
+ html.sidebar-right-opened .sidebar-right {
+ margin-right: 0;
+ }
+
+ html.sidebar-right-opened.has-top-menu:not(.has-left-sidebar-half) .inner-wrapper {
+ margin-left: 0;
+ padding-right: 300px;
+ }
+}
+/* Layout Base - Sidebar Right Opened - Has Top Horizontal Menu ( Ipad ) */
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ html.sidebar-right-opened.has-top-menu:not(.has-left-sidebar-half) .content-body {
+ right: 300px;
+ }
+}
+/* Layout Base - Flexbox supported */
+@media only screen and (min-width: 768px) {
+ html.flexbox,
+ html.flexboxlegacy {
+ /* Tab Navigation */;
+ }
+
+ html.flexbox .inner-wrapper,
+ html.flexboxlegacy .inner-wrapper {
+ display: -webkit-box;
+ display: -moz-box;
+ display: box;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: flex;
+ }
+
+ html.flexbox .sidebar-left,
+ html.flexbox .content-body,
+ html.flexboxlegacy .sidebar-left,
+ html.flexboxlegacy .content-body {
+ display: block;
+ -webkit-flex-shrink: 0;
+ -moz-flex-shrink: 0;
+ flex-shrink: 0;
+ -ms-flex-negative: 0;
+ }
+
+ html.flexbox .content-body,
+ html.flexboxlegacy .content-body {
+ -webkit-box-flex: 2;
+ -moz-box-flex: 2;
+ box-flex: 2;
+ -webkit-flex: 2;
+ -moz-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+ min-width: 1px;
+ }
+
+ html.flexbox.has-tab-navigation .inner-wrapper,
+ html.flexboxlegacy.has-tab-navigation .inner-wrapper {
+ flex-direction: column;
+ }
+}
+/* Layout Fixed */
+@media only screen and (min-width: 768px) {
+ /* Layout Fixed - Reseting Styles */
+ html.fixed .inner-wrapper,
+ html.fixed .sidebar-left,
+ html.fixed .content-body {
+ display: block;
+ }
+
+ /* Layout Fixed - Header */
+ html.fixed .header {
+ position: fixed;
+ z-index: 1020;
+ }
+
+ /* Layout Fixed - Inner Wrapper */
+ html.fixed .inner-wrapper {
+ padding-top: 110px;
+ }
+
+ /* Layout Fixed - Content Body */
+ html.fixed .content-body {
+ margin-left: 300px;
+ }
+
+ html.fixed .content-body.has-toolbar {
+ padding-top: 92px;
+ }
+
+ html.fixed.has-top-menu:not(.has-left-sidebar-half) .content-body {
+ margin-left: 0;
+ }
+
+ /* Layout Fixed - Page header */
+ html.fixed .page-header {
+ left: 300px;
+ margin: 0;
+ position: fixed;
+ right: 0;
+ top: 60px;
+ }
+
+ html.fixed.has-top-menu:not(.has-left-sidebar-half) .page-header {
+ left: 0;
+ }
+
+ /* Layout Fixed - Sidebar Left */
+ html.fixed .sidebar-left {
+ bottom: 0;
+ left: 0;
+ padding-bottom: 50px;
+ position: fixed;
+ top: 60px;
+ }
+
+ html.fixed .sidebar-left .nano-content {
+ padding-bottom: 50px;
+ }
+
+ /* Layout Fixed - Sidebar Left Collapsed */
+ html.fixed.sidebar-left-collapsed .page-header {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-collapsed .content-body {
+ margin-left: 73px;
+ }
+
+ /* Layout Fixed - Sidebar Right Opened */
+ html.fixed.sidebar-right-opened .page-header {
+ left: 0;
+ margin-right: 300px;
+ }
+
+ html.fixed.sidebar-right-opened .sidebar-left {
+ left: -300px;
+ }
+
+ /* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header {
+ left: -300px;
+ }
+}
+/* Layout Boxed - small than min-width */
+@media only screen and (max-width: 1199px) {
+ html.boxed .header {
+ border-color: #CCC;
+ }
+}
+/* Layout Boxed - larger or equal min width */
+@media only screen and (min-width: 1200px) {
+ /* Layout Boxed - Body Tag */
+ html.boxed body {
+ background: url(../images/patterns/gray_jean.png) repeat;
+ padding-bottom: 5px;
+ }
+
+ /* Layout Boxed - Main Wrapper */
+ html.boxed .body {
+ position: relative;
+ max-width: 1200px;
+ margin: 0 auto;
+ padding-top: 25px;
+ background-color: transparent;
+ }
+
+ /* Layout Boxed - Header */
+ html.boxed .header {
+ border-top: 3px solid #CCC;
+ height: 60px;
+ position: absolute;
+ top: 25px;
+ }
+
+ /* Layout Boxed - Inner Wrapper */
+ html.boxed .inner-wrapper {
+ padding-top: 60px;
+ margin-bottom: 20px;
+ border-radius: 5px;
+ box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+ }
+
+ /* Layout Boxed - Content Body */
+ html.boxed .content-body {
+ background-color: #ecedf0;
+ }
+
+ /* Layout Boxed - Base */
+ html.boxed .header {
+ border-radius: 5px 5px 0 0;
+ }
+
+ html.boxed .sidebar-left {
+ border-radius: 0 0 0 5px;
+ position: relative;
+ margin-bottom: 0;
+ }
+
+ html.boxed .content-body {
+ border-radius: 0 0 5px 0;
+ }
+
+ html.boxed .sidebar-right {
+ border-radius: 0 5px 5px 0;
+ }
+
+ /* Layout Boxed - Sidebar Right */
+ html.boxed .sidebar-right {
+ border-top: 3px solid #CCC;
+ min-height: 0;
+ }
+
+ /* Layout Boxed - Sidebar Right Opened */
+ html.boxed.sidebar-right-opened .body {
+ overflow: hidden;
+ }
+
+ html.boxed.sidebar-right-opened .header {
+ border-radius: 5px 0 0 0;
+ }
+
+ html.boxed.sidebar-right-opened .content-body {
+ border-radius: 0 0 0 5px;
+ }
+
+ html.boxed.sidebar-right-opened .sidebar-right {
+ bottom: 20px;
+ position: absolute;
+ top: 25px;
+ border-radius: 0 5px 5px 5px;
+ }
+}
+/* Layout Boxed - larger or equal min width */
+@media only screen and (min-width: 768px) {
+ /* Layout Boxed - Content Body */
+ html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).sidebar-left-collapsed .content-body {
+ width: calc(100% - 73px);
+ }
+
+ html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).left-sidebar-panel .content-body {
+ width: calc(100% - 375px);
+ }
+
+ html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel).left-sidebar-panel.sidebar-right-opened .content-body {
+ width: calc(100% - 350px);
+ }
+
+ html.boxed:not(.sidebar-left-big-icons):not(.has-top-menu):not(.has-tab-navigation):not(.left-sidebar-panel) .content-body {
+ width: calc(100% - 300px);
+ flex: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ html,
+ body {
+ background: #ecedf0;
+ }
+
+ html.mobile-device .sidebar-left,
+ html.mobile-device .sidebar-right {
+ overflow-y: scroll;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+ }
+
+ body {
+ min-height: 100vh;
+ }
+
+ .inner-wrapper,
+ .sidebar-left,
+ .content-body {
+ display: block;
+ }
+
+ .body {
+ min-height: 0;
+ overflow: visible;
+ }
+
+ .header {
+ background: none;
+ border: none;
+ height: auto;
+ position: static;
+ }
+
+ .header .logo-container {
+ height: 60px;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 99;
+ }
+
+ .header .header-right {
+ background: #FFF;
+ float: none !important;
+ height: 60px;
+ margin-top: 60px;
+ width: 100%;
+ }
+
+ .inner-wrapper {
+ min-height: 0;
+ padding-top: 0;
+ }
+
+ .content-body {
+ padding: 0 15px 15px;
+ }
+
+ .page-header {
+ margin: 0 -15px 20px;
+ }
+
+ .sidebar-left {
+ bottom: 0;
+ left: -100%;
+ min-height: 0;
+ min-width: 100%;
+ min-width: 100vw;
+ padding-top: 60px;
+ padding-bottom: 50px;
+ position: fixed;
+ overflow: hidden;
+ top: 0;
+ z-index: 98 !important;
+ }
+
+ .sidebar-right {
+ bottom: 0;
+ left: auto;
+ right: -100%;
+ min-height: 0;
+ margin-right: 0;
+ min-width: 100%;
+ min-width: 100vw;
+ top: 0;
+ z-index: 100;
+ }
+
+ html.csstransforms .sidebar-left,
+ html.csstransforms .sidebar-right {
+ /* performs better but native android browser
+ has problems with translate and percentage
+ @include transition-property(transform);
+ */
+ -webkit-transition-property: margin;
+ -moz-transition-property: margin;
+ transition-property: margin;
+ -webkit-transition-duration: 0.25s;
+ -moz-transition-duration: 0.25s;
+ transition-duration: 0.25s;
+ -webkit-transition-timing-function: ease-out;
+ -moz-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
+ -webkit-transition-delay: 0;
+ -moz-transition-delay: 0;
+ transition-delay: 0;
+ }
+
+ html.csstransforms .sidebar-left {
+ /* performs better but native android browser
+ has problems with translate and percentage
+ @include transform( translateX(0) );
+ */
+ margin-left: -25px;
+ }
+
+ html.csstransforms .sidebar-right {
+ /* performs better but native android browser
+ has problems with translate and percentage
+ @include transform( translateX(0) );
+ */
+ margin-right: -25px;
+ }
+
+ /* If desktop is seeing mobile res, fix scrollbars */
+ html.no-mobile-device body {
+ min-height: 0;
+ }
+
+ html.no-mobile-device .body {
+ min-height: 100vh;
+ overflow: hidden;
+ }
+
+ html.no-mobile-device .inner-wrapper {
+ overflow-y: auto;
+ }
+
+ html.no-mobile-device.sidebar-left-opened, html.no-mobile-device.sidebar-left-opened body, html.no-mobile-device.sidebar-right-opened, html.no-mobile-device.sidebar-right-opened body {
+ overflow: hidden;
+ }
+
+ /* Layout Mobile - Sidebar Left Opened */
+ html.sidebar-left-opened.no-csstransforms .sidebar-left {
+ left: 0;
+ }
+
+ html.sidebar-left-opened.csstransforms .sidebar-left {
+ /* performs better but native android browser
+ has problems with translate and percentage
+ @include transform( translateX(100%) );
+ */
+ margin-left: 100%;
+ }
+
+ /* Layout Mobile - Sidebar Right Opened */
+ html.sidebar-right-opened.no-csstransforms .sidebar-right {
+ right: 0;
+ }
+
+ html.sidebar-right-opened.csstransforms .sidebar-right {
+ /* performs better but native android browser
+ has problems with translate and percentage
+ @include transform( translateX(-100%) );
+ */
+ margin-right: 100%;
+ }
+
+ /* Layout Mobile - Sidebar Left Collapsed & Sidebar Right Opened */
+ html.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
+ margin-left: -300px;
+ }
+}
+/* iOS10 Content Width Fix */
+@media (min-width: 768px) {
+ html.mobile-device.flexbox:not(.has-tab-navigation) .content-body {
+ width: calc(100vw - 300px) !important;
+ }
+}
+/* Content With Menu - Boxed Layout Fixing Spacement on Bottom */
+@media only screen and (min-width: 1200px) {
+ html.boxed .content-with-menu {
+ margin-bottom: -40px;
+ }
+}
+/* Content With Menu - Container */
+@media only screen and (min-width: 768px) {
+ .content-with-menu-container {
+ display: table;
+ table-layout: fixed;
+ width: 100%;
+ }
+}
+/* Content With Menu - Menu Faux Column for Scroll and Boxed Layouts */
+@media only screen and (min-width: 768px) {
+ html.scroll .content-with-menu:before,
+ html.boxed .content-with-menu:before {
+ bottom: -47px;
+ content: '';
+ display: block;
+ left: 0;
+ position: absolute;
+ top: 54px;
+ width: 300px;
+ }
+
+ html.scroll .content-with-menu:after,
+ html.boxed .content-with-menu:after {
+ bottom: -46px;
+ content: '';
+ display: block;
+ left: -1px;
+ position: absolute;
+ top: 54px;
+ width: 1px;
+ z-index: 3;
+ }
+
+ html.boxed .content-with-menu:before {
+ bottom: 0;
+ }
+
+ html.boxed .content-with-menu:after {
+ bottom: 2px;
+ }
+}
+
+.content-with-menu {
+ margin: -20px -15px 0;
+}
+
+/* Content With Menu - Responsive */
+@media only screen and (max-width: 767px) {
+ .content-with-menu {
+ clear: both;
+ }
+
+ .inner-body {
+ padding: 40px 15px 0;
+ }
+}
+/* Content With Menu - Menu and Body */
+@media only screen and (min-width: 768px) {
+ .content-with-menu {
+ border-top: 110px solid transparent;
+ margin: -150px -40px -53px -40px;
+ min-height: 100vh;
+ }
+
+ .inner-menu {
+ display: table-cell;
+ vertical-align: top;
+ }
+
+ .inner-body {
+ display: table-cell;
+ vertical-align: top;
+ padding: 40px;
+ }
+
+ .inner-toolbar {
+ height: 52px;
+ overflow: hidden;
+ }
+
+ .content-with-menu-has-toolbar .inner-menu-toggle {
+ border-radius: 0;
+ }
+
+ .content-with-menu-has-toolbar .inner-toolbar {
+ padding-left: 140px;
+ }
+}
+/* Content With Menu - Flexbox supported */
+@media only screen and (min-width: 768px) {
+ html.flexbox .content-with-menu-container,
+ html.flexboxlegacy .content-with-menu-container {
+ display: -webkit-box;
+ display: -moz-box;
+ display: box;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: flex;
+ }
+
+ html.flexbox .inner-menu,
+ html.flexbox .inner-body,
+ html.flexboxlegacy .inner-menu,
+ html.flexboxlegacy .inner-body {
+ display: block;
+ -webkit-flex-shrink: 0;
+ -moz-flex-shrink: 0;
+ flex-shrink: 0;
+ -ms-flex-negative: 0;
+ }
+
+ html.flexbox .inner-body,
+ html.flexboxlegacy .inner-body {
+ -webkit-box-flex: 2;
+ -moz-box-flex: 2;
+ box-flex: 2;
+ -webkit-flex: 2;
+ -moz-flex: 2;
+ -ms-flex: 2;
+ flex: 2;
+ }
+}
+/* Content With Menu + Layout Fixed */
+@media only screen and (min-width: 768px) {
+ html.fixed .content-with-menu-container,
+ html.fixed .inner-menu,
+ html.fixed .inner-body {
+ display: block;
+ }
+
+ html.fixed .content-with-menu-container {
+ position: relative;
+ }
+
+ html.fixed .inner-menu-toggle {
+ position: absolute;
+ top: 114px;
+ border-radius: 0 0 5px 0;
+ width: 140px;
+ z-index: 1002;
+ }
+
+ html.fixed .inner-menu {
+ bottom: 0;
+ display: block;
+ left: 300px;
+ position: fixed;
+ margin: 0;
+ top: 114px;
+ width: 300px;
+ padding: 35px;
+ z-index: 1002;
+ }
+
+ html.fixed .inner-menu-content {
+ display: block;
+ }
+
+ html.fixed .inner-body {
+ margin-left: 300px;
+ border-top: 113px solid transparent;
+ margin-top: -110px;
+ min-height: 100vh;
+ position: relative;
+ }
+
+ html.fixed .content-with-menu-has-toolbar .inner-body {
+ border-top-width: 165px;
+ }
+}
+/* Content With Menu + Layout Scroll & Boxed */
+@media only screen and (min-width: 768px) {
+ html.scroll .inner-menu,
+ html.scroll .inner-body,
+ html.boxed .inner-menu,
+ html.boxed .inner-body {
+ display: block;
+ }
+
+ html.scroll .content-with-menu-container,
+ html.boxed .content-with-menu-container {
+ position: relative;
+ }
+
+ html.scroll .inner-menu-toggle,
+ html.boxed .inner-menu-toggle {
+ position: absolute;
+ top: 0;
+ border-radius: 0 0 5px 0;
+ width: 140px;
+ z-index: 3;
+ }
+
+ html.scroll .inner-menu,
+ html.boxed .inner-menu {
+ display: block;
+ position: relative;
+ margin: 0;
+ width: 300px;
+ padding: 35px;
+ }
+
+ html.scroll .inner-menu-content,
+ html.boxed .inner-menu-content {
+ display: block;
+ }
+
+ html.scroll .inner-body,
+ html.boxed .inner-body {
+ margin-left: 0;
+ min-height: 100vh;
+ position: relative;
+ }
+
+ html.scroll.flexbox .content-with-menu-container, html.scroll.flexboxlegacy .content-with-menu-container,
+ html.boxed.flexbox .content-with-menu-container,
+ html.boxed.flexboxlegacy .content-with-menu-container {
+ display: -webkit-box;
+ display: -moz-box;
+ display: box;
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox;
+ display: flex;
+ }
+}
+/* Content With Menu + Layout Fixed + Sidebar Left Collapsed */
+@media only screen and (min-width: 768px) {
+ html.fixed.sidebar-left-collapsed .inner-menu,
+ html.fixed.sidebar-left-collapsed .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed .inner-toolbar {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
+ left: 373px;
+ }
+}
+/* Content With Menu + Layout Fixed + Sidebar Right Opened */
+@media only screen and (min-width: 768px) {
+ html.fixed.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-right-opened .inner-menu-toggle,
+ html.fixed.sidebar-right-opened .inner-toolbar {
+ left: 0px;
+ }
+
+ html.fixed.sidebar-right-opened .inner-toolbar {
+ margin-right: 300px;
+ }
+
+ html.fixed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
+ left: -300px;
+ }
+}
+/* Content With Menu + Layout Fixed + Sidebar Left Collapsed + Sidebar Right Opened */
+@media only screen and (min-width: 768px) {
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-toolbar {
+ left: -227px;
+ }
+
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
+ left: -527px;
+ }
+}
+/* Resolution gt 767 and lt 1366 - Hide Inner Menu */
+@media only screen and (min-width: 768px) and (max-width: 1365px) {
+ html.fixed .inner-menu,
+ html.scroll .inner-menu,
+ html.boxed .inner-menu {
+ display: none;
+ }
+
+ html.fixed .inner-menu-toggle,
+ html.scroll .inner-menu-toggle,
+ html.boxed .inner-menu-toggle {
+ display: block;
+ }
+
+ html.fixed .inner-body,
+ html.scroll .inner-body,
+ html.boxed .inner-body {
+ margin-left: 0;
+ }
+
+ html.fixed .content-with-menu-has-toolbar .inner-toolbar,
+ html.scroll .content-with-menu-has-toolbar .inner-toolbar,
+ html.boxed .content-with-menu-has-toolbar .inner-toolbar {
+ padding-left: 140px;
+ }
+
+ html.fixed.inner-menu-opened .inner-menu,
+ html.scroll.inner-menu-opened .inner-menu,
+ html.boxed.inner-menu-opened .inner-menu {
+ display: block;
+ }
+
+ html.fixed.inner-menu-opened .inner-menu-toggle,
+ html.scroll.inner-menu-opened .inner-menu-toggle,
+ html.boxed.inner-menu-opened .inner-menu-toggle {
+ display: none;
+ }
+
+ html.fixed.inner-menu-opened .inner-body,
+ html.scroll.inner-menu-opened .inner-body,
+ html.boxed.inner-menu-opened .inner-body {
+ margin-right: -300px;
+ }
+
+ html.fixed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar,
+ html.scroll.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar,
+ html.boxed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar {
+ padding-left: 0;
+ }
+
+ html.fixed.inner-menu-opened .inner-body {
+ margin-left: 300px;
+ }
+
+ html.scroll .content-with-menu:before,
+ html.boxed .content-with-menu:before {
+ display: none;
+ }
+
+ html.scroll.inner-menu-opened:before,
+ html.boxed.inner-menu-opened:before {
+ display: block;
+ }
+}
+/* Resolution gt 1366 - Show Inner Menu */
+@media only screen and (min-width: 1366px) {
+ html.fixed .inner-menu,
+ html.scroll .inner-menu,
+ html.boxed .inner-menu {
+ display: block;
+ }
+
+ html.fixed .inner-menu-toggle,
+ html.fixed .inner-menu-toggle-inside,
+ html.scroll .inner-menu-toggle,
+ html.scroll .inner-menu-toggle-inside,
+ html.boxed .inner-menu-toggle,
+ html.boxed .inner-menu-toggle-inside {
+ display: none;
+ }
+
+ html.fixed .inner-body,
+ html.scroll .inner-body,
+ html.boxed .inner-body {
+ margin-right: 0;
+ }
+
+ html.fixed .content-with-menu-has-toolbar .inner-toolbar,
+ html.scroll .content-with-menu-has-toolbar .inner-toolbar,
+ html.boxed .content-with-menu-has-toolbar .inner-toolbar {
+ padding-left: 0;
+ }
+
+ html.fixed.inner-menu-opened .inner-body {
+ margin-left: 300px;
+ }
+
+ html.fixed .content-with-menu .inner-toolbar,
+ html.fixed.inner-menu-opened .content-with-menu .inner-toolbar {
+ left: 600px;
+ }
+
+ html.fixed .inner-menu-toggle,
+ html.fixed .inner-menu,
+ html.fixed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.inner-menu-opened .inner-menu {
+ left: 300px;
+ }
+
+ html.fixed.sidebar-right-opened .content-with-menu .inner-toolbar {
+ left: 300px;
+ }
+
+ html.fixed.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-right-opened .inner-menu-toggle {
+ left: 0px;
+ }
+
+ html.fixed.sidebar-left-collapsed .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
+ left: 373px;
+ }
+
+ html.fixed.sidebar-left-collapsed .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed .inner-menu,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu,
+ html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-collapsed.inner-menu-opened .inner-menu {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
+ left: -227px;
+ }
+}
+/* Fix IE Scrollbar Overlaying content */
+@-ms-viewport {
+ width: auto !important;
+}
+/* ------------------------------------------------------------------------------------------------------------------------------------------
+BOOTSTRAP EXTEND
+------------------------------------------------------------------------------------------------------------------------------------------ */
+/* Add New Grid Tier FOR NON BOXED LAYOUT */
+html.scroll,
+html.fixed {
+ /* UNDO original bootrap LG helper classes*/
+ /* Helper classes for XL */;
+}
+
+@media (min-width: 1600px) {
+ html.scroll .container,
+ html.fixed .container {
+ width: 1570px;
+ }
+}
+
+html.scroll .col-xl-1, html.scroll .col-xl-2, html.scroll .col-xl-3, html.scroll .col-xl-4, html.scroll .col-xl-5, html.scroll .col-xl-6, html.scroll .col-xl-7, html.scroll .col-xl-8, html.scroll .col-xl-9, html.scroll .col-xl-10, html.scroll .col-xl-11, html.scroll .col-xl-12,
+html.fixed .col-xl-1,
+html.fixed .col-xl-2,
+html.fixed .col-xl-3,
+html.fixed .col-xl-4,
+html.fixed .col-xl-5,
+html.fixed .col-xl-6,
+html.fixed .col-xl-7,
+html.fixed .col-xl-8,
+html.fixed .col-xl-9,
+html.fixed .col-xl-10,
+html.fixed .col-xl-11,
+html.fixed .col-xl-12 {
+ position: relative;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+@media (min-width: 1600px) {
+ html.scroll .col-xl-1, html.scroll .col-xl-2, html.scroll .col-xl-3, html.scroll .col-xl-4, html.scroll .col-xl-5, html.scroll .col-xl-6, html.scroll .col-xl-7, html.scroll .col-xl-8, html.scroll .col-xl-9, html.scroll .col-xl-10, html.scroll .col-xl-11, html.scroll .col-xl-12,
+ html.fixed .col-xl-1,
+ html.fixed .col-xl-2,
+ html.fixed .col-xl-3,
+ html.fixed .col-xl-4,
+ html.fixed .col-xl-5,
+ html.fixed .col-xl-6,
+ html.fixed .col-xl-7,
+ html.fixed .col-xl-8,
+ html.fixed .col-xl-9,
+ html.fixed .col-xl-10,
+ html.fixed .col-xl-11,
+ html.fixed .col-xl-12 {
+ float: left;
+ }
+
+ html.scroll .col-xl-12,
+ html.fixed .col-xl-12 {
+ width: 100%;
+ }
+
+ html.scroll .col-xl-11,
+ html.fixed .col-xl-11 {
+ width: 91.66666667%;
+ }
+
+ html.scroll .col-xl-10,
+ html.fixed .col-xl-10 {
+ width: 83.33333333%;
+ }
+
+ html.scroll .col-xl-9,
+ html.fixed .col-xl-9 {
+ width: 75%;
+ }
+
+ html.scroll .col-xl-8,
+ html.fixed .col-xl-8 {
+ width: 66.66666667%;
+ }
+
+ html.scroll .col-xl-7,
+ html.fixed .col-xl-7 {
+ width: 58.33333333%;
+ }
+
+ html.scroll .col-xl-6,
+ html.fixed .col-xl-6 {
+ width: 50%;
+ }
+
+ html.scroll .col-xl-5,
+ html.fixed .col-xl-5 {
+ width: 41.66666667%;
+ }
+
+ html.scroll .col-xl-4,
+ html.fixed .col-xl-4 {
+ width: 33.33333333%;
+ }
+
+ html.scroll .col-xl-3,
+ html.fixed .col-xl-3 {
+ width: 25%;
+ }
+
+ html.scroll .col-xl-2,
+ html.fixed .col-xl-2 {
+ width: 16.66666667%;
+ }
+
+ html.scroll .col-xl-1,
+ html.fixed .col-xl-1 {
+ width: 8.33333333%;
+ }
+
+ html.scroll .col-xl-pull-12,
+ html.fixed .col-xl-pull-12 {
+ right: 100%;
+ }
+
+ html.scroll .col-xl-pull-11,
+ html.fixed .col-xl-pull-11 {
+ right: 91.66666667%;
+ }
+
+ html.scroll .col-xl-pull-10,
+ html.fixed .col-xl-pull-10 {
+ right: 83.33333333%;
+ }
+
+ html.scroll .col-xl-pull-9,
+ html.fixed .col-xl-pull-9 {
+ right: 75%;
+ }
+
+ html.scroll .col-xl-pull-8,
+ html.fixed .col-xl-pull-8 {
+ right: 66.66666667%;
+ }
+
+ html.scroll .col-xl-pull-7,
+ html.fixed .col-xl-pull-7 {
+ right: 58.33333333%;
+ }
+
+ html.scroll .col-xl-pull-6,
+ html.fixed .col-xl-pull-6 {
+ right: 50%;
+ }
+
+ html.scroll .col-xl-pull-5,
+ html.fixed .col-xl-pull-5 {
+ right: 41.66666667%;
+ }
+
+ html.scroll .col-xl-pull-4,
+ html.fixed .col-xl-pull-4 {
+ right: 33.33333333%;
+ }
+
+ html.scroll .col-xl-pull-3,
+ html.fixed .col-xl-pull-3 {
+ right: 25%;
+ }
+
+ html.scroll .col-xl-pull-2,
+ html.fixed .col-xl-pull-2 {
+ right: 16.66666667%;
+ }
+
+ html.scroll .col-xl-pull-1,
+ html.fixed .col-xl-pull-1 {
+ right: 8.33333333%;
+ }
+
+ html.scroll .col-xl-pull-0,
+ html.fixed .col-xl-pull-0 {
+ right: auto;
+ }
+
+ html.scroll .col-xl-push-12,
+ html.fixed .col-xl-push-12 {
+ left: 100%;
+ }
+
+ html.scroll .col-xl-push-11,
+ html.fixed .col-xl-push-11 {
+ left: 91.66666667%;
+ }
+
+ html.scroll .col-xl-push-10,
+ html.fixed .col-xl-push-10 {
+ left: 83.33333333%;
+ }
+
+ html.scroll .col-xl-push-9,
+ html.fixed .col-xl-push-9 {
+ left: 75%;
+ }
+
+ html.scroll .col-xl-push-8,
+ html.fixed .col-xl-push-8 {
+ left: 66.66666667%;
+ }
+
+ html.scroll .col-xl-push-7,
+ html.fixed .col-xl-push-7 {
+ left: 58.33333333%;
+ }
+
+ html.scroll .col-xl-push-6,
+ html.fixed .col-xl-push-6 {
+ left: 50%;
+ }
+
+ html.scroll .col-xl-push-5,
+ html.fixed .col-xl-push-5 {
+ left: 41.66666667%;
+ }
+
+ html.scroll .col-xl-push-4,
+ html.fixed .col-xl-push-4 {
+ left: 33.33333333%;
+ }
+
+ html.scroll .col-xl-push-3,
+ html.fixed .col-xl-push-3 {
+ left: 25%;
+ }
+
+ html.scroll .col-xl-push-2,
+ html.fixed .col-xl-push-2 {
+ left: 16.66666667%;
+ }
+
+ html.scroll .col-xl-push-1,
+ html.fixed .col-xl-push-1 {
+ left: 8.33333333%;
+ }
+
+ html.scroll .col-xl-push-0,
+ html.fixed .col-xl-push-0 {
+ left: auto;
+ }
+
+ html.scroll .col-xl-offset-12,
+ html.fixed .col-xl-offset-12 {
+ margin-left: 100%;
+ }
+
+ html.scroll .col-xl-offset-11,
+ html.fixed .col-xl-offset-11 {
+ margin-left: 91.66666667%;
+ }
+
+ html.scroll .col-xl-offset-10,
+ html.fixed .col-xl-offset-10 {
+ margin-left: 83.33333333%;
+ }
+
+ html.scroll .col-xl-offset-9,
+ html.fixed .col-xl-offset-9 {
+ margin-left: 75%;
+ }
+
+ html.scroll .col-xl-offset-8,
+ html.fixed .col-xl-offset-8 {
+ margin-left: 66.66666667%;
+ }
+
+ html.scroll .col-xl-offset-7,
+ html.fixed .col-xl-offset-7 {
+ margin-left: 58.33333333%;
+ }
+
+ html.scroll .col-xl-offset-6,
+ html.fixed .col-xl-offset-6 {
+ margin-left: 50%;
+ }
+
+ html.scroll .col-xl-offset-5,
+ html.fixed .col-xl-offset-5 {
+ margin-left: 41.66666667%;
+ }
+
+ html.scroll .col-xl-offset-4,
+ html.fixed .col-xl-offset-4 {
+ margin-left: 33.33333333%;
+ }
+
+ html.scroll .col-xl-offset-3,
+ html.fixed .col-xl-offset-3 {
+ margin-left: 25%;
+ }
+
+ html.scroll .col-xl-offset-2,
+ html.fixed .col-xl-offset-2 {
+ margin-left: 16.66666667%;
+ }
+
+ html.scroll .col-xl-offset-1,
+ html.fixed .col-xl-offset-1 {
+ margin-left: 8.33333333%;
+ }
+
+ html.scroll .col-xl-offset-0,
+ html.fixed .col-xl-offset-0 {
+ margin-left: 0;
+ }
+}
+
+html.scroll .visible-xl,
+html.fixed .visible-xl {
+ display: none !important;
+}
+
+html.scroll .visible-xl-block,
+html.scroll .visible-xl-inline,
+html.scroll .visible-xl-inline-block,
+html.fixed .visible-xl-block,
+html.fixed .visible-xl-inline,
+html.fixed .visible-xl-inline-block {
+ display: none !important;
+}
+
+@media (min-width: 1200px) and (max-width: 1599px) {
+ html.scroll .visible-lg,
+ html.fixed .visible-lg {
+ display: block !important;
+ }
+
+ html.scroll table.visible-lg,
+ html.fixed table.visible-lg {
+ display: table;
+ }
+
+ html.scroll tr.visible-lg,
+ html.fixed tr.visible-lg {
+ display: table-row !important;
+ }
+
+ html.scroll th.visible-lg,
+ html.scroll td.visible-lg,
+ html.fixed th.visible-lg,
+ html.fixed td.visible-lg {
+ display: table-cell !important;
+ }
+
+ html.scroll .visible-lg-block,
+ html.fixed .visible-lg-block {
+ display: block !important;
+ }
+
+ html.scroll .visible-lg-inline,
+ html.fixed .visible-lg-inline {
+ display: inline !important;
+ }
+
+ html.scroll .visible-lg-inline-block,
+ html.fixed .visible-lg-inline-block {
+ display: inline-block !important;
+ }
+
+ html.scroll .hidden-lg,
+ html.fixed .hidden-lg {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1600px) {
+ html.scroll .visible-lg-block,
+ html.fixed .visible-lg-block {
+ display: none !important;
+ }
+
+ html.scroll .visible-lg-inline,
+ html.fixed .visible-lg-inline {
+ display: none !important;
+ }
+
+ html.scroll .visible-lg-inline-block,
+ html.fixed .visible-lg-inline-block {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1600px) {
+ html.scroll .visible-xl,
+ html.fixed .visible-xl {
+ display: block !important;
+ }
+
+ html.scroll table.visible-xl,
+ html.fixed table.visible-xl {
+ display: table;
+ }
+
+ html.scroll tr.visible-xl,
+ html.fixed tr.visible-xl {
+ display: table-row !important;
+ }
+
+ html.scroll th.visible-xl,
+ html.scroll td.visible-xl,
+ html.fixed th.visible-xl,
+ html.fixed td.visible-xl {
+ display: table-cell !important;
+ }
+
+ html.scroll .visible-xl-block,
+ html.fixed .visible-xl-block {
+ display: block !important;
+ }
+
+ html.scroll .visible-xl-inline,
+ html.fixed .visible-xl-inline {
+ display: inline !important;
+ }
+
+ html.scroll .visible-xl-inline-block,
+ html.fixed .visible-xl-inline-block {
+ display: inline-block !important;
+ }
+
+ html.scroll .hidden-xl,
+ html.fixed .hidden-xl {
+ display: none !important;
+ }
+}
+
+@media screen and (max-width: 991px) {
+ .table-responsive {
+ width: 100%;
+ margin-bottom: 15px;
+ overflow-x: auto;
+ overflow-y: hidden;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ border: 1px solid #ddd;
+ }
+
+ .table-responsive > .table {
+ margin-bottom: 0;
+ }
+
+ .table-responsive > .table > thead > tr > th,
+ .table-responsive > .table > tbody > tr > th,
+ .table-responsive > .table > tfoot > tr > th,
+ .table-responsive > .table > thead > tr > td,
+ .table-responsive > .table > tbody > tr > td,
+ .table-responsive > .table > tfoot > tr > td {
+ white-space: nowrap;
+ }
+
+ .table-responsive > .table-bordered {
+ border: 0;
+ }
+
+ .table-responsive > .table-bordered > thead > tr > th:first-child,
+ .table-responsive > .table-bordered > tbody > tr > th:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+ .table-responsive > .table-bordered > thead > tr > td:first-child,
+ .table-responsive > .table-bordered > tbody > tr > td:first-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+ border-left: 0;
+ }
+
+ .table-responsive > .table-bordered > thead > tr > th:last-child,
+ .table-responsive > .table-bordered > tbody > tr > th:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+ .table-responsive > .table-bordered > thead > tr > td:last-child,
+ .table-responsive > .table-bordered > tbody > tr > td:last-child,
+ .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+ border-right: 0;
+ }
+
+ .table-responsive > .table-bordered > tbody > tr:last-child > th,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+ .table-responsive > .table-bordered > tbody > tr:last-child > td,
+ .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+ border-bottom: 0;
+ }
+}
+/* Fix img-thumbnail - IE10 and below */
+.img-thumbnail {
+ width: auto \9;
+}
+
+/* Header */
+.header {
+ background: #FFF;
+ border-bottom: 1px solid #E9E9E6;
+ border-top: 3px solid #EDEDED;
+ z-index: 1000;
+}
+
+.header .logo {
+ float: left;
+ margin: 10px 0 0 15px;
+}
+
+.header .logo img {
+ color: transparent;
+}
+
+.header .separator {
+ background-color: #F6F6F6;
+ background-image: -webkit-linear-gradient(#F6F6F6 60%, #EDEDED);
+ background-image: linear-gradient(#F6F6F6 60%, #EDEDED);
+ display: inline-block;
+ height: 100%;
+ margin: 0 25px 0;
+ width: 2px;
+ vertical-align: middle;
+}
+
+.header .search {
+ width: 170px;
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.header .toggle-sidebar-left {
+ background: #CCC;
+ border-radius: 100px;
+ color: #FFF;
+ height: 30px;
+ line-height: 30px;
+ position: absolute;
+ right: 15px;
+ text-align: center;
+ top: 14px;
+ width: 30px;
+}
+
+.header-right {
+ float: right;
+ height: 56px;
+}
+
+html.has-left-sidebar-half .header {
+ z-index: 1011;
+}
+
+/* Header Mobile */
+@media only screen and (max-width: 767px) {
+ .header .logo-container {
+ background-color: #F6F6F6;
+ background-image: -webkit-linear-gradient(#F6F6F6 0%, #FFFFFF 45%);
+ background-image: linear-gradient(#F6F6F6 0%, #FFFFFF 45%);
+ border-bottom: 1px solid #E9E9E6;
+ border-top: 3px solid #EDEDED;
+ }
+
+ .header .logo-container .logo {
+ float: none;
+ display: inline-block;
+ line-height: 57px;
+ margin-top: 0;
+ }
+
+ .header .search,
+ .header .separator {
+ display: none;
+ }
+}
+/* Header Dark */
+html.dark .header,
+html.header-dark .header {
+ background: #1D2127;
+ border-bottom-color: #161a1e;
+ border-top-color: #1D2127;
+}
+
+@media only screen and (max-width: 767px) {
+ html.dark .header .logo-container,
+ html.header-dark .header .logo-container {
+ background: #1D2127;
+ border-bottom-color: #161a1e;
+ border-top-color: #1D2127;
+ }
+
+ html.dark .header .header-right,
+ html.header-dark .header .header-right {
+ background: #1D2127;
+ }
+}
+
+html.dark .header .separator,
+html.header-dark .header .separator {
+ background-color: #1D2127;
+ background-image: -webkit-linear-gradient(#1D2127 10%, #121518);
+ background-image: linear-gradient(#1D2127 10%, #121518);
+}
+
+html.dark .header .input-search input, html.dark .header .input-search input:focus,
+html.header-dark .header .input-search input,
+html.header-dark .header .input-search input:focus {
+ background: #282d36;
+ border-color: #161a1e;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
+ color: #FFF;
+}
+
+html.dark .header .input-search .input-group-btn .btn-default,
+html.header-dark .header .input-search .input-group-btn .btn-default {
+ background: transparent;
+ color: #C3C3C3;
+}
+
+@media only screen and (min-width: 768px) {
+ html.header-fixed .header {
+ border-radius: 0;
+ border-top-color: transparent;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: -3px;
+ z-index: 2000;
+ margin: 0;
+ }
+
+ html.header-fixed .inner-wrapper {
+ padding-top: 0;
+ margin-top: 60px;
+ }
+}
+/* Header Nav Menu */
+.header.header-nav-menu {
+ /* Header Nav Main */
+ /* Header Nav Main Mobile */;
+}
+
+@media only screen and (min-width: 768px) {
+ .header.header-nav-menu .logo {
+ position: relative;
+ padding: 0 20px 0 5px;
+ }
+
+ .header.header-nav-menu .logo:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: -13px;
+ right: 0;
+ height: 60px;
+ border-right: 1px solid #E9E9E6;
+ }
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu .header-nav-main {
+ float: right;
+ margin: 8px 0 0;
+ min-height: 45px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li:first-child {
+ margin-left: 10px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li > a {
+ display: inline-block;
+ border-radius: 4px;
+ font-size: 12px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 20px;
+ padding: 10px;
+ text-transform: uppercase;
+ white-space: initial;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
+ background: transparent;
+ color: #CCC;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
+ display: none;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after {
+ border-color: #CCC transparent transparent transparent;
+ border-style: solid;
+ border-width: 4px;
+ content: " ";
+ float: right;
+ margin-top: 7px;
+ margin-left: 4px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.open > a, .header.header-nav-menu .header-nav-main nav > ul > li:hover > a, .header.header-nav-menu .header-nav-main nav > ul > li.active > a {
+ background: #CCC;
+ color: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
+ top: -10000px;
+ display: block;
+ opacity: 0;
+ left: auto;
+ border-radius: 0 4px 4px;
+ border: 0;
+ border-top: 5px solid #CCC;
+ box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
+ margin: -3px 0 0 0;
+ min-width: 200px;
+ padding: 5px;
+ text-align: left;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
+ border-bottom: 1px solid #f4f4f4;
+ color: #777;
+ font-size: 0.9em;
+ font-weight: 400;
+ padding: 8px 20px 8px 8px;
+ position: relative;
+ text-transform: none;
+ white-space: initial;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu {
+ position: relative;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-caret-down {
+ display: none;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
+ border-color: transparent transparent transparent #CCC;
+ border-style: solid;
+ border-width: 4px 0 4px 4px;
+ content: " ";
+ position: absolute;
+ top: 50%;
+ right: 10px;
+ -webkit-transform: translateY(-50%);
+ -moz-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ -o-transform: translateY(-50%);
+ transform: translateY(-50%);
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
+ display: block;
+ margin-top: -10px;
+ margin-left: -1px;
+ border-radius: 4px;
+ opacity: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
+ top: 0;
+ opacity: 1;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
+ border-bottom: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.open li.dropdown-submenu > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover li.dropdown-submenu > .dropdown-menu {
+ left: 100%;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.open > a, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > a {
+ padding-bottom: 15px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, .header.header-nav-menu .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
+ top: auto;
+ display: block;
+ opacity: 1;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li a {
+ padding-right: 8px;
+ padding-left: 20px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
+ border-width: 4px 4px 4px 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega {
+ position: static;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
+ border-radius: 4px;
+ left: 15px;
+ right: 15px;
+ width: auto;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
+ padding: 20px 30px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
+ color: #333333;
+ display: block;
+ font-size: 1em;
+ font-weight: 600;
+ margin-top: 20px;
+ padding-bottom: 5px;
+ text-transform: uppercase;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child {
+ margin-top: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
+ border: 0 none;
+ border-radius: 4px;
+ color: #777;
+ display: block;
+ font-size: 0.9em;
+ font-weight: normal;
+ margin: 0 0 0 -8px;
+ padding: 3px 8px;
+ text-shadow: none;
+ text-transform: none;
+ text-decoration: none;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
+ background: #f4f4f4;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle {
+ width: 20px;
+ text-align: center;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:before {
+ content: "\f0d8";
+ font-family: 'FontAwesome';
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle.toggled:before {
+ content: "\f0d7";
+ font-family: 'FontAwesome';
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .dropdown-mega-sub-nav {
+ padding-left: 15px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li .label {
+ margin-right: -16px;
+ margin-top: 1px;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li > a {
+ border-radius: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
+ margin-top: 0;
+ border-radius: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
+ border-radius: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu {
+ border-radius: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
+ border-radius: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main .dropdown-reverse a > .thumb-info-preview {
+ transform: translate3d(20px, 0, 0);
+ right: 100%;
+ left: auto;
+ padding-left: 0;
+ margin-right: 10px;
+ }
+
+ .header.header-nav-menu .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview {
+ transform: translate3d(0, 0, 0);
+ }
+
+ .header.header-nav-menu .header-nav {
+ float: left;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown {
+ margin-bottom: -9px;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li > a, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li:hover > a {
+ background: transparent;
+ color: #444;
+ padding: 65px 13px 24px;
+ margin: 0;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li > a.dropdown-toggle:after {
+ border-color: #444 transparent transparent transparent;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown li a {
+ border-bottom-color: #2a2a2a;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu {
+ background: #1e1e1e;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a {
+ color: #969696;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:hover, .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown .dropdown-menu > li > a:focus {
+ background: #282828;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title {
+ color: #ababab;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
+ background: #282828;
+ }
+
+ .header.header-nav-menu .header-nav.header-nav-dark-dropdown .header-social-icons {
+ margin-top: 70px;
+ }
+
+ .header.header-nav-menu .header-nav {
+ display: block !important;
+ }
+
+ .header.header-nav-menu .header-nav-main {
+ display: block !important;
+ height: auto !important;
+ }
+
+ .header.header-nav-menu .header-nav-bar {
+ background: #F4F4F4;
+ padding: 0 10px 5px;
+ margin-bottom: 0;
+ }
+
+ .header.header-nav-menu .header-nav-bar .header-nav-main {
+ float: left;
+ margin-bottom: 0;
+ }
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li > a {
+ color: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li > a.dropdown-toggle:after {
+ border-color: #FFF transparent transparent transparent;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > a, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
+ background: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > a.dropdown-toggle:after, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > a.dropdown-toggle:after {
+ border-color: #CCC transparent transparent transparent;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu {
+ border-top-color: #FFF;
+ box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05);
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
+ border-top-color: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.active > a {
+ background: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light nav > ul > li.active > a.dropdown-toggle:after {
+ border-color: #CCC transparent transparent transparent;
+ }
+
+ .header.header-nav-menu .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover, .header.header-nav-menu .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus {
+ background: #f5f5f5;
+ }
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a {
+ -webkit-transition: -webkit-transform 0.2s ease-out;
+ -moz-transition: -moz-transform 0.2s ease-out;
+ transition: transform 0.2s ease-out;
+ transform: translate3d(0, -5px, 0);
+ }
+
+ .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a {
+ transform: translate3d(0, 0, 0);
+ }
+
+ .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu {
+ -webkit-transition: -webkit-transform 0.2s ease-out;
+ -moz-transition: -moz-transform 0.2s ease-out;
+ transition: transform 0.2s ease-out;
+ transform: translate3d(0, -5px, 0);
+ }
+
+ .header.header-nav-menu .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu {
+ -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
+ -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
+ transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+ transform: translate3d(0, -5px, 0);
+ opacity: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu {
+ transform: translate3d(0, -1px, 0);
+ opacity: 1;
+ }
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu {
+ -webkit-transition: -webkit-transform 0.2s ease-out;
+ -moz-transition: -moz-transform 0.2s ease-out;
+ transition: transform 0.2s ease-out;
+ transform: translate3d(0, 10px, 0);
+ }
+
+ .header.header-nav-menu .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
+ -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
+ -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
+ transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+ transform: translate3d(-20px, 0, 0);
+ opacity: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+
+ .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu > .dropdown-menu {
+ -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
+ -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
+ transition: transform 0.2s ease-out, opacity 0.2s ease-out;
+ transform: translate3d(20px, 0, 0);
+ left: auto;
+ right: 100%;
+ opacity: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main-sub-effect-1 nav > ul > li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@media (max-width: 991px) {
+ .header.header-nav-menu .header-nav {
+ clear: both;
+ float: none;
+ }
+
+ .header.header-nav-menu .header-nav-main {
+ background: #FFF;
+ padding: 10px;
+ max-height: 350px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+}
+
+@media (max-width: 991px) and (min-width: 768px) {
+ .header.header-nav-menu .header-nav-main {
+ position: relative;
+ top: 12px;
+ }
+}
+
+@media (max-width: 991px) {
+ .header.header-nav-menu .header-nav-main.collapsing {
+ overflow: hidden;
+ }
+
+ .header.header-nav-menu .header-nav-main nav {
+ margin: 0 0 6px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li {
+ border-bottom: 1px solid #e8e8e8;
+ clear: both;
+ display: block;
+ float: none;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li a {
+ font-size: 13px;
+ font-style: normal;
+ line-height: 20px;
+ padding: 7px 8px;
+ margin: 1px 0;
+ border-radius: 4px;
+ white-space: initial;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li a .fa-caret-down {
+ line-height: 35px;
+ min-height: 38px;
+ min-width: 30px;
+ position: absolute;
+ right: 5px;
+ text-align: center;
+ top: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu {
+ background: transparent;
+ padding: 0;
+ margin: 0;
+ font-size: 13px;
+ box-shadow: none;
+ border-radius: 0;
+ border: 0;
+ clear: both;
+ display: none;
+ float: none;
+ position: static;
+ border-top: 0 !important;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.opened > .dropdown-menu {
+ display: block;
+ margin-left: 20px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
+ display: block;
+ margin-left: 20px;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
+ margin-top: 10px;
+ display: block;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav {
+ margin: 0 0 0 20px;
+ padding: 0;
+ list-style: none;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a {
+ display: block;
+ text-decoration: none;
+ color: #333;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle {
+ width: 20px;
+ text-align: center;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle:before {
+ content: "\f0d8";
+ font-family: 'FontAwesome';
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li.dropdown-mega .mega-sub-nav-toggle.toggled:before {
+ content: "\f0d7";
+ font-family: 'FontAwesome';
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul li:last-child {
+ border-bottom: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li > a {
+ text-transform: uppercase;
+ font-weight: 700;
+ margin-top: 1px;
+ margin-bottom: 1px;
+ white-space: initial;
+ }
+
+ .header.header-nav-menu .header-nav-main nav > ul > li.active > a, .header.header-nav-menu .header-nav-main nav > ul > li.active > a:focus, .header.header-nav-menu .header-nav-main nav > ul > li.active > a:hover {
+ color: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-main nav .not-included {
+ margin: 0;
+ }
+
+ .header.header-nav-menu .header-nav-main a > .thumb-info-preview {
+ display: none !important;
+ }
+
+ .header.header-nav-menu .header-btn-collapse-nav {
+ outline: 0;
+ float: right;
+ margin-top: 10px;
+ margin-right: 15px;
+ }
+
+ .header.header-nav-menu .header-btn-collapse-nav:hover, .header.header-nav-menu .header-btn-collapse-nav:focus {
+ color: #FFF;
+ }
+
+ .header.header-nav-menu .header-nav-bar {
+ margin: 0 auto;
+ }
+
+ .header.header-nav-menu .header-nav-bar .header-btn-collapse-nav {
+ margin-top: 14px;
+ }
+
+ .header.header-nav-menu.header-transparent .header-nav-main {
+ padding: 10px;
+ margin-bottom: 10px;
+ background: #FFF;
+ border-radius: 4px;
+ }
+
+ .header.header-nav-menu.header-semi-transparent .header-nav-main {
+ padding: 10px;
+ margin-bottom: 10px;
+ background: #FFF;
+ border-radius: 4px;
+ }
+
+ .header.header-nav-menu.header-semi-transparent-light .header-nav-main {
+ padding: 10px;
+ margin-bottom: 10px;
+ background: #FFF;
+ border-radius: 4px;
+ }
+}
+
+.header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a {
+ background-color: #f4f4f4;
+}
+
+.header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a {
+ background: transparent;
+}
+
+.header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a {
+ background-color: #f4f4f4;
+}
+
+.header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a {
+ background: transparent;
+}
+
+.header.header-nav-menu .not-included {
+ color: #b7b7b7;
+ display: block;
+ font-size: 0.8em;
+ font-style: normal;
+ margin: -4px 0;
+ padding: 0;
+}
+
+.header.header-nav-menu .tip {
+ display: inline-block;
+ padding: 0 5px;
+ background: #171717;
+ color: #FFF;
+ text-shadow: none;
+ border-radius: 3px;
+ margin-left: 8px;
+ position: relative;
+ text-transform: uppercase;
+ font-size: 10px;
+ font-weight: bold;
+}
+
+.header.header-nav-menu .tip:before {
+ right: 100%;
+ top: 50%;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ border-color: rgba(23, 23, 23, 0);
+ border-right-color: #171717;
+ border-width: 5px;
+ margin-top: -5px;
+}
+
+.header.header-nav-menu .tip.skin {
+ color: #171717;
+}
+
+.header.header-nav-menu .search-toggle {
+ color: #CCC;
+}
+
+.header.header-nav-menu .search-toggle:focus, .header.header-nav-menu .search-toggle:active {
+ box-shadow: none;
+}
+
+@media (min-width: 992px) {
+ .header.header-nav-menu.header-nav-stripe {
+ height: initial;
+ border-bottom: 0;
+ }
+
+ .header.header-nav-menu.header-nav-stripe nav > ul > li > a, .header.header-nav-menu.header-nav-stripe nav > ul > li:hover > a {
+ background: transparent;
+ padding: 18px 13px 19px;
+ margin: 0;
+ }
+
+ .header.header-nav-menu.header-nav-stripe nav > ul > li > a {
+ color: #444;
+ }
+
+ .header.header-nav-menu.header-nav-stripe nav > ul > li > a.dropdown-toggle:after {
+ border-color: #444 transparent transparent transparent;
+ }
+
+ .header.header-nav-menu.header-nav-stripe nav > ul > li:hover > a {
+ color: #FFF;
+ }
+
+ .header.header-nav-menu.header-nav-stripe nav > ul > li.dropdown:hover > a, .header.header-nav-menu.header-nav-stripe nav > ul > li.dropdown.open > a {
+ padding-bottom: 19px;
+ }
+
+ .header.header-nav-menu.header-nav-top-line {
+ height: initial;
+ border-bottom: 0;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a {
+ background: transparent !important;
+ color: #444;
+ padding: 18px 13px 19px;
+ margin: 0;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li > a:before, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a:before {
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 5px;
+ top: -5px;
+ left: -5px;
+ opacity: 0;
+ background: #CCC;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a {
+ color: #CCC;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a:before, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a:before {
+ opacity: 1;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li.active > a.dropdown-toggle:after, .header.header-nav-menu.header-nav-top-line nav > ul > li:hover > a.dropdown-toggle:after {
+ border-color: #CCC transparent transparent transparent;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li > a.dropdown-toggle:after {
+ border-color: #444 transparent transparent transparent;
+ }
+
+ .header.header-nav-menu.header-nav-top-line nav > ul > li.dropdown:hover > a, .header.header-nav-menu.header-nav-top-line nav > ul > li.dropdown.open > a {
+ padding-bottom: 19px;
+ }
+
+ .header.header-nav-menu.header-nav-stripe .header-nav-main, .header.header-nav-menu.header-nav-top-line .header-nav-main {
+ margin-top: 0;
+ }
+}
+
+@media only screen and (max-width: 1199px) {
+ .header.header-nav-menu .separator {
+ margin: 0px 14px 0;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 1199px) {
+ .header.header-nav-menu .search {
+ position: absolute;
+ top: 50px;
+ left: -66px;
+ }
+
+ .header.header-nav-menu .search.active {
+ display: block !important;
+ }
+
+ .header.header-nav-menu .search:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: -7px;
+ left: 50%;
+ width: 0;
+ height: 0;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid #CCC;
+ -webkit-transform: translateX(-50%);
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -o-transform: translateX(-50%);
+ transform: translateX(-50%);
+ }
+}
+
+@media only screen and (min-width: 992px) {
+ .header.header-nav-menu .header-right {
+ position: relative;
+ }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .header.header-nav-menu .header-right {
+ position: absolute;
+ top: 0;
+ right: 60px;
+ }
+}
+
+/* Header Nav Menu Dark */
+html.dark .header.header-nav-menu,
+html.header-dark .header.header-nav-menu {
+ /* Header Nav Main */
+ /* Header Nav Stripe & Header Nav Top Line */
+ /* Header Nav Main Mobile */;
+}
+
+@media only screen and (min-width: 768px) {
+ html.dark .header.header-nav-menu .logo:after,
+ html.header-dark .header.header-nav-menu .logo:after {
+ border-color: #343a44;
+ }
+}
+
+@media (min-width: 992px) {
+ html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
+ background-color: #282d36;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
+ border-color: #343a44;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus {
+ background-color: #1d2127;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
+ background: #1d2127;
+ }
+}
+
+@media (min-width: 992px) {
+ html.dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a, html.dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a,
+ html.header-dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a,
+ html.header-dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a {
+ color: #FFF;
+ }
+
+ html.dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after, html.dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after,
+ html.header-dark .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after,
+ html.header-dark .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:not(.active):not(:hover) > a.dropdown-toggle::after {
+ border-color: #FFF transparent transparent transparent;
+ }
+}
+
+html.dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a,
+html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li:hover > a {
+ background-color: #1d2127;
+}
+
+html.dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a,
+html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li:not(.dropdown-mega).active ul.dropdown-menu li a {
+ background: transparent;
+}
+
+html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a,
+html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li:hover a {
+ background-color: #1d2127;
+}
+
+html.dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a,
+html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li.dropdown-mega.active ul.dropdown-mega-sub-nav li a {
+ background: transparent;
+}
+
+@media (max-width: 991px) {
+ html.dark .header.header-nav-menu .header-nav-main,
+ html.header-dark .header.header-nav-menu .header-nav-main {
+ background: #282d36;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav > ul > li a:hover,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li a:hover {
+ background: #1d2127;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav > ul > li ul li a,
+ html.header-dark .header.header-nav-menu .header-nav-main nav > ul > li ul li a {
+ color: #777;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav ul li,
+ html.header-dark .header.header-nav-menu .header-nav-main nav ul li {
+ border-color: #343a44;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav ul li a:hover, html.dark .header.header-nav-menu .header-nav-main nav ul li a:focus,
+ html.header-dark .header.header-nav-menu .header-nav-main nav ul li a:hover,
+ html.header-dark .header.header-nav-menu .header-nav-main nav ul li a:focus {
+ background-color: #1d2127;
+ }
+
+ html.dark .header.header-nav-menu .header-nav-main nav ul li.dropdown-mega .dropdown-mega-sub-nav > li > a,
+ html.header-dark .header.header-nav-menu .header-nav-main nav ul li.dropdown-mega .dropdown-mega-sub-nav > li > a {
+ color: #777;
+ }
+}
+
+/* Margin to show the menu button on mobile */
+@media (max-width: 991px) {
+ html.has-tab-navigation .header-right {
+ margin-right: 50px;
+ }
+}
+
+html.has-tab-navigation .toggle-menu {
+ background: #CCC;
+ border-radius: 100px;
+ color: #FFF;
+ height: 30px;
+ line-height: 30px;
+ position: absolute;
+ right: 15px;
+ text-align: center;
+ top: 14px;
+ width: 30px;
+}
+
+html.has-tab-navigation .inner-wrapper {
+ padding: 80px 15px 15px;
+ background-color: #1d2127;
+}
+
+@media (max-width: 991px) {
+ html.has-tab-navigation .inner-wrapper {
+ padding: 75px 15px 15px;
+ }
+}
+
+@media (max-width: 767px) {
+ html.has-tab-navigation .inner-wrapper {
+ padding: 15px;
+ }
+}
+
+html.has-tab-navigation {
+ /* Mobile */
+ /* IE */;
+}
+
+html.has-tab-navigation .content-body {
+ padding: 25px 25px;
+ background-color: #eee;
+ border-radius: 0 7px 7px 7px;
+ -webkit-transition: ease padding 300ms;
+ -moz-transition: ease padding 300ms;
+ transition: ease padding 300ms;
+ /* Only for desktop */;
+}
+
+@media (min-width: 992px) {
+ html.has-tab-navigation .content-body.tab-menu-opened {
+ padding: 70px 25px 25px;
+ }
+}
+
+html.has-tab-navigation.dark .content-body, html.has-tab-navigation.dark.boxed .content-body {
+ background-color: #17191d;
+}
+
+@media (max-width: 991px) {
+ html.has-tab-navigation .content-body {
+ border-radius: 5px;
+ }
+}
+
+html.has-tab-navigation.ie .content-body {
+ flex: none;
+}
+
+html.has-tab-navigation .page-header {
+ margin: 0;
+ background-color: transparent;
+ border: none;
+ box-shadow: none;
+ padding: 0 0 10px 0;
+}
+
+html.has-tab-navigation .page-header .breadcrumbs a,
+html.has-tab-navigation .page-header .breadcrumbs span {
+ font-size: 13px;
+}
+
+html.has-tab-navigation.dark .page-header h2 {
+ color: #FFF;
+}
+
+html.has-tab-navigation .not-included {
+ color: #b7b7b7;
+ display: block;
+ font-size: 0.8em;
+ font-style: normal;
+ margin: -4px 0;
+ padding: 0;
+}
+
+html.has-tab-navigation .not-included.custom-pos-1 {
+ margin-top: 2px;
+ margin-left: 8px;
+}
+
+@media (max-width: 991px) {
+ html.has-tab-navigation .not-included.custom-pos-1 {
+ float: none !important;
+ display: inline-block;
+ }
+}
+
+html.has-tab-navigation .tip {
+ display: inline-block;
+ padding: 0 5px;
+ background: #171717;
+ color: #FFF;
+ text-shadow: none;
+ border-radius: 3px;
+ margin-left: 8px;
+ position: relative;
+ text-transform: uppercase;
+ font-size: 10px;
+ font-weight: bold;
+}
+
+html.has-tab-navigation .tip:before {
+ right: 100%;
+ top: 50%;
+ border: solid transparent;
+ content: " ";
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ border-color: rgba(23, 23, 23, 0);
+ border-right-color: #171717;
+ border-width: 5px;
+ margin-top: -5px;
+}
+
+html.has-tab-navigation .tip.skin {
+ color: #171717;
+}
+
+/* Desktop */
+@media (min-width: 992px) {
+ .tab-navigation {
+ height: initial !important;
+ display: block !important;
+ z-index: 3;
+ }
+
+ .tab-navigation nav > ul {
+ position: relative;
+ }
+
+ .tab-navigation nav > ul > li {
+ position: static;
+ }
+
+ .tab-navigation nav > ul > li.active a {
+ background: transparent;
+ }
+
+ .tab-navigation nav > ul > li.active a:hover, .tab-navigation nav > ul > li.active a:focus {
+ background: transparent;
+ }
+
+ .tab-navigation nav > ul > li.active > a {
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li.active > a:hover, .tab-navigation nav > ul > li.active > a:focus {
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li.nav-expanded > a {
+ color: #33353F;
+ background: #FFF;
+ }
+
+ .tab-navigation nav > ul > li.nav-expanded > a:hover, .tab-navigation nav > ul > li.nav-expanded > a:focus {
+ color: #33353F;
+ background: #FFF;
+ }
+
+ .tab-navigation nav > ul > li.nav-expanded > ul {
+ display: block;
+ }
+
+ .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
+ color: #FFF;
+ background: #CCC;
+ }
+
+ .tab-navigation nav > ul > li > a {
+ background: #17191d none repeat scroll 0 0;
+ border-radius: 4px 4px 0 0;
+ color: #fff;
+ font-weight: 600;
+ min-width: 130px;
+ padding: 13px 30px;
+ text-align: center;
+ text-transform: uppercase;
+ font-size: 11px;
+ }
+
+ .tab-navigation nav > ul > li > a .fa {
+ font-size: 14px;
+ margin-right: 7px;
+ position: relative;
+ top: 1px;
+ }
+
+ .tab-navigation nav > ul > li a {
+ cursor: pointer;
+ }
+
+ .tab-navigation nav > ul > li a .label {
+ margin-top: 2px;
+ margin-left: 10px;
+ }
+
+ .tab-navigation nav > ul > li > ul {
+ margin: 0;
+ border: 0;
+ border-radius: 0 7px 0px 0px;
+ left: 0;
+ right: 0;
+ box-shadow: none;
+ }
+
+ .tab-navigation nav > ul > li > ul > li {
+ position: relative;
+ float: left;
+ }
+
+ .tab-navigation nav > ul > li > ul > li.nav-active > a {
+ color: #CCC !important;
+ }
+
+ .tab-navigation nav > ul > li > ul > li:hover > a {
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu {
+ padding: 2px 0;
+ margin: 0;
+ border: none;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li a {
+ padding: 10px;
+ min-width: 230px;
+ color: #777;
+ white-space: initial;
+ font-size: 12px;
+ border-bottom: 1px solid #f4f4f4;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li a:hover {
+ background-color: transparent;
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li a.dropdown-toggle:after {
+ content: "\f0da";
+ display: inline-block;
+ font-family: FontAwesome;
+ float: right;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-active > a {
+ color: #CCC !important;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover.dropdown-submenu {
+ position: relative;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover.dropdown-submenu > .dropdown-menu {
+ display: block;
+ opacity: 1;
+ box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
+ left: 100%;
+ top: 0;
+ margin-top: -2px;
+ margin-left: 0;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li:last-child > a {
+ border-bottom: none;
+ }
+
+ .tab-navigation nav > ul > li > ul > li > a {
+ background-color: transparent !important;
+ color: #777;
+ font-size: 11px;
+ font-weight: 700;
+ padding: 15px 5px 15px 25px;
+ text-transform: uppercase;
+ white-space: initial;
+ }
+
+ .tab-navigation nav > ul > li > ul > li > a:hover, .tab-navigation nav > ul > li > ul > li > a:focus {
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li > a.dropdown-toggle:after {
+ content: "\f0d7";
+ display: inline-block;
+ font-family: FontAwesome;
+ margin-left: 7px;
+ font-size: 12px;
+ }
+
+ .tab-navigation nav > ul > li > ul > li:hover.dropdown-submenu > .dropdown-menu {
+ top: auto;
+ display: block;
+ opacity: 1;
+ box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
+ margin-left: 12px;
+ padding: 2px 5px;
+ }
+}
+/* Mobile */
+@media (max-width: 991px) {
+ .tab-navigation {
+ margin-bottom: 25px;
+ border-radius: 5px;
+ overflow: hidden;
+ }
+
+ .tab-navigation nav > ul > li {
+ width: 100%;
+ margin-left: 0;
+ }
+
+ .tab-navigation nav > ul > li.expanding > a {
+ color: #33353F !important;
+ background: #FFF !important;
+ }
+
+ .tab-navigation nav > ul > li.nav-expanded > a {
+ color: #33353F !important;
+ background: #FFF !important;
+ }
+
+ .tab-navigation nav > ul > li.nav-expanded > ul {
+ display: block;
+ }
+
+ .tab-navigation nav > ul > li.active > a {
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li.active > a:hover, .tab-navigation nav > ul > li.active > a:focus {
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li.active ul li a {
+ background: transparent !important;
+ }
+
+ .tab-navigation nav > ul > li.active ul li a:hover {
+ background: #f5f5f5 !important;
+ }
+
+ .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover, .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus {
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li > a {
+ border-radius: 0;
+ color: #FFF;
+ background: #17191d;
+ }
+
+ .tab-navigation nav > ul > li a {
+ cursor: pointer;
+ }
+
+ .tab-navigation nav > ul > li a.dropdown-toggle:after {
+ content: "\f107";
+ display: inline-block;
+ font-family: FontAwesome;
+ float: right;
+ }
+
+ .tab-navigation nav > ul > li .fa {
+ margin-right: 10px;
+ }
+
+ .tab-navigation nav > ul > li > ul {
+ position: static;
+ width: 100%;
+ margin: 0;
+ border: 0;
+ border-radius: 0;
+ background: #FFF;
+ padding-left: 23px;
+ padding-top: 0;
+ }
+
+ .tab-navigation nav > ul > li > ul > li.nav-expanded > ul {
+ display: block;
+ }
+
+ .tab-navigation nav > ul > li > ul > li.dropdown-submenu:hover > a {
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li.active a {
+ color: #777;
+ }
+
+ .tab-navigation nav > ul > li > ul > li.active a:hover, .tab-navigation nav > ul > li > ul > li.active a:focus {
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li > a {
+ color: #777;
+ padding: 10px 15px;
+ white-space: initial;
+ font-size: 13px;
+ }
+
+ .tab-navigation nav > ul > li > ul > li > a:hover, .tab-navigation nav > ul > li > ul > li > a:focus {
+ color: #33353F;
+ background-color: transparent;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu {
+ position: static;
+ float: none;
+ box-shadow: none;
+ border: none;
+ padding-left: 15px;
+ background-color: #FFF;
+ border-radius: 0;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-expanded > ul {
+ display: block;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
+ color: #33353F;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a {
+ padding: 10px 15px;
+ color: #777;
+ white-space: initial;
+ }
+
+ .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a:hover, .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a:focus {
+ color: #33353F;
+ background-color: transparent;
+ }
+
+ .tab-navigation nav > ul li.nav-expanded > a.dropdown-toggle:after {
+ content: "\f106";
+ display: inline-block;
+ font-family: FontAwesome;
+ float: right;
+ }
+}
+
+html.dark .tab-navigation nav > ul > li.nav-expanded > a {
+ color: #FFF;
+ background: #282d36;
+}
+
+html.dark .tab-navigation nav > ul > li > a {
+ color: #FFF;
+ background: #17191d;
+}
+
+html.dark .tab-navigation nav > ul > li > ul {
+ background: #282d36;
+}
+
+html.dark .tab-navigation nav > ul > li > ul > li:hover > a {
+ color: #CCC;
+}
+
+html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu {
+ background-color: #282d36;
+ border-radius: 0;
+}
+
+html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a {
+ color: #777;
+ border-bottom-color: #35393d;
+}
+
+html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
+ color: #CCC;
+}
+
+html.dark .tab-navigation nav > ul > li > ul > li > a {
+ color: #777;
+}
+
+html.dark .tab-navigation nav > ul > li > ul > li > a:hover, html.dark .tab-navigation nav > ul > li > ul > li > a:focus {
+ background-color: transparent;
+ color: #CCC;
+}
+
+/* Tab Navigation Mobile - Dark Colors */
+@media (max-width: 991px) {
+ html.dark .tab-navigation nav > ul > li.expanding > a {
+ color: #FFF !important;
+ background: #282d36 !important;
+ }
+
+ html.dark .tab-navigation nav > ul > li.nav-expanded > a {
+ color: #FFF !important;
+ background: #282d36 !important;
+ }
+
+ html.dark .tab-navigation nav > ul > li.active > a {
+ background: #17191d;
+ }
+
+ html.dark .tab-navigation nav > ul > li.active > a:hover, html.dark .tab-navigation nav > ul > li.active > a:focus {
+ background: #17191d;
+ }
+
+ html.dark .tab-navigation nav > ul > li.active ul li a {
+ background: transparent !important;
+ }
+
+ html.dark .tab-navigation nav > ul > li.active ul li a:hover {
+ background: #282d36 !important;
+ }
+
+ html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
+ background: #17191d;
+ }
+
+ html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:hover, html.dark .tab-navigation nav > ul > li:hover:not(.nav-expanded) > a:focus {
+ background: #17191d;
+ }
+
+ html.dark .tab-navigation nav > ul > li > a {
+ color: #FFF;
+ background: #17191d;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul {
+ background: #282d36;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul > li.dropdown-submenu:hover > a {
+ color: #CCC;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu {
+ background-color: #282d36;
+ border-radius: 0;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li > a {
+ color: #777;
+ background-color: transparent;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul > li .dropdown-menu li:hover > a {
+ color: #CCC;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul > li > a {
+ color: #777;
+ }
+
+ html.dark .tab-navigation nav > ul > li > ul > li > a:hover, html.dark .tab-navigation nav > ul > li > ul > li > a:focus {
+ background-color: transparent;
+ color: #CCC;
+ }
+}
+
+html.boxed.has-tab-navigation body {
+ background: #1d2127;
+}
+
+html.boxed.has-tab-navigation .inner-wrapper {
+ box-shadow: none;
+}
+
+@media (min-width: 992px) {
+ html.boxed.has-tab-navigation .header {
+ margin-top: -5px;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
+ }
+
+ html.boxed.has-tab-navigation .header .separator {
+ width: 1px;
+ background-color: #1d2127;
+ background-image: -webkit-linear-gradient(#1d2127 0%, #121518, #1d2127 100%);
+ background-image: linear-gradient(#1d2127 0%, #121518, #1d2127 100%);
+ }
+}
+
+html.ie .tab-navigation nav > ul > li a .label {
+ float: none !important;
+}
+
+html.ie .tab-navigation nav > ul > li a .not-included {
+ float: none !important;
+ display: inline;
+}
+
+/* ie9 */
+html.ie9 .tab-navigation {
+ display: table-row !important;
+}
+
+.sidebar-left {
+ z-index: 1010;
+}
+
+.sidebar-left .sidebar-header {
+ position: relative;
+ color: #777;
+ height: 50px;
+}
+
+.sidebar-left .sidebar-header .sidebar-title {
+ background: #1D2127;
+ color: #465162;
+ padding: 15px;
+ font-size: 1.3rem;
+}
+
+.sidebar-left .sidebar-header .sidebar-toggle {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 73px;
+ height: 50px;
+ background-color: #171717;
+ border-radius: 0 0 0 5px;
+ text-align: center;
+ cursor: pointer;
+}
+
+.sidebar-left .sidebar-header .sidebar-toggle i {
+ color: #C3C3C3;
+ font-size: 1.7rem;
+ line-height: 50px;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out;
+}
+
+.sidebar-left .sidebar-header .sidebar-toggle:hover i {
+ color: #CCC;
+}
+
+.sidebar-left hr.separator {
+ background: none;
+ margin: 20px 10px 20px;
+}
+
+@media only screen and (max-width: 767px) {
+ .sidebar-left {
+ background: #1D2127;
+ }
+}
+
+html.mobile-device .sidebar-left {
+ background: #1D2127;
+}
+
+/* Unstyle nano for non fixed layouts */
+@media only screen and (min-width: 768px) {
+ html.scroll .sidebar-left,
+ html.boxed .sidebar-left,
+ html.sidebar-left-big-icons .sidebar-left {
+ min-height: 100vh;
+ }
+
+ html.scroll .sidebar-left .sidebar-header,
+ html.boxed .sidebar-left .sidebar-header,
+ html.sidebar-left-big-icons .sidebar-left .sidebar-header {
+ margin-bottom: -3px;
+ }
+
+ html.scroll .sidebar-left .nano,
+ html.boxed .sidebar-left .nano,
+ html.sidebar-left-big-icons .sidebar-left .nano {
+ position: static;
+ overflow: visible;
+ width: 100%;
+ }
+
+ html.scroll .sidebar-left .nano .nano-content,
+ html.boxed .sidebar-left .nano .nano-content,
+ html.sidebar-left-big-icons .sidebar-left .nano .nano-content {
+ margin-right: 0 !important;
+ position: relative;
+ overflow: visible;
+ margin-top: 3px;
+ }
+
+ html.scroll .sidebar-left .nano .nano-pane,
+ html.boxed .sidebar-left .nano .nano-pane,
+ html.sidebar-left-big-icons .sidebar-left .nano .nano-pane {
+ display: none !important;
+ }
+
+ html.boxed .sidebar-left .nano > .nano-content,
+ html.scroll .sidebar-left .nano > .nano-content,
+ html.sidebar-left-big-icons .sidebar-left .nano > .nano-content {
+ overflow: visible !important;
+ }
+
+ html.boxed .sidebar-left .nano {
+ padding-bottom: 10px;
+ }
+
+ html.scroll .sidebar-left .nano,
+ html.sidebar-left-big-icons .sidebar-left .nano {
+ padding-bottom: 10px;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ html.sidebar-left-collapsed .sidebar-left .nano {
+ background: #1D2127;
+ box-shadow: -5px 0 0 #2F3139 inset;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .sidebar-title {
+ margin-left: -300px;
+ opacity: 0;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .sidebar-toggle {
+ border-radius: 0;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nav-main > li > a {
+ overflow: hidden;
+ text-overflow: clip;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent a:after {
+ display: none;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nav-main li.nav-parent > ul.nav-children {
+ display: none;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nav-main a span {
+ visibility: hidden;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .sidebar-widget,
+ html.sidebar-left-collapsed .sidebar-left .separator {
+ display: none;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nano:hover {
+ width: 300px;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main .nav-expanded > ul.nav-children {
+ display: block;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li.nav-parent a:after {
+ display: inline-block;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nano:hover .nav-main li a span {
+ visibility: visible;
+ }
+
+ html.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget,
+ html.sidebar-left-collapsed .sidebar-left .nano:hover .separator {
+ display: block;
+ }
+
+ html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano {
+ width: 300px;
+ }
+
+ html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main .nav-expanded > ul.nav-children {
+ display: block;
+ }
+
+ html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main li.nav-parent a:after {
+ display: inline-block;
+ }
+
+ html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .nav-main li a span {
+ visibility: visible;
+ }
+
+ html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .sidebar-widget,
+ html.sidebar-left-collapsed.sidebar-left-opened .sidebar-left .nano .separator {
+ display: block;
+ }
+}
+
+html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-title {
+ background: #FFF;
+}
+
+html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle {
+ background: #f6f6f6;
+}
+
+html.sidebar-light:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle i {
+ color: #333;
+}
+
+html.sidebar-light:not(.dark) .sidebar-left .nano {
+ box-shadow: -5px 0 0 #f6f6f6 inset;
+ background: #FFF;
+}
+
+html.sidebar-light:not(.dark).sidebar-left-collapsed .sidebar-left .nano {
+ box-shadow: -5px 0 0 #f6f6f6 inset;
+ background: #FFF;
+}
+
+@media only screen and (max-width: 767px) {
+ html.sidebar-light .sidebar-left {
+ background: #FFF;
+ }
+}
+
+html.mobile-device.sidebar-light .sidebar-left {
+ background: #FFF;
+}
+
+@media only screen and (min-width: 768px) {
+ html.sidebar-left-big-icons .sidebar-left {
+ width: 152px;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .sidebar-header .sidebar-toggle {
+ width: 55px;
+ border-radius: 0;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano {
+ box-shadow: none !important;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main {
+ margin-right: 0;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:hover > ul.nav-children {
+ display: block;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:hover > a {
+ background: #21262d;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li:last-child > a {
+ border-top: 1px solid #21262d;
+ border-bottom: 1px solid #21262d;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li.nav-active > a {
+ background: #21262d;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a {
+ text-align: center;
+ padding: 12px 10px;
+ border-top: 1px solid #21262d;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a:after {
+ content: none;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a i {
+ margin-right: 0;
+ font-size: 2.8rem;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a span {
+ display: block;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a span.label {
+ position: absolute;
+ top: 2px;
+ left: 60%;
+ -webkit-transform: translateX(-50%);
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -o-transform: translateX(-50%);
+ transform: translateX(-50%);
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li > a .not-included {
+ display: block;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children {
+ position: absolute;
+ top: 0;
+ left: 100%;
+ min-width: 210px;
+ border-left: 3px solid #2f3139;
+ background: #21262d;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > ul.nav-children {
+ display: block;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a {
+ color: #FFF;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a:hover {
+ background: transparent;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li a {
+ padding: 6px 15px;
+ overflow: visible;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li.nav-parent > a {
+ padding-right: 30px;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children li.nav-parent > a:after {
+ content: '\f105';
+ padding: 6px 10px;
+ right: 5px;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main > li ul.nav-children ul.nav-children {
+ padding: 10px 0;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent:hover > a:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ right: -3px;
+ bottom: 0;
+ border-right: 4px solid #21262d;
+ z-index: 1;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent.nav-expanded > ul.nav-children {
+ display: none;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .nav-main li.nav-parent.nav-expanded:hover > ul.nav-children {
+ display: block;
+ }
+
+ html.sidebar-left-big-icons .sidebar-left .nano .sidebar-widget {
+ display: none;
+ }
+
+ html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left {
+ width: 55px;
+ }
+
+ html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano:hover {
+ width: 55px;
+ }
+
+ html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano:hover .sidebar-widget {
+ display: none;
+ }
+
+ html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a {
+ overflow: visible;
+ }
+
+ html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a span {
+ display: none;
+ }
+
+ html.sidebar-left-big-icons.sidebar-left-collapsed .sidebar-left .nano .nav-main > li > a > i {
+ font-size: 2.1rem;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li:hover > a {
+ background: #fafafa;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li:last-child > a {
+ border-top: 1px solid #fafafa;
+ border-bottom: 1px solid #fafafa;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li.nav-active > a {
+ background: #fafafa;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li > a {
+ border-top: 1px solid #fafafa;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children {
+ border-left: 3px solid #F1F1F1;
+ background: #fafafa;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a {
+ color: #000;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main > li ul.nav-children li:hover > a:hover {
+ background: transparent;
+ }
+
+ html.sidebar-left-big-icons.sidebar-light .sidebar-left .nano .nav-main li.nav-parent:hover > a:before {
+ border-right: 4px solid #fafafa;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ html.left-sidebar-panel {
+ /* Sidebar Right Opened */
+ /* Fixed */
+ /* Boxed */
+ /* ie9 */;
+ }
+
+ html.left-sidebar-panel .inner-wrapper {
+ padding-top: 85px;
+ }
+
+ html.left-sidebar-panel .content-body {
+ padding: 0;
+ margin-right: 25px;
+ }
+
+ html.left-sidebar-panel .page-header {
+ margin-bottom: 15px;
+ }
+
+ html.left-sidebar-panel .sidebar-left {
+ margin: 0 25px 25px;
+ border-radius: 5px;
+ overflow: hidden;
+ }
+
+ html.left-sidebar-panel.sidebar-right-opened .sidebar-left {
+ margin: 0 25px 0 0;
+ }
+
+ html.left-sidebar-panel.fixed {
+ /* Fixed & Sidebar Right Opened */;
+ }
+
+ html.left-sidebar-panel.fixed .page-header {
+ position: relative;
+ left: 0;
+ top: 0;
+ }
+
+ html.left-sidebar-panel.fixed .content-body {
+ margin-left: 350px;
+ }
+
+ html.left-sidebar-panel.fixed .sidebar-left {
+ margin: 25px;
+ padding-bottom: 0;
+ }
+
+ html.left-sidebar-panel.fixed.sidebar-right-opened .page-header {
+ margin-right: 0;
+ }
+
+ html.left-sidebar-panel.fixed.sidebar-right-opened .sidebar-left {
+ margin-left: 0;
+ }
+
+ html.left-sidebar-panel.fixed.sidebar-right-opened .content-body {
+ margin-left: 325px;
+ }
+
+ html.left-sidebar-panel.ie9.no-overflowscrolling .nano {
+ min-height: 100vh;
+ }
+
+ html.left-sidebar-panel.ie9.no-overflowscrolling .nano > .nano-content {
+ position: static;
+ }
+
+ html.left-sidebar-panel.ie9 .sidebar-left {
+ left: 25px;
+ }
+
+ html.left-sidebar-panel.ie9 .content-body {
+ padding-right: 70px;
+ left: 50px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ /* Layout Mobile - Sidebar Left Collapsed & Sidebar Right Opened */
+ html.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
+ margin-left: -250px;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ /* Layout Base - Sidebar Left */
+ html.sidebar-left-sm .sidebar-left {
+ width: 250px;
+ font-size: 1.2rem;
+ }
+
+ html.sidebar-left-sm .sidebar-left ul.nav-main li i {
+ font-size: 1.6rem;
+ }
+
+ html.sidebar-left-sm .sidebar-left ul.nav-main li a {
+ font-size: 1.2rem;
+ }
+
+ html.sidebar-left-sm .sidebar-left .sidebar-widget .widget-header h6 {
+ font-size: 1.2rem;
+ }
+
+ html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left .sidebar-title {
+ margin-left: -250px;
+ }
+
+ html.sidebar-left-sm.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
+ width: 250px;
+ }
+
+ /* Layout Base - Sidebar Left Opened ( Larger than mobile ) */
+ html.sidebar-left-sm.sidebar-left-collapsed .sidebar-left {
+ width: 73px;
+ }
+
+ /* Layout Fixed - Content Body */
+ html.fixed.sidebar-left-sm .content-body {
+ margin-left: 250px;
+ }
+
+ /* Layout Fixed - Page header */
+ html.fixed.sidebar-left-sm .page-header {
+ left: 250px;
+ }
+
+ /* Layout Fixed - Sidebar Right Opened */
+ html.fixed.sidebar-left-sm.sidebar-right-opened .page-header {
+ left: 0;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-right-opened .sidebar-left {
+ left: -250px;
+ }
+
+ /* Layout Fixed - Sidebar Left Collapsed */
+ html.fixed.sidebar-left-collapsed .page-header {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-collapsed .content-body {
+ margin-left: 73px;
+ }
+
+ /* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .page-header {
+ left: -250px;
+ }
+
+ /* Content With Menu + Layout Fixed */
+ html.fixed.sidebar-left-sm .inner-menu {
+ left: 250px;
+ }
+
+ /* Content With Menu + Layout Fixed + Sidebar Left Collapsed */
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-toolbar {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
+ left: 373px;
+ }
+
+ /* Content With Menu + Layout Fixed + Sidebar Right Opened */
+ html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-right-opened .inner-toolbar {
+ left: -50px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-right-opened.inner-menu-opened .inner-toolbar {
+ left: -350px;
+ }
+
+ /* Content With Menu - Toolbar + Layout Fixed */
+ html.fixed.sidebar-left-sm.inner-menu-opened {
+ left: 550px;
+ }
+
+ html.fixed.sidebar-left-sm .inner-menu-toggle {
+ left: 250px;
+ }
+}
+/* Resolution gt 1366 - Show Inner Menu */
+@media only screen and (min-width: 1366px) {
+ html.fixed.sidebar-left-sm .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-sm.inner-menu-opened .content-with-menu .inner-toolbar {
+ left: 550px;
+ }
+
+ html.fixed.sidebar-left-sm .inner-menu-toggle,
+ html.fixed.sidebar-left-sm .inner-menu,
+ html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.inner-menu-opened .inner-menu {
+ left: 250px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-right-opened .content-with-menu .inner-toolbar {
+ left: 250px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-sm.sidebar-right-opened .inner-menu-toggle {
+ left: -50px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
+ left: 373px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed .inner-menu,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.inner-menu-opened .inner-menu {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-sm.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
+ left: -227px;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ /* Layout Mobile - Sidebar Left Collapsed & Sidebar Right Opened */
+ html.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .sidebar-left {
+ margin-left: -200px;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ /* Layout Base - Sidebar Left */
+ html.sidebar-left-xs .sidebar-left {
+ width: 200px;
+ font-size: 1.1rem;
+ }
+
+ html.sidebar-left-xs .sidebar-left ul.nav-main li i {
+ font-size: 1.4rem;
+ }
+
+ html.sidebar-left-xs .sidebar-left ul.nav-main li a {
+ font-size: 1.1rem;
+ }
+
+ html.sidebar-left-xs .sidebar-left ul.nav-main li .nav-children li a {
+ padding-left: 52px;
+ }
+
+ html.sidebar-left-xs .sidebar-left .sidebar-widget .widget-header h6 {
+ font-size: 1.1rem;
+ }
+
+ html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left .sidebar-title {
+ margin-left: -200px;
+ }
+
+ html.sidebar-left-xs.sidebar-left-collapsed.fixed .sidebar-left .nano:hover {
+ width: 200px;
+ }
+
+ /* Layout Base - Sidebar Left Opened ( Larger than mobile ) */
+ html.sidebar-left-xs.sidebar-left-collapsed .sidebar-left {
+ width: 73px;
+ }
+
+ /* Layout Fixed - Content Body */
+ html.fixed.sidebar-left-xs .content-body {
+ margin-left: 200px;
+ }
+
+ /* Layout Fixed - Page header */
+ html.fixed.sidebar-left-xs .page-header {
+ left: 200px;
+ }
+
+ /* Layout Fixed - Sidebar Right Opened */
+ html.fixed.sidebar-left-xs.sidebar-right-opened .page-header {
+ left: 0;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-right-opened .sidebar-left {
+ left: -200px;
+ }
+
+ /* Layout Fixed - Sidebar Left Collapsed */
+ html.fixed.sidebar-left-collapsed .page-header {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-collapsed .content-body {
+ margin-left: 73px;
+ }
+
+ /* Layout Fixed - Sidebar Left Collapsed & Sidebar Right Opened */
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .page-header {
+ left: -200px;
+ }
+
+ /* Content With Menu + Layout Fixed */
+ html.fixed.sidebar-left-xs .inner-menu {
+ left: 200px;
+ }
+
+ /* Content With Menu + Layout Fixed + Sidebar Left Collapsed */
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-toolbar {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-toolbar {
+ left: 373px;
+ }
+
+ /* Content With Menu + Layout Fixed + Sidebar Right Opened */
+ html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-right-opened .inner-toolbar {
+ left: -100px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-right-opened.inner-menu-opened .inner-toolbar {
+ left: -400px;
+ }
+
+ /* Content With Menu - Toolbar + Layout Fixed */
+ html.fixed.sidebar-left-xs.inner-menu-opened {
+ left: 500px;
+ }
+
+ html.fixed.sidebar-left-xs .inner-menu-toggle {
+ left: 200px;
+ }
+}
+/* Resolution gt 1366 - Show Inner Menu */
+@media only screen and (min-width: 1366px) {
+ html.fixed.sidebar-left-xs .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-xs.inner-menu-opened .content-with-menu .inner-toolbar {
+ left: 500px;
+ }
+
+ html.fixed.sidebar-left-xs .inner-menu-toggle,
+ html.fixed.sidebar-left-xs .inner-menu,
+ html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.inner-menu-opened .inner-menu {
+ left: 200px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-right-opened .content-with-menu .inner-toolbar {
+ left: 200px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-xs.sidebar-right-opened .inner-menu-toggle {
+ left: -100px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .content-with-menu .inner-toolbar,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .content-with-menu .inner-toolbar {
+ left: 373px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed .inner-menu,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened.inner-menu-opened .inner-menu,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu-toggle,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.inner-menu-opened .inner-menu {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .content-with-menu .inner-toolbar {
+ left: 73px;
+ }
+
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu,
+ html.fixed.sidebar-left-xs.sidebar-left-collapsed.sidebar-right-opened .inner-menu-toggle {
+ left: -227px;
+ }
+}
+/* Sidebar Right */
+.sidebar-right {
+ z-index: 1010;
+}
+
+.sidebar-right .sidebar-right-wrapper {
+ padding: 20px;
+}
+
+.sidebar-right h6 {
+ margin: 0;
+ color: #777;
+ text-transform: uppercase;
+ font-size: 1.2rem;
+ font-weight: 600;
+}
+
+.sidebar-right .mobile-close {
+ background: #000;
+ color: #999;
+ left: 0;
+ line-height: 50px;
+ padding-left: 20px;
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ text-align: left;
+ text-decoration: none;
+}
+
+.sidebar-right .mobile-close i {
+ margin-left: 5px;
+ vertical-align: middle;
+}
+
+.sidebar-right .mobile-close:after {
+ box-shadow: 0 0px 3px 0 rgba(255, 255, 255, 0.7);
+ bottom: -1px;
+ content: '';
+ display: block;
+ height: 1px;
+ left: 0;
+ position: absolute;
+ right: 0;
+}
+
+/* If desktop is seeing mobile res, fix scrollbars */
+@media only screen and (max-width: 767px) {
+ html.no-mobile-device.custom-scroll .sidebar-right .nano > .nano-content {
+ overflow: scroll;
+ overflow-x: hidden;
+ }
+}
+/* Content With Menu - Menu Faux Column for Scroll and Boxed Layouts Colors */
+@media only screen and (min-width: 768px) {
+ html.scroll .content-with-menu:before,
+ html.boxed .content-with-menu:before {
+ background: #1D2127;
+ }
+
+ html.scroll .content-with-menu:after,
+ html.boxed .content-with-menu:after {
+ background: #000;
+ box-shadow: 0px 0 4px 2px rgba(0, 0, 0, 0.5);
+ }
+}
+/* Unstyle nano for non fixed layouts */
+html.scroll .inner-menu .nano, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano,
+html.boxed .inner-menu .nano,
+html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano {
+ position: static;
+ height: auto;
+ overflow: visible;
+ width: auto;
+}
+
+html.scroll .inner-menu .nano > .nano-content, html.scroll.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content,
+html.boxed .inner-menu .nano > .nano-content,
+html.boxed.no-overflowscrolling.custom-scroll .inner-menu .nano > .nano-content {
+ position: static;
+ overflow: visible;
+}
+
+@media only screen and (max-width: 767px) {
+ html.fixed .inner-menu .nano {
+ position: static;
+ height: auto;
+ overflow: visible;
+ width: auto;
+ }
+
+ html.fixed .inner-menu .nano .nano-content {
+ margin-right: 0;
+ position: static;
+ overflow: visible;
+ }
+}
+/* Fix padding when fixed */
+@media only screen and (min-width: 768px) {
+ html.fixed .inner-menu {
+ padding: 0;
+ }
+
+ html.fixed .inner-menu .nano-content {
+ padding: 35px;
+ }
+
+ html.fixed .inner-menu .nano-content:after {
+ display: block;
+ content: '';
+ height: 35px;
+ }
+}
+/* Content With Menu - Inner Menu Style */
+.inner-menu {
+ background: #1D2127;
+ border-right: 1px solid #242830;
+ color: #abb4be;
+ padding: 0;
+ margin: 0;
+}
+
+.inner-menu .title {
+ color: #465162;
+ font-weight: 600;
+ margin: 10px 0;
+ padding: 0;
+ text-transform: uppercase;
+}
+
+.inner-menu hr.separator {
+ background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
+ background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
+ background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
+ background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.4), transparent);
+ margin: 20px -35px 20px;
+}
+
+.inner-menu a,
+.inner-menu a:hover {
+ color: #abb4be;
+}
+
+.inner-menu a.menu-item {
+ color: #abb4be;
+ display: block;
+ margin: 0 -35px 0 -35px;
+ padding: 10px 50px 10px 50px;
+ text-decoration: none;
+}
+
+.inner-menu a.menu-item:hover {
+ background: #21262d;
+ color: #abb4be;
+ text-decoration: none;
+}
+
+.inner-menu a.menu-item.active {
+ background: #282d36;
+}
+
+.inner-menu a.menu-item .label {
+ font-weight: normal;
+ font-size: 10px;
+ font-size: 1rem;
+ padding: .3em .7em .4em;
+ margin: .2em -1em 0 0;
+}
+
+html.sidebar-light:not(.dark) .inner-menu {
+ background: #FFF;
+ border-right-color: #e2e3e6;
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .inner-menu .title {
+ color: #465162;
+}
+
+html.sidebar-light:not(.dark) .inner-menu hr.separator {
+ background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
+ background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
+ background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
+ background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
+}
+
+html.sidebar-light:not(.dark) .inner-menu a.menu-item {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .inner-menu a.menu-item:hover {
+ background: #e2e3e6;
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .inner-menu a.menu-item.active {
+ background: #e2e3e6;
+}
+
+/* Content With Menu - Toggle */
+.inner-menu-toggle,
+.inner-menu .inner-menu-toggle-inside {
+ background: #000;
+ color: #999;
+ left: 0;
+ line-height: 52px;
+ position: relative;
+ overflow: hidden;
+ text-align: left;
+ text-decoration: none;
+}
+
+.inner-menu-toggle:after,
+.inner-menu .inner-menu-toggle-inside:after {
+ box-shadow: 0 0px 3px 0 rgba(255, 255, 255, 0.7);
+ bottom: -1px;
+ content: '';
+ display: block;
+ height: 1px;
+ left: 0;
+ position: absolute;
+ right: 0;
+}
+
+.inner-menu-toggle a,
+.inner-menu .inner-menu-toggle-inside a {
+ display: block;
+ padding-left: 20px;
+ text-decoration: none;
+}
+
+.inner-menu-toggle a i,
+.inner-menu .inner-menu-toggle-inside a i {
+ vertical-align: middle;
+}
+
+.inner-menu-toggle .inner-menu-collapse,
+.inner-menu .inner-menu-toggle-inside .inner-menu-collapse {
+ display: none;
+}
+
+html.sidebar-light:not(.dark) .inner-menu-toggle,
+html.sidebar-light:not(.dark) .inner-menu .inner-menu-toggle-inside {
+ background: #E2E3E6;
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .inner-menu-toggle > a,
+html.sidebar-light:not(.dark) .inner-menu .inner-menu-toggle-inside > a {
+ color: #777;
+}
+
+.inner-menu-toggle a i {
+ margin-left: 5px;
+}
+
+.inner-menu-toggle-inside {
+ margin: -35px -35px 15px -35px;
+}
+
+.inner-menu-toggle-inside .inner-menu-collapse i {
+ margin-right: 5px;
+}
+
+.inner-menu-toggle-inside .inner-menu-expand i {
+ margin-left: 5px;
+}
+
+/* Content With Menu - Toggle - Outside */
+.inner-menu-toggle {
+ display: none;
+}
+
+/* Content With Menu - Inner Menu Content */
+.inner-menu-content {
+ display: none;
+}
+
+html.inner-menu-opened .inner-menu .inner-menu-toggle-inside .inner-menu-collapse {
+ display: block;
+}
+
+html.inner-menu-opened .inner-menu-expand {
+ display: none;
+}
+
+html.inner-menu-opened .inner-menu-content {
+ display: block;
+}
+
+/* Content With Menu - Responsive */
+@media only screen and (max-width: 767px) {
+ .inner-menu .hidden-xs-inline {
+ display: none;
+ }
+
+ .inner-menu .inner-menu-content {
+ padding: 20px;
+ }
+
+ .inner-menu-toggle-inside {
+ margin: 0;
+ }
+}
+/* Content With Menu - Toolbar + Layout Fixed */
+@media only screen and (min-width: 768px) {
+ html.fixed.inner-menu-opened {
+ left: 600px;
+ }
+
+ html.fixed .inner-menu-toggle {
+ position: fixed;
+ left: 300px;
+ }
+}
+
+html.dark .inner-menu-toggle:after,
+html.dark .inner-menu .inner-menu-toggle-inside:after {
+ box-shadow: none;
+}
+
+ul.nav-main {
+ margin-right: 5px;
+}
+
+ul.nav-main > li > a {
+ padding: 12px 25px;
+}
+
+ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
+ background-color: #21262d;
+}
+
+ul.nav-main > li.nav-active > a {
+ box-shadow: 2px 0 0 #CCC inset;
+}
+
+ul.nav-main > li.nav-active > a:hover {
+ color: #abb4be;
+}
+
+ul.nav-main > li.nav-active > i {
+ color: #CCC;
+}
+
+ul.nav-main > li.nav-expanded > a {
+ background: #21262d;
+}
+
+ul.nav-main li a {
+ font-size: 1.3rem;
+ color: #abb4be;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+ul.nav-main li a span.label {
+ font-weight: normal;
+ font-size: 1rem;
+ padding: .3em .7em .4em;
+ margin: .4em -1em 0 0;
+}
+
+ul.nav-main li a .not-included {
+ font-style: normal;
+ color: #505b67;
+ display: inline-block;
+ padding: 0 0 0 6px;
+}
+
+ul.nav-main li span {
+ vertical-align: middle;
+}
+
+ul.nav-main li i {
+ font-size: 1.8rem;
+ width: 1.1em;
+ margin-right: 0.5em;
+ text-align: center;
+ vertical-align: middle;
+}
+
+ul.nav-main li.nav-parent {
+ position: relative;
+}
+
+ul.nav-main li.nav-parent > a {
+ cursor: pointer;
+}
+
+ul.nav-main li.nav-parent > a:after {
+ font-family: 'FontAwesome';
+ content: '\f107';
+ font-size: 1.6rem;
+ color: #abb4be;
+ position: absolute;
+ right: 0;
+ top: 0;
+ padding: 14px 25px;
+}
+
+ul.nav-main li.nav-parent.nav-expanded > a:after {
+ content: '\f106';
+}
+
+ul.nav-main li.nav-parent.nav-expanded > ul.nav-children {
+ display: block;
+}
+
+ul.nav-main li .nav-children {
+ background: #191c21;
+ box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.7) inset;
+ display: none;
+ padding: 10px 0;
+}
+
+ul.nav-main li .nav-children li a {
+ padding: 6px 15px 6px 57px;
+ overflow: hidden;
+}
+
+ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
+ background: #191c21;
+}
+
+ul.nav-main li .nav-children li a:after {
+ padding: 6px 25px;
+}
+
+ul.nav-main li .nav-children li.nav-active > a {
+ color: #CCC;
+}
+
+ul.nav-main li .nav-children .nav-children {
+ box-shadow: none;
+ padding: 0;
+}
+
+ul.nav-main li .nav-children .nav-children li a {
+ padding: 6px 15px 6px 82px;
+}
+
+ul.nav-main li .nav-children .nav-children .nav-children li a {
+ padding: 6px 15px 6px 97px;
+}
+
+/* Sidebar Light - Menu */
+html.sidebar-light:not(.dark) ul.nav-main {
+ margin-top: 3px;
+}
+
+html.sidebar-light:not(.dark) ul.nav-main li a {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) ul.nav-main > li > a:hover, html.sidebar-light:not(.dark) ul.nav-main > li > a:focus {
+ background-color: #fafafa;
+}
+
+html.sidebar-light:not(.dark) ul.nav-main > li.nav-expanded > a {
+ background: #fafafa;
+}
+
+html.sidebar-light:not(.dark) ul.nav-main li .nav-children {
+ background: #F6F6F6;
+ box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.1) inset;
+}
+
+html.sidebar-light:not(.dark) ul.nav-main li .nav-children li a:hover, html.sidebar-light:not(.dark) ul.nav-main li .nav-children li a:focus {
+ background: #F1F1F1;
+}
+
+/* Page Header */
+.page-header {
+ z-index: 1001;
+ /* Left Breadcumb */
+ /* Mobile */;
+}
+
+.page-header h2 {
+ color: #FFF;
+ border-bottom: 4px solid #CCC;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ display: inline-block;
+ float: left;
+ height: 50px;
+ font-size: 2rem;
+ letter-spacing: normal;
+ line-height: 50px;
+ margin: 0 0 0 -1px;
+ padding: 0 22px 0 20px;
+}
+
+.page-header .right-wrapper {
+ float: right;
+}
+
+.page-header .breadcrumbs {
+ display: inline-block;
+ font-size: 0;
+ line-height: 50px;
+ margin: 0;
+ padding: 0;
+}
+
+.page-header .breadcrumbs li {
+ color: #C3C3C3;
+ display: inline-block;
+ font-weight: 300;
+}
+
+.page-header .breadcrumbs li:after {
+ content: '/';
+ display: inline-block;
+ font-size: 1.4rem;
+ margin: 0 10px;
+ vertical-align: middle;
+}
+
+.page-header .breadcrumbs li:last-child:after {
+ display: none;
+}
+
+.page-header .breadcrumbs .fa-home {
+ font-size: 2rem;
+}
+
+.page-header .breadcrumbs i {
+ vertical-align: middle;
+}
+
+.page-header .breadcrumbs a,
+.page-header .breadcrumbs span {
+ color: #C3C3C3;
+ display: inline-block;
+ font-size: 1.4rem;
+ line-height: 20px;
+ vertical-align: middle;
+}
+
+.page-header .sidebar-right-toggle {
+ cursor: pointer;
+ color: #C3C3C3;
+ display: inline-block;
+ font-size: 17px;
+ margin: 0 0 0 10px;
+ height: 50px;
+ width: 50px;
+ vertical-align: top;
+ text-align: center;
+ -webkit-transition: all 0.15s ease-in-out;
+ -moz-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out;
+}
+
+.page-header .sidebar-right-toggle i {
+ line-height: 53px;
+ vertical-align: middle;
+}
+
+.page-header .sidebar-right-toggle:hover {
+ color: #CCC;
+}
+
+.page-header.page-header-left-breadcrumb {
+ position: relative;
+ background: transparent !important;
+ height: initial;
+ top: 3px;
+ margin: 0 0 15px;
+ padding-left: 8px;
+ border: 0 !important;
+ box-shadow: none !important;
+ z-index: 0;
+}
+
+.page-header.page-header-left-breadcrumb h2 {
+ float: none;
+ height: 40px;
+ line-height: 30px;
+ color: #33353F;
+ padding: 0;
+ border: 0;
+}
+
+.page-header.page-header-left-breadcrumb .right-wrapper {
+ float: none;
+ padding-left: 0;
+}
+
+.page-header.page-header-left-breadcrumb .breadcrumbs {
+ margin-top: -10px;
+ line-height: 30px;
+}
+
+.page-header.page-header-left-breadcrumb .breadcrumbs a, .page-header.page-header-left-breadcrumb .breadcrumbs span {
+ color: #757677;
+}
+
+.page-header.page-header-left-breadcrumb .sidebar-right-toggle {
+ position: absolute;
+ top: 30%;
+ right: -25px;
+ color: #33353F;
+ -webkit-transform: translateY(-50%);
+ -moz-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ -o-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+@media (max-width: 767px) {
+ .page-header .page-header-left-breadcrumb {
+ margin-top: 15px;
+ }
+
+ .page-header .page-header-left-breadcrumb .sidebar-right-toggle {
+ right: -15px;
+ }
+}
+
+/* Header Dark - Page Header */
+html.dark .page-header,
+html.header-dark .page-header {
+ border-left-color: #171717;
+ box-shadow: 1px 3px 0 1px #2f3139;
+}
+
+/* Sidebar Light- Page Header */
+html.sidebar-light:not(.dark) .page-header {
+ border-left-color: #e6e6e6;
+ background: #f6f6f6;
+ box-shadow: 1px 3px 0 1px #e2e3e6;
+}
+
+html.sidebar-light:not(.dark) .page-header h2 {
+ color: #333;
+}
+
+html.sidebar-light:not(.dark) .page-header .breadcrumbs a,
+html.sidebar-light:not(.dark) .page-header .breadcrumbs span {
+ color: #333;
+}
+
+html.sidebar-light:not(.dark) .page-header .sidebar-right-toggle i {
+ color: #333;
+}
+
+html.sidebar-right-opened .page-header .sidebar-right-toggle i:before {
+ content: "\f054";
+}
+
+/* Page Header - Mobile */
+@media only screen and (max-width: 767px) {
+ .page-header {
+ padding-right: 80px;
+ }
+
+ .page-header .breadcrumbs {
+ display: none;
+ }
+
+ .page-header h2 {
+ font-size: 16px;
+ padding: 0 15px 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ max-width: 100%;
+ }
+
+ .page-header .sidebar-right-toggle {
+ position: absolute;
+ right: 0;
+ top: 0;
+ }
+}
+
+html.ie {
+ /* Page header */;
+}
+
+html.ie .page-header {
+ /* Left Breadcumb */;
+}
+
+html.ie .page-header.page-header-left-breadcrumb h2 {
+ float: left;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+.h1,
+.h2,
+.h3 {
+ letter-spacing: -1px;
+}
+
+h1,
+.h1 {
+ font-size: 3.6rem;
+}
+
+h2,
+.h2 {
+ font-size: 3rem;
+}
+
+h3,
+.h3 {
+ font-size: 2.4rem;
+}
+
+h4,
+.h4 {
+ font-size: 1.8rem;
+}
+
+h5,
+.h5 {
+ font-size: 1.4rem;
+}
+
+h6,
+.h6 {
+ font-size: 1.2rem;
+ letter-spacing: 0;
+}
+
+/* Alternative Font Style */
+.alternative-font {
+ color: #CCC;
+ font-family: "Shadows Into Light", cursive;
+ font-size: 1.6em;
+}
+
+/* Shadow Style 1 */
+.shadow-style-1 {
+ box-shadow: 10px 10px 74px -15px rgba(74, 74, 74, 0.1);
+ -webkit-transition: ease box-shadow 300ms;
+ -moz-transition: ease box-shadow 300ms;
+ transition: ease box-shadow 300ms;
+}
+
+.shadow-style-1:hover {
+ box-shadow: 10px 10px 74px -15px rgba(74, 74, 74, 0.4);
+}
+
+/* Shadow Style 2 */
+.shadow-style-2 {
+ box-shadow: 10px 10px 74px -15px rgba(74, 74, 74, 0.4);
+}
+
+/* Drop Caps */
+p.drop-caps:first-child:first-letter {
+ float: left;
+ font-size: 75px;
+ line-height: 60px;
+ padding: 4px;
+ margin-right: 5px;
+ margin-top: 5px;
+ font-family: Georgia;
+ color: #171717;
+}
+
+p.drop-caps.secondary:first-child:first-letter {
+ background-color: #171717;
+ color: #FFF;
+ padding: 6px;
+ margin-right: 5px;
+ border-radius: 4px;
+}
+
+p.drop-caps.colored:first-child:first-letter {
+ color: #CCC;
+}
+
+p.drop-caps.colored.secondary:first-child:first-letter {
+ background-color: #CCC;
+ color: #FFF;
+}
+
+/* Blockquote */
+blockquote {
+ font-size: 1em;
+}
+
+/* Hightlight */
+.highlight {
+ background-color: #CCC;
+ color: #FFF;
+ padding: 3px 6px;
+}
+
+/* Divider Line */
+hr {
+ border: 0;
+ height: 1px;
+ background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
+ background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
+ background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
+ background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
+ margin: 22px 0 22px 0;
+}
+
+hr.short {
+ margin: 11px 0 11px 0;
+}
+
+hr.tall {
+ margin: 44px 0 44px 0;
+}
+
+hr.taller {
+ margin: 66px 0 66px 0;
+}
+
+hr.light {
+ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
+ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
+ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
+ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
+}
+
+hr.dotted {
+ height: 0;
+ border-bottom: 1px dotted #ddd;
+}
+
+hr.solid {
+ height: 0;
+ border-bottom: 1px solid #ddd;
+}
+
+/* Buttons Icon */
+.btn-icon i {
+ margin-right: 10px;
+}
+
+.btn-icon-right i {
+ margin-right: 0;
+ margin-left: 10px;
+}
+
+/* Form Elements */
+input {
+ outline: none;
+}
+
+label {
+ font-weight: normal;
+}
+
+textarea {
+ resize: vertical;
+}
+
+textarea[data-toggle=autosize] {
+ -webkit-transition: height 0.15s ease-in;
+ -moz-transition: height 0.15s ease-in;
+ transition: height 0.15s ease-in;
+}
+
+select {
+ border: 1px solid #E5E7E9;
+ border-radius: 6px;
+ height: 46px;
+ padding: 12px;
+ outline: none;
+}
+
+/* Forms Validations */
+label.valid {
+ display: inline-block;
+ text-indent: -9999px;
+}
+
+label.error {
+ color: #C10000;
+ font-size: 0.9em;
+ margin-top: -5px;
+ padding: 0;
+}
+
+/* Miscellaneous */
+body a, body a:focus, body a:hover, body a:active, body a:visited {
+ outline: none !important;
+}
+
+.center {
+ text-align: center;
+}
+
+.popover .btn {
+ margin-right: 5px;
+}
+
+.popover .btn:last-child {
+ margin-right: 0;
+}
+
+ul,
+ol {
+ margin-bottom: 0;
+ padding-left: 27px;
+}
+
+blockquote.primary {
+ border-color: #CCC;
+}
+
+blockquote.success {
+ border-color: #47a447;
+}
+
+blockquote.warning {
+ border-color: #ed9c28;
+}
+
+blockquote.danger {
+ border-color: #d2322d;
+}
+
+blockquote.info {
+ border-color: #5bc0de;
+}
+
+blockquote.dark {
+ border-color: #171717;
+}
+
+.well.primary {
+ background: #CCC;
+ border-color: #b3b3b3;
+ color: #FFF;
+}
+
+.well.success {
+ background: #47a447;
+ border-color: #388038;
+ color: #FFF;
+}
+
+.well.warning {
+ background: #ed9c28;
+ border-color: #d18211;
+ color: #FFF;
+}
+
+.well.danger {
+ background: #d2322d;
+ border-color: #a82824;
+ color: #FFF;
+}
+
+.well.info {
+ background: #5bc0de;
+ border-color: #31b0d5;
+ color: #FFF;
+}
+
+.well.dark {
+ background: #171717;
+ border-color: black;
+ color: #FFF;
+}
+
+/* Arrows */
+.arrow {
+ background: transparent url(../images/arrows.png) no-repeat 0 0;
+ width: 47px;
+ height: 120px;
+ display: inline-block;
+ position: relative;
+}
+
+.arrow.arrow-light {
+ background-image: url(../images/arrows-dark.png);
+}
+
+.arrow.vtl {
+ background-position: 0 0;
+ width: 47px;
+ height: 96px;
+}
+
+.arrow.vtr {
+ background-position: -101px 0;
+ width: 47px;
+ height: 96px;
+}
+
+.arrow.vbl {
+ background-position: 0 -144px;
+ width: 47px;
+ height: 96px;
+}
+
+.arrow.vbr {
+ background-position: -101px -144px;
+ width: 47px;
+ height: 96px;
+}
+
+.arrow.hlt {
+ background-position: -209px 0;
+ width: 120px;
+ height: 47px;
+}
+
+.arrow.hlb {
+ background-position: -209px -101px;
+ width: 120px;
+ height: 47px;
+}
+
+.arrow.hrt {
+ background-position: -353px 0;
+ width: 120px;
+ height: 47px;
+}
+
+.arrow.hrb {
+ background-position: -353px -101px;
+ width: 120px;
+ height: 47px;
+}
+
+.img-thumbnail {
+ border-radius: 8px;
+ position: relative;
+}
+
+.img-thumbnail .zoom {
+ display: block;
+ position: absolute;
+ right: 8px;
+ bottom: 8px;
+ height: 30px;
+ width: 30px;
+ padding: 6px;
+ font-size: 14px;
+ line-height: 18px;
+ background: #CCC;
+ border-radius: 100%;
+ color: #FFF;
+ text-align: center;
+}
+
+.img-thumbnail .zoom i {
+ position: relative;
+ top: -1px;
+ left: -1px;
+}
+
+/* Thumbnail Gallery */
+.thumbnail-gallery {
+ list-style: none;
+ margin: 10px 0;
+ padding: 0;
+}
+
+.thumbnail-gallery .img-thumbnail,
+.thumbnail-gallery .thumbnail {
+ margin: 10px 10px 0 0;
+}
+
+/* Navs */
+ul.nav-list.primary > li {
+ margin: 0;
+ padding: 0;
+}
+
+ul.nav-list.primary > li:last-child a {
+ border-bottom: transparent !important;
+}
+
+ul.nav-list.primary > li a {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+ background-position: 9px 16px;
+ background-repeat: no-repeat;
+ border-bottom: 1px solid #EDEDDE;
+ padding: 8px 20px;
+}
+
+.changelog h4 {
+ display: inline-block;
+ color: #000;
+ font-size: 1em;
+ font-weight: 600;
+}
+
+.changelog .release-date {
+ color: #999;
+ font-size: 0.9em;
+}
+
+.changelog .label {
+ display: inline-block;
+ min-width: 100px;
+}
+
+.scrollable {
+ overflow: hidden;
+ position: relative;
+ width: 100%;
+}
+
+.scrollable .scrollable-content {
+ bottom: 0;
+ left: 0;
+ overflow: hidden;
+ position: absolute;
+ right: 0;
+ top: 0;
+ padding: 0 37px 0 0;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ outline: none;
+}
+
+.scrollable .scrollable-content::-webkit-scrollbar {
+ visibility: hidden;
+}
+
+.scrollable .scrollable-pane {
+ bottom: 0;
+ opacity: 0.01;
+ position: absolute;
+ right: 5px;
+ top: 0;
+ transition: all 0.2s ease 0s;
+ width: 4px;
+}
+
+.scrollable .scrollable-slider {
+ border-radius: 5px;
+ background: none repeat scroll 0 0 #CCC;
+ margin: 0;
+ position: relative;
+ transition: opacity 0.2s ease 0s;
+ opacity: 0;
+}
+
+.scrollable.scrollable-padding .scrollable-content {
+ padding: 10px 24px 10px 10px;
+}
+
+.scrollable:hover .scrollable-slider, .scrollable.visible-slider .scrollable-slider {
+ opacity: 1;
+}
+
+.text-xs {
+ font-size: 1rem;
+}
+
+.text-sm {
+ font-size: 1.3rem;
+}
+
+.text-md {
+ font-size: 1.6rem;
+}
+
+.text-lg {
+ font-size: 1.9rem;
+}
+
+.text-xl {
+ font-size: 2.2rem;
+}
+
+.text-xlg {
+ font-size: 2.4rem;
+}
+
+.text-muted {
+ color: #999 !important;
+}
+
+html.dark .text-muted {
+ color: #505461 !important;
+}
+
+.text-primary {
+ color: #CCC !important;
+}
+
+.text-secondary {
+ color: #E36159 !important;
+}
+
+.text-tertiary {
+ color: #2BAAB1 !important;
+}
+
+.text-quaternary {
+ color: #734BA9 !important;
+}
+
+.text-success {
+ color: #47a447 !important;
+}
+
+.text-warning {
+ color: #ed9c28 !important;
+}
+
+.text-danger {
+ color: #d2322d !important;
+}
+
+.text-info {
+ color: #5bc0de !important;
+}
+
+.text-dark {
+ color: #171717 !important;
+}
+
+.text-primary-inverse {
+ color: #FFF !important;
+}
+
+.text-secondary-inverse {
+ color: #FFF !important;
+}
+
+.text-tertiary-inverse {
+ color: #FFF !important;
+}
+
+.text-quaternary-inverse {
+ color: #FFF !important;
+}
+
+.text-success-inverse {
+ color: #FFF !important;
+}
+
+.text-warning-inverse {
+ color: #FFF !important;
+}
+
+.text-danger-inverse {
+ color: #FFF !important;
+}
+
+.text-info-inverse {
+ color: #FFF !important;
+}
+
+.text-dark-inverse {
+ color: #FFF !important;
+}
+
+/* weights */
+.text-weight-light {
+ font-weight: 300;
+}
+
+.text-weight-normal {
+ font-weight: 400;
+}
+
+.text-weight-semibold {
+ font-weight: 600;
+}
+
+.text-weight-bold {
+ font-weight: 700;
+}
+
+.text-weight-extrabold {
+ font-weight: 900;
+}
+
+.text-uppercase {
+ text-transform: uppercase;
+}
+
+.text-lowercase {
+ text-transform: lowercase;
+}
+
+.text-capitalize {
+ text-transform: capitalize;
+}
+
+.rounded {
+ border-radius: 5px;
+}
+
+.b-thin {
+ border-width: 3px;
+}
+
+.b-normal {
+ border-width: 5px;
+}
+
+.b-thick {
+ border-width: 7px;
+}
+
+.b-none {
+ border: none !important;
+}
+
+.list-style-none > li {
+ list-style: none !important;
+}
+
+/* Spacements */
+/* spacement top & bottom */
+.m-none {
+ margin: 0 !important;
+}
+
+.m-auto {
+ margin: 0 auto !important;
+}
+
+.m-xs {
+ margin: 5px !important;
+}
+
+.m-sm {
+ margin: 10px !important;
+}
+
+.m-md {
+ margin: 15px !important;
+}
+
+.m-lg {
+ margin: 20px !important;
+}
+
+.m-xl {
+ margin: 25px !important;
+}
+
+.m-xlg {
+ margin: 30px !important;
+}
+
+/* spacement top */
+.mt-none {
+ margin-top: 0 !important;
+}
+
+.mt-xs {
+ margin-top: 5px !important;
+}
+
+.mt-sm {
+ margin-top: 10px !important;
+}
+
+.mt-md {
+ margin-top: 15px !important;
+}
+
+.mt-lg {
+ margin-top: 20px !important;
+}
+
+.mt-xl {
+ margin-top: 25px !important;
+}
+
+.mt-xlg {
+ margin-top: 30px !important;
+}
+
+/* spacement bottom */
+.mb-none {
+ margin-bottom: 0 !important;
+}
+
+.mb-xs {
+ margin-bottom: 5px !important;
+}
+
+.mb-sm {
+ margin-bottom: 10px !important;
+}
+
+.mb-md {
+ margin-bottom: 15px !important;
+}
+
+.mb-lg {
+ margin-bottom: 20px !important;
+}
+
+.mb-xl {
+ margin-bottom: 25px !important;
+}
+
+.mb-xlg {
+ margin-bottom: 30px !important;
+}
+
+/* spacement left */
+.ml-none {
+ margin-left: 0 !important;
+}
+
+.ml-xs {
+ margin-left: 5px !important;
+}
+
+.ml-sm {
+ margin-left: 10px !important;
+}
+
+.ml-md {
+ margin-left: 15px !important;
+}
+
+.ml-lg {
+ margin-left: 20px !important;
+}
+
+.ml-xl {
+ margin-left: 25px !important;
+}
+
+.ml-xlg {
+ margin-left: 30px !important;
+}
+
+/* spacement right */
+.mr-none {
+ margin-right: 0 !important;
+}
+
+.mr-xs {
+ margin-right: 5px !important;
+}
+
+.mr-sm {
+ margin-right: 10px !important;
+}
+
+.mr-md {
+ margin-right: 15px !important;
+}
+
+.mr-lg {
+ margin-right: 20px !important;
+}
+
+.mr-xl {
+ margin-right: 25px !important;
+}
+
+.mr-xlg {
+ margin-right: 30px !important;
+}
+
+/* Spacement Padding */
+.p-none {
+ padding: 0 !important;
+}
+
+.p-xs {
+ padding: 5px !important;
+}
+
+.p-sm {
+ padding: 10px !important;
+}
+
+.p-md {
+ padding: 15px !important;
+}
+
+.p-lg {
+ padding: 20px !important;
+}
+
+.p-xl {
+ padding: 25px !important;
+}
+
+.p-xlg {
+ padding: 30px !important;
+}
+
+/* spacement top */
+.pt-none {
+ padding-top: 0 !important;
+}
+
+.pt-xs {
+ padding-top: 5px !important;
+}
+
+.pt-sm {
+ padding-top: 10px !important;
+}
+
+.pt-md {
+ padding-top: 15px !important;
+}
+
+.pt-lg {
+ padding-top: 20px !important;
+}
+
+.pt-xl {
+ padding-top: 25px !important;
+}
+
+.pt-xlg {
+ padding-top: 30px !important;
+}
+
+/* spacement bottom */
+.pb-none {
+ padding-bottom: 0 !important;
+}
+
+.pb-xs {
+ padding-bottom: 5px !important;
+}
+
+.pb-sm {
+ padding-bottom: 10px !important;
+}
+
+.pb-md {
+ padding-bottom: 15px !important;
+}
+
+.pb-lg {
+ padding-bottom: 20px !important;
+}
+
+.pb-xl {
+ padding-bottom: 25px !important;
+}
+
+.pb-xlg {
+ padding-bottom: 30px !important;
+}
+
+/* spacement left */
+.pl-none {
+ padding-left: 0 !important;
+}
+
+.pl-xs {
+ padding-left: 5px !important;
+}
+
+.pl-sm {
+ padding-left: 10px !important;
+}
+
+.pl-md {
+ padding-left: 15px !important;
+}
+
+.pl-lg {
+ padding-left: 20px !important;
+}
+
+.pl-xl {
+ padding-left: 25px !important;
+}
+
+.pl-xlg {
+ padding-left: 30px !important;
+}
+
+/* spacement right */
+.pr-none {
+ padding-right: 0 !important;
+}
+
+.pr-xs {
+ padding-right: 5px !important;
+}
+
+.pr-sm {
+ padding-right: 10px !important;
+}
+
+.pr-md {
+ padding-right: 15px !important;
+}
+
+.pr-lg {
+ padding-right: 20px !important;
+}
+
+.pr-xl {
+ padding-right: 25px !important;
+}
+
+.pr-xlg {
+ padding-right: 30px !important;
+}
+
+.ib {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.va-middle {
+ vertical-align: middle;
+}
+
+.ws-nowrap {
+ white-space: nowrap;
+}
+
+.ws-normal {
+ white-space: normal;
+}
+
+.bg-none {
+ background: none !important;
+}
+
+.bg-light {
+ background-color: #FFF;
+}
+
+.bg-default {
+ background: #ebebeb;
+ color: #777;
+}
+
+.bg-primary {
+ background: #CCC;
+ color: #FFF;
+}
+
+.bg-secondary {
+ background: #E36159;
+ color: #FFF;
+}
+
+.bg-tertiary {
+ background: #2BAAB1;
+ color: #FFF;
+}
+
+.bg-quaternary {
+ background: #734BA9;
+ color: #FFF;
+}
+
+.bg-success {
+ background: #47a447;
+ color: #FFF;
+}
+
+.bg-warning {
+ background: #ed9c28;
+ color: #FFF;
+}
+
+.bg-danger {
+ background: #d2322d;
+ color: #FFF;
+}
+
+.bg-info {
+ background: #5bc0de;
+ color: #FFF;
+}
+
+.bg-dark {
+ background: #171717;
+ color: #FFF;
+}
+
+/* Container */
+.container-xl {
+ width: 100%;
+ max-width: 1630px;
+}
+
+/* Form - iOS Override */
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+textarea {
+ -webkit-appearance: none;
+}
+
+.form-control::-webkit-input-placeholder,
+input[type="text"]::-webkit-input-placeholder,
+input[type="password"]::-webkit-input-placeholder,
+input[type="datetime"]::-webkit-input-placeholder,
+input[type="datetime-local"]::-webkit-input-placeholder,
+input[type="date"]::-webkit-input-placeholder,
+input[type="month"]::-webkit-input-placeholder,
+input[type="time"]::-webkit-input-placeholder,
+input[type="week"]::-webkit-input-placeholder,
+input[type="number"]::-webkit-input-placeholder,
+input[type="email"]::-webkit-input-placeholder,
+input[type="url"]::-webkit-input-placeholder,
+input[type="search"]::-webkit-input-placeholder,
+input[type="tel"]::-webkit-input-placeholder,
+input[type="color"]::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+ color: #bdbdbd;
+}
+
+.form-control::-moz-placeholder,
+input[type="text"]::-moz-placeholder,
+input[type="password"]::-moz-placeholder,
+input[type="datetime"]::-moz-placeholder,
+input[type="datetime-local"]::-moz-placeholder,
+input[type="date"]::-moz-placeholder,
+input[type="month"]::-moz-placeholder,
+input[type="time"]::-moz-placeholder,
+input[type="week"]::-moz-placeholder,
+input[type="number"]::-moz-placeholder,
+input[type="email"]::-moz-placeholder,
+input[type="url"]::-moz-placeholder,
+input[type="search"]::-moz-placeholder,
+input[type="tel"]::-moz-placeholder,
+input[type="color"]::-moz-placeholder,
+textarea::-moz-placeholder {
+ color: #bdbdbd;
+}
+
+.form-control:-ms-input-placeholder,
+input[type="text"]:-ms-input-placeholder,
+input[type="password"]:-ms-input-placeholder,
+input[type="datetime"]:-ms-input-placeholder,
+input[type="datetime-local"]:-ms-input-placeholder,
+input[type="date"]:-ms-input-placeholder,
+input[type="month"]:-ms-input-placeholder,
+input[type="time"]:-ms-input-placeholder,
+input[type="week"]:-ms-input-placeholder,
+input[type="number"]:-ms-input-placeholder,
+input[type="email"]:-ms-input-placeholder,
+input[type="url"]:-ms-input-placeholder,
+input[type="search"]:-ms-input-placeholder,
+input[type="tel"]:-ms-input-placeholder,
+input[type="color"]:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+ color: #bdbdbd;
+}
+
+.form-control:focus {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+
+html.dark .form-control {
+ background-color: #282d36;
+ border-color: #282d36;
+ color: #EEE;
+}
+
+html.dark .form-control[disabled],
+html.dark .form-control[readonly],
+html.dark fieldset[disabled] .form-control {
+ background-color: #21262d;
+}
+
+html.dark .input-group-addon {
+ background-color: #21262d;
+ border-color: #21262d;
+ color: #EEE;
+}
+
+/* Form - Bootstrap Override */
+.btn-lg,
+.btn-group-lg > .btn {
+ line-height: 1.334;
+}
+
+select.input-sm, select.input-lg {
+ line-height: 1;
+}
+
+.bootstrap-timepicker-widget input {
+ border: 0;
+}
+
+/* Form - Custom Fields */
+.required {
+ display: inline-block;
+ color: #d2322d;
+ font-size: 0.8em;
+ font-weight: bold;
+ position: relative;
+ top: -0.2em;
+}
+
+label.error {
+ color: #B94A48;
+ margin-top: 2px;
+}
+
+/* Form - Group Override */
+.form-group:after {
+ clear: both;
+ display: block;
+ content: '';
+}
+
+.form-group:last-child, .form-group:last-of-type {
+ margin-bottom: 0;
+}
+
+/* Form - Bordered */
+.form-bordered .form-group {
+ border-bottom: 1px solid #eff2f7;
+ padding-bottom: 15px;
+ margin-bottom: 15px;
+}
+
+.form-bordered .form-group:last-child, .form-bordered .form-group:last-of-type {
+ border-bottom: none !important;
+ padding-bottom: 0px !important;
+ margin-bottom: 0px !important;
+}
+
+/* Dark - Form - Bordered */
+html.dark .form-bordered .form-group {
+ border-bottom: 1px solid #242830;
+ padding-bottom: 15px;
+ margin-bottom: 15px;
+}
+
+/* Form - Vertical Group / Stacked */
+.form-group-vertical {
+ position: relative;
+ white-space: nowrap;
+}
+
+.form-group-vertical .form-control {
+ border-radius: 0;
+ margin-top: -1px;
+ z-index: 1;
+}
+
+.form-group-vertical .form-control:first-child, .form-group-vertical .form-control:first-of-type {
+ border-radius: 4px 4px 0 0;
+}
+
+.form-group-vertical .form-control:last-child, .form-group-vertical .form-control:last-of-type {
+ border-radius: 0 0 4px 4px;
+}
+
+.form-group-vertical .form-control:focus {
+ position: relative;
+ z-index: 2;
+}
+
+.form-group-vertical .input-group {
+ margin-top: -1px;
+}
+
+.form-group-vertical .input-group .form-control {
+ margin-top: 0;
+}
+
+.form-group-vertical .input-group:first-child .input-group-addon, .form-group-vertical .input-group:first-of-type .input-group-addon {
+ border-radius: 4px 0 0 0;
+}
+
+.form-group-vertical .input-group:first-child .form-control, .form-group-vertical .input-group:first-of-type .form-control {
+ border-radius: 0 4px 0 0;
+}
+
+.form-group-vertical .input-group:last-child .input-group-addon, .form-group-vertical .input-group:last-of-type .input-group-addon {
+ border-radius: 0 0 0 4px;
+}
+
+.form-group-vertical .input-group:last-child .form-control, .form-group-vertical .input-group:last-of-type .form-control {
+ border-radius: 0 0 4px 0;
+}
+
+.form-group-vertical .input-group.input-group-icon:first-child .input-group-addon, .form-group-vertical .input-group.input-group-icon:first-of-type .input-group-addon {
+ border-radius: 4px 4px 0 0;
+}
+
+.form-group-vertical .input-group.input-group-icon:first-child .form-control, .form-group-vertical .input-group.input-group-icon:first-of-type .form-control {
+ border-radius: 4px 4px 0 0;
+}
+
+.form-group-vertical .input-group.input-group-icon:last-child .input-group-addon, .form-group-vertical .input-group.input-group-icon:last-of-type .input-group-addon {
+ border-radius: 0 0 4px 4px;
+}
+
+.form-group-vertical .input-group.input-group-icon:last-child .form-control, .form-group-vertical .input-group.input-group-icon:last-of-type .form-control {
+ border-radius: 0 0 4px 4px;
+}
+
+/* Form - Input Override */
+.input-lg {
+ border-radius: 4px;
+}
+
+/* Form - Input Icon */
+.input-group-icon,
+.input-search {
+ width: 100%;
+ table-layout: fixed;
+}
+
+.input-group-icon input.form-control,
+.input-search input.form-control {
+ font-size: 1.2rem;
+ padding-right: 36px;
+}
+
+.input-group-icon input.form-control:first-child, .input-group-icon input.form-control:last-child,
+.input-search input.form-control:first-child,
+.input-search input.form-control:last-child {
+ border-radius: 4px;
+}
+
+.input-group-icon .input-group-btn,
+.input-search .input-group-btn {
+ border-radius: 500px;
+ width: 0;
+}
+
+.input-group-icon .input-group-btn:first-child, .input-group-icon .input-group-btn:last-child,
+.input-search .input-group-btn:first-child,
+.input-search .input-group-btn:last-child {
+ border-radius: 500px;
+}
+
+.input-group-icon .input-group-btn button,
+.input-search .input-group-btn button {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ border: 0;
+ z-index: 3;
+ background: transparent;
+}
+
+.input-group-icon .input-group-btn button:active,
+.input-search .input-group-btn button:active {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.input-group-icon .input-group-btn:last-child button,
+.input-search .input-group-btn:last-child button {
+ left: auto;
+ right: 0;
+}
+
+.input-group-icon .input-group-btn + input.form-control,
+.input-search .input-group-btn + input.form-control {
+ padding-right: 12px;
+ padding-left: 36px;
+}
+
+.input-group-icon .input-group-addon,
+.input-search .input-group-addon {
+ position: relative;
+ padding: 0;
+ border: 0 none;
+ width: 0;
+}
+
+.input-group-icon .input-group-addon span.icon,
+.input-search .input-group-addon span.icon {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ border: 0;
+ z-index: 3;
+ width: auto;
+ display: inline-block;
+ vertical-align: middle;
+ text-align: center;
+ padding: 6px 12px;
+ background: transparent;
+ line-height: 1.42857143;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ pointer-events: none;
+}
+
+.input-group-icon .input-group-addon span.icon.icon-lg,
+.input-search .input-group-addon span.icon.icon-lg {
+ padding: 10px 14px;
+ font-size: 18px;
+}
+
+.input-group-icon .input-group-addon:last-child span.icon,
+.input-search .input-group-addon:last-child span.icon {
+ left: auto;
+ right: 0;
+}
+
+.input-group-icon .input-group-addon + input.form-control,
+.input-search .input-group-addon + input.form-control {
+ padding-right: 12px;
+ padding-left: 36px;
+}
+
+/* Form - Input Search */
+.input-search {
+ width: 100%;
+}
+
+.input-search input.form-control:focus {
+ border-color: #ccc;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+.input-search .input-group-btn {
+ color: #ccc;
+}
+
+.input-search .input-group-btn .btn {
+ padding-left: 15px;
+}
+
+.input-search .input-group-btn .btn-default {
+ color: #ccc;
+}
+
+/* Dark */
+.input-search {
+ width: 100%;
+}
+
+.input-search input.form-control:focus {
+ border-color: #1d2127;
+}
+
+.input-search .input-group-btn .btn {
+ background: transparent !important;
+}
+
+/* Form - Round Input */
+input.input-rounded {
+ -webkit-border-radius: 500px;
+ border-radius: 500px;
+}
+
+.input-group-rounded input.form-control,
+.input-search input.form-control {
+ -webkit-border-radius: 500px;
+ border-radius: 500px;
+}
+
+.input-group-rounded input.form-control:first-child, .input-group-rounded input.form-control:last-child,
+.input-search input.form-control:first-child,
+.input-search input.form-control:last-child {
+ border-radius: 500px;
+}
+
+.input-group-rounded .input-group-addon:first-child,
+.input-search .input-group-addon:first-child {
+ border-radius: 500px 0 0 500px;
+}
+
+.input-group-rounded .input-group-addon:last-child,
+.input-search .input-group-addon:last-child {
+ border-radius: 0 500px 500px 0;
+}
+
+/* Form - Custom Checkbox */
+.checkbox-custom {
+ position: relative;
+ padding: 0 0 0 25px;
+ margin-bottom: 7px;
+ margin-top: 0;
+}
+
+.checkbox-custom.checkbox-inline {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.form-group .checkbox-custom.checkbox-inline {
+ margin-top: 7px;
+ padding-top: 0;
+}
+
+.checkbox-custom:last-child, .checkbox-custom:last-of-type {
+ margin-bottom: 0;
+}
+
+.checkbox-custom input[type="checkbox"] {
+ opacity: 0;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin: -6px 0 0 0;
+ z-index: 2;
+ cursor: pointer;
+}
+
+.checkbox-custom input[type="checkbox"]:checked + label:after {
+ position: absolute;
+ display: inline-block;
+ font-family: 'FontAwesome';
+ content: '\F00C';
+ top: 50%;
+ left: 4px;
+ margin-top: -5px;
+ font-size: 11px;
+ line-height: 1;
+ width: 16px;
+ height: 16px;
+ color: #333;
+}
+
+.checkbox-custom input[type="checkbox"]:disabled {
+ cursor: not-allowed;
+}
+
+.checkbox-custom input[type="checkbox"]:disabled:checked + label:after {
+ color: #999;
+}
+
+.checkbox-custom input[type="checkbox"]:disabled + label {
+ cursor: not-allowed;
+}
+
+.checkbox-custom input[type="checkbox"]:disabled + label:before {
+ background-color: #eee;
+}
+
+.checkbox-custom label {
+ cursor: pointer;
+ margin-bottom: 0;
+ text-align: left;
+ line-height: 1.2;
+}
+
+.checkbox-custom label:before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 0;
+ margin-top: -9px;
+ width: 19px;
+ height: 18px;
+ display: inline-block;
+ border-radius: 2px;
+ border: 1px solid #bbb;
+ background: #fff;
+}
+
+.checkbox-custom label + label.error {
+ display: block;
+}
+
+html.dark .checkbox-custom label:before {
+ background: #282d36;
+ border-color: #21262d;
+}
+
+html.dark .checkbox-custom input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-custom input[type="checkbox"]:disabled + label:before {
+ background: #242830;
+ border-color: #242830;
+}
+
+html.dark .checkbox-primary input[type="checkbox"]:checked + label:after,
+.checkbox-primary input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-primary label:before,
+.checkbox-primary label:before {
+ background: #CCC;
+ border-color: #bfbfbf;
+}
+
+html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
+.checkbox-text-primary input[type="checkbox"]:checked + label:after {
+ color: #CCC;
+}
+
+html.dark .checkbox-success input[type="checkbox"]:checked + label:after,
+.checkbox-success input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-success label:before,
+.checkbox-success label:before {
+ background: #47a447;
+ border-color: #3f923f;
+}
+
+html.dark .checkbox-text-success input[type="checkbox"]:checked + label:after,
+.checkbox-text-success input[type="checkbox"]:checked + label:after {
+ color: #47a447;
+}
+
+html.dark .checkbox-warning input[type="checkbox"]:checked + label:after,
+.checkbox-warning input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-warning label:before,
+.checkbox-warning label:before {
+ background: #ed9c28;
+ border-color: #e89113;
+}
+
+html.dark .checkbox-text-warning input[type="checkbox"]:checked + label:after,
+.checkbox-text-warning input[type="checkbox"]:checked + label:after {
+ color: #ed9c28;
+}
+
+html.dark .checkbox-danger input[type="checkbox"]:checked + label:after,
+.checkbox-danger input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-danger label:before,
+.checkbox-danger label:before {
+ background: #d2322d;
+ border-color: #bd2d29;
+}
+
+html.dark .checkbox-text-danger input[type="checkbox"]:checked + label:after,
+.checkbox-text-danger input[type="checkbox"]:checked + label:after {
+ color: #d2322d;
+}
+
+html.dark .checkbox-info input[type="checkbox"]:checked + label:after,
+.checkbox-info input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-info label:before,
+.checkbox-info label:before {
+ background: #5bc0de;
+ border-color: #46b8da;
+}
+
+html.dark .checkbox-text-info input[type="checkbox"]:checked + label:after,
+.checkbox-text-info input[type="checkbox"]:checked + label:after {
+ color: #5bc0de;
+}
+
+html.dark .checkbox-dark input[type="checkbox"]:checked + label:after,
+.checkbox-dark input[type="checkbox"]:checked + label:after {
+ color: #fff;
+}
+
+html.dark .checkbox-dark label:before,
+.checkbox-dark label:before {
+ background: #171717;
+ border-color: #0a0a0a;
+}
+
+html.dark .checkbox-text-dark input[type="checkbox"]:checked + label:after,
+.checkbox-text-dark input[type="checkbox"]:checked + label:after {
+ color: #171717;
+}
+
+/* Form - Custom Radio */
+.radio-custom {
+ position: relative;
+ padding: 0 0 0 25px;
+ margin-bottom: 7px;
+ margin-top: 0;
+}
+
+.radio-custom.radio-inline {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.form-group .radio-custom.radio-inline {
+ margin-top: 7px;
+ padding-top: 0;
+}
+
+.radio-custom:last-child, .radio-custom:last-of-type {
+ margin-bottom: 0;
+}
+
+.radio-custom input[type="radio"] {
+ opacity: 0;
+ position: absolute;
+ top: 50%;
+ left: 3px;
+ margin: -6px 0 0 0;
+ z-index: 2;
+ cursor: pointer;
+}
+
+.radio-custom input[type="radio"]:checked + label:after {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 4px;
+ margin-top: -5px;
+ display: inline-block;
+ font-size: 11px;
+ line-height: 1;
+ width: 10px;
+ height: 10px;
+ background-color: #444;
+ border-radius: 50px;
+ -webkit-box-shadow: 0px 0px 1px #444;
+ box-shadow: 0px 0px 1px #444;
+}
+
+.radio-custom input[type="radio"]:disabled {
+ cursor: not-allowed;
+}
+
+.radio-custom input[type="radio"]:disabled:checked + label:after {
+ color: #999;
+}
+
+.radio-custom input[type="radio"]:disabled + label {
+ cursor: not-allowed;
+}
+
+.radio-custom input[type="radio"]:disabled + label:before {
+ background-color: #eee;
+}
+
+.radio-custom label {
+ cursor: pointer;
+ margin-bottom: 0;
+ text-align: left;
+ line-height: 1.2;
+}
+
+.radio-custom label:before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 0;
+ margin-top: -9px;
+ width: 18px;
+ height: 18px;
+ display: inline-block;
+ border-radius: 50px;
+ border: 1px solid #bbb;
+ background: #fff;
+}
+
+.radio-custom label + label.error {
+ display: block;
+}
+
+html.dark .radio-custom label:before {
+ background: #282d36;
+ border-color: #21262d;
+}
+
+html.dark .radio-custom input[type="radio"]:checked + label:after {
+ background-color: #fff;
+}
+
+html.dark .radio-custom input[type="radio"]:disabled + label:before {
+ background: #242830;
+ border-color: #242830;
+}
+
+html.dark .radio-primary input[type="radio"]:checked + label:after,
+.radio-primary input[type="radio"]:checked + label:after {
+ background: #CCC;
+ -webkit-box-shadow: 0px 0px 1px #CCC;
+ box-shadow: 0px 0px 1px #CCC;
+}
+
+html.dark .radio-success input[type="radio"]:checked + label:after,
+.radio-success input[type="radio"]:checked + label:after {
+ background: #47a447;
+ -webkit-box-shadow: 0px 0px 1px #47a447;
+ box-shadow: 0px 0px 1px #47a447;
+}
+
+html.dark .radio-warning input[type="radio"]:checked + label:after,
+.radio-warning input[type="radio"]:checked + label:after {
+ background: #ed9c28;
+ -webkit-box-shadow: 0px 0px 1px #ed9c28;
+ box-shadow: 0px 0px 1px #ed9c28;
+}
+
+html.dark .radio-danger input[type="radio"]:checked + label:after,
+.radio-danger input[type="radio"]:checked + label:after {
+ background: #d2322d;
+ -webkit-box-shadow: 0px 0px 1px #d2322d;
+ box-shadow: 0px 0px 1px #d2322d;
+}
+
+html.dark .radio-info input[type="radio"]:checked + label:after,
+.radio-info input[type="radio"]:checked + label:after {
+ background: #5bc0de;
+ -webkit-box-shadow: 0px 0px 1px #5bc0de;
+ box-shadow: 0px 0px 1px #5bc0de;
+}
+
+html.dark .radio-dark input[type="radio"]:checked + label:after,
+.radio-dark input[type="radio"]:checked + label:after {
+ background: #171717;
+ -webkit-box-shadow: 0px 0px 1px #171717;
+ box-shadow: 0px 0px 1px #171717;
+}
+
+/* Form - Error Container */
+div.validation-message ul {
+ display: none;
+ list-style: none;
+ margin: -15px -15px 15px -15px;
+ padding: 15px;
+ border-bottom: 1px solid #FFCBCB;
+ background: #FFEFEF;
+}
+
+div.validation-message ul label.error {
+ display: block;
+ padding-left: 22px;
+ position: relative;
+}
+
+div.validation-message ul label.error:before {
+ font-family: 'FontAwesome';
+ content: '\f00d';
+ position: absolute;
+ top: 0;
+ left: 0;
+ font-size: 16px;
+ color: #D9534F;
+ display: inline-block;
+}
+
+.select2-drop-mask {
+ z-index: 10010;
+}
+
+.select2-drop {
+ z-index: 10011;
+}
+
+.select2-search {
+ z-index: 10012;
+}
+
+.select2-container--bootstrap.select2-container--open {
+ z-index: 10013;
+}
+
+@media (max-width: 991px) {
+ .select2-container--bootstrap {
+ width: auto !important;
+ }
+}
+
+.bootstrap-maxlength {
+ z-index: 999999 !important;
+}
+
+html.dark .fileupload .uneditable-input {
+ background-color: #282d36;
+ border-color: #282d36;
+}
+
+html.dark .fileupload-new .input-append .btn-file {
+ border-color: #21262d;
+}
+
+/* Nano Scroller Plugin */
+html.no-overflowscrolling .nano {
+ height: 100%;
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+}
+
+html.no-overflowscrolling .nano > .nano-content {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ overflow: hidden;
+ right: 0;
+ top: 0;
+}
+
+html.no-overflowscrolling .nano > .nano-content:focus {
+ outline: none;
+}
+
+html.no-overflowscrolling .nano > .nano-content::-webkit-scrollbar {
+ display: none;
+ visibility: hidden;
+}
+
+html.no-overflowscrolling .nano.has-scrollbar > .nano-content::-webkit-scrollbar {
+ display: block;
+ visibility: visible;
+}
+
+html.no-overflowscrolling .nano > .nano-pane {
+ bottom: 0;
+ position: absolute;
+ opacity: .01;
+ right: 0;
+ top: 0;
+ visibility: hidden\9;
+ /* Target only IE7 and IE8 with this hack */
+ width: 4px;
+ -webkit-transition: .2s;
+ -moz-transition: .2s;
+ -o-transition: .2s;
+ transition: .2s;
+}
+
+html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
+ background: #CCC;
+ margin: 0;
+ position: relative;
+ visibility: hidden;
+}
+
+html.no-overflowscrolling .nano:hover > .nano-pane,
+html.no-overflowscrolling .nano .nano-pane.active,
+html.no-overflowscrolling .nano .nano-pane.flashed {
+ opacity: 0.99;
+}
+
+html.no-overflowscrolling .nano:hover > .nano-pane > .nano-slider {
+ visibility: visible;
+}
+
+html.no-overflowscrolling.custom-scroll .nano > .nano-content {
+ overflow: scroll;
+ overflow-x: hidden;
+}
+
+html.no-overflowscrolling .sidebar-left .nano {
+ background: #1D2127;
+ box-shadow: -5px 0 0 #2F3139 inset;
+}
+
+html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-left .nano {
+ background: #FFF;
+ box-shadow: -5px 0 0 #F6F6F6 inset;
+}
+
+html.no-overflowscrolling.sidebar-light:not(.dark) .sidebar-right .nano {
+ background: #F6F6F6;
+ box-shadow: -5px 0 0 #F6F6F6 inset;
+}
+
+html.no-overflowscrolling.sidebar-light:not(.dark) .inner-menu .nano {
+ background: #FFF;
+ box-shadow: -5px 0 0 #e2e3e6 inset;
+}
+
+@media only screen and (max-width: 767px) {
+ html.no-overflowscrolling .sidebar-left .nano > .nano-content,
+ html.no-overflowscrolling .sidebar-right .nano > .nano-content,
+ html.no-overflowscrolling .inner-menu .nano > .nano-content {
+ overflow: scroll !important;
+ overflow-x: hidden !important;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ html.overflowscrolling.fixed .sidebar-left .nano,
+ html.overflowscrolling.fixed .sidebar-right .nano,
+ html.overflowscrolling.fixed .inner-menu .nano {
+ height: 100%;
+ overflow: hidden;
+ -webkit-overflow-scrolling: touch;
+ }
+
+ html.overflowscrolling.fixed .sidebar-left .nano > .nano-pane > .nano-slider,
+ html.overflowscrolling.fixed .sidebar-right .nano > .nano-pane > .nano-slider,
+ html.overflowscrolling.fixed .inner-menu .nano > .nano-pane > .nano-slider {
+ visibility: visible;
+ }
+
+ html.overflowscrolling.fixed.custom-scroll .sidebar-left .nano > .nano-content,
+ html.overflowscrolling.fixed.custom-scroll .sidebar-right .nano > .nano-content,
+ html.overflowscrolling.fixed.custom-scroll .inner-menu .nano > .nano-content {
+ overflow-y: scroll;
+ overflow-x: hidden;
+ }
+}
+/* Toolbar */
+.inner-toolbar {
+ background: #1D2127;
+ margin: -40px -40px 30px;
+ padding: 0;
+ border: 1px solid transparent;
+ border-left: 1px solid #121418;
+}
+
+.inner-toolbar > ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.inner-toolbar > ul > li {
+ display: inline-block;
+ padding: 15px;
+ font-size: 13px;
+ border-right: 1px solid #121418;
+}
+
+.inner-toolbar > ul > li > a {
+ display: inline-block;
+ padding: 0;
+ color: #abb4be;
+}
+
+.inner-toolbar > ul > li > a:hover, .inner-toolbar > ul > li > a:focus {
+ color: #fff;
+ text-decoration: none;
+}
+
+.inner-toolbar > ul > li.right {
+ float: right;
+ padding-right: 10px;
+}
+
+.inner-toolbar > ul > li i.fa {
+ font-size: 14px;
+}
+
+.inner-toolbar > ul > li > .btn {
+ margin-top: -6px;
+}
+
+.inner-toolbar .nav-pills {
+ margin-top: -8px;
+}
+
+.inner-toolbar .nav-pills > li > label {
+ margin-bottom: 0;
+ margin-right: 12px;
+ margin-top: 8px;
+}
+
+.inner-toolbar .nav-pills a {
+ color: #abb4be;
+ padding-top: 8px;
+ padding-bottom: 8px;
+}
+
+.inner-toolbar .nav-pills a:hover {
+ background: #171717;
+ color: #FFF;
+}
+
+.inner-toolbar .nav-pills .active a {
+ color: #FFF;
+}
+
+html.sidebar-light:not(.dark) .inner-toolbar {
+ background: #E2E3E6;
+ border: 1px solid #D5D6D7;
+}
+
+html.sidebar-light:not(.dark) .inner-toolbar > ul > li {
+ border-right: 1px solid #D5D6D7;
+}
+
+html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a:hover, html.sidebar-light:not(.dark) .inner-toolbar > ul > li > a:focus {
+ color: #999;
+}
+
+html.sidebar-light:not(.dark) .inner-toolbar .nav-pills li:not(.active) a {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .inner-toolbar .nav-pills li:not(.active) a:hover {
+ background: #E2E3E6;
+ color: #999;
+}
+
+/* Toolbar - Responsive */
+@media only screen and (max-width: 767px) {
+ .inner-toolbar {
+ clear: both;
+ margin: -40px -15px 30px;
+ padding: 0 15px;
+ }
+
+ .inner-toolbar ul > li {
+ border-right: 0;
+ }
+
+ .inner-toolbar ul > li:first-child {
+ padding-left: 0;
+ }
+
+ .inner-toolbar ul > li.right {
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+@media only screen and (max-width: 480px) {
+ .inner-toolbar .nav-pills a {
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+
+ .inner-toolbar ul > li.right {
+ clear: both;
+ float: none;
+ vertical-align: top;
+ }
+}
+/* Toolbar + Layout Fixed */
+@media only screen and (min-width: 768px) {
+ html.fixed .inner-toolbar {
+ left: 300px;
+ right: 0;
+ margin: 0;
+ padding: 0;
+ position: fixed;
+ top: 114px;
+ z-index: 1001;
+ }
+}
+/* dark */
+html.dark .inner-toolbar {
+ border-left: none;
+ border-bottom: 1px solid #242830;
+}
+
+html.dark .inner-toolbar > ul > li {
+ border-color: #242830;
+}
+
+.call-to-action {
+ padding: 25px;
+ border-radius: 5px;
+}
+
+.call-to-action.call-to-action-primary {
+ background-color: #CCC;
+}
+
+.call-to-action .call-to-action-content {
+ text-align: left;
+}
+
+.call-to-action .call-to-action-content h2 {
+ color: #FFF;
+ font-weight: 100;
+}
+
+.call-to-action .call-to-action-content p {
+ color: #FFF;
+ font-size: 16px;
+ font-weight: 100;
+}
+
+.call-to-action .call-to-action-btn {
+ margin-top: 45px;
+}
+
+.call-to-action .call-to-action-btn a.btn:not(.btn-primary) {
+ background-color: #006699;
+ border-color: #006699 #006699 #004466;
+ color: #fff;
+ border-radius: 6px;
+ font-size: 16px;
+ padding: 12px 33px;
+ margin-right: 15px;
+}
+
+.call-to-action .call-to-action-btn a.btn:not(.btn-primary):hover {
+ background-color: #0077b3;
+ border-color: #0077b3 #0077b3 #005580;
+}
+
+.call-to-action .call-to-action-btn > span {
+ position: relative;
+ color: #FFF;
+}
+
+.call-to-action .call-to-action-btn > span .arrow {
+ position: absolute;
+ top: -55px;
+ left: -70px;
+}
+
+@media (max-width: 1276px) {
+ .call-to-action .call-to-action-btn > span {
+ display: none;
+ }
+}
+
+@media (max-width: 767px) {
+ .call-to-action .call-to-action-btn {
+ margin-top: 0;
+ float: none !important;
+ }
+}
+
+.call-to-action.call-to-action-grey {
+ position: relative;
+ background-color: #ecedf0;
+}
+
+.call-to-action.call-to-action-grey:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width: 100vw;
+ height: 100%;
+ background-color: #ecedf0;
+ z-index: 0;
+ -webkit-transform: translateX(-50%);
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -o-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+.call-to-action.call-to-action-grey .call-to-action-content h2 {
+ color: #171717;
+}
+
+.call-to-action.call-to-action-grey .call-to-action-content p {
+ color: #777;
+}
+
+.call-to-action.call-to-action-top {
+ margin: -40px;
+ border-radius: 0;
+ padding: 40px 25px;
+}
+
+@media (max-width: 767px) {
+ .call-to-action.call-to-action-top {
+ margin-top: -16px;
+ }
+}
+
+/* Responsive */
+html:not(.sidebar-left-collapsed) {
+ /* Boxed Layout */;
+}
+
+@media (max-width: 1400px) {
+ html:not(.sidebar-left-collapsed) .call-to-action .call-to-action-btn > span {
+ display: none;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 1199px) {
+ html:not(.sidebar-left-collapsed) .call-to-action .call-to-action-btn {
+ margin-top: 0;
+ float: none !important;
+ }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ html:not(.sidebar-left-collapsed) .call-to-action .col-sm-4, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-8, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-3, html:not(.sidebar-left-collapsed) .call-to-action .col-sm-9 {
+ width: 100%;
+ }
+}
+
+html:not(.sidebar-left-collapsed).boxed .call-to-action .call-to-action-btn {
+ margin-top: 0;
+ float: none !important;
+}
+
+html:not(.sidebar-left-collapsed).boxed .call-to-action .call-to-action-btn > span {
+ display: none;
+}
+
+.loading-overlay-showing {
+ overflow: hidden;
+}
+
+.loading-overlay-showing > .loading-overlay {
+ opacity: 1;
+ visibility: visible;
+}
+
+.loading-overlay {
+ transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ opacity: 0;
+ right: 0;
+ top: 0;
+ visibility: hidden;
+ background: #FFF;
+}
+
+body > .loading-overlay {
+ position: fixed;
+ z-index: 999999;
+}
+
+/* Bounce Loading */
+.bounce-loader {
+ transition: all 0.2;
+ margin: -9px 0 0 -35px;
+ text-align: center;
+ width: 70px;
+ height: 20px;
+ line-height: 20px;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ z-index: 10000;
+}
+
+.bounce-loader .bounce1,
+.bounce-loader .bounce2,
+.bounce-loader .bounce3 {
+ animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
+ background-color: #CCC;
+ border-radius: 100%;
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
+ display: inline-block;
+ height: 18px;
+ width: 18px;
+}
+
+.bounce-loader .bounce1 {
+ animation-delay: -0.32s;
+}
+
+.bounce-loader .bounce2 {
+ animation-delay: -0.16s;
+}
+
+@keyframes bouncedelay {
+ 0%, 80%, 100% {
+ transform: scale(0);
+ }
+
+ 40% {
+ transform: scale(1);
+ }
+}
+
+.img-rounded {
+ border-radius: 6px;
+}
+
+.img-circle {
+ border-radius: 50%;
+}
+
+.img-thumbnail {
+ border-radius: 8px;
+ position: relative;
+}
+
+body {
+ /* Button Basic */
+ /* Border Buttons */
+ /* Border Buttons - Sizes */
+ /* 3D Buttons */
+ /* Sizes */
+ /* Buttons - Social */
+ /* Buttons - States */;
+}
+
+body .btn:focus,
+body .btn:active:focus,
+body .btn.active:focus {
+ outline: none;
+}
+
+body .btn {
+ white-space: normal;
+}
+
+body .btn-borders {
+ border-width: 3px;
+}
+
+body .btn-borders.btn-primary {
+ background: transparent;
+ border-color: #CCC;
+ color: #CCC;
+ text-shadow: none;
+}
+
+body .btn-borders.btn-primary:hover, body .btn-borders.btn-primary:focus {
+ background-color: #d9d9d9;
+ border-color: #CCC !important;
+ color: #FFF;
+}
+
+body .btn-borders.btn-success {
+ background: transparent;
+ border-color: #47a447;
+ color: #47a447;
+ text-shadow: none;
+}
+
+body .btn-borders.btn-success:hover, body .btn-borders.btn-success:focus {
+ background-color: #51b451;
+ border-color: #47a447 !important;
+ color: #FFF;
+}
+
+body .btn-borders.btn-warning {
+ background: transparent;
+ border-color: #ed9c28;
+ color: #ed9c28;
+ text-shadow: none;
+}
+
+body .btn-borders.btn-warning:hover, body .btn-borders.btn-warning:focus {
+ background-color: #efa740;
+ border-color: #ed9c28 !important;
+ color: #FFF;
+}
+
+body .btn-borders.btn-danger {
+ background: transparent;
+ border-color: #d2322d;
+ color: #d2322d;
+ text-shadow: none;
+}
+
+body .btn-borders.btn-danger:hover, body .btn-borders.btn-danger:focus {
+ background-color: #d74742;
+ border-color: #d2322d !important;
+ color: #FFF;
+}
+
+body .btn-borders.btn-info {
+ background: transparent;
+ border-color: #5bc0de;
+ color: #5bc0de;
+ text-shadow: none;
+}
+
+body .btn-borders.btn-info:hover, body .btn-borders.btn-info:focus {
+ background-color: #70c8e2;
+ border-color: #5bc0de !important;
+ color: #FFF;
+}
+
+body .btn-borders.btn-dark {
+ background: transparent;
+ border-color: #171717;
+ color: #171717;
+ text-shadow: none;
+}
+
+body .btn-borders.btn-dark:hover, body .btn-borders.btn-dark:focus {
+ background-color: #242424;
+ border-color: #171717 !important;
+ color: #FFF;
+}
+
+body .btn-borders {
+ padding: 4px 12px;
+}
+
+body .btn-borders.btn-lg, body .btn-group-lg > .btn-borders.btn {
+ padding: 8px 16px;
+}
+
+body .btn-borders.btn-sm, body .btn-group-sm > .btn-borders.btn {
+ border-width: 2px;
+ padding: 4px 10px;
+}
+
+body .btn-borders.btn-xs, body .btn-group-xs > .btn-borders.btn {
+ padding: 1px 5px;
+ border-width: 1px;
+}
+
+body .btn-3d {
+ border-bottom-width: 3px;
+ padding: 5px 12px;
+ border-radius: 6px;
+}
+
+body .btn-3d.btn-lg, body .btn-group-lg > .btn-3d.btn {
+ padding: 9px 16px;
+}
+
+body .btn-3d.btn-sm, body .btn-group-sm > .btn-3d.btn {
+ border-width: 2px;
+ padding: 4px 10px;
+}
+
+body .btn-3d.btn-xs, body .btn-group-xs > .btn-3d.btn {
+ padding: 1px 5px;
+ border-width: 1px;
+}
+
+body .btn-xlg {
+ border-radius: 6px;
+ font-size: 16px;
+ padding: 12px 33px;
+}
+
+body .btn-facebook, body .btn-facebook:active, body .btn-facebook:hover, body .btn-facebook:focus,
+body .btn-twitter,
+body .btn-twitter:active,
+body .btn-twitter:hover,
+body .btn-twitter:focus,
+body .btn-gplus,
+body .btn-gplus:active,
+body .btn-gplus:hover,
+body .btn-gplus:focus {
+ color: #FFF;
+ font-weight: 300;
+ padding-left: 30px;
+ padding-right: 30px;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+}
+
+body .btn-facebook, body .btn-facebook:focus {
+ background: #3B5998;
+ border: 1px solid #37538D;
+}
+
+body .btn-facebook:hover {
+ background: #4162a7;
+ border-color: #3d5c9c;
+}
+
+body .btn-facebook:active {
+ background: #37538d;
+ border-color: #334d82;
+}
+
+body .btn-twitter, body .btn-twitter:focus {
+ background: #55ACEE;
+ border: 1px solid #47A5ED;
+}
+
+body .btn-twitter:hover {
+ background: #63b3ef;
+ border-color: #55acee;
+}
+
+body .btn-twitter:active {
+ background: #47a5ed;
+ border-color: #399eec;
+}
+
+body .btn-gplus, body .btn-gplus:focus {
+ background: #D95232;
+ border: 1px solid #D44927;
+}
+
+body .btn-gplus:hover {
+ background: #dc6143;
+ border-color: #da5635;
+}
+
+body .btn-gplus:active {
+ background: #d04727;
+ border-color: #c34324;
+}
+
+body .btn-primary {
+ border-color: #CCC;
+ background-color: #CCC;
+ border-color: #CCC #CCC #b3b3b3;
+ color: #FFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+body .btn-primary:hover {
+ border-color: #d9d9d9;
+ background-color: #d9d9d9;
+ color: #FFF;
+}
+
+body .btn-primary:active, body .btn-primary:focus {
+ border-color: #bfbfbf;
+ background-color: #bfbfbf;
+ color: #FFF;
+}
+
+body .btn-primary.dropdown-toggle {
+ border-left-color: #bfbfbf;
+}
+
+body .btn-primary[disabled] {
+ border-color: white;
+ background-color: white;
+}
+
+body .btn-success {
+ border-color: #47a447;
+ background-color: #47a447;
+ border-color: #47a447 #47a447 #388038;
+ color: #FFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+body .btn-success:hover {
+ border-color: #51b451;
+ background-color: #51b451;
+ color: #FFF;
+}
+
+body .btn-success:active, body .btn-success:focus {
+ border-color: #3f923f;
+ background-color: #3f923f;
+ color: #FFF;
+}
+
+body .btn-success.dropdown-toggle {
+ border-left-color: #3f923f;
+}
+
+body .btn-success[disabled] {
+ border-color: #86cb86;
+ background-color: #86cb86;
+}
+
+body .btn-warning {
+ border-color: #ed9c28;
+ background-color: #ed9c28;
+ border-color: #ed9c28 #ed9c28 #d18211;
+ color: #FFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+body .btn-warning:hover {
+ border-color: #efa740;
+ background-color: #efa740;
+ color: #FFF;
+}
+
+body .btn-warning:active, body .btn-warning:focus {
+ border-color: #e89113;
+ background-color: #e89113;
+ color: #FFF;
+}
+
+body .btn-warning.dropdown-toggle {
+ border-left-color: #e89113;
+}
+
+body .btn-warning[disabled] {
+ border-color: #f5c786;
+ background-color: #f5c786;
+}
+
+body .btn-danger {
+ border-color: #d2322d;
+ background-color: #d2322d;
+ border-color: #d2322d #d2322d #a82824;
+ color: #FFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+body .btn-danger:hover {
+ border-color: #d74742;
+ background-color: #d74742;
+ color: #FFF;
+}
+
+body .btn-danger:active, body .btn-danger:focus {
+ border-color: #bd2d29;
+ background-color: #bd2d29;
+ color: #FFF;
+}
+
+body .btn-danger.dropdown-toggle {
+ border-left-color: #bd2d29;
+}
+
+body .btn-danger[disabled] {
+ border-color: #e48481;
+ background-color: #e48481;
+}
+
+body .btn-info {
+ border-color: #5bc0de;
+ background-color: #5bc0de;
+ border-color: #5bc0de #5bc0de #31b0d5;
+ color: #FFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+body .btn-info:hover {
+ border-color: #70c8e2;
+ background-color: #70c8e2;
+ color: #FFF;
+}
+
+body .btn-info:active, body .btn-info:focus {
+ border-color: #46b8da;
+ background-color: #46b8da;
+ color: #FFF;
+}
+
+body .btn-info.dropdown-toggle {
+ border-left-color: #46b8da;
+}
+
+body .btn-info[disabled] {
+ border-color: #b0e1ef;
+ background-color: #b0e1ef;
+}
+
+body .btn-dark {
+ border-color: #171717;
+ background-color: #171717;
+ border-color: #171717 #171717 black;
+ color: #FFF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+body .btn-dark:hover {
+ border-color: #242424;
+ background-color: #242424;
+ color: #FFF;
+}
+
+body .btn-dark:active, body .btn-dark:focus {
+ border-color: #0a0a0a;
+ background-color: #0a0a0a;
+ color: #FFF;
+}
+
+body .btn-dark.dropdown-toggle {
+ border-left-color: #0a0a0a;
+}
+
+body .btn-dark[disabled] {
+ border-color: #4a4a4a;
+ background-color: #4a4a4a;
+}
+
+html.dark .btn-default {
+ background-color: #282d36;
+ border-color: #282d36;
+ color: #EEE;
+}
+
+html.dark .btn-default:hover {
+ background-color: #2a3039;
+ border-color: #2a3039;
+}
+
+html.dark .btn-default:focus, html.dark .btn-default:active {
+ background-color: #242830;
+ border-color: #242830;
+}
+
+html.dark .btn-default:hover,
+html.dark .btn-default:focus,
+html.dark .btn-default:active,
+html.dark .btn-default.active,
+html.dark .open > .dropdown-toggle.btn-default {
+ color: #EEE;
+ background-color: #242830;
+ border-color: #242830;
+}
+
+/* Notifications */
+.notifications {
+ display: inline-block;
+ list-style: none;
+ margin: 4px -10px 0 0;
+ padding: 0;
+ vertical-align: middle;
+}
+
+.notifications > li {
+ float: left;
+ margin: 0 10px 0 0;
+ position: relative;
+}
+
+.notifications > li .notification-icon {
+ background: #FFF;
+ border-radius: 50%;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
+ display: inline-block;
+ height: 30px;
+ position: relative;
+ width: 30px;
+ text-align: center;
+}
+
+.notifications > li .notification-icon i {
+ color: #777;
+ line-height: 30px;
+ vertical-align: middle;
+}
+
+.notifications > li .notification-icon i.fa-tasks {
+ line-height: 32px;
+}
+
+.notifications > li .notification-icon .badge {
+ background: #D2312D;
+ color: #FFF;
+ font-size: 10px;
+ font-weight: normal;
+ height: 16px;
+ padding: 3px 5px 3px 5px;
+ position: absolute;
+ right: -8px;
+ top: -3px;
+ border-radius: 100%;
+}
+
+.notifications > li > a {
+ border: none;
+ display: inline-block;
+}
+
+.notifications .notification-menu {
+ border: none;
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
+ left: auto;
+ margin: 10px 0 0 0;
+ padding: 0;
+ right: -5px;
+ width: 245px;
+}
+
+.notifications .notification-menu.large {
+ width: 325px;
+}
+
+.notifications .notification-menu .notification-title {
+ background: #CCC;
+ border-radius: 3px 3px 0 0;
+ color: #FFF;
+ font-size: 1.1rem;
+ line-height: 1.5rem;
+ padding: 8px 6px 8px 12px;
+ text-transform: uppercase;
+}
+
+.notifications .notification-menu .notification-title .label {
+ font-size: 1rem;
+ font-weight: 200;
+ line-height: 14px;
+ margin-left: 10px;
+ margin-top: -2px;
+ min-width: 35px;
+}
+
+.notifications .notification-menu .notification-title .label-default {
+ background: #006697;
+ color: #FFF;
+}
+
+.notifications .notification-menu .content {
+ padding: 12px;
+}
+
+.notifications .notification-menu hr {
+ background: #E6E6E6;
+ height: 1px;
+ margin: 12px 0;
+}
+
+.notifications .notification-menu .view-more {
+ color: #ACACAC;
+ font-size: 1.1rem;
+ line-height: 1.1rem;
+ text-transform: uppercase;
+}
+
+/* notification menu - pin */
+.notifications .notification-menu:before,
+.notifications .notification-icon:before {
+ border-bottom: 6px solid #CCC;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ content: '';
+ height: 0;
+ margin-right: -3px;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+}
+
+.notifications .notification-menu:before {
+ bottom: 100%;
+ right: 16px;
+}
+
+.notifications .notification-icon:before {
+ display: none;
+ right: 11px;
+ top: 35px;
+ z-index: 9999;
+}
+
+/* notification menu - emails */
+.notification-menu {
+ color: #ACACAC;
+}
+
+.notification-menu ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.notification-menu li {
+ margin: 0 0 12px;
+}
+
+.notification-menu li:last-child {
+ margin-bottom: 0;
+}
+
+.notification-menu a {
+ display: block;
+ text-decoration: none;
+}
+
+.notification-menu .image {
+ float: left;
+ margin: 0 10px 0 0;
+}
+
+.notification-menu .image i {
+ border-radius: 35px;
+ height: 35px;
+ line-height: 35px;
+ text-align: center;
+ width: 35px;
+}
+
+.notification-menu .truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.notification-menu .title {
+ color: #000011;
+ display: block;
+ font-size: 1.3rem;
+ line-height: 1.7rem;
+ padding: 2px 0 0;
+}
+
+.notification-menu .message {
+ color: #ACACAC;
+ display: block;
+ font-size: 1.1rem;
+ line-height: 1.5rem;
+ padding: 0;
+}
+
+html.dark .notifications > li .notification-icon,
+html.header-dark .notifications > li .notification-icon {
+ background: #282d36;
+}
+
+html.dark .notifications > li .notification-icon i,
+html.header-dark .notifications > li .notification-icon i {
+ color: #C3C3C3;
+}
+
+/* Notifications Mobile */
+@media only screen and (max-width: 767px) {
+ .notifications {
+ float: right;
+ margin: 16px 8px 0 0;
+ }
+
+ .notifications > li {
+ position: static;
+ }
+
+ .notifications > li.open .notification-icon:before {
+ display: block;
+ }
+
+ .notifications > li .notification-menu {
+ left: 15px;
+ right: 15px;
+ top: auto;
+ width: auto !important;
+ }
+
+ .notifications > li .notification-menu:before {
+ display: none;
+ }
+}
+/* Userbox */
+.userbox {
+ display: inline-block;
+ margin: 3px 17px 0 0;
+ position: relative;
+ vertical-align: middle;
+}
+
+.userbox > a {
+ display: inline-block;
+ text-decoration: none;
+}
+
+.userbox a:hover {
+ text-decoration: none;
+}
+
+.userbox .profile-info,
+.userbox .profile-picture {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.userbox .profile-picture img {
+ width: 35px;
+ color: transparent;
+}
+
+.userbox .profile-info {
+ margin: 0 25px 0 10px;
+}
+
+.userbox .name,
+.userbox .role {
+ display: block;
+}
+
+.userbox .name {
+ color: #000011;
+ font-size: 1.3rem;
+ line-height: 1.2em;
+}
+
+.userbox .role {
+ color: #ACACAC;
+ font-size: 1.1rem;
+ line-height: 1.2em;
+}
+
+.userbox .custom-caret {
+ color: #000011;
+ font-size: 16px;
+ font-weight: bold;
+}
+
+.userbox .custom-caret:before {
+ content: "\f107";
+}
+
+@media only screen and (max-width: 767px) {
+ .userbox .name,
+ .userbox .role {
+ max-width: 68px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+}
+/* Userbox - Open */
+.userbox.open > a {
+ position: relative;
+ z-index: 993;
+}
+
+.userbox.open > a .custom-caret:before {
+ content: "\f106";
+}
+
+.userbox.open .dropdown-menu {
+ border: none;
+ box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ left: -11px;
+ padding: 45px 10px 0;
+ top: -10px;
+ width: 100%;
+ z-index: 992;
+}
+
+.userbox.open .dropdown-menu li {
+ margin-bottom: 5px;
+}
+
+.userbox.open .dropdown-menu a {
+ border-radius: 2px;
+ color: #7d7d7d;
+ display: block;
+ font-size: 1.2rem;
+ line-height: 1.5rem;
+ padding: 5px 10px;
+}
+
+.userbox.open .dropdown-menu a:hover {
+ background: #CCC;
+ color: #FFF;
+}
+
+.userbox.open .dropdown-menu i {
+ font-size: 1.7rem;
+ margin-right: 3px;
+ vertical-align: middle;
+}
+
+/* Userbox - Mobile */
+@media only screen and (max-width: 767px) {
+ .userbox {
+ float: left;
+ margin: 16px 0 0 12px;
+ position: relative;
+ }
+
+ .userbox:after {
+ background: #E9E9E6;
+ content: '';
+ height: 63px;
+ margin: 0;
+ position: absolute;
+ right: -21px;
+ top: -18px;
+ width: 1px;
+ }
+
+ .userbox .profile-picture {
+ display: none;
+ }
+
+ .userbox.open .dropdown-menu {
+ left: -5px;
+ padding: 43px 0 0 0;
+ }
+}
+/* Header Dark - Userbox */
+html.dark .userbox:after,
+html.header-dark .userbox:after {
+ background: #121518;
+}
+
+html.dark .userbox .name,
+html.dark .userbox .custom-caret,
+html.header-dark .userbox .name,
+html.header-dark .userbox .custom-caret {
+ color: #C3C3C3;
+}
+
+html.dark .userbox.open .dropdown-menu .name,
+html.dark .userbox.open .dropdown-menu .custom-caret,
+html.header-dark .userbox.open .dropdown-menu .name,
+html.header-dark .userbox.open .dropdown-menu .custom-caret {
+ color: #C3C3C3;
+}
+
+html.dark .userbox.open .dropdown-menu a,
+html.header-dark .userbox.open .dropdown-menu a {
+ color: #C3C3C3;
+}
+
+html.dark .userbox.open .dropdown-menu a:hover,
+html.header-dark .userbox.open .dropdown-menu a:hover {
+ color: #FFF;
+}
+
+html.dark .userbox .dropdown-menu,
+html.header-dark .userbox .dropdown-menu {
+ background: #282d36;
+}
+
+html.dark .userbox .dropdown-menu .divider,
+html.header-dark .userbox .dropdown-menu .divider {
+ background: #1D2127;
+}
+
+html.dark .userbox .dropdown-menu a,
+html.header-dark .userbox .dropdown-menu a {
+ color: #C3C3C3;
+}
+
+.nav-pills > .active a, .nav-pills > .active a:hover, .nav-pills > .active a:focus {
+ background-color: #CCC;
+}
+
+.pagination > li a {
+ color: #CCC;
+}
+
+.pagination > li a:hover, .pagination > li a:focus {
+ color: #d9d9d9;
+}
+
+.pagination > li.active a, .pagination > li.active a:hover, .pagination > li.active a:focus,
+.pagination > li.active span,
+.pagination > li.active span:hover,
+.pagination > li.active span:focus {
+ background-color: #CCC;
+ border-color: #CCC;
+}
+
+.pagination > li.active a {
+ background-color: #CCC;
+}
+
+.progress-bar-primary {
+ background-color: #CCC;
+}
+
+.progress-bar.progress-without-number[aria-valuenow="1"],
+.progress-bar.progress-without-number[aria-valuenow="2"] {
+ min-width: 0;
+}
+
+.progress-bar.progress-bar-primary[aria-valuenow="0"] {
+ background: transparent;
+}
+
+.sidebar-right .sidebar-widget {
+ margin: 0;
+}
+
+.sidebar-widget {
+ margin: 0 30px 0 25px;
+}
+
+.sidebar-widget .widget-header {
+ position: relative;
+ margin: 0;
+}
+
+.sidebar-widget .widget-header h6 {
+ font-size: 1.3rem;
+ color: #465162;
+ font-weight: 600;
+ margin: 0;
+ padding: 0;
+ text-transform: uppercase;
+}
+
+.sidebar-widget .widget-header .btn-widget-act {
+ position: relative;
+ top: -2px;
+ border-color: #0a0a0a;
+ background-color: #0a0a0a;
+ border-color: #0a0a0a black black;
+}
+
+.sidebar-widget .widget-header .btn-widget-act:hover {
+ border-color: #121212;
+ background-color: #121212;
+}
+
+.sidebar-widget .widget-header .btn-widget-act:active, .sidebar-widget .widget-header .btn-widget-act:focus {
+ border-color: black;
+ background-color: black;
+}
+
+.sidebar-widget .widget-header .btn-widget-act.dropdown-toggle {
+ border-left-color: black;
+}
+
+.sidebar-widget .widget-header .widget-toggle {
+ font-size: 1.7rem;
+ line-height: 1.3rem;
+ color: #465162;
+ position: absolute;
+ right: 0;
+ top: 0;
+ cursor: pointer;
+ text-align: center;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-transition-property: -webkit-transform;
+ -moz-transition-property: -moz-transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.2s;
+ -moz-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+
+.sidebar-widget .widget-content {
+ padding: 15px 0 0;
+}
+
+.sidebar-widget.widget-collapsed .widget-header .widget-toggle {
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+
+.sidebar-widget.widget-collapsed .widget-content {
+ display: none;
+}
+
+.sidebar-widget.widget-tasks ul li {
+ position: relative;
+}
+
+.sidebar-widget.widget-tasks ul li a {
+ color: #abb4be;
+ display: block;
+ margin: 0 -25px 0 -30px;
+ padding: 10px 0 10px 55px;
+}
+
+.sidebar-widget.widget-tasks ul li a:hover {
+ background: #21262d;
+ text-decoration: none;
+}
+
+.sidebar-widget.widget-tasks ul li:before {
+ border: 5px solid #CCC;
+ border-radius: 100px;
+ content: '';
+ display: inline-block;
+ left: 0;
+ margin: -5px 0 0;
+ position: absolute;
+ top: 50%;
+ z-index: 999;
+}
+
+.sidebar-widget.widget-tasks ul li:nth-child(6n+1):before {
+ border-color: #D64B4B;
+}
+
+.sidebar-widget.widget-tasks ul li:nth-child(6n+2):before {
+ border-color: #0090D9;
+}
+
+.sidebar-widget.widget-tasks ul li:nth-child(6n+3):before {
+ border-color: #4DD79C;
+}
+
+.sidebar-widget.widget-tasks ul li:nth-child(6n+4):before {
+ border-color: #D9A300;
+}
+
+.sidebar-widget.widget-tasks ul li:nth-child(6n+5):before {
+ border-color: #C926FF;
+}
+
+.sidebar-widget.widget-tasks ul li:nth-child(6n+6):before {
+ border-color: #FFFF26;
+}
+
+.sidebar-widget.widget-stats ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.sidebar-widget.widget-stats .stats-title {
+ color: #a6a6a6;
+}
+
+.sidebar-widget.widget-stats .stats-complete {
+ float: right;
+ font-size: 1rem;
+ color: #666;
+}
+
+.sidebar-widget.widget-stats .progress {
+ height: 7px;
+ background: #474453;
+ box-shadow: 0 1px 0 #585564 inset;
+ margin-bottom: 25px;
+}
+
+.sidebar-widget.widget-calendar {
+ margin: 0 0 25px;
+}
+
+.sidebar-widget.widget-calendar .datepicker {
+ background: transparent;
+}
+
+.sidebar-widget.widget-calendar ul {
+ list-style: none;
+ margin: 0;
+ padding: 20px 0;
+ border-top: 1px solid #000;
+}
+
+.sidebar-widget.widget-calendar ul time {
+ display: block;
+ font-size: 1.2rem;
+ line-height: 1.3em;
+ font-weight: 600;
+ color: #777;
+ margin-bottom: 0.1em;
+}
+
+.sidebar-widget.widget-calendar ul span {
+ font-size: 1.4rem;
+ line-height: 1.3em;
+ color: #FFF;
+}
+
+.sidebar-widget.widget-friends ul {
+ list-style: none;
+ margin: 0;
+ padding: 10px 2px;
+}
+
+.sidebar-widget.widget-friends ul li {
+ padding: 10px 0;
+}
+
+.sidebar-widget.widget-friends ul li .profile-info,
+.sidebar-widget.widget-friends ul li .profile-picture {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.sidebar-widget.widget-friends ul li .profile-picture {
+ position: relative;
+ width: 35px;
+}
+
+.sidebar-widget.widget-friends ul li .profile-picture img {
+ width: 100%;
+ height: auto;
+}
+
+.sidebar-widget.widget-friends ul li .profile-info {
+ margin: 0 35px 0 10px;
+}
+
+.sidebar-widget.widget-friends ul li span.name {
+ display: block;
+ color: #FFF;
+ font-weight: 600;
+ vertical-align: top;
+ line-height: 1.3em;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ margin-bottom: 0.2em;
+}
+
+.sidebar-widget.widget-friends ul li span.title {
+ display: block;
+ font-size: 1.2rem;
+ line-height: 1.3em;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.sidebar-widget.widget-friends ul li.status-online .profile-picture:after, .sidebar-widget.widget-friends ul li.status-offline .profile-picture:after {
+ display: none;
+ position: absolute;
+ top: -4px;
+ right: -4px;
+ content: '';
+ width: 15px;
+ height: 15px;
+ border: 2px solid #000;
+ border-radius: 50%;
+}
+
+.sidebar-widget.widget-friends ul li.status-online .profile-picture:after {
+ display: block;
+ background-color: #1AAE88;
+}
+
+.sidebar-widget.widget-friends ul li.status-offline .profile-picture:after {
+ display: block;
+ background-color: #D2312D;
+}
+
+/* Sidebar Light */
+html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act {
+ border-color: #f2f2f2;
+ background-color: #f2f2f2;
+ border-color: #e6e6e6;
+ color: #777;
+ text-shadow: none;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:hover {
+ border: 1px solid #d2d2d2 !important;
+ background-color: #fafafa;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:active, html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act:focus {
+ border: 1px solid #d2d2d2 !important;
+ background-color: #e6e6e6;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget .widget-header .btn-widget-act.dropdown-toggle {
+ border-left-color: #e6e6e6;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-tasks ul li a {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-tasks ul li a:hover {
+ background: #fafafa;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-stats .stats-title {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-stats .progress {
+ background: #d8d8d8;
+ box-shadow: 0 1px 0 #bfbfbf inset;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul {
+ border-top: 1px solid #DDD;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul time {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-calendar ul span {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li span.name {
+ color: #777;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li.status-online .profile-picture:after {
+ background-color: #1AAE88;
+}
+
+html.sidebar-light:not(.dark) .sidebar-widget.widget-friends ul li.status-offline .profile-picture:after {
+ background-color: #D2312D;
+}
+
+/* Scroll to Top */
+html .scroll-to-top {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+ background: #282d36;
+ border-radius: 7px 7px 0 0;
+ bottom: 0px;
+ color: #FFF;
+ display: block;
+ height: 9px;
+ opacity: 0;
+ padding: 5px 10px 25px;
+ position: fixed;
+ right: 10px;
+ text-align: center;
+ text-decoration: none;
+ min-width: 39px;
+ z-index: 1040;
+}
+
+html .scroll-to-top:hover {
+ opacity: 1;
+}
+
+html .scroll-to-top.visible {
+ opacity: 0.75;
+}
+
+html .scroll-to-top span {
+ display: inline-block;
+ padding: 0 5px;
+}
+
+html.ie11 .scroll-to-top {
+ right: 25px;
+}
+
+/* Responsive */
+@media (max-width: 991px) {
+ html .scroll-to-top.hidden-mobile {
+ display: none !important;
+ }
+}
+
+.panel {
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: none;
+}
+
+.panel-heading {
+ background: #f6f6f6;
+ border-radius: 5px 5px 0 0;
+ border-bottom: 1px solid #DADADA;
+ padding: 18px;
+ position: relative;
+}
+
+.panel-heading.bg-primary {
+ background: #CCC;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-secondary {
+ background: #E36159;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-tertiary {
+ background: #2BAAB1;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-quaternary {
+ background: #734BA9;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-success {
+ background: #47a447;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-warning {
+ background: #ed9c28;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-danger {
+ background: #d2322d;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-info {
+ background: #5bc0de;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-dark {
+ background: #171717;
+ color: #FFF;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-heading.bg-white {
+ background: #fff;
+ border-bottom: 0 none;
+ border-right: 0 none;
+}
+
+.panel-actions {
+ right: 15px;
+ position: absolute;
+ top: 15px;
+}
+
+.panel-actions a,
+.panel-actions .panel-action {
+ background-color: transparent;
+ border-radius: 2px;
+ color: #B4B4B4;
+ font-size: 14px;
+ height: 24px;
+ line-height: 24px;
+ text-align: center;
+ width: 24px;
+}
+
+.panel-actions a:hover,
+.panel-actions .panel-action:hover {
+ background-color: #eeeeee;
+ color: #B4B4B4;
+ text-decoration: none;
+}
+
+.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited,
+.panel-actions .panel-action,
+.panel-actions .panel-action:focus,
+.panel-actions .panel-action:hover,
+.panel-actions .panel-action:active,
+.panel-actions .panel-action:visited {
+ outline: none !important;
+ text-decoration: none !important;
+}
+
+.panel-title {
+ color: #33353F;
+ font-size: 20px;
+ font-weight: 400;
+ line-height: 20px;
+ padding: 0;
+ text-transform: none;
+}
+
+.panel-subtitle {
+ color: #808697;
+ font-size: 12px;
+ line-height: 1.2em;
+ margin: 7px 0 0;
+ padding: 0;
+}
+
+.panel-body {
+ background: #fdfdfd;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+ border-radius: 5px;
+}
+
+.panel-body-nopadding {
+ padding: 0;
+}
+
+.panel-heading + .panel-body {
+ border-radius: 0 0 5px 5px;
+}
+
+.panel-footer {
+ border-radius: 0 0 5px 5px;
+ margin-top: -5px;
+}
+
+.panel-footer-btn-group {
+ display: table;
+ width: 100%;
+ padding: 0;
+}
+
+.panel-footer-btn-group a {
+ background-color: #f5f5f5;
+ display: table-cell;
+ width: 1%;
+ border-left: 1px solid #ddd;
+ padding: 10px 15px;
+ text-decoration: none;
+}
+
+.panel-footer-btn-group a:hover {
+ background-color: #f0f0f0;
+ box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
+}
+
+.panel-footer-btn-group a:first-child {
+ border-left: none;
+}
+
+.panel-body.bg-primary {
+ background: #CCC;
+ color: #FFF;
+}
+
+.panel-body.bg-secondary {
+ background: #E36159;
+ color: #FFF;
+}
+
+.panel-body.bg-tertiary {
+ background: #2BAAB1;
+ color: #FFF;
+}
+
+.panel-body.bg-quaternary {
+ background: #734BA9;
+ color: #FFF;
+}
+
+.panel-body.bg-success {
+ background: #47a447;
+ color: #FFF;
+}
+
+.panel-body.bg-warning {
+ background: #ed9c28;
+ color: #FFF;
+}
+
+.panel-body.bg-danger {
+ background: #d2322d;
+ color: #FFF;
+}
+
+.panel-body.bg-info {
+ background: #5bc0de;
+ color: #FFF;
+}
+
+.panel-body.bg-dark {
+ background: #171717;
+ color: #FFF;
+}
+
+.panel-featured {
+ border-top: 3px solid #33353F;
+}
+
+.panel-featured .panel-heading {
+ border-radius: 0;
+}
+
+.panel-featured-top {
+ border-top: 3px solid #33353F;
+}
+
+.panel-featured-right {
+ border-right: 3px solid #33353F;
+}
+
+.panel-featured-bottom {
+ border-bottom: 3px solid #33353F;
+}
+
+.panel-featured-left {
+ border-left: 3px solid #33353F;
+}
+
+.panel-featured-primary {
+ border-color: #CCC;
+}
+
+.panel-featured-primary .panel-title {
+ color: #CCC;
+}
+
+.panel-featured-secondary {
+ border-color: #E36159;
+}
+
+.panel-featured-secondary .panel-title {
+ color: #E36159;
+}
+
+.panel-featured-tertiary {
+ border-color: #2BAAB1;
+}
+
+.panel-featured-tertiary .panel-title {
+ color: #2BAAB1;
+}
+
+.panel-featured-quaternary {
+ border-color: #734BA9;
+}
+
+.panel-featured-quaternary .panel-title {
+ color: #734BA9;
+}
+
+.panel-featured-success {
+ border-color: #47a447;
+}
+
+.panel-featured-success .panel-title {
+ color: #47a447;
+}
+
+.panel-featured-warning {
+ border-color: #ed9c28;
+}
+
+.panel-featured-warning .panel-title {
+ color: #ed9c28;
+}
+
+.panel-featured-danger {
+ border-color: #d2322d;
+}
+
+.panel-featured-danger .panel-title {
+ color: #d2322d;
+}
+
+.panel-featured-info {
+ border-color: #5bc0de;
+}
+
+.panel-featured-info .panel-title {
+ color: #5bc0de;
+}
+
+.panel-featured-dark {
+ border-color: #171717;
+}
+
+.panel-featured-dark .panel-title {
+ color: #171717;
+}
+
+.panel-highlight .panel-heading {
+ background-color: #CCC;
+ border-color: #CCC;
+ color: #fff;
+}
+
+.panel-highlight .panel-title {
+ color: #fff;
+}
+
+.panel-highlight .panel-subtitle {
+ color: #fff;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.panel-highlight .panel-actions a {
+ background-color: rgba(0, 0, 0, 0.1);
+ color: #fff;
+}
+
+.panel-highlight .panel-body {
+ background-color: #CCC;
+ color: #fff;
+}
+
+.panel-highlight-title .panel-heading {
+ background-color: #2BAAB1;
+}
+
+.panel-highlight-title .panel-title {
+ color: #fff;
+}
+
+.panel-highlight-title .panel-subtitle {
+ color: #fff;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.panel-highlight-title .panel-actions a {
+ background-color: rgba(0, 0, 0, 0.1);
+ color: #fff;
+}
+
+.panel-heading-icon {
+ margin: 0 auto;
+ font-size: 4.2rem;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ text-align: center;
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 55px;
+ border-radius: 55px;
+}
+
+.panel-heading-icon.bg-primary {
+ background: #CCC;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-secondary {
+ background: #E36159;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-tertiary {
+ background: #2BAAB1;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-quaternary {
+ background: #734BA9;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-success {
+ background: #47a447;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-warning {
+ background: #ed9c28;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-danger {
+ background: #d2322d;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-info {
+ background: #5bc0de;
+ color: #FFF;
+}
+
+.panel-heading-icon.bg-dark {
+ background: #171717;
+ color: #FFF;
+}
+
+.panel-heading-profile-picture img {
+ display: block;
+ margin: 0 auto;
+ width: 100px;
+ height: 100px;
+ border: 4px solid #fff;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+}
+
+.panel-icon {
+ color: #fff;
+ font-size: 42px;
+ float: left;
+}
+
+.panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle {
+ margin-left: 64px;
+}
+
+/* Dark - Panels */
+html.dark .panel-heading {
+ background: #282d36;
+ border-bottom-color: #1d2127;
+}
+
+html.dark .panel-actions a:hover {
+ background-color: #242830;
+}
+
+html.dark .panel-body {
+ background: #2e353e;
+}
+
+html.dark .panel-footer {
+ background: #242830;
+ border-top-color: #191c21;
+}
+
+html .panel-primary .panel-heading {
+ background: #CCC;
+}
+
+html .panel-primary .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-primary .panel-title {
+ color: #FFF;
+}
+
+html .panel-primary .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-secondary .panel-heading {
+ background: #E36159;
+}
+
+html .panel-secondary .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-secondary .panel-title {
+ color: #FFF;
+}
+
+html .panel-secondary .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-tertiary .panel-heading {
+ background: #2BAAB1;
+}
+
+html .panel-tertiary .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-tertiary .panel-title {
+ color: #FFF;
+}
+
+html .panel-tertiary .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-quaternary .panel-heading {
+ background: #734BA9;
+}
+
+html .panel-quaternary .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-quaternary .panel-title {
+ color: #FFF;
+}
+
+html .panel-quaternary .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-success .panel-heading {
+ background: #47a447;
+}
+
+html .panel-success .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-success .panel-title {
+ color: #FFF;
+}
+
+html .panel-success .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-warning .panel-heading {
+ background: #ed9c28;
+}
+
+html .panel-warning .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-warning .panel-title {
+ color: #FFF;
+}
+
+html .panel-warning .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-danger .panel-heading {
+ background: #d2322d;
+}
+
+html .panel-danger .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-danger .panel-title {
+ color: #FFF;
+}
+
+html .panel-danger .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-info .panel-heading {
+ background: #5bc0de;
+}
+
+html .panel-info .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-info .panel-title {
+ color: #FFF;
+}
+
+html .panel-info .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-dark .panel-heading {
+ background: #171717;
+}
+
+html .panel-dark .panel-subtitle {
+ opacity: 0.8;
+ color: #FFF;
+}
+
+html .panel-dark .panel-title {
+ color: #FFF;
+}
+
+html .panel-dark .panel-actions a {
+ background-color: transparent !important;
+ color: #FFF;
+}
+
+html .panel-transparent > .panel-heading {
+ background: none;
+ border: 0;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+html .panel-transparent > .panel-heading .panel-actions {
+ right: 0;
+}
+
+html .panel-transparent > .panel-heading + .panel-body {
+ border-radius: 5px;
+}
+
+html .panel-transparent > .panel-body {
+ padding: 0;
+ border-radius: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+html .panel .panel-heading-transparent {
+ background: none;
+ border: 0;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+html .panel .panel-heading-transparent .panel-actions {
+ right: 0;
+}
+
+html .panel .panel-heading-transparent + .panel-body {
+ border-radius: 5px;
+}
+
+.panel-horizontal {
+ display: table;
+ width: 100%;
+}
+
+.panel-horizontal .panel-heading,
+.panel-horizontal .panel-body,
+.panel-horizontal .panel-footer {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.panel-horizontal .panel-heading {
+ border-radius: 5px 0 0 5px;
+}
+
+.panel-horizontal .panel-heading + .panel-body {
+ border-radius: 0 5px 5px 0;
+}
+
+.panel-horizontal .panel-footer {
+ border-radius: 0 5px 5px 0;
+ margin-top: 0;
+}
+
+.panel-action-toggle,
+.panel-action-dismiss {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.panel-action-toggle:before {
+ content: "\f0d7";
+}
+
+.panel-collapsed .panel-action-toggle:before {
+ content: "\f0d8";
+}
+
+.panel-action-dismiss:before {
+ content: "\f00d";
+}
+
+.panel-collapsed .panel-body,
+.panel-collapsed .panel-footer {
+ display: none;
+}
+
+@media only screen and (max-width: 767px) {
+ .panel-actions {
+ float: none;
+ margin-bottom: 15px;
+ position: static;
+ text-align: right;
+ }
+
+ .panel-actions a {
+ vertical-align: top;
+ }
+}
+/* tabs */
+.tabs {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ margin-bottom: 35px;
+}
+
+/* navigation */
+.nav-tabs {
+ margin: 0;
+ font-size: 0;
+}
+
+.nav-tabs li {
+ display: inline-block;
+ float: none;
+}
+
+.nav-tabs li:last-child a {
+ margin-right: 0;
+}
+
+.nav-tabs li a {
+ border-radius: 5px 5px 0 0;
+ font-size: 1.3rem;
+ margin-right: 1px;
+}
+
+.nav-tabs li a .badge {
+ border-radius: 100%;
+}
+
+.nav-tabs li a, .nav-tabs li a:hover {
+ background: #F4F4F4;
+ border-bottom: none;
+ border-left: 1px solid #EEE;
+ border-right: 1px solid #EEE;
+ border-top: 3px solid #DDD;
+ color: #555;
+}
+
+.nav-tabs li a:hover {
+ border-bottom-color: transparent;
+ border-top: 3px solid #555;
+ box-shadow: none;
+}
+
+.nav-tabs li a:active, .nav-tabs li a:focus {
+ border-bottom: 0;
+}
+
+.nav-tabs li.active a,
+.nav-tabs li.active a:hover,
+.nav-tabs li.active a:focus {
+ background: #FFF;
+ border-left-color: #EEE;
+ border-right-color: #EEE;
+ border-top: 3px solid #555;
+ color: #555;
+}
+
+/* content */
+.tab-content {
+ border-radius: 0 0 4px 4px;
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
+ background-color: #FFF;
+ border: 1px solid #EEE;
+ border-top: 0;
+ padding: 15px;
+}
+
+/* content - footer inside */
+.tab-content .panel-footer {
+ margin: -15px;
+ margin-top: 15px;
+}
+
+/* Justified */
+.nav-tabs.nav-justified {
+ margin-bottom: -1px;
+ border-left: 1px solid transparent;
+ border-right: 1px solid transparent;
+}
+
+.nav-tabs.nav-justified li {
+ margin-bottom: 0;
+}
+
+.nav-tabs.nav-justified li:first-child a,
+.nav-tabs.nav-justified li:first-child a:hover {
+ border-radius: 5px 0 0 0;
+ border-left: none;
+}
+
+.nav-tabs.nav-justified li:last-child a,
+.nav-tabs.nav-justified li:last-child a:hover {
+ border-radius: 0 5px 0 0;
+ border-right: none;
+}
+
+.nav-tabs.nav-justified li a {
+ border-left: none;
+ border-right: none;
+ border-bottom: 1px solid #DDD;
+ border-radius: 0;
+ margin-right: 0;
+}
+
+.nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus {
+ border-bottom: 1px solid #DDD;
+ border-left: none;
+ border-right: none;
+}
+
+.nav-tabs.nav-justified li.active a,
+.nav-tabs.nav-justified li.active a:hover,
+.nav-tabs.nav-justified li.active a:focus {
+ background: #FFF;
+ border-left-color: #EEE;
+ border-right-color: #EEE;
+ border-top: 3px solid #555;
+ color: #555;
+}
+
+.nav-tabs.nav-justified li.active a {
+ border-bottom: 1px solid #FFF;
+}
+
+.nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #555;
+ border-top-width: 3px;
+ border-left: none;
+ border-right: none;
+}
+
+.nav-tabs.nav-justified li.active a:hover {
+ border-bottom: 1px solid #FFF;
+}
+
+/* Bottom Tabs */
+.tabs.tabs-bottom .tab-content {
+ border-radius: 4px 4px 0 0;
+ border-bottom: 0;
+ border-top: 1px solid #EEE;
+}
+
+.tabs.tabs-bottom .nav-tabs {
+ border-bottom: none;
+ border-top: 1px solid #dddddd;
+}
+
+.tabs.tabs-bottom .nav-tabs li {
+ margin-bottom: 0;
+ margin-top: -1px;
+}
+
+.tabs.tabs-bottom .nav-tabs li:last-child a {
+ margin-right: 0;
+}
+
+.tabs.tabs-bottom .nav-tabs li a {
+ border-radius: 0 0 5px 5px;
+ font-size: 1.3rem;
+ margin-right: 1px;
+}
+
+.tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover, .tabs.tabs-bottom .nav-tabs li a:focus, .tabs.tabs-bottom .nav-tabs li a:active {
+ border-bottom: 3px solid #DDD;
+ border-top: 1px solid #DDD;
+}
+
+.tabs.tabs-bottom .nav-tabs li a:hover, .tabs.tabs-bottom .nav-tabs li a:focus, .tabs.tabs-bottom .nav-tabs li a:active {
+ border-bottom: 3px solid #555;
+ border-top: 1px solid #DDD;
+}
+
+.tabs.tabs-bottom .nav-tabs li.active a,
+.tabs.tabs-bottom .nav-tabs li.active a:hover,
+.tabs.tabs-bottom .nav-tabs li.active a:focus {
+ border-bottom: 3px solid #555;
+ border-top-color: transparent;
+}
+
+/* Bottom Tabs with Justified Nav */
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified {
+ border-top: none;
+}
+
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified li a {
+ margin-right: 0;
+ border-top-color: #DDD;
+}
+
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a {
+ border-radius: 0 0 0 5px;
+}
+
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a {
+ margin-right: 0;
+ border-radius: 0 0 5px 0;
+}
+
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a,
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover,
+.tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus {
+ border-top-color: transparent;
+}
+
+/* Vertical */
+.tabs-vertical {
+ display: table;
+ width: 100%;
+}
+
+.tabs-vertical .tab-content {
+ display: table-cell;
+ vertical-align: top;
+}
+
+.tabs-vertical .nav-tabs {
+ border-bottom: none;
+ display: table-cell;
+ height: 100%;
+ float: none;
+ padding: 0;
+ vertical-align: top;
+}
+
+.tabs-vertical .nav-tabs > li {
+ display: block;
+}
+
+.tabs-vertical .nav-tabs > li a {
+ border-radius: 0;
+ display: block;
+ padding-top: 10px;
+}
+
+.tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus {
+ border-bottom: none;
+ border-top: none;
+}
+
+.tabs-vertical .nav-tabs > li.active a,
+.tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus {
+ border-top: none;
+}
+
+/* Vertical - Left Side */
+.tabs-left .tab-content {
+ border-radius: 0 5px 5px 5px;
+ border-left: none;
+}
+
+.tabs-left .nav-tabs > li {
+ margin-right: -1px;
+}
+
+.tabs-left .nav-tabs > li:first-child a {
+ border-radius: 5px 0 0 0;
+}
+
+.tabs-left .nav-tabs > li:last-child a {
+ border-radius: 0 0 0 5px;
+}
+
+.tabs-left .nav-tabs > li a {
+ border-right: 1px solid #EEE;
+ border-left: 3px solid #DDD;
+ margin-right: 1px;
+ margin-left: -3px;
+}
+
+.tabs-left .nav-tabs > li a:hover {
+ border-left-color: #555;
+}
+
+.tabs-left .nav-tabs > li.active a,
+.tabs-left .nav-tabs > li.active a:hover,
+.tabs-left .nav-tabs > li.active a:focus {
+ border-left: 3px solid #555;
+ border-right-color: #FFF;
+}
+
+/* Vertical - Right Side */
+.tabs-right .tab-content {
+ border-radius: 5px 0 5px 5px;
+ border-right: none;
+}
+
+.tabs-right .nav-tabs > li {
+ margin-left: -1px;
+}
+
+.tabs-right .nav-tabs > li:first-child a {
+ border-radius: 0 5px 0 0;
+}
+
+.tabs-right .nav-tabs > li:last-child a {
+ border-radius: 0 0 5px 0;
+}
+
+.tabs-right .nav-tabs > li a {
+ border-right: 3px solid #DDD;
+ border-left: 1px solid #EEE;
+ margin-right: 1px;
+ margin-left: 1px;
+}
+
+.tabs-right .nav-tabs > li a:hover {
+ border-right-color: #555;
+}
+
+.tabs-right .nav-tabs > li.active a,
+.tabs-right .nav-tabs > li.active a:hover,
+.tabs-right .nav-tabs > li.active a:focus {
+ border-right: 3px solid #555;
+ border-left: 1px solid #FFF;
+}
+
+/* dark */
+html.dark .tabs .nav-tabs li a,
+html.dark .tabs .nav-tabs li a:focus {
+ border-top-color: #282d36;
+ border-left-color: #282d36;
+ border-right-color: #282d36;
+ background: #282d36;
+}
+
+html.dark .tabs .nav-tabs li a:hover {
+ border-top-color: #808697;
+}
+
+html.dark .tabs .nav-tabs li.active a,
+html.dark .tabs .nav-tabs li.active a:hover,
+html.dark .tabs .nav-tabs li.active a:focus {
+ border-top-color: #808697;
+}
+
+html.dark .tabs .nav-tabs.nav-justified {
+ border-left-width: 0;
+ border-right-width: 0;
+ border-left-color: transparent;
+ border-right-color: transparent;
+}
+
+html.dark .tabs .nav-tabs.nav-justified li a,
+html.dark .tabs .nav-tabs.nav-justified li a:hover,
+html.dark .tabs .nav-tabs.nav-justified li a:focus {
+ border-bottom-color: #282d36;
+}
+
+html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a {
+ background: #282d36;
+ border-left-color: #282d36;
+ border-right-color: #282d36;
+}
+
+html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a {
+ border-bottom-color: #282d36;
+}
+
+html.dark .tabs.tabs-left .nav-tabs > li.active a,
+html.dark .tabs.tabs-left .nav-tabs > li.active a:hover,
+html.dark .tabs.tabs-left .nav-tabs > li.active a:focus {
+ border-left: 3px solid #555;
+}
+
+html.dark .tabs.tabs-left .nav-tabs > li a:hover {
+ border-left: 3px solid #555;
+}
+
+html.dark .tabs .nav-tabs {
+ border-color: #282d36;
+}
+
+html.dark .tabs .nav-tabs li.active a,
+html.dark .tabs .nav-tabs li.active a:hover,
+html.dark .tabs .nav-tabs li.active a:focus,
+html.dark .tabs .nav-tabs.nav-justified li.active a,
+html.dark .tabs .nav-tabs.nav-justified li.active a:hover,
+html.dark .tabs .nav-tabs.nav-justified li.active a:focus {
+ background: #2e353e;
+ border-left-color: #2e353e;
+ border-right-color: #2e353e;
+}
+
+html.dark .tabs .nav-tabs.nav-justified li.active a {
+ border-bottom-color: #2e353e;
+}
+
+html.dark .tabs.tabs-vertical {
+ border-top-color: #2e353e;
+}
+
+html.dark .tabs.tabs-bottom .nav-tabs li a,
+html.dark .tabs.tabs-bottom .nav-tabs li a:focus {
+ border-bottom-color: #282d36;
+ border-top-color: #2e353e;
+}
+
+html.dark .tabs.tabs-bottom .nav-tabs li a:hover {
+ border-bottom-color: #808697;
+ border-top-color: #2e353e;
+}
+
+html.dark .tabs.tabs-bottom .nav-tabs li.active a,
+html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover,
+html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus {
+ border-bottom-color: #808697;
+ border-top-color: #2e353e;
+}
+
+html.dark .tabs .tab-content {
+ background: #2e353e;
+ border-color: #2e353e;
+}
+
+html.dark .tabs-primary.tabs-bottom .nav-tabs li a,
+html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover,
+html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a,
+html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus {
+ border-top-color: #2e353e !important;
+}
+
+html.dark .nav-tabs li.active a,
+html.dark .nav-tabs li.active a:hover,
+html.dark .nav-tabs li.active a:focus,
+html.dark .nav-tabs li a {
+ color: #808697;
+}
+
+html.dark .tab-content {
+ background: #2e353e;
+ border-color: #1d2127;
+}
+
+/* states */
+html body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-primary .nav-tabs li a,
+html.dark body .tabs-primary .nav-tabs li a:hover,
+html.dark body .tabs-primary .nav-tabs.nav-justified li a,
+html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
+ color: #CCC;
+}
+
+html body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-primary .nav-tabs li a:hover,
+html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
+ border-top-color: #CCC;
+}
+
+html body .tabs-primary .nav-tabs li.active a,
+html body .tabs-primary .nav-tabs li.active a:hover,
+html body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a,
+html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-primary .nav-tabs li.active a,
+html.dark body .tabs-primary .nav-tabs li.active a:hover,
+html.dark body .tabs-primary .nav-tabs li.active a:focus,
+html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #CCC;
+ color: #CCC;
+}
+
+html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #CCC;
+}
+
+html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
+html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
+html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
+html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #CCC;
+}
+
+html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
+html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #CCC;
+}
+
+html body .tabs-primary.tabs-vertical.tabs-left li.active a,
+html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
+html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
+html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #CCC;
+}
+
+html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
+html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #CCC;
+}
+
+html body .tabs-primary.tabs-vertical.tabs-right li.active a,
+html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
+html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
+html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #CCC;
+}
+
+html body .tabs-success .nav-tabs li a, html body .tabs-success .nav-tabs li a:hover, html body .tabs-success .nav-tabs.nav-justified li a, html body .tabs-success .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-success .nav-tabs li a,
+html.dark body .tabs-success .nav-tabs li a:hover,
+html.dark body .tabs-success .nav-tabs.nav-justified li a,
+html.dark body .tabs-success .nav-tabs.nav-justified li a:hover {
+ color: #47a447;
+}
+
+html body .tabs-success .nav-tabs li a:hover, html body .tabs-success .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-success .nav-tabs li a:hover,
+html.dark body .tabs-success .nav-tabs.nav-justified li a:hover {
+ border-top-color: #47a447;
+}
+
+html body .tabs-success .nav-tabs li.active a,
+html body .tabs-success .nav-tabs li.active a:hover,
+html body .tabs-success .nav-tabs li.active a:focus, html body .tabs-success .nav-tabs.nav-justified li.active a,
+html body .tabs-success .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-success .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-success .nav-tabs li.active a,
+html.dark body .tabs-success .nav-tabs li.active a:hover,
+html.dark body .tabs-success .nav-tabs li.active a:focus,
+html.dark body .tabs-success .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-success .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-success .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #47a447;
+ color: #47a447;
+}
+
+html body .tabs-success.tabs-bottom .nav-tabs li a:hover, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-success.tabs-bottom .nav-tabs li a:hover,
+html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #47a447;
+}
+
+html body .tabs-success.tabs-bottom .nav-tabs li.active a,
+html body .tabs-success.tabs-bottom .nav-tabs li.active a:hover,
+html body .tabs-success.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a,
+html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-success.tabs-bottom .nav-tabs li.active a:focus,
+html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-success.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #47a447;
+}
+
+html body .tabs-success.tabs-vertical.tabs-left li a:hover,
+html.dark body .tabs-success.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #47a447;
+}
+
+html body .tabs-success.tabs-vertical.tabs-left li.active a,
+html body .tabs-success.tabs-vertical.tabs-left li.active a:hover,
+html body .tabs-success.tabs-vertical.tabs-left li.active a:focus,
+html.dark body .tabs-success.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-success.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-success.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #47a447;
+}
+
+html body .tabs-success.tabs-vertical.tabs-right li a:hover,
+html.dark body .tabs-success.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #47a447;
+}
+
+html body .tabs-success.tabs-vertical.tabs-right li.active a,
+html body .tabs-success.tabs-vertical.tabs-right li.active a:hover,
+html body .tabs-success.tabs-vertical.tabs-right li.active a:focus,
+html.dark body .tabs-success.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-success.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-success.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #47a447;
+}
+
+html body .tabs-warning .nav-tabs li a, html body .tabs-warning .nav-tabs li a:hover, html body .tabs-warning .nav-tabs.nav-justified li a, html body .tabs-warning .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-warning .nav-tabs li a,
+html.dark body .tabs-warning .nav-tabs li a:hover,
+html.dark body .tabs-warning .nav-tabs.nav-justified li a,
+html.dark body .tabs-warning .nav-tabs.nav-justified li a:hover {
+ color: #ed9c28;
+}
+
+html body .tabs-warning .nav-tabs li a:hover, html body .tabs-warning .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-warning .nav-tabs li a:hover,
+html.dark body .tabs-warning .nav-tabs.nav-justified li a:hover {
+ border-top-color: #ed9c28;
+}
+
+html body .tabs-warning .nav-tabs li.active a,
+html body .tabs-warning .nav-tabs li.active a:hover,
+html body .tabs-warning .nav-tabs li.active a:focus, html body .tabs-warning .nav-tabs.nav-justified li.active a,
+html body .tabs-warning .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-warning .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-warning .nav-tabs li.active a,
+html.dark body .tabs-warning .nav-tabs li.active a:hover,
+html.dark body .tabs-warning .nav-tabs li.active a:focus,
+html.dark body .tabs-warning .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-warning .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-warning .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #ed9c28;
+ color: #ed9c28;
+}
+
+html body .tabs-warning.tabs-bottom .nav-tabs li a:hover, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs li a:hover,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #ed9c28;
+}
+
+html body .tabs-warning.tabs-bottom .nav-tabs li.active a,
+html body .tabs-warning.tabs-bottom .nav-tabs li.active a:hover,
+html body .tabs-warning.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a,
+html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs li.active a:focus,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-warning.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #ed9c28;
+}
+
+html body .tabs-warning.tabs-vertical.tabs-left li a:hover,
+html.dark body .tabs-warning.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #ed9c28;
+}
+
+html body .tabs-warning.tabs-vertical.tabs-left li.active a,
+html body .tabs-warning.tabs-vertical.tabs-left li.active a:hover,
+html body .tabs-warning.tabs-vertical.tabs-left li.active a:focus,
+html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-warning.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #ed9c28;
+}
+
+html body .tabs-warning.tabs-vertical.tabs-right li a:hover,
+html.dark body .tabs-warning.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #ed9c28;
+}
+
+html body .tabs-warning.tabs-vertical.tabs-right li.active a,
+html body .tabs-warning.tabs-vertical.tabs-right li.active a:hover,
+html body .tabs-warning.tabs-vertical.tabs-right li.active a:focus,
+html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-warning.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #ed9c28;
+}
+
+html body .tabs-danger .nav-tabs li a, html body .tabs-danger .nav-tabs li a:hover, html body .tabs-danger .nav-tabs.nav-justified li a, html body .tabs-danger .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-danger .nav-tabs li a,
+html.dark body .tabs-danger .nav-tabs li a:hover,
+html.dark body .tabs-danger .nav-tabs.nav-justified li a,
+html.dark body .tabs-danger .nav-tabs.nav-justified li a:hover {
+ color: #d2322d;
+}
+
+html body .tabs-danger .nav-tabs li a:hover, html body .tabs-danger .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-danger .nav-tabs li a:hover,
+html.dark body .tabs-danger .nav-tabs.nav-justified li a:hover {
+ border-top-color: #d2322d;
+}
+
+html body .tabs-danger .nav-tabs li.active a,
+html body .tabs-danger .nav-tabs li.active a:hover,
+html body .tabs-danger .nav-tabs li.active a:focus, html body .tabs-danger .nav-tabs.nav-justified li.active a,
+html body .tabs-danger .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-danger .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-danger .nav-tabs li.active a,
+html.dark body .tabs-danger .nav-tabs li.active a:hover,
+html.dark body .tabs-danger .nav-tabs li.active a:focus,
+html.dark body .tabs-danger .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-danger .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-danger .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #d2322d;
+ color: #d2322d;
+}
+
+html body .tabs-danger.tabs-bottom .nav-tabs li a:hover, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs li a:hover,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #d2322d;
+}
+
+html body .tabs-danger.tabs-bottom .nav-tabs li.active a,
+html body .tabs-danger.tabs-bottom .nav-tabs li.active a:hover,
+html body .tabs-danger.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a,
+html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs li.active a:focus,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-danger.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #d2322d;
+}
+
+html body .tabs-danger.tabs-vertical.tabs-left li a:hover,
+html.dark body .tabs-danger.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #d2322d;
+}
+
+html body .tabs-danger.tabs-vertical.tabs-left li.active a,
+html body .tabs-danger.tabs-vertical.tabs-left li.active a:hover,
+html body .tabs-danger.tabs-vertical.tabs-left li.active a:focus,
+html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-danger.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #d2322d;
+}
+
+html body .tabs-danger.tabs-vertical.tabs-right li a:hover,
+html.dark body .tabs-danger.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #d2322d;
+}
+
+html body .tabs-danger.tabs-vertical.tabs-right li.active a,
+html body .tabs-danger.tabs-vertical.tabs-right li.active a:hover,
+html body .tabs-danger.tabs-vertical.tabs-right li.active a:focus,
+html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-danger.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #d2322d;
+}
+
+html body .tabs-info .nav-tabs li a, html body .tabs-info .nav-tabs li a:hover, html body .tabs-info .nav-tabs.nav-justified li a, html body .tabs-info .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-info .nav-tabs li a,
+html.dark body .tabs-info .nav-tabs li a:hover,
+html.dark body .tabs-info .nav-tabs.nav-justified li a,
+html.dark body .tabs-info .nav-tabs.nav-justified li a:hover {
+ color: #5bc0de;
+}
+
+html body .tabs-info .nav-tabs li a:hover, html body .tabs-info .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-info .nav-tabs li a:hover,
+html.dark body .tabs-info .nav-tabs.nav-justified li a:hover {
+ border-top-color: #5bc0de;
+}
+
+html body .tabs-info .nav-tabs li.active a,
+html body .tabs-info .nav-tabs li.active a:hover,
+html body .tabs-info .nav-tabs li.active a:focus, html body .tabs-info .nav-tabs.nav-justified li.active a,
+html body .tabs-info .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-info .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-info .nav-tabs li.active a,
+html.dark body .tabs-info .nav-tabs li.active a:hover,
+html.dark body .tabs-info .nav-tabs li.active a:focus,
+html.dark body .tabs-info .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-info .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-info .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #5bc0de;
+ color: #5bc0de;
+}
+
+html body .tabs-info.tabs-bottom .nav-tabs li a:hover, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-info.tabs-bottom .nav-tabs li a:hover,
+html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #5bc0de;
+}
+
+html body .tabs-info.tabs-bottom .nav-tabs li.active a,
+html body .tabs-info.tabs-bottom .nav-tabs li.active a:hover,
+html body .tabs-info.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a,
+html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-info.tabs-bottom .nav-tabs li.active a:focus,
+html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-info.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #5bc0de;
+}
+
+html body .tabs-info.tabs-vertical.tabs-left li a:hover,
+html.dark body .tabs-info.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #5bc0de;
+}
+
+html body .tabs-info.tabs-vertical.tabs-left li.active a,
+html body .tabs-info.tabs-vertical.tabs-left li.active a:hover,
+html body .tabs-info.tabs-vertical.tabs-left li.active a:focus,
+html.dark body .tabs-info.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-info.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-info.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #5bc0de;
+}
+
+html body .tabs-info.tabs-vertical.tabs-right li a:hover,
+html.dark body .tabs-info.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #5bc0de;
+}
+
+html body .tabs-info.tabs-vertical.tabs-right li.active a,
+html body .tabs-info.tabs-vertical.tabs-right li.active a:hover,
+html body .tabs-info.tabs-vertical.tabs-right li.active a:focus,
+html.dark body .tabs-info.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-info.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-info.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #5bc0de;
+}
+
+html body .tabs-dark .nav-tabs li a, html body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a, html body .tabs-dark .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-dark .nav-tabs li a,
+html.dark body .tabs-dark .nav-tabs li a:hover,
+html.dark body .tabs-dark .nav-tabs.nav-justified li a,
+html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
+ color: #171717;
+}
+
+html body .tabs-dark .nav-tabs li a:hover, html body .tabs-dark .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-dark .nav-tabs li a:hover,
+html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
+ border-top-color: #171717;
+}
+
+html body .tabs-dark .nav-tabs li.active a,
+html body .tabs-dark .nav-tabs li.active a:hover,
+html body .tabs-dark .nav-tabs li.active a:focus, html body .tabs-dark .nav-tabs.nav-justified li.active a,
+html body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-dark .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-dark .nav-tabs li.active a,
+html.dark body .tabs-dark .nav-tabs li.active a:hover,
+html.dark body .tabs-dark .nav-tabs li.active a:focus,
+html.dark body .tabs-dark .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #171717;
+ color: #171717;
+}
+
+html body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #171717;
+}
+
+html body .tabs-dark.tabs-bottom .nav-tabs li.active a,
+html body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
+html body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
+html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #171717;
+}
+
+html body .tabs-dark.tabs-vertical.tabs-left li a:hover,
+html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #171717;
+}
+
+html body .tabs-dark.tabs-vertical.tabs-left li.active a,
+html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
+html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus,
+html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #171717;
+}
+
+html body .tabs-dark.tabs-vertical.tabs-right li a:hover,
+html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #171717;
+}
+
+html body .tabs-dark.tabs-vertical.tabs-right li.active a,
+html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
+html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus,
+html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #171717;
+}
+
+/* dark */
+html.dark body .tabs-dark .nav-tabs li a, html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
+ color: #FFF;
+}
+
+html.dark body .tabs-dark .nav-tabs li a:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
+ border-top-color: #FFF;
+}
+
+html.dark body .tabs-dark .nav-tabs li.active a,
+html.dark body .tabs-dark .nav-tabs li.active a:hover,
+html.dark body .tabs-dark .nav-tabs li.active a:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus {
+ border-top-color: #FFF;
+ color: #FFF;
+}
+
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover {
+ border-bottom-color: #FFF;
+}
+
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
+html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
+ border-bottom-color: #FFF;
+}
+
+html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
+ border-left-color: #FFF;
+}
+
+html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a,
+html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
+html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
+ border-left-color: #FFF;
+}
+
+html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
+ border-right-color: #FFF;
+}
+
+html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a,
+html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
+html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
+ border-right-color: #FFF;
+}
+
+/* Slider - */
+.ui-slider.ui-widget-content {
+ background: #ebebeb;
+ border: none;
+}
+
+/* Sliders - Horizontal */
+.ui-slider-horizontal {
+ height: 6px;
+}
+
+.ui-slider-horizontal .ui-slider-handle {
+ top: -7px;
+}
+
+/* Sliders - Vertical */
+.ui-slider-vertical {
+ display: inline-block;
+ width: 6px;
+}
+
+.ui-slider-vertical .ui-slider-handle {
+ left: -7px;
+}
+
+/* Sliders - UI Handle */
+.ui-slider .ui-slider-handle {
+ background: #d9d9d9;
+ border: 6px solid #fff;
+ border-radius: 50%;
+ box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
+ cursor: pointer;
+ height: 20px;
+ width: 20px;
+}
+
+.ui-slider .ui-slider-handle:hover {
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
+}
+
+/* Sliders - UI Handle (Fix Windows Mobile Devices) */
+.ui-slider .ui-slider-handle {
+ -ms-touch-action: none;
+ touch-action: none;
+}
+
+/* Sliders - Range */
+.ui-slider .ui-slider-range {
+ background: #d9d9d9;
+}
+
+/* Sliders - Contextual */
+.slider-primary .ui-slider-range,
+.slider-primary .ui-slider-handle {
+ background: #CCC;
+}
+
+.slider-gradient.slider-primary .ui-slider-range,
+.slider-gradient.slider-primary .ui-slider-handle {
+ background-image: -webkit-linear-gradient(#e6e6e6 0, #CCC 50%, #b3b3b3 100%);
+ background-image: linear-gradient(to , #CCC 50%, #b3b3b3 100%);
+}
+
+.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
+.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
+ background-image: -webkit-linear-gradient( left , #e6e6e6 0, #CCC 50%, #b3b3b3 100%);
+ background-image: linear-gradient(to right, #e6e6e6 0, #CCC 50%, #b3b3b3 100%);
+}
+
+.slider-success .ui-slider-range,
+.slider-success .ui-slider-handle {
+ background: #47a447;
+}
+
+.slider-gradient.slider-success .ui-slider-range,
+.slider-gradient.slider-success .ui-slider-handle {
+ background-image: -webkit-linear-gradient(#63bb63 0, #47a447 50%, #388038 100%);
+ background-image: linear-gradient(to , #47a447 50%, #388038 100%);
+}
+
+.slider-gradient.ui-slider-vertical.slider-success .ui-slider-range,
+.slider-gradient.ui-slider-vertical.slider-success .ui-slider-handle {
+ background-image: -webkit-linear-gradient( left , #63bb63 0, #47a447 50%, #388038 100%);
+ background-image: linear-gradient(to right, #63bb63 0, #47a447 50%, #388038 100%);
+}
+
+.slider-warning .ui-slider-range,
+.slider-warning .ui-slider-handle {
+ background: #ed9c28;
+}
+
+.slider-gradient.slider-warning .ui-slider-range,
+.slider-gradient.slider-warning .ui-slider-handle {
+ background-image: -webkit-linear-gradient(#f1b257 0, #ed9c28 50%, #d18211 100%);
+ background-image: linear-gradient(to , #ed9c28 50%, #d18211 100%);
+}
+
+.slider-gradient.ui-slider-vertical.slider-warning .ui-slider-range,
+.slider-gradient.ui-slider-vertical.slider-warning .ui-slider-handle {
+ background-image: -webkit-linear-gradient( left , #f1b257 0, #ed9c28 50%, #d18211 100%);
+ background-image: linear-gradient(to right, #f1b257 0, #ed9c28 50%, #d18211 100%);
+}
+
+.slider-danger .ui-slider-range,
+.slider-danger .ui-slider-handle {
+ background: #d2322d;
+}
+
+.slider-gradient.slider-danger .ui-slider-range,
+.slider-gradient.slider-danger .ui-slider-handle {
+ background-image: -webkit-linear-gradient(#db5b57 0, #d2322d 50%, #a82824 100%);
+ background-image: linear-gradient(to , #d2322d 50%, #a82824 100%);
+}
+
+.slider-gradient.ui-slider-vertical.slider-danger .ui-slider-range,
+.slider-gradient.ui-slider-vertical.slider-danger .ui-slider-handle {
+ background-image: -webkit-linear-gradient( left , #db5b57 0, #d2322d 50%, #a82824 100%);
+ background-image: linear-gradient(to right, #db5b57 0, #d2322d 50%, #a82824 100%);
+}
+
+.slider-info .ui-slider-range,
+.slider-info .ui-slider-handle {
+ background: #5bc0de;
+}
+
+.slider-gradient.slider-info .ui-slider-range,
+.slider-gradient.slider-info .ui-slider-handle {
+ background-image: -webkit-linear-gradient(#85d0e7 0, #5bc0de 50%, #31b0d5 100%);
+ background-image: linear-gradient(to , #5bc0de 50%, #31b0d5 100%);
+}
+
+.slider-gradient.ui-slider-vertical.slider-info .ui-slider-range,
+.slider-gradient.ui-slider-vertical.slider-info .ui-slider-handle {
+ background-image: -webkit-linear-gradient( left , #85d0e7 0, #5bc0de 50%, #31b0d5 100%);
+ background-image: linear-gradient(to right, #85d0e7 0, #5bc0de 50%, #31b0d5 100%);
+}
+
+.slider-dark .ui-slider-range,
+.slider-dark .ui-slider-handle {
+ background: #171717;
+}
+
+.slider-gradient.slider-dark .ui-slider-range,
+.slider-gradient.slider-dark .ui-slider-handle {
+ background-image: -webkit-linear-gradient(#313131 0, #171717 50%, black 100%);
+ background-image: linear-gradient(to , #171717 50%, black 100%);
+}
+
+.slider-gradient.ui-slider-vertical.slider-dark .ui-slider-range,
+.slider-gradient.ui-slider-vertical.slider-dark .ui-slider-handle {
+ background-image: -webkit-linear-gradient( left , #313131 0, #171717 50%, black 100%);
+ background-image: linear-gradient(to right, #313131 0, #171717 50%, black 100%);
+}
+
+html.dark .ui-slider.ui-widget-content {
+ background: #21262d;
+}
+
+/* Alert new states */
+.alert-default {
+ background-color: #ebebeb;
+ border-color: #e3e3e3;
+ color: #6c6c6c;
+}
+
+.alert-default .alert-link {
+ color: #454545;
+}
+
+.alert-primary {
+ background-color: #CCC;
+ border-color: #c4c4c4;
+ color: #FFF;
+}
+
+.alert-primary .alert-link {
+ color: #999999;
+}
+
+.alert-dark {
+ background-color: #313131;
+ border-color: black;
+ color: #cacaca;
+}
+
+.alert-dark .alert-link {
+ color: #f0f0f0;
+}
+
+/* Notification */
+.ui-pnotify {
+ right: 15px;
+ top: 15px;
+}
+
+.ui-pnotify .notification {
+ border-radius: 5px;
+ box-shadow: none;
+ padding: 15px 15px 15px 75px;
+}
+
+.ui-pnotify .notification .ui-pnotify-icon {
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 75px;
+ text-align: center;
+}
+
+.ui-pnotify .notification .ui-pnotify-icon > span {
+ border: 2px solid #FFF;
+ border-radius: 50%;
+ display: inline-block;
+ float: none;
+ font-size: 35px;
+ height: 50px;
+ line-height: 48px;
+ margin: 8px 0 0;
+ padding: 0;
+ width: 50px;
+ text-align: center;
+}
+
+.ui-pnotify .notification .ui-pnotify-title {
+ font-size: 14px;
+ letter-spacing: 0;
+}
+
+.ui-pnotify .notification .ui-pnotify-text {
+ font-size: 12px;
+ line-height: 1.3em;
+}
+
+.ui-pnotify .notification.notification-danger .ui-pnotify-icon > span.fa-times {
+ line-height: 47px;
+}
+
+.ui-pnotify .ui-pnotify-shadow {
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
+}
+
+.ui-pnotify.ui-pnotify-no-icon .notification {
+ padding-left: 15px;
+}
+
+.ui-pnotify .ui-pnotify-sharp {
+ border-radius: 0;
+}
+
+body .ui-pnotify.icon-nb .notification .ui-pnotify-icon > span {
+ border-color: transparent;
+ border-radius: 0;
+}
+
+.ui-pnotify.stack-bar-top {
+ right: 0;
+ top: 0;
+}
+
+.ui-pnotify.stack-bar-top .notification {
+ border-radius: 0;
+}
+
+.ui-pnotify.stack-bar-top .notification .ui-pnotify-icon > span {
+ margin-top: 7px;
+}
+
+.ui-pnotify.stack-bar-bottom {
+ bottom: 0;
+ left: auto;
+ margin-left: 15%;
+ right: auto;
+ top: auto;
+}
+
+.ui-pnotify.stack-bar-bottom .notification {
+ border-radius: 0;
+}
+
+.ui-pnotify.stack-bar-bottom .notification .ui-pnotify-icon > span {
+ margin-top: 9px;
+}
+
+.ui-pnotify.click-2-close {
+ cursor: pointer;
+}
+
+/* Notification States */
+.ui-pnotify .notification-primary {
+ background: rgba(204, 204, 204, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify .notification-primary .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary {
+ background: #CCC;
+}
+
+.ui-pnotify.notification-primary .notification,
+.ui-pnotify.notification-primary .notification-primary {
+ background: rgba(204, 204, 204, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-primary .notification .ui-pnotify-icon > span,
+.ui-pnotify.notification-primary .notification-primary .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-primary.stack-bar-top .notification,
+.ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification,
+.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
+ background: #CCC;
+}
+
+.ui-pnotify .notification-success {
+ background: rgba(71, 164, 71, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify .notification-success .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.stack-bar-top .notification-success, .ui-pnotify.stack-bar-bottom .notification-success {
+ background: #47a447;
+}
+
+.ui-pnotify.notification-success .notification,
+.ui-pnotify.notification-success .notification-success {
+ background: rgba(71, 164, 71, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-success .notification .ui-pnotify-icon > span,
+.ui-pnotify.notification-success .notification-success .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-success.stack-bar-top .notification,
+.ui-pnotify.notification-success.stack-bar-top .notification-success, .ui-pnotify.notification-success.stack-bar-bottom .notification,
+.ui-pnotify.notification-success.stack-bar-bottom .notification-success {
+ background: #47a447;
+}
+
+.ui-pnotify .notification-warning {
+ background: rgba(237, 156, 40, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify .notification-warning .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.stack-bar-top .notification-warning, .ui-pnotify.stack-bar-bottom .notification-warning {
+ background: #ed9c28;
+}
+
+.ui-pnotify.notification-warning .notification,
+.ui-pnotify.notification-warning .notification-warning {
+ background: rgba(237, 156, 40, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-warning .notification .ui-pnotify-icon > span,
+.ui-pnotify.notification-warning .notification-warning .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-warning.stack-bar-top .notification,
+.ui-pnotify.notification-warning.stack-bar-top .notification-warning, .ui-pnotify.notification-warning.stack-bar-bottom .notification,
+.ui-pnotify.notification-warning.stack-bar-bottom .notification-warning {
+ background: #ed9c28;
+}
+
+.ui-pnotify .notification-danger {
+ background: rgba(210, 50, 45, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify .notification-danger .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.stack-bar-top .notification-danger, .ui-pnotify.stack-bar-bottom .notification-danger {
+ background: #d2322d;
+}
+
+.ui-pnotify.notification-danger .notification,
+.ui-pnotify.notification-danger .notification-danger {
+ background: rgba(210, 50, 45, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-danger .notification .ui-pnotify-icon > span,
+.ui-pnotify.notification-danger .notification-danger .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-danger.stack-bar-top .notification,
+.ui-pnotify.notification-danger.stack-bar-top .notification-danger, .ui-pnotify.notification-danger.stack-bar-bottom .notification,
+.ui-pnotify.notification-danger.stack-bar-bottom .notification-danger {
+ background: #d2322d;
+}
+
+.ui-pnotify .notification-info {
+ background: rgba(91, 192, 222, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify .notification-info .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.stack-bar-top .notification-info, .ui-pnotify.stack-bar-bottom .notification-info {
+ background: #5bc0de;
+}
+
+.ui-pnotify.notification-info .notification,
+.ui-pnotify.notification-info .notification-info {
+ background: rgba(91, 192, 222, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-info .notification .ui-pnotify-icon > span,
+.ui-pnotify.notification-info .notification-info .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-info.stack-bar-top .notification,
+.ui-pnotify.notification-info.stack-bar-top .notification-info, .ui-pnotify.notification-info.stack-bar-bottom .notification,
+.ui-pnotify.notification-info.stack-bar-bottom .notification-info {
+ background: #5bc0de;
+}
+
+.ui-pnotify .notification-dark {
+ background: rgba(23, 23, 23, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify .notification-dark .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.stack-bar-top .notification-dark, .ui-pnotify.stack-bar-bottom .notification-dark {
+ background: #171717;
+}
+
+.ui-pnotify.notification-dark .notification,
+.ui-pnotify.notification-dark .notification-dark {
+ background: rgba(23, 23, 23, 0.95);
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-dark .notification .ui-pnotify-icon > span,
+.ui-pnotify.notification-dark .notification-dark .ui-pnotify-icon > span {
+ border-color: rgba(255, 255, 255, 0.7);
+}
+
+.ui-pnotify.notification-dark.stack-bar-top .notification,
+.ui-pnotify.notification-dark.stack-bar-top .notification-dark, .ui-pnotify.notification-dark.stack-bar-bottom .notification,
+.ui-pnotify.notification-dark.stack-bar-bottom .notification-dark {
+ background: #171717;
+}
+
+/* Notification Responsive */
+@media only screen and (max-width: 767px) {
+ html > body > .ui-pnotify {
+ bottom: auto !important;
+ left: 0 !important;
+ margin: 0 !important;
+ right: 0 !important;
+ top: 60px !important;
+ width: auto !important;
+ }
+
+ html > body > .ui-pnotify .notification {
+ border-radius: 0 !important;
+ height: auto !important;
+ position: static !important;
+ width: 100%;
+ }
+
+ html > body > .ui-pnotify .notification .ui-pnotify-title,
+ html > body > .ui-pnotify .notification .ui-pnotify-text {
+ padding-right: 35px !important;
+ }
+
+ html > body > .ui-pnotify .notification .ui-pnotify-sticker {
+ display: none !important;
+ }
+
+ html > body > .ui-pnotify .notification .ui-pnotify-closer {
+ display: block !important;
+ font-size: 24px !important;
+ visibility: visible !important;
+ }
+}
+/* Progress bar overwrite style */
+.progress-bar {
+ background: #CCC;
+}
+
+.progress .progress-bar {
+ box-shadow: none;
+ border-radius: 4px;
+}
+
+/* Progress bar default style */
+.progress {
+ background: #474453;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4) inset;
+}
+
+/* Progress bar light style */
+.progress.light {
+ background: #f6f7f8;
+ background: -webkit-linear-gradient(#F6F7F8, #F6F7F8 10%, #f5f5f5 11%);
+ background: linear-gradient(#F6F7F8, #F6F7F8 10%, #f5f5f5 11%);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+}
+
+/* Progress bar roundness generic */
+.progress-squared, .progress-squared .progress-bar {
+ border-radius: 0 !important;
+}
+
+/* Progress bar sizes */
+.progress-xs {
+ height: 7px;
+}
+
+.progress-xs, .progress-xs .progress-bar {
+ border-radius: 7px;
+}
+
+.progress-xs .progress-bar {
+ direction: ltr !important;
+ text-indent: -9999px;
+}
+
+.progress-xs.progress-half-rounded, .progress-xs.progress-half-rounded .progress-bar {
+ border-radius: 2px;
+}
+
+.progress-xs.progress-striped .progress-bar {
+ background-size: 15px 15px;
+}
+
+.progress-sm {
+ border-radius: 12px;
+ height: 12px;
+}
+
+.progress-sm, .progress-sm .progress-bar {
+ border-radius: 12px;
+}
+
+.progress-sm .progress-bar {
+ font-size: 10px;
+ line-height: 12px;
+}
+
+.progress-sm.progress-half-rounded, .progress-sm.progress-half-rounded .progress-bar {
+ border-radius: 4px;
+}
+
+.progress-sm.progress-striped .progress-bar {
+ background-size: 20px 20px;
+}
+
+.progress-md {
+ border-radius: 14px;
+ height: 14px;
+}
+
+.progress-md, .progress-md .progress-bar {
+ border-radius: 14px;
+}
+
+.progress-md .progress-bar {
+ font-size: 11px;
+ line-height: 14px;
+}
+
+.progress-md.progress-half-rounded, .progress-md.progress-half-rounded .progress-bar {
+ border-radius: 4px;
+}
+
+.progress-md.progress-striped .progress-bar {
+ background-size: 25px 25px;
+}
+
+.progress-lg {
+ border-radius: 16px;
+ height: 16px;
+}
+
+.progress-lg, .progress-lg .progress-bar {
+ border-radius: 16px;
+}
+
+.progress-lg .progress-bar {
+ line-height: 16px;
+}
+
+.progress-lg.progress-half-rounded, .progress-lg.progress-half-rounded .progress-bar {
+ border-radius: 5px;
+}
+
+.progress-lg.progress-striped .progress-bar {
+ background-size: 30px 30px;
+}
+
+.progress-xl {
+ border-radius: 18px;
+ height: 18px;
+}
+
+.progress-xl, .progress-xl .progress-bar {
+ border-radius: 18px;
+}
+
+.progress-xl .progress-bar {
+ line-height: 18px;
+}
+
+.progress-xl.progress-half-rounded, .progress-xl.progress-half-rounded .progress-bar {
+ border-radius: 6px;
+}
+
+.progress-xl.progress-striped .progress-bar {
+ background-size: 35px 35px;
+}
+
+/* Progress bar states */
+.progress .progress-bar-primary {
+ background-color: #CCC;
+}
+
+.progress .progress-bar-success {
+ background-color: #47a447;
+}
+
+.progress .progress-bar-warning {
+ background-color: #ed9c28;
+}
+
+.progress .progress-bar-danger {
+ background-color: #d2322d;
+}
+
+.progress .progress-bar-info {
+ background-color: #5bc0de;
+}
+
+.progress .progress-bar-dark {
+ background-color: #171717;
+}
+
+.circular-bar {
+ margin-bottom: 25px;
+}
+
+.circular-bar .circular-bar-chart {
+ position: relative;
+}
+
+.circular-bar strong {
+ display: block;
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 30px;
+ position: absolute;
+ top: 35%;
+ width: 80%;
+ left: 10%;
+ text-align: center;
+}
+
+.circular-bar label {
+ display: block;
+ font-weight: 100;
+ font-size: 17px;
+ line-height: 20px;
+ position: absolute;
+ top: 50%;
+ width: 80%;
+ left: 10%;
+ text-align: center;
+}
+
+.panel-group .panel-accordion {
+ border: 1px solid #DDD;
+}
+
+.panel-group .panel-accordion .panel-heading {
+ border-radius: 5px;
+ padding: 0;
+}
+
+.panel-group .panel-accordion .panel-heading a {
+ color: #CCC;
+ display: block;
+ padding: 15px;
+ font-size: 16px;
+ border-radius: 5px;
+}
+
+.panel-group .panel-accordion .panel-heading a:hover, .panel-group .panel-accordion .panel-heading a:focus {
+ text-decoration: none;
+}
+
+.panel-group .panel-accordion .panel-heading a .fa {
+ margin-right: 4px;
+}
+
+.panel-group .panel-accordion .panel-body {
+ border-radius: 0 0 5px 5px;
+}
+
+.panel-group .panel-accordion.panel-accordion-first {
+ border-radius: 0 0 5px 5px;
+}
+
+.panel-group .panel-accordion.panel-accordion-first .panel-heading {
+ border-radius: 0 0 5px 5px;
+}
+
+.panel-group .panel-accordion-primary .panel-heading .panel-title a {
+ background: #CCC;
+ color: #FFF;
+}
+
+.panel-group .panel-accordion-success .panel-heading .panel-title a {
+ background: #47a447;
+ color: #FFF;
+}
+
+.panel-group .panel-accordion-warning .panel-heading .panel-title a {
+ background: #ed9c28;
+ color: #FFF;
+}
+
+.panel-group .panel-accordion-danger .panel-heading .panel-title a {
+ background: #d2322d;
+ color: #FFF;
+}
+
+.panel-group .panel-accordion-info .panel-heading .panel-title a {
+ background: #5bc0de;
+ color: #FFF;
+}
+
+.panel-group .panel-accordion-dark .panel-heading .panel-title a {
+ background: #171717;
+ color: #FFF;
+}
+
+html.dark .panel-group .panel-accordion {
+ border-color: #282d36;
+}
+
+html.dark .panel-group .panel-accordion .panel {
+ background-color: #282d36;
+}
+
+html.dark .panel-group .panel-accordion .panel-default {
+ border-color: #282d36;
+}
+
+html.dark .panel-group .panel-accordion .panel-heading {
+ background-color: #2e353e;
+}
+
+html.dark .panel-group .panel-accordion .form-control {
+ background-color: #21262d;
+ border-color: #21262d;
+}
+
+.chart {
+ width: 100%;
+}
+
+.chart.chart-xs {
+ height: 150px;
+}
+
+.chart.chart-sm {
+ height: 184px;
+}
+
+.chart.chart-md {
+ height: 350px;
+}
+
+.chart.chart-lg {
+ height: 500px;
+}
+
+#flotTip {
+ padding: 4px 8px;
+ background-color: #000;
+ z-index: 100;
+ color: #FFF;
+ opacity: .7;
+ font-size: 11px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+
+.jqstooltip {
+ min-width: 30px;
+ min-height: 25px;
+ border: 0 !important;
+ height: auto !important;
+ width: auto !important;
+}
+
+.circular-bar {
+ margin: 25px 0;
+}
+
+.circular-bar .circular-bar-chart {
+ position: relative;
+}
+
+.circular-bar strong {
+ display: block;
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 30px;
+ position: absolute;
+ top: 35%;
+ width: 80%;
+ left: 10%;
+ text-align: center;
+}
+
+.circular-bar label {
+ display: block;
+ font-weight: 100;
+ font-size: 17px;
+ line-height: 20px;
+ position: absolute;
+ top: 50%;
+ width: 80%;
+ left: 10%;
+ text-align: center;
+}
+
+.circular-bar.circular-bar-xs {
+ width: 50px;
+}
+
+.circular-bar.circular-bar-xs strong {
+ display: none;
+}
+
+.circular-bar.circular-bar-xs label {
+ font-size: 11px;
+ left: 0;
+ text-align: center;
+ top: 28%;
+ width: 100%;
+}
+
+.gauge-chart {
+ margin: 25px 0;
+}
+
+.gauge-chart strong {
+ display: block;
+ font-weight: 600;
+ font-size: 18px;
+ line-height: 30px;
+ text-align: center;
+ margin-top: 10px;
+}
+
+.gauge-chart label {
+ display: block;
+ font-weight: 100;
+ font-size: 17px;
+ line-height: 20px;
+ padding-bottom: 5px;
+ text-align: center;
+}
+
+.small-chart-wrapper {
+ display: inline-block;
+ margin: 10px 15px;
+ width: 100%;
+}
+
+.small-chart-wrapper .small-chart {
+ display: inline-block;
+ float: left;
+ margin-bottom: 8px;
+ min-width: 80px;
+}
+
+.small-chart-wrapper .small-chart-info {
+ display: inline-block;
+ padding: 0 0 0 10px;
+}
+
+.small-chart-wrapper .small-chart-info label {
+ display: block;
+ font-size: 11px;
+ text-transform: uppercase;
+ color: #a0a0a0;
+ padding: 0;
+ margin: 0;
+ line-height: 15px;
+}
+
+.small-chart-wrapper .small-chart-info strong {
+ display: block;
+ font-size: 13px;
+ padding: 0;
+ margin: 0;
+ line-height: 15px;
+}
+
+.small-chart-wrapper + .small-chart-wrapper {
+ margin-left: 25px;
+}
+
+@media only screen and (max-width: 767px) {
+ .small-chart-wrapper {
+ margin-right: 0;
+ margin-left: 0;
+ text-align: center;
+ }
+
+ .small-chart-wrapper .small-chart {
+ width: 100%;
+ text-align: center;
+ }
+
+ .small-chart-wrapper .small-chart-info {
+ padding-left: 0;
+ }
+}
+
+.liquid-meter {
+ position: relative;
+ max-height: 200px;
+ max-width: 200px;
+ margin: 0 auto;
+ width: 100%;
+ padding-bottom: 50%;
+}
+
+.liquid-meter meter {
+ display: none;
+}
+
+.liquid-meter.liquid-meter-loaded {
+ width: auto;
+ padding-bottom: 0;
+}
+
+.liquid-meter.liquid-meter-loaded:before {
+ display: none;
+}
+
+.liquid-meter-wrapper.liquid-meter-xs .liquid-meter {
+ max-height: 120px;
+ max-width: 120px;
+}
+
+.liquid-meter-wrapper.liquid-meter-sm .liquid-meter {
+ max-height: 150px;
+ max-width: 150px;
+}
+
+.liquid-meter-wrapper.liquid-meter-md .liquid-meter {
+ max-height: 200px;
+ max-width: 200px;
+}
+
+.liquid-meter-wrapper.liquid-meter-lg .liquid-meter {
+ max-height: 230px;
+ max-width: 230px;
+}
+
+.liquid-meter-wrapper .liquid-meter-selector {
+ margin-top: 3px;
+}
+
+.liquid-meter-wrapper .liquid-meter-selector a {
+ text-transform: uppercase;
+ font-weight: 300;
+ font-size: 11px;
+ color: #9b9b9b;
+ border-right: 1px solid #e4e4e4;
+ display: inline-block;
+ padding-right: 8px;
+ margin-right: 8px;
+}
+
+.liquid-meter-wrapper .liquid-meter-selector a.active {
+ color: #CCC;
+}
+
+.liquid-meter-wrapper .liquid-meter-selector a:last-child {
+ border-right: 0;
+ padding-right: 0;
+ margin-right: 0;
+}
+
+.chart-data-selector {
+ visibility: hidden;
+ max-height: 255px;
+ padding: 6px;
+}
+
+.chart-data-selector h2 {
+ color: #33353F;
+ font-size: 20px;
+ line-height: 20px;
+ margin: 0;
+ padding: 0;
+ text-transform: none;
+ letter-spacing: -1px;
+}
+
+.chart-data-selector h2 .multiselect {
+ background: #f6f6f6;
+ border: 0 none;
+ font-size: 18px;
+ font-weight: 600;
+ margin: -4px 0 0 4px !important;
+ padding: 3px 12px 3px 8px;
+}
+
+.chart-data-selector h2 .multiselect:hover, .chart-data-selector h2 .multiselect:focus, .chart-data-selector h2 .multiselect:active {
+ text-decoration: none;
+}
+
+.chart-data-selector h2 .multiselect-container {
+ margin: 0 0 0 4px;
+ min-width: 120%;
+}
+
+.chart-data-selector .chart-data-selector-items {
+ position: relative;
+ overflow: hidden;
+}
+
+.chart-data-selector .chart-data-selector-items .chart-active {
+ visibility: hidden;
+}
+
+.chart-data-selector .chart-data-selector-items .chart-hidden {
+ visibility: hidden;
+}
+
+.chart-data-selector.ready {
+ max-height: none;
+ visibility: visible;
+}
+
+.chart-data-selector.ready .chart-active {
+ visibility: visible;
+ position: relative;
+ z-index: 2;
+}
+
+.chart-data-selector.ready .chart-hidden {
+ visibility: hidden;
+ position: absolute;
+ z-index: 1;
+ top: -9999px;
+}
+
+.ct-chart .ct-label,
+.ct-chart .ct-label.ct-horizontal,
+.ct-chart .ct-label.ct-vertical {
+ font-size: 1.2rem;
+}
+
+.ct-chart .ct-series.ct-series-a .ct-bar,
+.ct-chart .ct-series.ct-series-a .ct-line,
+.ct-chart .ct-series.ct-series-a .ct-point,
+.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
+ stroke: #CCC;
+}
+
+.ct-chart .ct-series.ct-series-a .ct-area,
+.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
+ fill: #CCC;
+}
+
+.ct-chart .ct-series.ct-series-b .ct-bar,
+.ct-chart .ct-series.ct-series-b .ct-line,
+.ct-chart .ct-series.ct-series-b .ct-point,
+.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
+ stroke: #a6a6a6;
+}
+
+.ct-chart .ct-series.ct-series-b .ct-area,
+.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
+ fill: #a6a6a6;
+}
+
+.ct-chart .ct-series.ct-series-c .ct-bar,
+.ct-chart .ct-series.ct-series-c .ct-line,
+.ct-chart .ct-series.ct-series-c .ct-point,
+.ct-chart .ct-series.ct-series-c .ct-slice.ct-donut {
+ stroke: #E36159;
+}
+
+.ct-chart .ct-series.ct-series-c .ct-area,
+.ct-chart .ct-series.ct-series-c .ct-slice:not(.ct-donut) {
+ fill: #E36159;
+}
+
+.ct-chart .ct-series.ct-series-d .ct-bar,
+.ct-chart .ct-series.ct-series-d .ct-line,
+.ct-chart .ct-series.ct-series-d .ct-point,
+.ct-chart .ct-series.ct-series-d .ct-slice.ct-donut {
+ stroke: #cd2c23;
+}
+
+.ct-chart .ct-series.ct-series-d .ct-area,
+.ct-chart .ct-series.ct-series-d .ct-slice:not(.ct-donut) {
+ fill: #cd2c23;
+}
+
+.ct-chart .ct-series.ct-series-e .ct-bar,
+.ct-chart .ct-series.ct-series-e .ct-line,
+.ct-chart .ct-series.ct-series-e .ct-point,
+.ct-chart .ct-series.ct-series-e .ct-slice.ct-donut {
+ stroke: #2BAAB1;
+}
+
+.ct-chart .ct-series.ct-series-e .ct-area,
+.ct-chart .ct-series.ct-series-e .ct-slice:not(.ct-donut) {
+ fill: #2BAAB1;
+}
+
+.ct-chart .ct-series.ct-series-f .ct-bar,
+.ct-chart .ct-series.ct-series-f .ct-line,
+.ct-chart .ct-series.ct-series-f .ct-point,
+.ct-chart .ct-series.ct-series-f .ct-slice.ct-donut {
+ stroke: #1c6f73;
+}
+
+.ct-chart .ct-series.ct-series-f .ct-area,
+.ct-chart .ct-series.ct-series-f .ct-slice:not(.ct-donut) {
+ fill: #1c6f73;
+}
+
+.ct-chart .ct-series.ct-series-g .ct-bar,
+.ct-chart .ct-series.ct-series-g .ct-line,
+.ct-chart .ct-series.ct-series-g .ct-point,
+.ct-chart .ct-series.ct-series-g .ct-slice.ct-donut {
+ stroke: #734BA9;
+}
+
+.ct-chart .ct-series.ct-series-g .ct-area,
+.ct-chart .ct-series.ct-series-g .ct-slice:not(.ct-donut) {
+ fill: #734BA9;
+}
+
+.ct-chart .ct-series.ct-series-h .ct-bar,
+.ct-chart .ct-series.ct-series-h .ct-line,
+.ct-chart .ct-series.ct-series-h .ct-point,
+.ct-chart .ct-series.ct-series-h .ct-slice.ct-donut {
+ stroke: #4f3374;
+}
+
+.ct-chart .ct-series.ct-series-h .ct-area,
+.ct-chart .ct-series.ct-series-h .ct-slice:not(.ct-donut) {
+ fill: #4f3374;
+}
+
+.ct-chart .ct-series.ct-series-i .ct-bar,
+.ct-chart .ct-series.ct-series-i .ct-line,
+.ct-chart .ct-series.ct-series-i .ct-point,
+.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
+ stroke: #a6a6a6;
+}
+
+.ct-chart .ct-series.ct-series-i .ct-area,
+.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
+ fill: #a6a6a6;
+}
+
+.ct-chart .ct-series.ct-series-j .ct-bar,
+.ct-chart .ct-series.ct-series-j .ct-line,
+.ct-chart .ct-series.ct-series-j .ct-point,
+.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
+ stroke: #f2f2f2;
+}
+
+.ct-chart .ct-series.ct-series-j .ct-area,
+.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
+ fill: #f2f2f2;
+}
+
+.ct-chart .ct-series.ct-series-k .ct-bar,
+.ct-chart .ct-series.ct-series-k .ct-line,
+.ct-chart .ct-series.ct-series-k .ct-point,
+.ct-chart .ct-series.ct-series-k .ct-slice.ct-donut {
+ stroke: #ee9f9a;
+}
+
+.ct-chart .ct-series.ct-series-k .ct-area,
+.ct-chart .ct-series.ct-series-k .ct-slice:not(.ct-donut) {
+ fill: #ee9f9a;
+}
+
+.ct-chart .ct-series.ct-series-l .ct-bar,
+.ct-chart .ct-series.ct-series-l .ct-line,
+.ct-chart .ct-series.ct-series-l .ct-point,
+.ct-chart .ct-series.ct-series-l .ct-slice.ct-donut {
+ stroke: #53ced5;
+}
+
+.ct-chart .ct-series.ct-series-l .ct-area,
+.ct-chart .ct-series.ct-series-l .ct-slice:not(.ct-donut) {
+ fill: #53ced5;
+}
+
+.ct-chart .ct-series.ct-series-m .ct-bar,
+.ct-chart .ct-series.ct-series-m .ct-line,
+.ct-chart .ct-series.ct-series-m .ct-point,
+.ct-chart .ct-series.ct-series-m .ct-slice.ct-donut {
+ stroke: #9b7cc5;
+}
+
+.ct-chart .ct-series.ct-series-m .ct-area,
+.ct-chart .ct-series.ct-series-m .ct-slice:not(.ct-donut) {
+ fill: #9b7cc5;
+}
+
+.ct-chart .ct-series.ct-series-n .ct-bar,
+.ct-chart .ct-series.ct-series-n .ct-line,
+.ct-chart .ct-series.ct-series-n .ct-point,
+.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
+ stroke: #737373;
+}
+
+.ct-chart .ct-series.ct-series-n .ct-area,
+.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
+ fill: #737373;
+}
+
+.ct-chart .ct-series.ct-series-o .ct-bar,
+.ct-chart .ct-series.ct-series-o .ct-line,
+.ct-chart .ct-series.ct-series-o .ct-point,
+.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
+ stroke: white;
+}
+
+.ct-chart .ct-series.ct-series-o .ct-area,
+.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
+ fill: white;
+}
+
+.ct-chart .tooltip {
+ opacity: 1;
+ position: absolute;
+ display: inline-block;
+ min-width: 115px;
+ padding: 8px;
+ background: #CCC;
+ color: #FFF;
+ font-weight: 500;
+ text-align: center;
+ pointer-events: none;
+ z-index: 1;
+}
+
+.ct-chart .tooltip:after {
+ content: "";
+ position: absolute;
+ top: 100%;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin-left: -15px;
+ border: 15px solid transparent;
+ border-top-color: #CCC;
+}
+
+html.dark .chart-data-selector h2 .multiselect {
+ background-color: #282d36;
+}
+
+.jstree-default .jstree-checkbox {
+ background-image: url(../images/jstree.png);
+}
+
+.jstree-default .jstree-icon {
+ color: #333;
+}
+
+.jstree-default .jstree-hovered {
+ background-color: white;
+}
+
+.jstree-default .jstree-clicked {
+ background-color: white;
+}
+
+.jstree-default .jstree-disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+.jstree-default .colored {
+ color: #CCC;
+}
+
+.jstree-default .colored .jstree-icon {
+ color: #CCC;
+}
+
+.jstree-default .colored-icon .jstree-icon {
+ color: #CCC;
+}
+
+.jstree-default .folder .jstree-icon {
+ color: #ddc03f !important;
+}
+
+/* dark */
+html.dark body .jstree-default .jstree-checkbox {
+ background-image: url(../images/jstree-dark.png);
+}
+
+html.dark body .jstree-default .jstree-hovered {
+ background-color: #21262d !important;
+ box-shadow: none;
+}
+
+html.dark body .jstree-default .jstree-clicked {
+ background-color: #1d2127 !important;
+ box-shadow: none;
+}
+
+html.dark body .jstree-default .jstree-icon {
+ color: #808697;
+}
+
+/* Word Rotate */
+.word-rotate {
+ visibility: hidden;
+ width: 100px;
+ height: 0px;
+ margin-bottom: -7px;
+ display: inline-block;
+ overflow: hidden;
+ text-align: center;
+ position: relative;
+ top: -1px;
+}
+
+.word-rotate.active {
+ visibility: visible;
+ width: auto;
+}
+
+.word-rotate .word-rotate-items {
+ position: relative;
+ top: 0;
+ width: 100%;
+}
+
+.word-rotate .word-rotate-items span {
+ display: block;
+ white-space: nowrap;
+}
+
+.word-rotate.highlight {
+ top: 1px;
+}
+
+/* Word Rotate - Titles */
+h1 .word-rotate {
+ margin-bottom: -12px;
+}
+
+h2 .word-rotate {
+ margin-bottom: -12px;
+}
+
+h2.word-rotator-title {
+ line-height: 54px;
+}
+
+.dd {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ font-size: 13px;
+ line-height: 20px;
+}
+
+.dd-list {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.dd-list .dd-list {
+ padding-left: 30px;
+}
+
+.dd-collapsed .dd-list {
+ display: none;
+}
+
+.dd-item, .dd-empty, .dd-placeholder {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ min-height: 20px;
+ font-size: 13px;
+ line-height: 20px;
+}
+
+.dd-handle {
+ display: block;
+ height: 34px;
+ margin: 5px 0;
+ padding: 6px 10px;
+ color: #333;
+ text-decoration: none;
+ font-weight: 600;
+ border: 1px solid #CCC;
+ background: #F6F6F6;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+}
+
+.dd-handle:hover {
+ color: #CCC;
+ background: #fff;
+}
+
+.dd-item > button {
+ display: block;
+ position: relative;
+ cursor: pointer;
+ float: left;
+ width: 25px;
+ height: 20px;
+ margin: 7px 0;
+ padding: 0;
+ text-indent: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ border: 0;
+ background: transparent;
+ font-size: 12px;
+ line-height: 1;
+ text-align: center;
+ font-weight: bold;
+}
+
+.dd-item > button:before {
+ content: '+';
+ display: block;
+ position: absolute;
+ width: 100%;
+ text-align: center;
+ text-indent: 0;
+}
+
+.dd-item > button[data-action="collapse"]:before {
+ content: '-';
+}
+
+.dd-placeholder {
+ margin: 5px 0;
+ padding: 0;
+ min-height: 30px;
+ background: white;
+ border: 1px dashed #CCC;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+}
+
+.dd-empty {
+ margin: 5px 0;
+ padding: 0;
+ min-height: 30px;
+ background: #f2fbff;
+ border: 1px dashed #b6bcbf;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ border: 1px dashed #bbb;
+ min-height: 100px;
+ background-color: #e5e5e5;
+ background-image: -webkit-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), -webkit-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
+ background-image: -moz-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), -moz-linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
+ background-image: linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white), linear-gradient(45deg, white 25%, transparent 25%, transparent 75%, white 75%, white);
+ background-size: 60px 60px;
+ background-position: 0 0, 30px 30px;
+}
+
+.dd-dragel {
+ position: absolute;
+ pointer-events: none;
+ z-index: 9999;
+}
+
+.dd-dragel > .dd-item .dd-handle {
+ margin-top: 0;
+}
+
+.dd-dragel .dd-handle {
+ -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
+}
+
+/* dark */
+html.dark .dd-handle {
+ background: #282d36;
+ border-color: #21262d;
+ color: #808697;
+}
+
+html.dark .dd-handle:hover {
+ background: #21262d;
+}
+
+.toggle {
+ margin: 10px 0 0;
+ position: relative;
+ clear: both;
+}
+
+.toggle > input {
+ cursor: pointer;
+ filter: alpha(opacity=0);
+ height: 45px;
+ margin: 0;
+ opacity: 0;
+ position: absolute;
+ width: 100%;
+ z-index: 2;
+}
+
+.toggle > label {
+ -webkit-transition: all 0.15s ease-out;
+ -moz-transition: all 0.15s ease-out;
+ transition: all 0.15s ease-out;
+ background: #F4F4F4;
+ border-left: 3px solid #CCC;
+ border-radius: 5px;
+ color: #CCC;
+ display: block;
+ font-size: 1.1em;
+ min-height: 20px;
+ padding: 12px 20px 12px 10px;
+ position: relative;
+ cursor: pointer;
+ font-weight: 400;
+}
+
+.toggle > label:-moz-selection {
+ background: none;
+}
+
+.toggle > label i.fa-minus {
+ display: none;
+}
+
+.toggle > label i.fa-plus {
+ display: inline;
+}
+
+.toggle > label:selection {
+ background: none;
+}
+
+.toggle > label:before {
+ border: 6px solid transparent;
+ border-left-color: inherit;
+ content: '';
+ margin-top: -6px;
+ position: absolute;
+ right: 4px;
+ top: 50%;
+}
+
+.toggle > label:hover {
+ background: #f5f5f5;
+}
+
+.toggle > label + p {
+ display: block;
+ overflow: hidden;
+ padding-left: 30px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ height: 25px;
+}
+
+.toggle > label i {
+ font-size: 0.7em;
+ margin-right: 8px;
+ position: relative;
+ top: -1px;
+}
+
+.toggle > .toggle-content {
+ display: none;
+}
+
+.toggle > .toggle-content > p {
+ margin-bottom: 0;
+ padding: 10px 0;
+}
+
+.toggle.active i.fa-minus {
+ display: inline;
+ color: #FFF;
+}
+
+.toggle.active i.fa-plus {
+ display: none;
+}
+
+.toggle.active > label {
+ background: #CCC;
+ border-color: #CCC;
+ color: #FFF;
+}
+
+.toggle.active > label:before {
+ border: 6px solid transparent;
+ border-top-color: #FFF;
+ margin-top: -3px;
+ right: 10px;
+}
+
+.toggle.active > p {
+ white-space: normal;
+}
+
+.toggle > p.preview-active {
+ height: auto;
+ white-space: normal;
+}
+
+/* dark */
+html.dark .toggle > label {
+ background: #282d36;
+}
+
+.label-default {
+ background: #ebebeb;
+ color: #777;
+}
+
+.label-sm {
+ font-size: 50%;
+}
+
+.label-primary {
+ background: #CCC;
+ color: #FFF;
+}
+
+.label-success {
+ background: #47a447;
+ color: #FFF;
+}
+
+.label-warning {
+ background: #ed9c28;
+ color: #FFF;
+}
+
+.label-danger {
+ background: #d2322d;
+ color: #FFF;
+}
+
+.label-info {
+ background: #5bc0de;
+ color: #FFF;
+}
+
+.label-dark {
+ background: #171717;
+ color: #FFF;
+}
+
+.mfp-bg {
+ z-index: 10000;
+}
+
+.mfp-wrap {
+ z-index: 10001;
+}
+
+.mfp-wrap .mfp-content {
+ z-index: 10001;
+}
+
+.modal-block {
+ background: transparent;
+ padding: 0;
+ text-align: left;
+ max-width: 600px;
+ margin: 40px auto;
+ position: relative;
+}
+
+.modal-block.modal-block-xs {
+ max-width: 200px;
+}
+
+.modal-block.modal-block-sm {
+ max-width: 400px;
+}
+
+.modal-block.modal-block-md {
+ max-width: 600px;
+}
+
+.modal-block.modal-block-lg {
+ max-width: 900px;
+}
+
+.modal-block.modal-block-full {
+ max-width: 98%;
+}
+
+.modal-block.modal-header-color .panel-heading h2 {
+ color: #FFF;
+}
+
+.modal-block.modal-full-color {
+ color: #FFF;
+}
+
+.modal-block.modal-full-color .panel-heading {
+ border: 0;
+}
+
+.modal-block.modal-full-color .panel-heading h2 {
+ color: #FFF;
+}
+
+.modal-block.modal-full-color .panel-footer {
+ border: 0;
+}
+
+.modal-block.modal-full-color .panel-body {
+ background-color: transparent;
+}
+
+.modal-block.modal-full-color .fa {
+ color: #FFF !important;
+}
+
+/* Modal Wrapper */
+.modal-wrapper {
+ position: relative;
+ padding: 25px 0;
+}
+
+/* Modal Icon */
+.modal-icon {
+ float: left;
+ width: 20%;
+ text-align: center;
+}
+
+.modal-icon .fa {
+ font-size: 52px;
+ position: relative;
+ top: -10px;
+ color: #CCC;
+}
+
+.modal-icon.center {
+ float: none;
+ width: auto;
+ padding-top: 20px;
+}
+
+.modal-icon.center + .modal-text {
+ float: none;
+ width: auto;
+}
+
+.modal-icon + .modal-text {
+ float: left;
+ width: 80%;
+}
+
+/* Modal Text */
+.modal-text {
+ padding: 0 5px;
+}
+
+.modal-text h1, .modal-text h2, .modal-text h3, .modal-text h4, .modal-text h5, .modal-text h6 {
+ padding: 0;
+ margin: -7px 0 4px 0;
+}
+
+.modal-block-primary .fa {
+ color: #CCC;
+}
+
+.modal-block-primary.modal-header-color .panel-heading {
+ background-color: #CCC;
+}
+
+.modal-block-primary.modal-full-color .panel {
+ background-color: #e0e0e0;
+}
+
+.modal-block-primary.modal-full-color .panel-heading {
+ background-color: #CCC;
+}
+
+.modal-block-primary.modal-full-color .panel-footer {
+ background-color: #e0e0e0;
+}
+
+.modal-block-success .fa {
+ color: #47a447;
+}
+
+.modal-block-success.modal-header-color .panel-heading {
+ background-color: #47a447;
+}
+
+.modal-block-success.modal-full-color .panel {
+ background-color: #5cb85c;
+}
+
+.modal-block-success.modal-full-color .panel-heading {
+ background-color: #47a447;
+}
+
+.modal-block-success.modal-full-color .panel-footer {
+ background-color: #5cb85c;
+}
+
+.modal-block-warning .fa {
+ color: #ed9c28;
+}
+
+.modal-block-warning.modal-header-color .panel-heading {
+ background-color: #ed9c28;
+}
+
+.modal-block-warning.modal-full-color .panel {
+ background-color: #f0ad4e;
+}
+
+.modal-block-warning.modal-full-color .panel-heading {
+ background-color: #ed9c28;
+}
+
+.modal-block-warning.modal-full-color .panel-footer {
+ background-color: #f0ad4e;
+}
+
+.modal-block-danger .fa {
+ color: #d2322d;
+}
+
+.modal-block-danger.modal-header-color .panel-heading {
+ background-color: #d2322d;
+}
+
+.modal-block-danger.modal-full-color .panel {
+ background-color: #d9534f;
+}
+
+.modal-block-danger.modal-full-color .panel-heading {
+ background-color: #d2322d;
+}
+
+.modal-block-danger.modal-full-color .panel-footer {
+ background-color: #d9534f;
+}
+
+.modal-block-info .fa {
+ color: #5bc0de;
+}
+
+.modal-block-info.modal-header-color .panel-heading {
+ background-color: #5bc0de;
+}
+
+.modal-block-info.modal-full-color .panel {
+ background-color: #7dcde5;
+}
+
+.modal-block-info.modal-full-color .panel-heading {
+ background-color: #5bc0de;
+}
+
+.modal-block-info.modal-full-color .panel-footer {
+ background-color: #7dcde5;
+}
+
+.modal-block-dark .fa {
+ color: #171717;
+}
+
+.modal-block-dark.modal-header-color .panel-heading {
+ background-color: #171717;
+}
+
+.modal-block-dark.modal-full-color .panel {
+ background-color: #2b2b2b;
+}
+
+.modal-block-dark.modal-full-color .panel-heading {
+ background-color: #171717;
+}
+
+.modal-block-dark.modal-full-color .panel-footer {
+ background-color: #2b2b2b;
+}
+
+html.dark .modal-content {
+ background-color: #1d2127;
+}
+
+html.dark .modal-header,
+html.dark .modal-footer {
+ border-color: #282d36;
+}
+
+/* Close */
+.mfp-close,
+.mfp-close-btn-in .mfp-close {
+ font-family: "Open Sans", Arial, sans-serif;
+ font-weight: 600;
+ font-size: 22px;
+ color: #838383;
+}
+
+/* No Margins */
+.mfp-no-margins img.mfp-img {
+ padding: 0;
+}
+
+.mfp-no-margins .mfp-figure:after {
+ top: 0;
+ bottom: 0;
+}
+
+.mfp-no-margins .mfp-container {
+ padding: 0;
+}
+
+/* Zoom */
+.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
+ opacity: 0.001;
+ -webkit-backface-visibility: hidden;
+ -webkit-transition: all 0.3s ease-out;
+ -moz-transition: all 0.3s ease-out;
+ -o-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out;
+}
+
+.mfp-with-zoom.mfp-ready .mfp-container {
+ opacity: 1;
+}
+
+.mfp-with-zoom.mfp-ready.mfp-bg {
+ opacity: 0.8;
+}
+
+.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
+ opacity: 0;
+}
+
+/* Animnate */
+.my-mfp-zoom-in .zoom-anim-dialog {
+ opacity: 0;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ transform: scale(0.8);
+}
+
+.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -ms-transform: scale(1);
+ -o-transform: scale(1);
+ transform: scale(1);
+}
+
+.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ transform: scale(0.8);
+ opacity: 0;
+}
+
+.my-mfp-zoom-in.mfp-bg {
+ opacity: 0.001;
+ /* Chrome opacity transition bug */
+ -webkit-transition: opacity 0.3s ease-out;
+ -moz-transition: opacity 0.3s ease-out;
+ -o-transition: opacity 0.3s ease-out;
+ transition: opacity 0.3s ease-out;
+}
+
+.my-mfp-zoom-in.mfp-ready.mfp-bg {
+ opacity: 0.8;
+}
+
+.my-mfp-zoom-in.mfp-removing.mfp-bg {
+ opacity: 0;
+}
+
+.my-mfp-slide-bottom .zoom-anim-dialog {
+ opacity: 0;
+ -webkit-transition: all 0.2s ease-out;
+ -moz-transition: all 0.2s ease-out;
+ -o-transition: all 0.2s ease-out;
+ transition: all 0.2s ease-out;
+ -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
+ -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
+ -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
+ -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
+ transform: translateY(-20px) perspective(600px) rotateX(10deg);
+}
+
+.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
+ opacity: 1;
+ -webkit-transform: translateY(0) perspective(600px) rotateX(0);
+ -moz-transform: translateY(0) perspective(600px) rotateX(0);
+ -ms-transform: translateY(0) perspective(600px) rotateX(0);
+ -o-transform: translateY(0) perspective(600px) rotateX(0);
+ transform: translateY(0) perspective(600px) rotateX(0);
+}
+
+.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
+ opacity: 0;
+ -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
+ -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
+ -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
+ -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
+ transform: translateY(-10px) perspective(600px) rotateX(10deg);
+}
+
+.my-mfp-slide-bottom.mfp-bg {
+ opacity: 0.01;
+ -webkit-transition: opacity 0.3s ease-out;
+ -moz-transition: opacity 0.3s ease-out;
+ -o-transition: opacity 0.3s ease-out;
+ transition: opacity 0.3s ease-out;
+}
+
+.my-mfp-slide-bottom.mfp-ready.mfp-bg {
+ opacity: 0.8;
+}
+
+.my-mfp-slide-bottom.mfp-removing.mfp-bg {
+ opacity: 0;
+}
+
+/* Dialog */
+.dialog {
+ background: white;
+ padding: 20px 30px;
+ text-align: left;
+ margin: 40px auto;
+ position: relative;
+ max-width: 600px;
+}
+
+.dialog.dialog-xs {
+ max-width: 200px;
+}
+
+.dialog.dialog-sm {
+ max-width: 400px;
+}
+
+.dialog.dialog-md {
+ max-width: 600px;
+}
+
+.dialog.dialog-lg {
+ max-width: 900px;
+}
+
+/* White Popup Block */
+.white-popup-block {
+ background: #FFF;
+ padding: 20px 30px;
+ text-align: left;
+ max-width: 600px;
+ margin: 40px auto;
+ position: relative;
+}
+
+.white-popup-block.white-popup-block-xs {
+ max-width: 200px;
+}
+
+.white-popup-block.white-popup-block-sm {
+ max-width: 400px;
+}
+
+.white-popup-block.white-popup-block-md {
+ max-width: 600px;
+}
+
+.white-popup-block.white-popup-block-lg {
+ max-width: 900px;
+}
+
+/* Dark */
+html.dark .white-popup-block,
+html.dark .dialog {
+ background: #1d2127;
+}
+
+/*
+Animate.css - http: //daneden.me/animate
+Licensed under the MIT license
+
+Copyright (c) 2013 Daniel Eden
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+.appear-animation {
+ opacity: 0;
+}
+
+.appear-animation-visible {
+ opacity: 1;
+}
+
+.animated,
+.appear-animation {
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -ms-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+ -webkit-animation-duration: 1s;
+ -moz-animation-duration: 1s;
+ -ms-animation-duration: 1s;
+ -o-animation-duration: 1s;
+ animation-duration: 1s;
+}
+
+@-moz-keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@-o-keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+@keyframes flash {
+ 0%, 50%, 100% {
+ opacity: 1;
+ }
+
+ 25%, 75% {
+ opacity: 0;
+ }
+}
+
+.flash {
+ -webkit-animation-name: flash;
+ -moz-animation-name: flash;
+ -o-animation-name: flash;
+ animation-name: flash;
+}
+
+@-webkit-keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ opacity: 1;
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(10px);
+ }
+}
+
+@-moz-keyframes shake {
+ 0%, 100% {
+ -moz-transform: translateX(0);
+ opacity: 1;
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -moz-transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -moz-transform: translateX(10px);
+ }
+}
+
+@-o-keyframes shake {
+ 0%, 100% {
+ -o-transform: translateX(0);
+ opacity: 1;
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ -o-transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ -o-transform: translateX(10px);
+ }
+}
+
+@keyframes shake {
+ 0%, 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+
+ 10%, 30%, 50%, 70%, 90% {
+ transform: translateX(-10px);
+ }
+
+ 20%, 40%, 60%, 80% {
+ transform: translateX(10px);
+ }
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ -moz-animation-name: shake;
+ -o-animation-name: shake;
+ animation-name: shake;
+}
+
+@-webkit-keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ -webkit-transform: translateY(0);
+ opacity: 1;
+ }
+
+ 40% {
+ -webkit-transform: translateY(-30px);
+ }
+
+ 60% {
+ -webkit-transform: translateY(-15px);
+ }
+}
+
+@-moz-keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ -moz-transform: translateY(0);
+ opacity: 1;
+ }
+
+ 40% {
+ -moz-transform: translateY(-30px);
+ }
+
+ 60% {
+ -moz-transform: translateY(-15px);
+ }
+}
+
+@-o-keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ -o-transform: translateY(0);
+ opacity: 1;
+ }
+
+ 40% {
+ -o-transform: translateY(-30px);
+ }
+
+ 60% {
+ -o-transform: translateY(-15px);
+ }
+}
+
+@keyframes bounce {
+ 0%, 20%, 50%, 80%, 100% {
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ 40% {
+ transform: translateY(-30px);
+ }
+
+ 60% {
+ transform: translateY(-15px);
+ }
+}
+
+.bounce {
+ -webkit-animation-name: bounce;
+ -moz-animation-name: bounce;
+ -o-animation-name: bounce;
+ animation-name: bounce;
+}
+
+@-webkit-keyframes tada {
+ 0% {
+ -webkit-transform: scale(1);
+ }
+
+ 10%, 20% {
+ -webkit-transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -webkit-transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ -webkit-transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ -webkit-transform: scale(1) rotate(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes tada {
+ 0% {
+ -moz-transform: scale(1);
+ }
+
+ 10%, 20% {
+ -moz-transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -moz-transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ -moz-transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes tada {
+ 0% {
+ -o-transform: scale(1);
+ }
+
+ 10%, 20% {
+ -o-transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ -o-transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ -o-transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ -o-transform: scale(1) rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes tada {
+ 0% {
+ transform: scale(1);
+ }
+
+ 10%, 20% {
+ transform: scale(0.9) rotate(-3deg);
+ }
+
+ 30%, 50%, 70%, 90% {
+ transform: scale(1.1) rotate(3deg);
+ }
+
+ 40%, 60%, 80% {
+ transform: scale(1.1) rotate(-3deg);
+ }
+
+ 100% {
+ transform: scale(1) rotate(0);
+ opacity: 1;
+ }
+}
+
+.tada {
+ -webkit-animation-name: tada;
+ -moz-animation-name: tada;
+ -o-animation-name: tada;
+ animation-name: tada;
+}
+
+@-webkit-keyframes swing {
+ 20%, 40%, 60%, 80%, 100% {
+ -webkit-transform-origin: top center;
+ }
+
+ 20% {
+ -webkit-transform: rotate(15deg);
+ }
+
+ 40% {
+ -webkit-transform: rotate(-10deg);
+ }
+
+ 60% {
+ -webkit-transform: rotate(5deg);
+ }
+
+ 80% {
+ -webkit-transform: rotate(-5deg);
+ }
+
+ 100% {
+ -webkit-transform: rotate(0deg);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes swing {
+ 20% {
+ -moz-transform: rotate(15deg);
+ }
+
+ 40% {
+ -moz-transform: rotate(-10deg);
+ }
+
+ 60% {
+ -moz-transform: rotate(5deg);
+ }
+
+ 80% {
+ -moz-transform: rotate(-5deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(0deg);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes swing {
+ 20% {
+ -o-transform: rotate(15deg);
+ }
+
+ 40% {
+ -o-transform: rotate(-10deg);
+ }
+
+ 60% {
+ -o-transform: rotate(5deg);
+ }
+
+ 80% {
+ -o-transform: rotate(-5deg);
+ }
+
+ 100% {
+ -o-transform: rotate(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes swing {
+ 20% {
+ transform: rotate(15deg);
+ }
+
+ 40% {
+ transform: rotate(-10deg);
+ }
+
+ 60% {
+ transform: rotate(5deg);
+ }
+
+ 80% {
+ transform: rotate(-5deg);
+ }
+
+ 100% {
+ transform: rotate(0deg);
+ opacity: 1;
+ }
+}
+
+.swing {
+ -webkit-transform-origin: top center;
+ -moz-transform-origin: top center;
+ -o-transform-origin: top center;
+ transform-origin: top center;
+ -webkit-animation-name: swing;
+ -moz-animation-name: swing;
+ -o-animation-name: swing;
+ animation-name: swing;
+}
+
+/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
+@-webkit-keyframes wobble {
+ 0% {
+ -webkit-transform: translateX(0%);
+ }
+
+ 15% {
+ -webkit-transform: translateX(-25%) rotate(-5deg);
+ }
+
+ 30% {
+ -webkit-transform: translateX(20%) rotate(3deg);
+ }
+
+ 45% {
+ -webkit-transform: translateX(-15%) rotate(-3deg);
+ }
+
+ 60% {
+ -webkit-transform: translateX(10%) rotate(2deg);
+ }
+
+ 75% {
+ -webkit-transform: translateX(-5%) rotate(-1deg);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0%);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes wobble {
+ 0% {
+ -moz-transform: translateX(0%);
+ }
+
+ 15% {
+ -moz-transform: translateX(-25%) rotate(-5deg);
+ }
+
+ 30% {
+ -moz-transform: translateX(20%) rotate(3deg);
+ }
+
+ 45% {
+ -moz-transform: translateX(-15%) rotate(-3deg);
+ }
+
+ 60% {
+ -moz-transform: translateX(10%) rotate(2deg);
+ }
+
+ 75% {
+ -moz-transform: translateX(-5%) rotate(-1deg);
+ }
+
+ 100% {
+ -moz-transform: translateX(0%);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes wobble {
+ 0% {
+ -o-transform: translateX(0%);
+ }
+
+ 15% {
+ -o-transform: translateX(-25%) rotate(-5deg);
+ }
+
+ 30% {
+ -o-transform: translateX(20%) rotate(3deg);
+ }
+
+ 45% {
+ -o-transform: translateX(-15%) rotate(-3deg);
+ }
+
+ 60% {
+ -o-transform: translateX(10%) rotate(2deg);
+ }
+
+ 75% {
+ -o-transform: translateX(-5%) rotate(-1deg);
+ }
+
+ 100% {
+ -o-transform: translateX(0%);
+ opacity: 1;
+ }
+}
+
+@keyframes wobble {
+ 0% {
+ transform: translateX(0%);
+ }
+
+ 15% {
+ transform: translateX(-25%) rotate(-5deg);
+ }
+
+ 30% {
+ transform: translateX(20%) rotate(3deg);
+ }
+
+ 45% {
+ transform: translateX(-15%) rotate(-3deg);
+ }
+
+ 60% {
+ transform: translateX(10%) rotate(2deg);
+ }
+
+ 75% {
+ transform: translateX(-5%) rotate(-1deg);
+ }
+
+ 100% {
+ transform: translateX(0%);
+ opacity: 1;
+ }
+}
+
+.wobble {
+ -webkit-animation-name: wobble;
+ -moz-animation-name: wobble;
+ -o-animation-name: wobble;
+ animation-name: wobble;
+}
+
+@-webkit-keyframes wiggle {
+ 0% {
+ -webkit-transform: skewX(9deg);
+ }
+
+ 10% {
+ -webkit-transform: skewX(-8deg);
+ }
+
+ 20% {
+ -webkit-transform: skewX(7deg);
+ }
+
+ 30% {
+ -webkit-transform: skewX(-6deg);
+ }
+
+ 40% {
+ -webkit-transform: skewX(5deg);
+ }
+
+ 50% {
+ -webkit-transform: skewX(-4deg);
+ }
+
+ 60% {
+ -webkit-transform: skewX(3deg);
+ }
+
+ 70% {
+ -webkit-transform: skewX(-2deg);
+ }
+
+ 80% {
+ -webkit-transform: skewX(1deg);
+ }
+
+ 90% {
+ -webkit-transform: skewX(0deg);
+ }
+
+ 100% {
+ -webkit-transform: skewX(0deg);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes wiggle {
+ 0% {
+ -moz-transform: skewX(9deg);
+ }
+
+ 10% {
+ -moz-transform: skewX(-8deg);
+ }
+
+ 20% {
+ -moz-transform: skewX(7deg);
+ }
+
+ 30% {
+ -moz-transform: skewX(-6deg);
+ }
+
+ 40% {
+ -moz-transform: skewX(5deg);
+ }
+
+ 50% {
+ -moz-transform: skewX(-4deg);
+ }
+
+ 60% {
+ -moz-transform: skewX(3deg);
+ }
+
+ 70% {
+ -moz-transform: skewX(-2deg);
+ }
+
+ 80% {
+ -moz-transform: skewX(1deg);
+ }
+
+ 90% {
+ -moz-transform: skewX(0deg);
+ }
+
+ 100% {
+ -moz-transform: skewX(0deg);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes wiggle {
+ 0% {
+ -o-transform: skewX(9deg);
+ }
+
+ 10% {
+ -o-transform: skewX(-8deg);
+ }
+
+ 20% {
+ -o-transform: skewX(7deg);
+ }
+
+ 30% {
+ -o-transform: skewX(-6deg);
+ }
+
+ 40% {
+ -o-transform: skewX(5deg);
+ }
+
+ 50% {
+ -o-transform: skewX(-4deg);
+ }
+
+ 60% {
+ -o-transform: skewX(3deg);
+ }
+
+ 70% {
+ -o-transform: skewX(-2deg);
+ }
+
+ 80% {
+ -o-transform: skewX(1deg);
+ }
+
+ 90% {
+ -o-transform: skewX(0deg);
+ }
+
+ 100% {
+ -o-transform: skewX(0deg);
+ opacity: 1;
+ }
+}
+
+@keyframes wiggle {
+ 0% {
+ transform: skewX(9deg);
+ }
+
+ 10% {
+ transform: skewX(-8deg);
+ }
+
+ 20% {
+ transform: skewX(7deg);
+ }
+
+ 30% {
+ transform: skewX(-6deg);
+ }
+
+ 40% {
+ transform: skewX(5deg);
+ }
+
+ 50% {
+ transform: skewX(-4deg);
+ }
+
+ 60% {
+ transform: skewX(3deg);
+ }
+
+ 70% {
+ transform: skewX(-2deg);
+ }
+
+ 80% {
+ transform: skewX(1deg);
+ }
+
+ 90% {
+ transform: skewX(0deg);
+ }
+
+ 100% {
+ transform: skewX(0deg);
+ opacity: 1;
+ }
+}
+
+.wiggle {
+ -webkit-animation-name: wiggle;
+ -moz-animation-name: wiggle;
+ -o-animation-name: wiggle;
+ animation-name: wiggle;
+ -webkit-animation-timing-function: ease-in;
+ -moz-animation-timing-function: ease-in;
+ -o-animation-timing-function: ease-in;
+ animation-timing-function: ease-in;
+}
+
+/* originally authored by Nick Pettit - https: //github.com/nickpettit/glide */
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.1);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes pulse {
+ 0% {
+ -moz-transform: scale(1);
+ }
+
+ 50% {
+ -moz-transform: scale(1.1);
+ }
+
+ 100% {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes pulse {
+ 0% {
+ -o-transform: scale(1);
+ }
+
+ 50% {
+ -o-transform: scale(1.1);
+ }
+
+ 100% {
+ -o-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@keyframes pulse {
+ 0% {
+ transform: scale(1);
+ }
+
+ 50% {
+ transform: scale(1.1);
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+.pulse {
+ -webkit-animation-name: pulse;
+ -moz-animation-name: pulse;
+ -o-animation-name: pulse;
+ animation-name: pulse;
+}
+
+@-webkit-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@-o-keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.fadeIn {
+ -webkit-animation-name: fadeIn;
+ -moz-animation-name: fadeIn;
+ -o-animation-name: fadeIn;
+ animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+
+@-moz-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+
+@-o-keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+
+@keyframes fadeInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.fadeInUp {
+ -webkit-animation-name: fadeInUp;
+ -moz-animation-name: fadeInUp;
+ -o-animation-name: fadeInUp;
+ animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+
+@-moz-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+
+@-o-keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+
+@keyframes fadeInDown {
+ 0% {
+ opacity: 0;
+ transform: translateY(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.fadeInDown {
+ -webkit-animation-name: fadeInDown;
+ -moz-animation-name: fadeInDown;
+ -o-animation-name: fadeInDown;
+ animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ }
+}
+
+@-moz-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateX(0);
+ }
+}
+
+@-o-keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ -o-transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateX(0);
+ }
+}
+
+@keyframes fadeInLeft {
+ 0% {
+ opacity: 0;
+ transform: translateX(-20px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+
+.fadeInLeft {
+ -webkit-animation-name: fadeInLeft;
+ -moz-animation-name: fadeInLeft;
+ -o-animation-name: fadeInLeft;
+ animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ }
+}
+
+@-moz-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateX(0);
+ }
+}
+
+@-o-keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ -o-transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateX(0);
+ }
+}
+
+@keyframes fadeInRight {
+ 0% {
+ opacity: 0;
+ transform: translateX(20px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+
+.fadeInRight {
+ -webkit-animation-name: fadeInRight;
+ -moz-animation-name: fadeInRight;
+ -o-animation-name: fadeInRight;
+ animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+
+@-moz-keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+
+@-o-keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+
+@keyframes fadeInUpBig {
+ 0% {
+ opacity: 0;
+ transform: translateY(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.fadeInUpBig {
+ -webkit-animation-name: fadeInUpBig;
+ -moz-animation-name: fadeInUpBig;
+ -o-animation-name: fadeInUpBig;
+ animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ }
+}
+
+@-moz-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateY(0);
+ }
+}
+
+@-o-keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateY(0);
+ }
+}
+
+@keyframes fadeInDownBig {
+ 0% {
+ opacity: 0;
+ transform: translateY(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+.fadeInDownBig {
+ -webkit-animation-name: fadeInDownBig;
+ -moz-animation-name: fadeInDownBig;
+ -o-animation-name: fadeInDownBig;
+ animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ }
+}
+
+@-moz-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateX(0);
+ }
+}
+
+@-o-keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ -o-transform: translateX(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateX(0);
+ }
+}
+
+@keyframes fadeInLeftBig {
+ 0% {
+ opacity: 0;
+ transform: translateX(-2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+
+.fadeInLeftBig {
+ -webkit-animation-name: fadeInLeftBig;
+ -moz-animation-name: fadeInLeftBig;
+ -o-animation-name: fadeInLeftBig;
+ animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateX(0);
+ }
+}
+
+@-moz-keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -moz-transform: translateX(0);
+ }
+}
+
+@-o-keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ -o-transform: translateX(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ -o-transform: translateX(0);
+ }
+}
+
+@keyframes fadeInRightBig {
+ 0% {
+ opacity: 0;
+ transform: translateX(2000px);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: translateX(0);
+ }
+}
+
+.fadeInRightBig {
+ -webkit-animation-name: fadeInRightBig;
+ -moz-animation-name: fadeInRightBig;
+ -o-animation-name: fadeInRightBig;
+ animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes bounceIn {
+ 0% {
+ opacity: 0;
+ -webkit-transform: scale(0.3);
+ }
+
+ 50% {
+ opacity: 1;
+ -webkit-transform: scale(1.05);
+ }
+
+ 70% {
+ -webkit-transform: scale(0.9);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes bounceIn {
+ 0% {
+ opacity: 0;
+ -moz-transform: scale(0.3);
+ }
+
+ 50% {
+ opacity: 1;
+ -moz-transform: scale(1.05);
+ }
+
+ 70% {
+ -moz-transform: scale(0.9);
+ }
+
+ 100% {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes bounceIn {
+ 0% {
+ opacity: 0;
+ -o-transform: scale(0.3);
+ }
+
+ 50% {
+ opacity: 1;
+ -o-transform: scale(1.05);
+ }
+
+ 70% {
+ -o-transform: scale(0.9);
+ }
+
+ 100% {
+ -o-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@keyframes bounceIn {
+ 0% {
+ opacity: 0;
+ transform: scale(0.3);
+ }
+
+ 50% {
+ opacity: 1;
+ transform: scale(1.05);
+ }
+
+ 70% {
+ transform: scale(0.9);
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+.bounceIn {
+ -webkit-animation-name: bounceIn;
+ -moz-animation-name: bounceIn;
+ -o-animation-name: bounceIn;
+ animation-name: bounceIn;
+}
+
+@-webkit-keyframes bounceInUp {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateY(-30px);
+ }
+
+ 80% {
+ -webkit-transform: translateY(10px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes bounceInUp {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: translateY(-30px);
+ }
+
+ 80% {
+ -moz-transform: translateY(10px);
+ }
+
+ 100% {
+ -moz-transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes bounceInUp {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -o-transform: translateY(-30px);
+ }
+
+ 80% {
+ -o-transform: translateY(10px);
+ }
+
+ 100% {
+ -o-transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+@keyframes bounceInUp {
+ 0% {
+ opacity: 0;
+ transform: translateY(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translateY(-30px);
+ }
+
+ 80% {
+ transform: translateY(10px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+.bounceInUp {
+ -webkit-animation-name: bounceInUp;
+ -moz-animation-name: bounceInUp;
+ -o-animation-name: bounceInUp;
+ animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceInDown {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateY(30px);
+ }
+
+ 80% {
+ -webkit-transform: translateY(-10px);
+ }
+
+ 100% {
+ -webkit-transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes bounceInDown {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateY(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: translateY(30px);
+ }
+
+ 80% {
+ -moz-transform: translateY(-10px);
+ }
+
+ 100% {
+ -moz-transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes bounceInDown {
+ 0% {
+ opacity: 0;
+ -o-transform: translateY(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -o-transform: translateY(30px);
+ }
+
+ 80% {
+ -o-transform: translateY(-10px);
+ }
+
+ 100% {
+ -o-transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+@keyframes bounceInDown {
+ 0% {
+ opacity: 0;
+ transform: translateY(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translateY(30px);
+ }
+
+ 80% {
+ transform: translateY(-10px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+.bounceInDown {
+ -webkit-animation-name: bounceInDown;
+ -moz-animation-name: bounceInDown;
+ -o-animation-name: bounceInDown;
+ animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(30px);
+ }
+
+ 80% {
+ -webkit-transform: translateX(-10px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes bounceInLeft {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: translateX(30px);
+ }
+
+ 80% {
+ -moz-transform: translateX(-10px);
+ }
+
+ 100% {
+ -moz-transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes bounceInLeft {
+ 0% {
+ opacity: 0;
+ -o-transform: translateX(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -o-transform: translateX(30px);
+ }
+
+ 80% {
+ -o-transform: translateX(-10px);
+ }
+
+ 100% {
+ -o-transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+@keyframes bounceInLeft {
+ 0% {
+ opacity: 0;
+ transform: translateX(-2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translateX(30px);
+ }
+
+ 80% {
+ transform: translateX(-10px);
+ }
+
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+.bounceInLeft {
+ -webkit-animation-name: bounceInLeft;
+ -moz-animation-name: bounceInLeft;
+ -o-animation-name: bounceInLeft;
+ animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -webkit-transform: translateX(-30px);
+ }
+
+ 80% {
+ -webkit-transform: translateX(10px);
+ }
+
+ 100% {
+ -webkit-transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes bounceInRight {
+ 0% {
+ opacity: 0;
+ -moz-transform: translateX(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -moz-transform: translateX(-30px);
+ }
+
+ 80% {
+ -moz-transform: translateX(10px);
+ }
+
+ 100% {
+ -moz-transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes bounceInRight {
+ 0% {
+ opacity: 0;
+ -o-transform: translateX(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ -o-transform: translateX(-30px);
+ }
+
+ 80% {
+ -o-transform: translateX(10px);
+ }
+
+ 100% {
+ -o-transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+@keyframes bounceInRight {
+ 0% {
+ opacity: 0;
+ transform: translateX(2000px);
+ }
+
+ 60% {
+ opacity: 1;
+ transform: translateX(-30px);
+ }
+
+ 80% {
+ transform: translateX(10px);
+ }
+
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+}
+
+.bounceInRight {
+ -webkit-animation-name: bounceInRight;
+ -moz-animation-name: bounceInRight;
+ -o-animation-name: bounceInRight;
+ animation-name: bounceInRight;
+}
+
+@-webkit-keyframes rotateIn {
+ 0% {
+ -webkit-transform-origin: center center;
+ -webkit-transform: rotate(-200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: center center;
+ -webkit-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes rotateIn {
+ 0% {
+ -moz-transform-origin: center center;
+ -moz-transform: rotate(-200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -moz-transform-origin: center center;
+ -moz-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes rotateIn {
+ 0% {
+ -o-transform-origin: center center;
+ -o-transform: rotate(-200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -o-transform-origin: center center;
+ -o-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateIn {
+ 0% {
+ transform-origin: center center;
+ transform: rotate(-200deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform-origin: center center;
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateIn {
+ -webkit-animation-name: rotateIn;
+ -moz-animation-name: rotateIn;
+ -o-animation-name: rotateIn;
+ animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ -webkit-transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes rotateInUpLeft {
+ 0% {
+ -moz-transform-origin: left bottom;
+ -moz-transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -moz-transform-origin: left bottom;
+ -moz-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes rotateInUpLeft {
+ 0% {
+ -o-transform-origin: left bottom;
+ -o-transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -o-transform-origin: left bottom;
+ -o-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpLeft {
+ 0% {
+ transform-origin: left bottom;
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform-origin: left bottom;
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInUpLeft {
+ -webkit-animation-name: rotateInUpLeft;
+ -moz-animation-name: rotateInUpLeft;
+ -o-animation-name: rotateInUpLeft;
+ animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+ 0% {
+ -webkit-transform-origin: left bottom;
+ -webkit-transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: left bottom;
+ -webkit-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes rotateInDownLeft {
+ 0% {
+ -moz-transform-origin: left bottom;
+ -moz-transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -moz-transform-origin: left bottom;
+ -moz-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes rotateInDownLeft {
+ 0% {
+ -o-transform-origin: left bottom;
+ -o-transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -o-transform-origin: left bottom;
+ -o-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownLeft {
+ 0% {
+ transform-origin: left bottom;
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform-origin: left bottom;
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInDownLeft {
+ -webkit-animation-name: rotateInDownLeft;
+ -moz-animation-name: rotateInDownLeft;
+ -o-animation-name: rotateInDownLeft;
+ animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ -webkit-transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes rotateInUpRight {
+ 0% {
+ -moz-transform-origin: right bottom;
+ -moz-transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -moz-transform-origin: right bottom;
+ -moz-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes rotateInUpRight {
+ 0% {
+ -o-transform-origin: right bottom;
+ -o-transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -o-transform-origin: right bottom;
+ -o-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInUpRight {
+ 0% {
+ transform-origin: right bottom;
+ transform: rotate(-90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform-origin: right bottom;
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInUpRight {
+ -webkit-animation-name: rotateInUpRight;
+ -moz-animation-name: rotateInUpRight;
+ -o-animation-name: rotateInUpRight;
+ animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateInDownRight {
+ 0% {
+ -webkit-transform-origin: right bottom;
+ -webkit-transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -webkit-transform-origin: right bottom;
+ -webkit-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes rotateInDownRight {
+ 0% {
+ -moz-transform-origin: right bottom;
+ -moz-transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -moz-transform-origin: right bottom;
+ -moz-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@-o-keyframes rotateInDownRight {
+ 0% {
+ -o-transform-origin: right bottom;
+ -o-transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ -o-transform-origin: right bottom;
+ -o-transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+@keyframes rotateInDownRight {
+ 0% {
+ transform-origin: right bottom;
+ transform: rotate(90deg);
+ opacity: 0;
+ }
+
+ 100% {
+ transform-origin: right bottom;
+ transform: rotate(0);
+ opacity: 1;
+ }
+}
+
+.rotateInDownRight {
+ -webkit-animation-name: rotateInDownRight;
+ -moz-animation-name: rotateInDownRight;
+ -o-animation-name: rotateInDownRight;
+ animation-name: rotateInDownRight;
+}
+
+.thumb-info {
+ position: relative;
+}
+
+.thumb-info .thumb-info-title {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+ background: rgba(36, 27, 28, 0.9);
+ bottom: 10%;
+ color: #FFF;
+ font-size: 18px;
+ font-weight: 700;
+ left: 0;
+ letter-spacing: -1px;
+ padding: 9px 11px 9px;
+ position: absolute;
+ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+ text-transform: uppercase;
+ z-index: 1;
+}
+
+.thumb-info .thumb-info-inner {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ transition: all 0.3s;
+ display: block;
+ white-space: nowrap;
+}
+
+.thumb-info .thumb-info-type {
+ background-color: #CCC;
+ border-radius: 2px;
+ display: inline-block;
+ float: left;
+ font-size: 12px;
+ font-weight: 400;
+ letter-spacing: 0;
+ margin: 8px -2px -15px -2px;
+ padding: 2px 9px;
+ text-transform: none;
+}
+
+/* Widget - Widget Toggle/Expand */
+.widget-toggle-expand .widget-header {
+ position: relative;
+ margin: 0;
+ padding: 5px 0;
+}
+
+.widget-toggle-expand .widget-header h6 {
+ font-size: 1.3rem;
+ margin: 0;
+ padding: 0;
+}
+
+.widget-toggle-expand .widget-header .widget-toggle {
+ font-size: 2.1rem;
+ line-height: 2.1rem;
+ position: absolute;
+ right: 0;
+ top: 0;
+ cursor: pointer;
+ text-align: center;
+ color: #b4b4b4;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+ -webkit-transition-property: -webkit-transform;
+ -moz-transition-property: -moz-transform;
+ transition-property: transform;
+ -webkit-transition-duration: 0.2s;
+ -moz-transition-duration: 0.2s;
+ transition-duration: 0.2s;
+ -webkit-transition-timing-function: linear;
+ -moz-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+
+.widget-toggle-expand.widget-collapsed .widget-content-expanded {
+ display: none;
+}
+
+.widget-toggle-expand.widget-collapsed .widget-header .widget-toggle {
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+
+/* Widget - Simple User List */
+ul.simple-user-list {
+ list-style: none;
+ padding: 0;
+}
+
+ul.simple-user-list li {
+ margin: 0 0 20px;
+}
+
+ul.simple-user-list li .image {
+ float: left;
+ margin: 0 10px 0 0;
+}
+
+ul.simple-user-list li .title {
+ color: #000011;
+ display: block;
+ line-height: 1.334;
+}
+
+ul.simple-user-list li .message {
+ display: block;
+ font-size: 1.1rem;
+ line-height: 1.334;
+}
+
+/* Widget - Simple Post List */
+ul.simple-post-list {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.simple-post-list li {
+ border-bottom: 1px dotted #E2E2E2;
+ padding: 15px 0;
+}
+
+ul.simple-post-list li:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+ul.simple-post-list li::last-child {
+ border-bottom: 0;
+}
+
+ul.simple-post-list li .post-image {
+ float: left;
+ margin-right: 12px;
+}
+
+ul.simple-post-list li .post-meta {
+ color: #888;
+ font-size: 0.8em;
+}
+
+ul.simple-post-list li:last-child {
+ border-bottom: none;
+}
+
+/* Widget - Simple Todo List */
+ul.simple-todo-list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+ul.simple-todo-list li {
+ position: relative;
+ padding: 0 0 0 20px;
+}
+
+ul.simple-todo-list li.completed {
+ color: #A7A7A7;
+}
+
+ul.simple-todo-list li.completed:before {
+ position: absolute;
+ top: 3px;
+ left: 0;
+ font-family: FontAwesome;
+ content: "\f00c";
+ z-index: 1;
+}
+
+/* Widget - Social Icons */
+.social-icons-list {
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+
+.social-icons-list a {
+ background: #CCC;
+ border-radius: 25px;
+ display: inline-block;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ width: 30px;
+}
+
+.social-icons-list a:hover {
+ text-decoration: none;
+}
+
+.social-icons-list a span {
+ display: none;
+}
+
+.social-icons-list a i {
+ font-size: 1.35rem;
+ color: #FFF;
+ font-weight: normal;
+}
+
+/* Widget - Simple Compose Box */
+.simple-compose-box {
+ border: 1px solid #d1d1d1;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ background-color: #fff;
+}
+
+.simple-compose-box textarea {
+ background-color: transparent;
+ display: block;
+ width: 100%;
+ padding: 10px 10px 5px;
+ border: 0;
+ resize: none;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+.simple-compose-box textarea:focus {
+ border: 0 none;
+ outline: none;
+}
+
+.simple-compose-box .compose-box-footer {
+ background-color: #F6F7F8;
+ -webkit-border-radius: 0 0 5px 5px;
+ border-radius: 0 0 5px 5px;
+}
+
+.simple-compose-box .compose-box-footer:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.simple-compose-box .compose-box-footer .compose-toolbar {
+ list-style: none;
+ margin: 0;
+ padding: 0 3px;
+ float: left;
+}
+
+.simple-compose-box .compose-box-footer .compose-toolbar li {
+ display: inline-block;
+}
+
+.simple-compose-box .compose-box-footer .compose-toolbar li a {
+ display: block;
+ text-align: center;
+ font-size: 16px;
+ line-height: 30px;
+ width: 30px;
+ color: #B3B7BD;
+}
+
+.simple-compose-box .compose-box-footer .compose-toolbar li a:hover {
+ background-color: #e8eaed;
+}
+
+.simple-compose-box .compose-box-footer .compose-btn {
+ list-style: none;
+ margin: 0;
+ padding: 3px;
+ float: right;
+}
+
+/* Widget - Simple Card List */
+ul.simple-card-list {
+ list-style: none;
+ padding: 0;
+}
+
+ul.simple-card-list li {
+ padding: 10px 15px;
+ margin: 15px 0;
+ -webkit-border-radius: 7px;
+ border-radius: 7px;
+}
+
+ul.simple-card-list li h3 {
+ font-size: 2.6rem;
+ font-weight: 600;
+ margin: 0;
+}
+
+ul.simple-card-list li p {
+ margin: 0;
+ opacity: .7;
+}
+
+.simple-card-list li.primary {
+ background: #CCC;
+ color: #FFF;
+}
+
+.simple-card-list li.success {
+ background: #47a447;
+ color: #FFF;
+}
+
+.simple-card-list li.warning {
+ background: #ed9c28;
+ color: #FFF;
+}
+
+.simple-card-list li.danger {
+ background: #d2322d;
+ color: #FFF;
+}
+
+.simple-card-list li.info {
+ background: #5bc0de;
+ color: #FFF;
+}
+
+.simple-card-list li.dark {
+ background: #171717;
+ color: #FFF;
+}
+
+div.simple-card-list {
+ display: table;
+ width: 100%;
+}
+
+div.simple-card-list .card {
+ display: table-cell;
+}
+
+div.simple-card-list .card .card-content {
+ background-color: rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ margin: 0 7px;
+ padding: 5px;
+}
+
+div.simple-card-list .card h3 {
+ font-size: 2.6rem;
+ font-weight: 600;
+ margin: 0;
+}
+
+div.simple-card-list .card p {
+ margin: 0;
+ opacity: .7;
+}
+
+/* Widget - Simple Button List */
+ul.simple-bullet-list {
+ list-style: none;
+ padding: 0;
+}
+
+ul.simple-bullet-list li {
+ position: relative;
+ padding: 0 0 0 20px;
+ margin: 0 0 10px;
+}
+
+ul.simple-bullet-list li:before {
+ border: 6px solid #CCC;
+ border-radius: 100px;
+ content: '';
+ display: inline-block;
+ left: 0;
+ margin: 0;
+ position: absolute;
+ top: 5px;
+ z-index: 2;
+}
+
+ul.simple-bullet-list li .title {
+ display: block;
+ font-weight: 700;
+ font-size: 1.4rem;
+ line-height: 1.4;
+ color: #171717;
+}
+
+ul.simple-bullet-list li .description {
+ display: block;
+ color: #999;
+ font-size: 1.1rem;
+ line-height: 1.334;
+}
+
+ul.simple-bullet-list li.red:before {
+ border-color: #d64b4b;
+}
+
+ul.simple-bullet-list li.green:before {
+ border-color: #4dd79c;
+}
+
+ul.simple-bullet-list li.blue:before {
+ border-color: #0090d9;
+}
+
+ul.simple-bullet-list li.orange:before {
+ border-color: #E2A917;
+}
+
+/* Widget - Summary */
+.widget-summary {
+ display: table;
+ width: 100%;
+}
+
+.widget-summary:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.widget-summary .widget-summary-col {
+ display: table-cell;
+ vertical-align: top;
+ width: 100%;
+}
+
+.widget-summary .widget-summary-col.widget-summary-col-icon {
+ width: 1%;
+}
+
+.widget-summary .summary-icon {
+ margin-right: 15px;
+ font-size: 4.2rem;
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ text-align: center;
+ color: #fff;
+ -webkit-border-radius: 55px;
+ border-radius: 55px;
+}
+
+.widget-summary .summary {
+ min-height: 65px;
+ word-break: break-all;
+}
+
+.widget-summary .summary .title {
+ margin: 0;
+ font-size: 1.6rem;
+ line-height: 2.2rem;
+ color: #333;
+ font-weight: 500;
+}
+
+.widget-summary .summary .info {
+ font-size: 1.4rem;
+ line-height: 3rem;
+}
+
+.widget-summary .summary .info span {
+ vertical-align: middle;
+}
+
+.widget-summary .summary .amount {
+ margin-right: .2em;
+ font-size: 2.4rem;
+ font-weight: 600;
+ color: #333;
+ vertical-align: middle;
+}
+
+.widget-summary .summary-footer {
+ padding: 5px 0 0;
+ border-top: 1px dotted #ddd;
+ text-align: right;
+}
+
+.bg-primary .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-primary .widget-summary .summary .title,
+.bg-primary .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-primary .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-primary .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-secondary .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-secondary .widget-summary .summary .title,
+.bg-secondary .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-secondary .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-secondary .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-tertiary .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-tertiary .widget-summary .summary .title,
+.bg-tertiary .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-tertiary .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-tertiary .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-quaternary .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-quaternary .widget-summary .summary .title,
+.bg-quaternary .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-quaternary .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-quaternary .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-success .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-success .widget-summary .summary .title,
+.bg-success .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-success .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-success .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-warning .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-warning .widget-summary .summary .title,
+.bg-warning .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-warning .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-warning .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-danger .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-danger .widget-summary .summary .title,
+.bg-danger .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-danger .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-danger .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-info .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-info .widget-summary .summary .title,
+.bg-info .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-info .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-info .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+.bg-dark .widget-summary .summary-icon {
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+.bg-dark .widget-summary .summary .title,
+.bg-dark .widget-summary .summary .amount {
+ color: #FFF;
+}
+
+.bg-dark .widget-summary .summary-footer {
+ border-top: 1px solid #fff;
+ border-top-color: rgba(255, 255, 255, 0.2);
+}
+
+.bg-dark .widget-summary .summary-footer a {
+ color: #FFF;
+ opacity: 0.6;
+}
+
+@media only screen and (min-width: 480px) {
+ .widget-summary.widget-summary-xlg {
+ padding: 5px 0;
+ }
+
+ .widget-summary.widget-summary-xlg .summary-icon {
+ width: 110px;
+ height: 110px;
+ line-height: 110px;
+ font-size: 4.8rem;
+ }
+
+ .widget-summary.widget-summary-xlg .summary {
+ min-height: 80px;
+ }
+
+ .widget-summary.widget-summary-xlg .summary .title {
+ font-size: 2rem;
+ line-height: 2.8rem;
+ }
+
+ .widget-summary.widget-summary-xlg .summary .info {
+ font-size: 1.6rem;
+ line-height: 3rem;
+ }
+
+ .widget-summary.widget-summary-xlg .summary .amount {
+ font-size: 2.8rem;
+ }
+}
+
+.widget-summary.widget-summary-lg {
+ padding: 0;
+}
+
+.widget-summary.widget-summary-lg .summary-icon {
+ width: 90px;
+ height: 90px;
+ line-height: 90px;
+ font-size: 4.2rem;
+}
+
+.widget-summary.widget-summary-lg .summary {
+ min-height: 65px;
+}
+
+.widget-summary.widget-summary-lg .summary .title {
+ font-size: 1.6rem;
+ line-height: 2.2rem;
+}
+
+.widget-summary.widget-summary-lg .summary .info {
+ font-size: 1.4rem;
+ line-height: 3rem;
+}
+
+.widget-summary.widget-summary-lg .summary .amount {
+ font-size: 2.4rem;
+}
+
+.widget-summary.widget-summary-md {
+ padding: 0;
+}
+
+.widget-summary.widget-summary-md .summary-icon {
+ width: 70px;
+ height: 70px;
+ line-height: 70px;
+ font-size: 3.2rem;
+}
+
+.widget-summary.widget-summary-md .summary {
+ min-height: 0;
+ margin-top: 12px;
+}
+
+.widget-summary.widget-summary-md .summary .title {
+ font-size: 1.2rem;
+ line-height: 1.8rem;
+}
+
+.widget-summary.widget-summary-md .summary .info {
+ font-size: 1.1rem;
+ line-height: 2.2rem;
+}
+
+.widget-summary.widget-summary-md .summary .amount {
+ font-size: 1.8rem;
+ font-weight: 700;
+}
+
+.widget-summary.widget-summary-md .summary-footer {
+ display: none;
+}
+
+.widget-summary.widget-summary-sm {
+ padding: 0;
+}
+
+.widget-summary.widget-summary-sm .summary-icon {
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ font-size: 2.2rem;
+}
+
+.widget-summary.widget-summary-sm .summary {
+ min-height: 0;
+ margin-top: 4px;
+}
+
+.widget-summary.widget-summary-sm .summary .title {
+ font-size: 1.2rem;
+ line-height: 1.8rem;
+}
+
+.widget-summary.widget-summary-sm .summary .info {
+ font-size: 1.1rem;
+ line-height: 1.8rem;
+}
+
+.widget-summary.widget-summary-sm .summary .amount {
+ font-size: 1.6rem;
+ font-weight: 700;
+}
+
+.widget-summary.widget-summary-sm .summary-footer {
+ display: none;
+}
+
+.widget-summary.widget-summary-xs {
+ padding: 0;
+}
+
+.widget-summary.widget-summary-xs .summary-icon {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ font-size: 1.8rem;
+}
+
+.widget-summary.widget-summary-xs .summary {
+ min-height: 0;
+}
+
+.widget-summary.widget-summary-xs .summary .title {
+ font-size: 1.2rem;
+ line-height: 40px;
+}
+
+.widget-summary.widget-summary-xs .summary .info {
+ display: none;
+}
+
+.widget-summary.widget-summary-xs .summary-footer {
+ display: none;
+}
+
+/* Widget - Todo List */
+ul.widget-todo-list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ position: relative;
+}
+
+ul.widget-todo-list li {
+ border-bottom: 1px dotted #ddd;
+ padding: 15px 15px 15px 0;
+ position: relative;
+}
+
+ul.widget-todo-list li label.line-through span {
+ text-decoration: line-through;
+}
+
+ul.widget-todo-list li .checkbox-custom {
+ margin-bottom: 0;
+}
+
+ul.widget-todo-list li .checkbox-custom label {
+ padding-left: 10px;
+}
+
+ul.widget-todo-list li .todo-actions {
+ position: absolute;
+ top: 14px;
+ right: 0;
+ bottom: 14px;
+}
+
+ul.widget-todo-list li .todo-actions .todo-remove {
+ font-size: 10px;
+ vertical-align: middle;
+ color: #999;
+}
+
+ul.widget-todo-list li:last-child {
+ border-bottom: 0 none;
+}
+
+/* Widget - Profile Info */
+.widget-profile-info {
+ display: table;
+ width: 100%;
+}
+
+.widget-profile-info .profile-picture {
+ display: table-cell;
+ vertical-align: middle;
+ width: 1%;
+}
+
+.widget-profile-info .profile-picture img {
+ display: block;
+ width: 100px;
+ height: 100px;
+ margin-right: 15px;
+ border: 4px solid #fff;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+}
+
+.widget-profile-info .profile-info {
+ display: table-cell;
+ vertical-align: bottom;
+ width: 100%;
+}
+
+.widget-profile-info .profile-info .profile-footer {
+ padding: 5px 0 0;
+ border-top: 1px solid rgba(255, 255, 255, 0.6);
+ text-align: right;
+}
+
+.widget-profile-info .profile-info .profile-footer a {
+ color: #fff;
+ opacity: 0.6;
+}
+
+/* Widget - Twitter Profile */
+.widget-twitter-profile {
+ background-color: #CCC;
+ border-radius: 5px;
+ color: #fff;
+}
+
+.widget-twitter-profile .top-image img {
+ width: 100%;
+ border-radius: 5px 5px 0 0;
+}
+
+.widget-twitter-profile .profile-info {
+ padding: 15px;
+ min-height: 75px;
+}
+
+.widget-twitter-profile .profile-info:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+
+.widget-twitter-profile .profile-info .profile-picture {
+ float: left;
+ margin-right: 15px;
+ position: relative;
+}
+
+.widget-twitter-profile .profile-info .profile-picture img {
+ display: block;
+ width: 100px;
+ height: 100px;
+ margin: -25px 0;
+ border: 4px solid #fff;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+}
+
+.widget-twitter-profile .profile-info .profile-account {
+ float: left;
+}
+
+.widget-twitter-profile .profile-info .profile-account .name {
+ margin: 0;
+}
+
+.widget-twitter-profile .profile-info .profile-account .account {
+ color: white;
+ margin: 0;
+ line-height: 1.4;
+}
+
+.widget-twitter-profile .profile-info .profile-stats {
+ float: right;
+ list-style: none;
+ padding: 5px 0;
+ margin: 0;
+}
+
+.widget-twitter-profile .profile-info .profile-stats li {
+ float: left;
+ padding: 0 10px;
+}
+
+.widget-twitter-profile .profile-info .profile-stats li .stat {
+ font-size: 1rem;
+ margin: 0;
+}
+
+.widget-twitter-profile .profile-info .profile-stats li .count {
+ display: block;
+ margin: 0;
+ line-height: 1.4;
+ font-weight: 600;
+}
+
+.widget-twitter-profile .profile-quote {
+ background-color: #d6d6d6;
+ border-radius: 0 0 5px 5px;
+ padding: 15px 10px 15px 150px;
+}
+
+.widget-twitter-profile .profile-quote blockquote {
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+
+.widget-twitter-profile .profile-quote blockquote p {
+ position: relative;
+ font-style: italic;
+ font-size: 1.8rem;
+ line-height: 1.6;
+ padding: 15px 0;
+ margin: 0 0 10px;
+ font-family: Georgia, serif;
+}
+
+.widget-twitter-profile .profile-quote blockquote p:before {
+ position: absolute;
+ top: 0;
+ left: -45px;
+ content: '\201C';
+ font-size: 8rem;
+ line-height: 1;
+ font-family: Georgia, serif;
+ font-style: normal;
+}
+
+.widget-twitter-profile .profile-quote .quote-footer {
+ border-top: 1px solid #e6e6e6;
+ padding: 5px 0;
+ text-align: right;
+ color: white;
+}
+
+.widget-twitter-profile .profile-quote .quote-footer a {
+ color: white;
+}
+
+/* Widget - Twitter Profile Responsive */
+@media only screen and (max-width: 479px) {
+ .widget-twitter-profile .profile-info .profile-stats {
+ clear: both;
+ float: none;
+ padding: 45px 0 0;
+ text-align: center;
+ }
+
+ .widget-twitter-profile .profile-info .profile-stats li {
+ display: inline-block;
+ float: none;
+ }
+}
+
+@media only screen and (max-width: 767px) {
+ .widget-twitter-profile .profile-quote {
+ padding-left: 10px;
+ }
+
+ .widget-twitter-profile .profile-quote blockquote {
+ padding-left: 45px;
+ }
+}
+
+html.dark {
+ /* Widget Summary */
+ /* Panel Footer - Button Group */
+ /* To-do List */
+ /* Simple Post List */
+ /* Simple User List */
+ /* Simple Bullet List */
+ /* Simple Compose Box */;
+}
+
+html.dark .widget-summary .summary .title,
+html.dark .widget-summary .summary .amount {
+ color: #EEE;
+}
+
+html.dark .widget-summary .summary-footer {
+ border-color: #4C4C4C;
+}
+
+html.dark .panel-footer-btn-group a {
+ background-color: #282d36;
+ border-color: #21262d;
+}
+
+html.dark .panel-footer-btn-group a:hover {
+ background-color: #2e353e;
+}
+
+html.dark ul.widget-todo-list li {
+ border-color: #242830;
+}
+
+html.dark ul.simple-post-list li {
+ border-color: #4c4c4c;
+}
+
+html.dark ul.simple-user-list li .title {
+ color: #EEE;
+}
+
+html.dark ul.simple-bullet-list li .title {
+ color: #EEE;
+}
+
+html.dark .simple-compose-box {
+ background-color: #282d36;
+ border-color: #282d36;
+}
+
+html.dark .simple-compose-box .compose-box-footer {
+ background-color: #21262d;
+}
+
+/* Buttons - States */
+.nav-pills-primary > li a:hover,
+.nav-pills-primary > li a:focus {
+ color: #CCC;
+ background-color: white;
+}
+
+.nav-pills-primary > li.active > a, .nav-pills-primary > li.active > a:hover, .nav-pills-primary > li.active > a:active, .nav-pills-primary > li.active > a:focus {
+ background-color: #CCC;
+}
+
+.nav-pills-success > li a:hover,
+.nav-pills-success > li a:focus {
+ color: #47a447;
+ background-color: #bfe2bc;
+}
+
+.nav-pills-success > li.active > a, .nav-pills-success > li.active > a:hover, .nav-pills-success > li.active > a:active, .nav-pills-success > li.active > a:focus {
+ background-color: #47a447;
+}
+
+.nav-pills-warning > li a:hover,
+.nav-pills-warning > li a:focus {
+ color: #ed9c28;
+ background-color: #fbe4cd;
+}
+
+.nav-pills-warning > li.active > a, .nav-pills-warning > li.active > a:hover, .nav-pills-warning > li.active > a:active, .nav-pills-warning > li.active > a:focus {
+ background-color: #ed9c28;
+}
+
+.nav-pills-danger > li a:hover,
+.nav-pills-danger > li a:focus {
+ color: #d2322d;
+ background-color: #f2c0c3;
+}
+
+.nav-pills-danger > li.active > a, .nav-pills-danger > li.active > a:hover, .nav-pills-danger > li.active > a:active, .nav-pills-danger > li.active > a:focus {
+ background-color: #d2322d;
+}
+
+.nav-pills-info > li a:hover,
+.nav-pills-info > li a:focus {
+ color: #5bc0de;
+ background-color: #f0fafc;
+}
+
+.nav-pills-info > li.active > a, .nav-pills-info > li.active > a:hover, .nav-pills-info > li.active > a:active, .nav-pills-info > li.active > a:focus {
+ background-color: #5bc0de;
+}
+
+.nav-pills-dark > li a:hover,
+.nav-pills-dark > li a:focus {
+ color: #171717;
+ background-color: #707070;
+}
+
+.nav-pills-dark > li.active > a, .nav-pills-dark > li.active > a:hover, .nav-pills-dark > li.active > a:active, .nav-pills-dark > li.active > a:focus {
+ background-color: #171717;
+}
+
+.portlet-handler {
+ cursor: move;
+}
+
+.portlet-placeholder {
+ margin-bottom: 15px;
+ padding: 0;
+ border: 1px dashed #dddddd;
+ background: #fafafa;
+ color: #444444;
+}
+
+/* Make clicks pass-through */
+#nprogress {
+ pointer-events: none;
+}
+
+#nprogress .bar {
+ background: #CCC;
+ position: fixed;
+ z-index: 1031;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+}
+
+/* Fancy blur effect */
+#nprogress .peg {
+ display: block;
+ position: absolute;
+ right: 0px;
+ width: 100px;
+ height: 100%;
+ box-shadow: 0 0 10px #CCC, 0 0 5px #CCC;
+ opacity: 1.0;
+ -webkit-transform: rotate(3deg) translate(0px, -4px);
+ -moz-transform: rotate(3deg) translate(0px, -4px);
+ -ms-transform: rotate(3deg) translate(0px, -4px);
+ -o-transform: rotate(3deg) translate(0px, -4px);
+ transform: rotate(3deg) translate(0px, -4px);
+}
+
+/* Remove these to get rid of the spinner */
+#nprogress .spinner {
+ display: block;
+ position: fixed;
+ z-index: 1031;
+ top: 15px;
+ right: 15px;
+}
+
+#nprogress .spinner-icon {
+ width: 18px;
+ height: 18px;
+ box-sizing: border-box;
+ border: solid 2px transparent;
+ border-top-color: #29d;
+ border-left-color: #29d;
+ border-radius: 50%;
+ -webkit-animation: nprogress-spinner 400ms linear infinite;
+ -moz-animation: nprogress-spinner 400ms linear infinite;
+ animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+ overflow: hidden;
+ position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+ position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+ 0% {
+ -webkit-transform: rotate(0);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ }
+}
+
+@-moz-keyframes nprogress-spinner {
+ 0% {
+ -moz-transform: rotate(0);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ }
+}
+
+@keyframes nprogress-spinner {
+ 0% {
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -ms-transform: rotate(0);
+ -o-transform: rotate(0);
+ transform: rotate(0);
+ }
+
+ 100% {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+/* Tables - Basic */
+.table {
+ width: 100%;
+}
+
+.table .table {
+ background: transparent;
+}
+
+/* Bootstrap uses important, we need to force it here */
+.table.mb-none {
+ margin-bottom: 0 !important;
+}
+
+/* In case you dont want a border in some row */
+.table .b-top-none td {
+ border-top: none;
+}
+
+/* Tables - Actions */
+.table .actions,
+.table .actions-hover {
+ vertical-align: middle;
+}
+
+.table .actions a,
+.table .actions-hover a {
+ display: inline-block;
+ margin-right: 5px;
+ color: #666;
+}
+
+.table .actions a:last-child,
+.table .actions-hover a:last-child {
+ margin-right: 0;
+}
+
+.table .actions a:hover,
+.table .actions-hover a:hover {
+ color: #333;
+}
+
+.table .actions-hover a {
+ opacity: 0;
+}
+
+.table tr:hover .actions-hover a {
+ opacity: 1;
+}
+
+.table .actions-fade a {
+ -webkit-transition: all 0.2s linear;
+ -moz-transition: all 0.2s linear;
+ transition: all 0.2s linear;
+}
+
+/* Tables - No More Tables technique (991px is the bootstrap SM max-width) */
+@media only screen and (max-width: 991px) {
+ .table.table-no-more,
+ .table.table-no-more thead,
+ .table.table-no-more tbody,
+ .table.table-no-more tr,
+ .table.table-no-more th,
+ .table.table-no-more td {
+ display: block;
+ }
+
+ .table.table-no-more thead tr {
+ left: -9999px;
+ position: absolute;
+ top: -9999px;
+ }
+
+ .table.table-no-more tr {
+ border-bottom: 1px solid #DDD;
+ }
+
+ .table.table-no-more td {
+ border: none;
+ position: relative;
+ padding-left: 50%;
+ text-align: left;
+ white-space: normal;
+ }
+
+ .table.table-no-more td:before {
+ content: attr(data-title);
+ font-weight: bold;
+ left: 6px;
+ padding-right: 10px;
+ position: absolute;
+ text-align: left;
+ top: 8px;
+ white-space: nowrap;
+ width: 45%;
+ }
+
+ .table.table-no-more.table-bordered td {
+ border-bottom: 1px solid #EFEFEF;
+ }
+
+ .table.table-no-more.table-condensed td:before {
+ top: 5px;
+ }
+}
+/* Dark - Tables */
+html.dark .table > thead > tr > th,
+html.dark .table > tbody > tr > th,
+html.dark .table > tfoot > tr > th,
+html.dark .table > thead > tr > td,
+html.dark .table > tbody > tr > td,
+html.dark .table > tfoot > tr > td,
+html.dark .table-bordered {
+ border-color: #262b33;
+}
+
+html.dark .table-striped > tbody > tr:nth-child(2n+1) > td,
+html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
+ background-color: #282d36;
+}
+
+html.dark .table-hover > tbody > tr:hover > td,
+html.dark .table-hover > tbody > tr:hover > th {
+ background-color: #272c34;
+}
+
+html.dark .table .actions a,
+html.dark .table .actions-hover a {
+ color: #808697;
+}
+
+@media screen and (max-width: 991px) {
+ html.dark .table-responsive {
+ border-color: #262b33;
+ }
+}
+
+@media only screen and (max-width: 991px) {
+ html.dark .table.table-no-more tr,
+ html.dark .table.table-no-more.table-bordered td {
+ border-bottom-color: #262b33;
+ }
+}
+/* Tables - States */
+.table > thead > tr > td.primary,
+.table > tbody > tr > td.primary,
+.table > tfoot > tr > td.primary,
+.table > thead > tr > th.primary,
+.table > tbody > tr > th.primary,
+.table > tfoot > tr > th.primary,
+.table > thead > tr.primary > td,
+.table > tbody > tr.primary > td,
+.table > tfoot > tr.primary > td,
+.table > thead > tr.primary > th,
+.table > tbody > tr.primary > th,
+.table > tfoot > tr.primary > th {
+ color: #FFF;
+ background-color: #CCC !important;
+}
+
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+ color: #FFF;
+ background-color: #47a447 !important;
+}
+
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+ color: #FFF;
+ background-color: #ed9c28 !important;
+}
+
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+ color: #FFF;
+ background-color: #d2322d !important;
+}
+
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+ color: #FFF;
+ background-color: #5bc0de !important;
+}
+
+.table > thead > tr > td.dark,
+.table > tbody > tr > td.dark,
+.table > tfoot > tr > td.dark,
+.table > thead > tr > th.dark,
+.table > tbody > tr > th.dark,
+.table > tfoot > tr > th.dark,
+.table > thead > tr.dark > td,
+.table > tbody > tr.dark > td,
+.table > tfoot > tr.dark > td,
+.table > thead > tr.dark > th,
+.table > tbody > tr.dark > th,
+.table > tfoot > tr.dark > th {
+ color: #FFF;
+ background-color: #171717 !important;
+}
+
+.table > thead > tr > td.dark,
+.table > tbody > tr > td.dark,
+.table > tfoot > tr > td.dark,
+.table > thead > tr > th.dark,
+.table > tbody > tr > th.dark,
+.table > tfoot > tr > th.dark,
+.table > thead > tr.dark > td,
+.table > tbody > tr.dark > td,
+.table > tfoot > tr.dark > td,
+.table > thead > tr.dark > th,
+.table > tbody > tr.dark > th,
+.table > tfoot > tr.dark > th {
+ background-color: #4a4a4a;
+ color: #FFF;
+}
+
+/* Common Fixes */
+.dataTables_wrapper {
+ position: relative;
+}
+
+.dataTables_wrapper .DTTT.btn-group {
+ display: inline-block !important;
+}
+
+.dataTables_wrapper .datatables-header {
+ margin-bottom: 15px;
+}
+
+.dataTables_wrapper .datatables-header label {
+ font-weight: normal;
+ margin: 0;
+}
+
+.dataTables_wrapper table thead th {
+ padding-right: 21px !important;
+}
+
+.dataTables_wrapper .dataTables_length .select2-container {
+ margin-right: 10px;
+ width: 75px;
+}
+
+@media only screen and (max-width: 991px) {
+ .dataTables_wrapper .dataTables_length {
+ margin-bottom: 15px;
+ }
+
+ .dataTables_wrapper .dataTables_length label {
+ float: none;
+ width: 100%;
+ }
+}
+/* Filter */
+.dataTables_wrapper .dataTables_filter label {
+ width: 50%;
+}
+
+.dataTables_wrapper .dataTables_filter input {
+ width: 100%;
+}
+
+@media only screen and (max-width: 991px) {
+ .dataTables_wrapper .dataTables_filter label {
+ width: 100%;
+ }
+}
+/* Footer */
+.dataTables_wrapper .datatables-footer {
+ margin-top: 15px;
+}
+
+.dataTables_wrapper .datatables-footer .dataTables_info {
+ font-size: 11px;
+ padding-top: 0;
+ margin-top: 6px;
+}
+
+.dataTables_wrapper .datatables-footer .dataTables_paginate .pagination {
+ display: block;
+ margin: 0;
+}
+
+@media only screen and (max-width: 991px) {
+ .dataTables_wrapper .datatables-footer .dataTables_info {
+ margin-bottom: 15px;
+ text-align: center;
+ }
+
+ .dataTables_wrapper .datatables-footer .dataTables_paginate {
+ float: none;
+ text-align: center;
+ }
+
+ .dataTables_wrapper .datatables-footer .dataTables_paginate .pagination {
+ display: inline-block;
+ }
+}
+/* Empty Row */
+.dataTables_wrapper .dataTables_empty {
+ padding: 50px 0;
+ text-align: center;
+}
+
+.dataTables_processing {
+ background: #CCC;
+ border-radius: 100px;
+ box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.3);
+ color: #FFF;
+ left: 50%;
+ margin-left: -36px;
+ padding: 5px 10px;
+ position: absolute;
+ top: 3px;
+}
+
+@media only screen and (max-width: 991px) {
+ .dataTables_processing {
+ left: auto;
+ margin-left: 0;
+ right: 0;
+ }
+}
+
+.DTTT_Print,
+.DTTT_Print .inner-wrapper,
+.DTTT_Print .content-body,
+.DTTT_Print .panel {
+ background: #FFF !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ top: 0 !important;
+}
+
+.DTTT_Print .dataTables_wrapper .DTTT.btn-group {
+ display: none !important;
+}
+
+.DTTT_Print .DTTT_print_info {
+ background: rgba(255, 255, 255, 0.9);
+ display: block;
+ left: 0;
+ height: 100px;
+ line-height: 100px;
+ position: fixed;
+ font-size: 14px;
+ text-align: center;
+ top: 0;
+ width: 100%;
+}
+
+/* Dark Fixes */
+html.dark div.DTTT .btn {
+ color: #EEE !important;
+}
+
+.pricing-table {
+ margin: 25px 0;
+ padding-left: 0;
+ text-align: center;
+}
+
+.pricing-table ul {
+ list-style: none;
+ margin: 20px 0 0 0;
+ padding: 0;
+}
+
+.pricing-table li {
+ border-top: 1px solid #ddd;
+ padding: 10px 0;
+}
+
+.pricing-table h3 {
+ background-color: #eee;
+ border-radius: 2px 2px 0 0;
+ font-size: 20px;
+ font-weight: normal;
+ margin: -20px -20px 50px -20px;
+ padding: 20px;
+}
+
+.pricing-table h3 span {
+ background: #FFF;
+ border: 5px solid #FFF;
+ border-radius: 100px;
+ box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
+ color: #CCC;
+ display: block;
+ font: bold 25px / 100px Georgia, Serif;
+ height: 100px;
+ margin: 20px auto -65px;
+ width: 100px;
+}
+
+.pricing-table .most-popular {
+ border: 3px solid #CCC;
+ box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
+ padding: 30px 20px;
+ top: -10px;
+ z-index: 2;
+}
+
+.pricing-table .most-popular h3 {
+ background-color: #CCC;
+ color: #FFF;
+ padding-top: 30px;
+}
+
+.pricing-table .plan-ribbon-wrapper {
+ height: 88px;
+ overflow: hidden;
+ position: absolute;
+ right: -5px;
+ top: -5px;
+ width: 85px;
+}
+
+.pricing-table .plan-ribbon {
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ transform: rotate(45deg);
+ background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45);
+ background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45);
+ background-color: #bfdc7a;
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
+ color: #333;
+ font-size: 14px;
+ left: -5px;
+ padding: 7px 0;
+ position: relative;
+ text-align: center;
+ top: 15px;
+ width: 120px;
+}
+
+.pricing-table .plan-ribbon:before {
+ left: 0;
+ border-left: 3px solid transparent;
+ border-right: 3px solid transparent;
+ bottom: -3px;
+ content: "";
+ position: absolute;
+}
+
+.pricing-table .plan-ribbon:after {
+ border-left: 3px solid transparent;
+ border-right: 3px solid transparent;
+ bottom: -3px;
+ content: "";
+ position: absolute;
+ right: 0;
+}
+
+.pricing-table .plan {
+ background: #FFF;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ color: #333;
+ margin-bottom: 35px;
+ margin-right: 0;
+ padding: 20px;
+ position: relative;
+}
+
+.pricing-table .btn {
+ margin-top: 5px;
+}
+
+/* dark */
+html.dark .pricing-table li {
+ border-top-color: #21262d;
+}
+
+html.dark .pricing-table h3 {
+ background-color: #21262d;
+ text-shadow: none;
+}
+
+html.dark .pricing-table h3 span {
+ background: #2e353e;
+ border-color: #242830;
+ box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset;
+ color: #ebebeb;
+}
+
+html.dark .pricing-table .most-popular {
+ border-color: #282d36;
+}
+
+html.dark .pricing-table .most-popular h3 {
+ background-color: #282d36;
+ color: #808697;
+ text-shadow: none;
+}
+
+html.dark .pricing-table .plan-ribbon {
+ background-color: #282d36;
+}
+
+html.dark .pricing-table .plan {
+ background: #282d36;
+ border: 1px solid #282d36;
+ color: #808697;
+ text-shadow: none;
+}
+
+.fileupload .uneditable-input .fa {
+ position: absolute;
+ top: 12px;
+ left: 26px;
+}
+
+.fileupload .uneditable-input .fileupload-preview {
+ display: inline-block;
+ float: left;
+ overflow: hidden;
+ padding: 0 0 0 17px;
+ text-overflow: ellipsis;
+ width: 100%;
+}
+
+.fileupload .btn {
+ border-radius: 0;
+}
+
+@media only screen and (max-width: 479px) {
+ .fileupload .uneditable-input {
+ width: 170px;
+ }
+}
+/* Datepicker - Input Group Addon */
+.input-daterange .input-group-addon {
+ min-width: 36px;
+}
+
+/* Datepicker - Base */
+.datepicker {
+ padding: 10px;
+ margin: 0 auto;
+ line-height: 1.1em;
+}
+
+.datepicker.datepicker-inline {
+ line-height: 1.7em;
+ width: 100%;
+}
+
+.datepicker table {
+ width: 100%;
+}
+
+.datepicker table tr td {
+ border-radius: 0;
+}
+
+.datepicker table thead tr th {
+ cursor: pointer;
+ font-size: 1.3rem;
+ text-align: center;
+ font-weight: normal;
+}
+
+.datepicker table thead tr th.prev {
+ content: '\f0d9';
+ font-family: FontAwesome;
+}
+
+.datepicker table thead tr th.next {
+ content: '\f0da';
+ font-family: FontAwesome;
+}
+
+.datepicker table td {
+ text-align: center;
+ font-size: 1.2rem;
+}
+
+.datepicker table td.day {
+ -webkit-transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s;
+ -moz-transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s;
+ transition: background-color 0.1s ease-in 0.1s, color 0.1s ease-in 0.1s;
+ cursor: pointer;
+}
+
+/* Datepicker - Skin Default */
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover,
+.datepicker table tr td span:hover {
+ background: #CCC;
+ color: #FFF;
+}
+
+.datepicker table tbody tr td span.old,
+.datepicker table tbody tr td span.new {
+ color: #CCC;
+}
+
+.datepicker table tbody tr td span.old:hover,
+.datepicker table tbody tr td span.new:hover {
+ color: #FFF;
+}
+
+.datepicker table tbody tr td.day:hover {
+ background: #CCC;
+ color: #FFF;
+}
+
+.datepicker table tbody tr td.day.active {
+ background: #b3b3b3;
+ color: #FFF;
+}
+
+.datepicker table tbody tr td.day.new {
+ color: #777;
+}
+
+.datepicker table tbody tr td.day.new:hover {
+ color: #FFF;
+}
+
+/* Datepicker - Skin Dark */
+html:not(.sidebar-light) .datepicker.datepicker-dark {
+ background: transparent;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table thead tr th.datepicker-switch {
+ color: #FFF;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table thead tr th.dow {
+ color: #777;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.old,
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.new {
+ color: #444;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.old:hover,
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td span.new:hover {
+ color: #FFF;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day {
+ color: #FFF;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
+ background: #CCC;
+ color: #FFF;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
+ background: #b3b3b3;
+ color: #FFF;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.new {
+ color: #777;
+}
+
+html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.new:hover {
+ color: #FFF;
+}
+
+/* Datepicker - Skin Primary */
+.datepicker.datepicker-primary {
+ min-width: 255px;
+}
+
+.datepicker.datepicker-primary.datepicker-inline {
+ background: #fff;
+ border: 1px solid #eee;
+}
+
+.datepicker.datepicker-primary table thead tr:first-child {
+ background-color: #CCC;
+ color: #FFF;
+}
+
+.datepicker.datepicker-primary table thead tr:first-child th:hover {
+ background-color: #b3b3b3;
+}
+
+.datepicker.datepicker-primary table thead tr:first-child th:first-child {
+ border-radius: 4px 0 0 0;
+}
+
+.datepicker.datepicker-primary table thead tr:first-child th:last-child {
+ border-radius: 0 4px 0 0;
+}
+
+.datepicker.datepicker-primary table thead tr:last-child {
+ background-color: #d9d9d9;
+ color: #FFF;
+}
+
+.datepicker.datepicker-primary table thead tr:last-child th:hover {
+ background-color: #CCC;
+}
+
+.datepicker.datepicker-primary table thead tr th {
+ border-radius: 0;
+}
+
+html.dark .input-daterange .input-group-addon {
+ text-shadow: none;
+}
+
+html.dark .datepicker-dropdown {
+ color: #EEE;
+ background-color: #282d36;
+}
+
+html.dark .datepicker-dropdown:after {
+ border-bottom-color: #282d36;
+}
+
+html.dark .datepicker-dropdown.datepicker-orient-bottom:before {
+ border-top-color: rgba(0, 0, 0, 0.2);
+}
+
+html.dark .datepicker-dropdown.datepicker-orient-bottom:after {
+ border-top-color: #282d36;
+}
+
+html.dark .datepicker.datepicker-primary {
+ border-color: #282d36;
+ background: #282d36;
+}
+
+html.dark .select2-container--bootstrap .select2-selection,
+html.dark .select2-container--bootstrap .select2-dropdown,
+html.dark .select2-container--bootstrap .select2-choices .select2-search-field input,
+html.dark .select2-container--bootstrap .select2-choice,
+html.dark .select2-container--bootstrap .select2-choices {
+ color: #EEE;
+ background-color: #282d36;
+ border-color: #282d36;
+}
+
+html.dark .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
+ color: #EEE;
+}
+
+html.dark .select2-container--bootstrap .select2-results__option[aria-selected="true"],
+html.dark .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
+ color: #EEE;
+ background-color: #2e353e;
+ border-color: #2e353e;
+}
+
+.panel-body .wizard-tabs {
+ margin: -15px -15px 15px;
+}
+
+.panel-body-nopadding .wizard-tabs {
+ margin: 0;
+}
+
+.wizard-tabs ul {
+ display: table;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.wizard-tabs ul > li {
+ display: table-cell;
+ border-bottom: 1px solid #EEE;
+}
+
+.wizard-tabs ul > li.active {
+ border-bottom-color: transparent;
+}
+
+.wizard-tabs ul > li.active > a, .wizard-tabs ul > li.active > a:hover, .wizard-tabs ul > li.active > a:focus {
+ background: #FFF;
+ color: #555;
+}
+
+.wizard-tabs ul > li.active > a:after {
+ border-left-color: #FFF;
+}
+
+.wizard-tabs ul > li.active .badge {
+ background-color: #CCC;
+}
+
+.wizard-tabs ul > li.disabled > a, .wizard-tabs ul > li.disabled > a:hover, .wizard-tabs ul > li.disabled > a:focus {
+ color: #CCC;
+}
+
+.wizard-tabs ul > li.disabled .badge {
+ background-color: #CCC;
+}
+
+.wizard-tabs ul > li > a {
+ position: relative;
+ display: block;
+ padding: 5px;
+ font-size: 1.3rem;
+ text-decoration: none;
+ color: #555;
+}
+
+.wizard-tabs ul > li > a .badge {
+ border-radius: 100%;
+}
+
+.wizard-tabs ul > li > a, .wizard-tabs ul > li > a:hover {
+ background: #F4F4F4;
+ color: #555;
+}
+
+.wizard-tabs ul > li > a:hover {
+ box-shadow: none;
+}
+
+.wizard-tabs ul > li > a:active, .wizard-tabs ul > li > a:focus {
+ border-bottom: 0;
+}
+
+.wizard-tabs ul > li > a:before, .wizard-tabs ul > li > a:after {
+ display: block;
+ content: '';
+ position: absolute;
+ top: 0;
+ right: -10px;
+ z-index: 1;
+ border: 17px solid transparent;
+ border-right: 0;
+ border-left: 10px solid transparent;
+ width: 0;
+ height: 0;
+}
+
+.wizard-tabs ul > li > a:before {
+ z-index: 1;
+ right: -11px;
+ border-left-color: #E0E0E0;
+}
+
+.wizard-tabs ul > li > a:after {
+ z-index: 2;
+ border-left-color: #F4F4F4;
+}
+
+.wizard-tabs ul > li:last-child > a:before, .wizard-tabs ul > li:last-child > a:after {
+ display: none;
+}
+
+html.dark .wizard-tabs ul > li {
+ border-color: #282d36;
+}
+
+html.dark .wizard-tabs ul > li.active {
+ border-color: #2e353e;
+}
+
+html.dark .wizard-tabs ul > li.active a, html.dark .wizard-tabs ul > li.active a:hover, html.dark .wizard-tabs ul > li.active a:active {
+ background: #2e353e;
+ color: #EEE;
+}
+
+html.dark .wizard-tabs ul > li.active a:before {
+ border-left-color: #21262d;
+}
+
+html.dark .wizard-tabs ul > li.active a:after {
+ border-left-color: #2e353e;
+}
+
+html.dark .wizard-tabs ul > li a, html.dark .wizard-tabs ul > li a:hover {
+ background: #282d36;
+ color: #EEE;
+}
+
+html.dark .wizard-tabs ul > li a:before {
+ border-left-color: #21262d;
+}
+
+html.dark .wizard-tabs ul > li a:after {
+ border-left-color: #282d36;
+}
+
+html .wizard-progress,
+html.dark .wizard-progress {
+ margin: 0 15px;
+}
+
+html .wizard-progress .steps-progress,
+html.dark .wizard-progress .steps-progress {
+ height: 2px;
+ margin: 0 38px;
+ position: relative;
+ top: 15px;
+ background: #CCC;
+}
+
+html .wizard-progress .steps-progress .progress-indicator,
+html.dark .wizard-progress .steps-progress .progress-indicator {
+ height: 100%;
+ width: 0;
+ background: #CCC;
+ -webkit-transition: width 0.2s ease-in;
+ -moz-transition: width 0.2s ease-in;
+ transition: width 0.2s ease-in;
+}
+
+html .wizard-progress .wizard-steps,
+html.dark .wizard-progress .wizard-steps {
+ list-style: none;
+ margin: 0;
+ padding: 15px 0 0;
+ display: inline-block;
+ width: 100%;
+ font-size: 0;
+ text-align: justify;
+ -ms-text-justify: distribute-all-lines;
+ /* IE8+ */;
+}
+
+html .wizard-progress .wizard-steps:after,
+html.dark .wizard-progress .wizard-steps:after {
+ /*
+ * We don't need IE6 and IE7 inline-block hack support here
+ * since they don't support :after anyways (the text-justify
+ * properties for them are above)... IE8 and above have native
+ * inline-block support so for IE8+, both the text-justify and
+ * :after will take effect but it doesn't have any negative
+ * effects since this element is invisible
+ */
+ display: inline-block;
+ width: 100%;
+ content: '.';
+ font-size: 0;
+ height: 0;
+ line-height: 0;
+ visibility: hidden;
+}
+html .wizard-progress .wizard-steps li,
+html.dark .wizard-progress .wizard-steps li {
+ display: inline-block;
+ vertical-align: top;
+ min-width: 50px;
+ max-width: 100px;
+}
+html .wizard-progress .wizard-steps li a,
+html.dark .wizard-progress .wizard-steps li a {
+ position: relative;
+ display: block;
+ padding: 25px 8px 0;
+ font-size: 11px;
+ color: #33333F;
+ font-weight: bold;
+ line-height: 1;
+ text-align: center;
+ text-decoration: none;
+}
+html .wizard-progress .wizard-steps li a span,
+html.dark .wizard-progress .wizard-steps li a span {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ background: #CCC;
+ color: #FFF;
+ line-height: 26px;
+ text-align: center;
+ margin-top: -15px;
+ margin-left: -15px;
+ width: 30px;
+ height: 30px;
+ border-radius: 35px;
+ font-size: 13px;
+ text-indent: -1px;
+ border: 2px solid #CCC;
+ -webkit-transition: all 0.2s ease-in;
+ -moz-transition: all 0.2s ease-in;
+ transition: all 0.2s ease-in;
+}
+html .wizard-progress .wizard-steps li.completed a span,
+html.dark .wizard-progress .wizard-steps li.completed a span {
+ background: #CCC;
+ color: #FFF;
+}
+html .wizard-progress .wizard-steps li.active a span,
+html.dark .wizard-progress .wizard-steps li.active a span {
+ background: #FFF;
+ color: #CCC;
+ border-color: #CCC;
+}
+html .wizard-progress .wizard-steps li.completed.active a span,
+html.dark .wizard-progress .wizard-steps li.completed.active a span {
+ color: #FFF;
+}
+html .wizard-progress.wizard-progress-lg,
+html.dark .wizard-progress.wizard-progress-lg {
+ margin: 0 auto 30px;
+ width: 80%;
+}
+html .wizard-progress.wizard-progress-lg .steps-progress,
+html.dark .wizard-progress.wizard-progress-lg .steps-progress {
+ margin: 0 52px;
+ height: 4px;
+ top: 34px;
+}
+html .wizard-progress.wizard-progress-lg .wizard-steps,
+html.dark .wizard-progress.wizard-progress-lg .wizard-steps {
+ padding-top: 30px;
+}
+html .wizard-progress.wizard-progress-lg ul li,
+html.dark .wizard-progress.wizard-progress-lg ul li {
+ max-width: 135px;
+}
+html .wizard-progress.wizard-progress-lg ul li a,
+html.dark .wizard-progress.wizard-progress-lg ul li a {
+ padding-top: 40px;
+ font-size: 14px;
+}
+html .wizard-progress.wizard-progress-lg ul li a span,
+html.dark .wizard-progress.wizard-progress-lg ul li a span {
+ width: 60px;
+ height: 60px;
+ margin-top: -30px;
+ margin-left: -30px;
+ border-radius: 60px;
+ line-height: 52px;
+ font-size: 22px;
+ border-width: 4px;
+}
+
+html.dark .wizard-progress .wizard-steps li a {
+ color: #808697;
+}
+html.dark .wizard-progress.wizard-progress ul li a span {
+ background: #242830;
+ border-color: #242830;
+}
+html.dark .wizard-progress .wizard-steps li.active a span {
+ background: #242830;
+}
+html.dark .wizard-progress .steps-progress {
+ background: #242830;
+}
+
+@media only screen and (max-width: 991px) {
+ html .wizard-progress, html .wizard-progress.wizard-progress-lg, html.dark .wizard-progress, html.dark .wizard-progress.wizard-progress-lg {
+ width: auto;
+ margin-bottom: 0;
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+ html .wizard-progress .steps-progress, html.dark .wizard-progress .steps-progress {
+ display: none;
+ }
+ html .wizard-progress .wizard-steps, html.dark .wizard-progress .wizard-steps {
+ display: block;
+ font-size: 0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: left;
+ width: 100%;
+ }
+ html .wizard-progress .wizard-steps li, html.dark .wizard-progress .wizard-steps li {
+ -webkit-transition: margin 0.5s linear;
+ -moz-transition: margin 0.5s linear;
+ transition: margin 0.5s linear;
+ display: inline-block;
+ float: none;
+ position: relative;
+ width: 100%;
+ min-width: 0;
+ max-width: none;
+ }
+ html .wizard-progress .wizard-steps li a, html.dark .wizard-progress .wizard-steps li a {
+ position: relative;
+ z-index: 2;
+ }
+ html .wizard-progress .wizard-steps li:before, html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:after {
+ content: '';
+ display: block;
+ height: 2px;
+ position: absolute;
+ top: 0;
+ width: 50%;
+ }
+ html .wizard-progress .wizard-steps li:before, html.dark .wizard-progress .wizard-steps li:before {
+ background: #CCC;
+ left: 0;
+ }
+ html .wizard-progress .wizard-steps li:after, html.dark .wizard-progress .wizard-steps li:after {
+ background: #CCC;
+ right: 0;
+ }
+ html .wizard-progress .wizard-steps li.active, html.dark .wizard-progress .wizard-steps li.active {
+ margin-left: 0;
+ }
+ html .wizard-progress .wizard-steps li.completed, html.dark .wizard-progress .wizard-steps li.completed {
+ margin-left: -100%;
+ }
+ html .wizard-progress .wizard-steps li.completed:after, html.dark .wizard-progress .wizard-steps li.completed:after {
+ background: #CCC;
+ }
+ html .wizard-progress .wizard-steps li.completed.active, html.dark .wizard-progress .wizard-steps li.completed.active {
+ margin-left: 0;
+ }
+ html .wizard-progress .wizard-steps li:first-child:before, html.dark .wizard-progress .wizard-steps li:first-child:before {
+ display: none;
+ }
+ html .wizard-progress .wizard-steps li:last-child:after, html.dark .wizard-progress .wizard-steps li:last-child:after {
+ display: none;
+ }
+ html .wizard-progress.wizard-progress-lg .wizard-steps li, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li {
+ min-width: 0;
+ max-width: none;
+ }
+ html .wizard-progress.wizard-progress-lg .wizard-steps li:before, html .wizard-progress.wizard-progress-lg .wizard-steps li:after, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:before, html.dark .wizard-progress.wizard-progress-lg .wizard-steps li:after {
+ height: 4px;
+ }
+}
+.form-wizard {
+ margin-bottom: 20px;
+}
+.form-wizard .tabs {
+ margin-bottom: 0;
+}
+.form-wizard .tab-content {
+ background: #FFF;
+ border: 0 none;
+ box-shadow: none;
+}
+.form-wizard ul.pager .next a,
+.form-wizard ul.pager .previous a,
+.form-wizard ul.pager .first a,
+.form-wizard ul.pager .last a,
+.form-wizard ul.pager .finish a {
+ cursor: pointer;
+}
+.form-wizard ul.pager .disabled a {
+ cursor: not-allowed;
+}
+.form-wizard ul.pager .next.disabled {
+ display: none;
+}
+
+html.dark .form-wizard .pager li > a,
+html.dark .form-wizard .pager li > a:hover,
+html.dark .form-wizard .pager li > a:focus,
+html.dark .form-wizard .pager li > span {
+ background: #2e353e;
+ border-color: #282d36;
+ color: #EEE;
+}
+html.dark .form-wizard .pager .disabled > a, html.dark .form-wizard .pager .disabled > a:hover, html.dark .form-wizard .pager .disabled > a:focus, html.dark .form-wizard .pager .disabled > span {
+ background: #282d36;
+ border-color: #282d36;
+ color: #EEE;
+}
+
+.switch {
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ margin: 3px 0;
+}
+.switch .ios-switch {
+ height: 35px;
+ width: 65px;
+}
+.switch .ios-switch .handle {
+ height: 31px;
+ width: 31px;
+}
+.switch.switch-primary .ios-switch .on-background {
+ background: #CCC;
+}
+.switch.switch-success .ios-switch .on-background {
+ background: #47a447;
+}
+.switch.switch-warning .ios-switch .on-background {
+ background: #ed9c28;
+}
+.switch.switch-danger .ios-switch .on-background {
+ background: #d2322d;
+}
+.switch.switch-info .ios-switch .on-background {
+ background: #5bc0de;
+}
+.switch.switch-dark .ios-switch .on-background {
+ background: #171717;
+}
+.switch.switch-lg .ios-switch {
+ height: 45px;
+ width: 75px;
+}
+.switch.switch-lg .ios-switch .handle {
+ height: 41px;
+ width: 41px;
+}
+.switch.switch-sm .ios-switch {
+ height: 25px;
+ width: 55px;
+}
+.switch.switch-sm .ios-switch .handle {
+ height: 21px;
+ width: 21px;
+}
+
+.ios-switch {
+ height: 45px;
+ width: 75px;
+ position: relative;
+ background-color: #E5E5E5;
+ border-radius: 100px;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+
+.ios-switch .background-fill {
+ width: 100%;
+ height: 100%;
+ border-radius: 100px;
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+.ios-switch .on-background {
+ background-image: -o-linear-gradient(#00e459, #00e158);
+ background-image: -ms-linear-gradient(#00e459, #00e158);
+ background-image: -moz-linear-gradient(#00e459, #00e158);
+ background-image: -webkit-linear-gradient(#00e459, #00e158);
+ background-image: linear-gradient(#00e459, #00e158);
+ opacity: 0;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ filter: alpha(opacity=0);
+ z-index: 1;
+ -o-transition: .3s 0.2s;
+ -ms-transition: .3s 0.2s;
+ -moz-transition: .3s 0.2s;
+ -webkit-transition: .3s 0.2s;
+ transition: .3s 0.2s;
+}
+
+.ios-switch .state-background {
+ border-radius: 100px;
+ z-index: 2;
+ background-image: -o-linear-gradient(#ffffff, #FDFDFD);
+ background-image: -ms-linear-gradient(#ffffff, #FDFDFD);
+ background-image: -moz-linear-gradient(#ffffff, #FDFDFD);
+ background-image: -webkit-linear-gradient(#ffffff, #FDFDFD);
+ background-image: linear-gradient(#ffffff, #FDFDFD);
+ border: 2px solid #E5E5E5;
+ -o-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ -moz-transform: scale(1);
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -o-transition: .4s;
+ -ms-transition: .4s;
+ -moz-transition: .4s;
+ -webkit-transition: .4s;
+ transition: .4s;
+}
+
+.ios-switch .handle {
+ width: 41px;
+ height: 41px;
+ background-color: white;
+ top: 2px;
+ left: 2px;
+ position: absolute;
+ border-radius: 20px;
+ box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05);
+ z-index: 3;
+ -o-transition: -o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -ms-transition: -ms-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -moz-transition: -moz-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -o-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -ms-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -moz-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -webkit-transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ transition: transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
+ -o-box-sizing: content-box;
+ -ms-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+}
+
+.ios-switch.off .handle {
+ -o-animation: expand-off .3s 0.2s;
+ -ms-animation: expand-off .3s 0.2s;
+ -moz-animation: expand-off .3s 0.2s;
+ -webkit-animation: expand-off .3s 0.2s;
+ animation: expand-off .3s 0.2s;
+ -o-transform: translate(0px, 0);
+ -ms-transform: translate(0px, 0);
+ -moz-transform: translate(0px, 0);
+ -webkit-transform: translate(0px, 0);
+ transform: translate(0px, 0);
+ -o-transform: translate3d(0px, 0, 0);
+ -ms-transform: translate3d(0px, 0, 0);
+ -moz-transform: translate3d(0px, 0, 0);
+ -webkit-transform: translate3d(0px, 0, 0);
+ transform: translate3d(0px, 0, 0);
+}
+
+.ios-switch.off .on-background {
+ -o-transition: .3s 0s;
+ -ms-transition: .3s 0s;
+ -moz-transition: .3s 0s;
+ -webkit-transition: .3s 0s;
+ transition: .3s 0s;
+}
+
+.ios-switch.off .state-background {
+ -o-transition: .4s 0.25s;
+ -ms-transition: .4s 0.25s;
+ -moz-transition: .4s 0.25s;
+ -webkit-transition: .4s 0.25s;
+ transition: .4s 0.25s;
+}
+
+.ios-switch.on .handle {
+ -o-animation: expand-on .3s 0.2s;
+ -ms-animation: expand-on .3s 0.2s;
+ -moz-animation: expand-on .3s 0.2s;
+ -webkit-animation: expand-on .3s 0.2s;
+ animation: expand-on .3s 0.2s;
+ -o-transform: translate(30px, 0);
+ -ms-transform: translate(30px, 0);
+ -moz-transform: translate(30px, 0);
+ -webkit-transform: translate(30px, 0);
+ transform: translate(30px, 0);
+ -o-transform: translate3d(30px, 0, 0);
+ -ms-transform: translate3d(30px, 0, 0);
+ -moz-transform: translate3d(30px, 0, 0);
+ -webkit-transform: translate3d(30px, 0, 0);
+ transform: translate3d(30px, 0, 0);
+}
+
+.ios-switch.on .on-background {
+ opacity: 1;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ filter: alpha(opacity=100);
+}
+
+.ios-switch.on .state-background {
+ -o-transform: scale(0);
+ -ms-transform: scale(0);
+ -moz-transform: scale(0);
+ -webkit-transform: scale(0);
+ transform: scale(0);
+}
+
+@keyframes expand-on {
+ 0% {
+ padding-right: 0;
+ }
+ 40% {
+ padding-right: 9px;
+ }
+ 100% {
+ padding-right: 0;
+ }
+}
+@keyframes expand-off {
+ 0% {
+ padding-right: 0;
+ left: 2px;
+ }
+ 40% {
+ padding-right: 9px;
+ left: -7px;
+ }
+ 100% {
+ padding-right: 0;
+ left: 2px;
+ }
+}
+@-o-keyframes expand-on {
+ 0% {
+ padding-right: 0;
+ }
+ 40% {
+ padding-right: 9px;
+ }
+ 100% {
+ padding-right: 0;
+ }
+}
+@-ms-keyframes expand-on {
+ 0% {
+ padding-right: 0;
+ }
+ 40% {
+ padding-right: 9px;
+ }
+ 100% {
+ padding-right: 0;
+ }
+}
+@-moz-keyframes expand-on {
+ 0% {
+ padding-right: 0;
+ }
+ 40% {
+ padding-right: 9px;
+ }
+ 100% {
+ padding-right: 0;
+ }
+}
+@-webkit-keyframes expand-on {
+ 0% {
+ padding-right: 0;
+ }
+ 40% {
+ padding-right: 9px;
+ }
+ 100% {
+ padding-right: 0;
+ }
+}
+@-o-keyframes expand-off {
+ 0% {
+ padding-right: 0;
+ left: 2px;
+ }
+ 40% {
+ padding-right: 9px;
+ left: -7px;
+ }
+ 100% {
+ padding-right: 0;
+ left: 2px;
+ }
+}
+@-ms-keyframes expand-off {
+ 0% {
+ padding-right: 0;
+ left: 2px;
+ }
+ 40% {
+ padding-right: 9px;
+ left: -7px;
+ }
+ 100% {
+ padding-right: 0;
+ left: 2px;
+ }
+}
+@-moz-keyframes expand-off {
+ 0% {
+ padding-right: 0;
+ left: 2px;
+ }
+ 40% {
+ padding-right: 9px;
+ left: -7px;
+ }
+ 100% {
+ padding-right: 0;
+ left: 2px;
+ }
+}
+@-webkit-keyframes expand-off {
+ 0% {
+ padding-right: 0;
+ left: 2px;
+ }
+ 40% {
+ padding-right: 9px;
+ left: -7px;
+ }
+ 100% {
+ padding-right: 0;
+ left: 2px;
+ }
+}
+/* Summernote */
+.note-editor {
+ border-radius: 4px;
+ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+.note-editor, .note-editor.note-frame {
+ border: 1px solid #ddd;
+}
+.note-editor.active {
+ border-color: #66afe9;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+.note-editor .note-title {
+ padding-top: 0 !important;
+}
+.note-editor .note-toolbar {
+ background-color: #f5f5f5;
+ border-bottom: 1px dashed #ddd;
+ border-left: none;
+ border-right: none;
+ border-top: none;
+ border-radius: 4px 4px 0 0;
+ padding: 3px 10px 7px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.note-editor .note-toolbar i {
+ margin: 0;
+}
+.note-editor .note-toolbar i:before {
+ margin: 0;
+}
+.note-editor .note-toolbar .btn-group {
+ float: none !important;
+}
+.note-editor .note-toolbar .btn-group > .btn-group:last-child > .btn:first-child {
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.note-editor .note-toolbar .btn-group > .btn-group:first-child > .btn:last-child,
+.note-editor .note-toolbar .btn-group > .btn-group:first-child > .dropdown-toggle {
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px;
+}
+@media only screen and (max-width: 767px) {
+ .note-editor .note-toolbar {
+ text-align: center;
+ }
+}
+.note-editor .note-editable {
+ clear: both;
+ background: #FFF;
+ border: none;
+ border-radius: 0 0 4px 4px;
+ font-family: Arial, Helvetica, Sans-serif;
+}
+.note-editor .note-statusbar {
+ background: #FFF;
+ border-radius: 0 0 4px 4px;
+}
+.note-editor .note-statusbar .note-resizebar {
+ border-color: #DDD;
+ display: block;
+}
+
+html.dark .note-editor {
+ border-color: #282d36;
+ color: #EEE;
+}
+html.dark .note-editor .note-toolbar,
+html.dark .note-editor .note-statusbar {
+ background: #242830;
+ border-color: #1d2127;
+}
+html.dark .note-editor .note-editable {
+ background: #282d36;
+ border-color: #1d2127;
+}
+html.dark .note-editor .note-statusbar .note-resizebar {
+ border-color: #1d2127;
+}
+html.dark .note-editor .note-statusbar .note-resizebar .note-icon-bar {
+ border-color: #444;
+}
+html.dark .note-editor .note-editing-area .note-editable {
+ color: #EEE;
+}
+html.dark .note-editor .caret {
+ border-color: #FFF transparent transparent;
+}
+
+/* Bootstrap Markdown */
+.md-editor {
+ border-radius: 4px;
+ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+}
+.md-editor > .md-header {
+ border-radius: 4px 4px 0 0;
+ padding: 6px 4px 0;
+}
+.md-editor > .md-preview,
+.md-editor > textarea {
+ background: #FFF;
+ border-bottom: none;
+ border-radius: 0 0 4px 4px;
+ padding: 10px;
+ outline: none;
+ width: 100% !important;
+}
+.md-editor .btn-group {
+ margin-bottom: 6px;
+}
+
+html.dark .md-editor {
+ border-color: #282d36;
+}
+html.dark .md-editor > .md-header,
+html.dark .md-editor .md-footer {
+ background: #242830;
+}
+html.dark .md-editor > .md-preview,
+html.dark .md-editor > textarea {
+ background: #282d36;
+}
+html.dark .md-editor > textarea {
+ color: #EEE;
+ border-color: #1d2127;
+}
+
+@media only screen and (max-width: 767px) {
+ .bootstrap-maxlength.bottom-left {
+ margin-left: 40px;
+ }
+}
+.bootstrap-tagsinput {
+ width: 100%;
+}
+
+.form-group-invisible .bootstrap-tagsinput {
+ border: 0 none;
+ box-shadow: none;
+ background-color: transparent;
+}
+
+html.dark .bootstrap-tagsinput {
+ background: #282d36;
+ border-color: #282d36;
+}
+
+html.dark .bootstrap-timepicker-widget {
+ background-color: #282d36;
+}
+html.dark .bootstrap-timepicker-widget:before {
+ border-bottom-color: #1d2127;
+}
+html.dark .bootstrap-timepicker-widget:after {
+ border-bottom-color: #282d36;
+}
+html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
+ border-top-color: #1d2127;
+}
+html.dark .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
+ border-top-color: #282d36;
+}
+html.dark .bootstrap-timepicker-widget table td a {
+ color: #FFF;
+}
+html.dark .bootstrap-timepicker-widget table td a:hover {
+ border-color: #282d36;
+}
+html.dark .bootstrap-timepicker-widget table td input {
+ background-color: #21262d;
+ border-color: #282d36;
+ color: #EEE;
+}
+
+html.dark .colorpicker {
+ background-color: #282d36;
+}
+html.dark .colorpicker:before {
+ border-bottom-color: #1d2127;
+}
+html.dark .colorpicker:after {
+ border-bottom-color: #282d36;
+}
+
+html.dark .multiselect-container {
+ background-color: #282d36;
+}
+html.dark .multiselect-container > li > a {
+ color: #EEE;
+}
+html.dark .multiselect-container > li > a:hover, html.dark .multiselect-container > li > a:focus {
+ background-color: #1d2127;
+ color: #FFF;
+}
+
+.spinner-buttons.btn-group-vertical .btn {
+ height: 18px;
+ margin: 0 0 0 -1px;
+ padding-left: 6px;
+ padding-right: 6px;
+ text-align: center;
+ width: 22px;
+ line-height: 14px;
+}
+.spinner-buttons.btn-group-vertical .btn i {
+ margin-top: -2px;
+}
+.spinner-buttons.btn-group-vertical .btn:first-child {
+ border-radius: 0 4px 0 0 !important;
+ -webkit-border-radius: 0 4px 0 0 !important;
+}
+.spinner-buttons.btn-group-vertical .btn:last-child {
+ border-radius: 0 0 4px !important;
+ -webkit-border-radius: 0 0 4px !important;
+ margin-top: -1px;
+ height: 17px;
+}
+
+.dropzone {
+ background: rgba(0, 0, 0, 0.03) none repeat scroll 0 0;
+ border: 1px solid rgba(0, 0, 0, 0.03);
+ border-radius: 3px;
+ min-height: 122px;
+ padding: 23px;
+}
+.dropzone .dz-default span {
+ -webkit-transition: color 0.1s ease-in;
+ -moz-transition: color 0.1s ease-in;
+ transition: color 0.1s ease-in;
+ font-size: 20px;
+ color: rgba(0, 0, 0, 0.2);
+}
+.dropzone:hover .dz-default span {
+ color: rgba(0, 0, 0, 0.3);
+}
+
+html.dark .dropzone .dz-default span {
+ color: rgba(255, 255, 255, 0.2);
+}
+html.dark .dropzone:hover .dz-default span {
+ color: rgba(255, 255, 255, 0.3);
+}
+
+/* Form Group Invisible */
+.form-group-invisible {
+ position: relative;
+}
+.form-group-invisible.focus .control-label-invisible {
+ color: #0088cc;
+}
+.form-group-invisible .control-label-invisible {
+ bottom: 0;
+ display: block;
+ float: none;
+ left: 0;
+ line-height: 64px;
+ margin: 0;
+ padding-left: 50px;
+ position: absolute;
+ right: 0;
+ top: -15px;
+ -webkit-transition: color ease-in-out 0.15s;
+ -moz-transition: color ease-in-out 0.15s;
+ transition: color ease-in-out 0.15s;
+ width: auto;
+}
+.form-group-invisible .form-control-invisible, .form-group-invisible .form-control-invisible:focus, .form-group-invisible .form-control-invisible:active, .form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
+ background: transparent !important;
+ border-color: transparent !important;
+ box-shadow: none !important;
+}
+.form-group-invisible .form-control-invisible + .bootstrap-tagsinput {
+ margin-bottom: 4px;
+}
+
+@media only screen and (max-width: 767px) {
+ .form-group-invisible {
+ padding-top: 30px;
+ }
+ .form-group-invisible .control-label-invisible {
+ padding-left: 27px;
+ }
+}
+html.dark .CodeMirror pre {
+ background: transparent;
+ border: none;
+}
+
+@media only screen and (max-width: 767px) {
+ #gmap {
+ margin: -40px -15px 0 -15px;
+ }
+
+ html.mobile-device #gmap {
+ min-height: 100px;
+ }
+}
+@media only screen and (min-width: 768px) {
+ #gmap {
+ bottom: 0;
+ height: auto !important;
+ left: 0;
+ position: absolute !important;
+ right: 0;
+ top: 0;
+ min-height: 0;
+ }
+}
+/* List Containing Markers */
+.list-markers {
+ border-bottom: 1px solid #21262d;
+ padding-bottom: 10px;
+}
+.list-markers li {
+ position: relative;
+}
+.list-markers p {
+ margin: 0 0 2px 0;
+ padding: 3px 55px 3px 0;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ width: 100%;
+}
+.list-markers .location-action {
+ position: absolute;
+ right: 0;
+ top: 2px;
+}
+.list-markers .location-action.location-edit {
+ right: 15px;
+ top: 3px;
+}
+.list-markers .location-action.location-center {
+ right: 37px;
+}
+
+/* Modal Add/Edit Markers */
+.marker-modal .modal-dialog {
+ max-width: 450px;
+}
+
+.jqvmap-zoomin,
+.jqvmap-zoomout {
+ background: #CCC;
+ border-radius: 2px;
+ color: #FFF;
+ height: 20px;
+ line-height: 20px;
+ padding: 0;
+ width: 20px;
+ text-align: center;
+}
+.jqvmap-zoomin:hover,
+.jqvmap-zoomout:hover {
+ background: #bfbfbf;
+}
+
+.jqvmap-zoomout {
+ top: 35px;
+}
+
+/* Turns Container With Sidebar Fluid when layout is Boxed */
+html.boxed .container-with-sidebar {
+ width: 100% !important;
+}
+html.boxed:not(.sidebar-left-collapsed) .container-with-sidebar [class*="col-"]:not(.isotope-item) {
+ width: 100%;
+}
+
+/* Container With Sidebar - Sidebar Collapsed */
+@media (min-width: 768px) and (max-width: 991px) {
+ .container-with-sidebar {
+ width: 100%;
+ }
+}
+@media (min-width: 992px) {
+ .container-with-sidebar {
+ width: calc(970px - 144px);
+ }
+}
+@media (min-width: 1200px) {
+ .container-with-sidebar {
+ width: calc(1170px - 144px);
+ }
+}
+@media (min-width: 1600px) {
+ .container-with-sidebar {
+ width: calc(1570px - 144px) !important;
+ }
+}
+/* Container With Sidebar */
+@media (min-width: 768px) and (max-width: 1199px) {
+ html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
+ width: 100%;
+ }
+ html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar [class*="col-"]:not(.isotope-item) {
+ width: 100%;
+ }
+}
+@media (min-width: 992px) {
+ html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
+ width: calc(970px - 300px);
+ }
+}
+@media (min-width: 1200px) {
+ html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
+ width: calc(1170px - 300px);
+ }
+}
+@media (min-width: 1600px) {
+ html:not(.sidebar-left-collapsed):not(.boxed) .container-with-sidebar {
+ width: calc(1570px - 300px) !important;
+ }
+}
+
+/* Custom Padding Bottom - When Boxed layout */
+html.boxed .custom-padding {
+ padding-bottom: 0;
+ padding-top: 50px;
+}
+
+/* Custom Padding Bottom - With Sidebar */
+@media (max-width: 1470px) {
+ html:not(.sidebar-left-collapsed) .custom-padding {
+ padding-bottom: 0;
+ padding-top: 30px;
+ }
+}
+
+/* Custom Padding Bottom - Without Sidebar */
+@media (max-width: 1599px) {
+ .custom-padding {
+ padding-bottom: 0;
+ padding-top: 30px;
+ }
+}
+/* Custom Padding Bottom - Without Sidebar */
+@media (max-width: 767px) {
+ .custom-padding {
+ padding-bottom: 0;
+ padding-top: 0px;
+ }
+}
+/* Custom Padding Bottom - Without Sidebar */
+@media (min-width: 1600px) {
+ .custom-padding {
+ padding-bottom: 0;
+ padding-top: 50px;
+ }
+}
+/* Custom Position For Porto Front-End Landing Dashboard */
+.custom-pos {
+ position: relative;
+ top: 20px;
+}
+@media (max-width: 1599px) {
+ .custom-pos {
+ top: 100px;
+ }
+ .custom-pos .abs-bottom-left {
+ left: 0;
+ }
+}
+@media (max-width: 1199px) {
+ .custom-pos .abs-bottom-left {
+ width: 30%;
+ bottom: -10px;
+ }
+}
+@media (max-width: 991px) {
+ .custom-pos {
+ top: 10px;
+ }
+ .custom-pos .abs-bottom-left {
+ width: initial;
+ left: 12vw;
+ bottom: -10px;
+ -webkit-transform: translateX(-50%);
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -o-transform: translateX(-50%);
+ transform: translateX(-50%);
+ }
+}
+
+/* Custom Position For Porto Front-End Landing Dashboard - With Sidebar */
+@media (max-width: 1599px) {
+ html:not(.sidebar-left-collapsed) .custom-pos {
+ top: 100px;
+ }
+ html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ width: 30%;
+ bottom: -10px;
+ }
+}
+@media (max-width: 1199px) {
+ html:not(.sidebar-left-collapsed) .custom-pos {
+ top: 10px;
+ }
+ html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ width: 30%;
+ bottom: -10px;
+ }
+}
+@media (max-width: 991px) {
+ html:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ width: 35%;
+ left: 8vw;
+ }
+}
+
+/* Custom Position For Porto Front-End Landing Dashboard - Layout Boxed */
+html.boxed .custom-pos {
+ top: 100px;
+}
+html.boxed .custom-pos .abs-bottom-left {
+ left: -5px;
+}
+@media (max-width: 991px) {
+ html.boxed .custom-pos .abs-bottom-left {
+ width: 35%;
+ left: 9vw;
+ }
+}
+html.boxed:not(.sidebar-left-collapsed) .custom-pos {
+ top: 10px;
+}
+html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ left: 6vw;
+}
+@media (max-width: 1599px) {
+ html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ width: 24%;
+ }
+}
+@media (max-width: 1199px) {
+ html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ width: 27%;
+ left: 2vw;
+ }
+}
+@media (max-width: 991px) {
+ html.boxed:not(.sidebar-left-collapsed) .custom-pos .abs-bottom-left {
+ width: 35%;
+ left: 9vw;
+ }
+}
+
+/* Section Padding */
+.section-padding {
+ padding: 90px 0 75px;
+}
+
+/* Section Full Width Background Light */
+.section-full-width-bg-light {
+ position: relative;
+ background-color: #FFF;
+}
+.section-full-width-bg-light:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ width: 100vw;
+ height: 100%;
+ background-color: #FFF;
+ z-index: 0;
+ -webkit-transform: translateX(-50%);
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -o-transform: translateX(-50%);
+ transform: translateX(-50%);
+}
+
+/* Heading Margin Top */
+@media (min-width: 1200px) {
+ html:not(.sidebar-left-collapsed) .heading-margin-top {
+ margin-top: 108px;
+ }
+}
+
+@media (min-width: 992px) {
+ .heading-margin-top {
+ margin-top: 80px;
+ }
+}
+/* Absolute Position Bottom Left */
+.abs-bottom-left {
+ position: absolute;
+ bottom: -3px;
+ left: 40px;
+}
+
+/* Overflow Hidden */
+.overflow-hidden {
+ overflow: hidden;
+}
+
+/* List */
+.list.list-icons > li {
+ line-height: 2.2;
+}
+
+/* Testimonial */
+.testimonial {
+ background: #ecedf0;
+ padding: 40px;
+}
+.testimonial blockquote {
+ position: relative;
+ border-left: none;
+ font-family: Georgia, serif;
+ padding: 10px 60px;
+ margin-bottom: 0;
+}
+.testimonial blockquote:before {
+ left: 10px;
+ top: 0;
+ color: #777;
+ content: "\201C";
+ font-size: 80px;
+ font-style: normal;
+ font-family: Georgia, serif;
+ line-height: 1;
+ position: absolute;
+}
+.testimonial blockquote:after {
+ color: #777;
+ content: "\201D";
+ font-size: 80px;
+ font-style: normal;
+ font-family: Georgia, serif;
+ line-height: 1;
+ position: absolute;
+ bottom: -0.5em;
+ right: 10px;
+}
+.testimonial blockquote p {
+ font-family: Georgia, serif;
+ font-size: 18px;
+ line-height: 1.8;
+}
+
+.mailbox .content-with-menu-container {
+ background: #FFF;
+}
+.mailbox .mailbox-bullets .ball {
+ border: 5px solid red;
+ border-radius: 100px;
+ display: block;
+ float: right;
+ margin-top: 6px;
+}
+.mailbox .mailbox-bullets .ball.pink {
+ border-color: #EA4C89;
+}
+.mailbox .mailbox-bullets .ball.green {
+ border-color: #9AE14F;
+}
+.mailbox .mailbox-bullets .ball.blue {
+ border-color: #1BC3E1;
+}
+.mailbox .mailbox-bullets .ball.orange {
+ border-color: #E2A917;
+}
+
+.mailbox .mailbox-folder {
+ height: auto !important;
+ padding: 0 0 40px;
+}
+
+/* mailbox - main header */
+.mailbox .mailbox-folder .mailbox-header {
+ padding: 38px 40px 43px;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-folder .mailbox-header {
+ padding: 20px;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-folder .mailbox-header .mailbox-title {
+ margin-bottom: 10px !important;
+ }
+}
+.mailbox .mailbox-folder .mailbox-header .search {
+ float: right;
+ margin-top: 3px;
+ max-width: 100px;
+}
+.mailbox .mailbox-folder .mailbox-header .search input[type="text"] {
+ -webkit-transition-property: width, margin;
+ -moz-transition-property: width, margin;
+ transition-property: width, margin;
+ -webkit-transition-duration: 0.3s;
+ -moz-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
+ -moz-transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
+ transition-timing-function: cubic-bezier(0.05, 0.91, 0.25, 0.99);
+}
+.mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus {
+ margin-left: -150%;
+ width: 250%;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-folder .mailbox-header .search input[type="text"]:focus {
+ margin-left: 0;
+ width: 100%;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-folder .mailbox-header .search {
+ max-width: none;
+ }
+}
+
+/* mailbox - actions */
+.mailbox .mailbox-actions {
+ border-top: 1px solid #EFEFEF;
+ padding-left: 40px;
+ padding-right: 40px;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-actions {
+ padding-left: 20px;
+ padding-right: 20px;
+ text-align: center;
+ }
+}
+.mailbox .mailbox-actions ul a.item-action {
+ background: #FFF;
+ border-radius: 100px;
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
+ color: #B4BBC1;
+ display: inline-block;
+ font-size: 1.4rem;
+ height: 30px;
+ line-height: 3rem;
+ position: relative;
+ width: 30px;
+ text-align: center;
+ -webkit-transition-property: color;
+ -moz-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: 0.3s;
+ -moz-transition-duration: 0.3s;
+ transition-duration: 0.3s;
+ -webkit-transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1);
+ -moz-transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1);
+ transition-timing-function: cubic-bezier(0.2, 0.6, 0.25, 1);
+ -webkit-transition-delay: 0.1s;
+ -moz-transition-delay: 0.1s;
+ transition-delay: 0.1s;
+}
+.mailbox .mailbox-actions ul a.item-action:hover {
+ color: #57636C;
+ text-decoration: none;
+}
+.mailbox .mailbox-actions ul a.item-action.text-primary:hover {
+ color: #b3b3b3 !important;
+}
+.mailbox .mailbox-actions ul a.item-action.text-success:hover {
+ color: #388038 !important;
+}
+.mailbox .mailbox-actions ul a.item-action.text-warning:hover {
+ color: #d18211 !important;
+}
+.mailbox .mailbox-actions ul a.item-action.text-danger:hover {
+ color: #a82824 !important;
+}
+.mailbox .mailbox-actions ul a.item-action.text-info:hover {
+ color: #31b0d5 !important;
+}
+.mailbox .mailbox-actions ul a.item-action.text-dark:hover {
+ color: black !important;
+}
+
+/* mailbox - mail list */
+.mailbox .mailbox-email-list {
+ border-top: 1px solid #f7f7f7;
+ font-size: 1.5rem;
+ font-weight: 300;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list {
+ position: static !important;
+ }
+}
+.mailbox .mailbox-email-list li {
+ border-bottom: 1px solid #f7f7f7;
+ height: 50px;
+ line-height: 50px;
+ padding: 0 40px;
+ position: relative;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list li {
+ height: 75px;
+ padding: 0 20px;
+ }
+}
+.mailbox .mailbox-email-list li a {
+ color: #777;
+}
+.mailbox .mailbox-email-list li:hover {
+ background: #FAFAFA;
+}
+.mailbox .mailbox-email-list li.unread a {
+ color: #555;
+ font-weight: 500;
+}
+.mailbox .mailbox-email-list li.active {
+ background: #CCC;
+}
+.mailbox .mailbox-email-list li.active a {
+ color: #FFF;
+}
+.mailbox .mailbox-email-list .mail-label {
+ border: 4px solid transparent;
+ border-radius: 10px;
+ display: inline-block;
+ left: 16px;
+ position: absolute;
+ top: 21px;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .mail-label {
+ border-radius: 0;
+ border-width: 1px;
+ bottom: 0;
+ left: 0;
+ top: 0;
+ }
+}
+.mailbox .mailbox-email-list .col-sender {
+ float: left;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 250px;
+ white-space: nowrap;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .col-sender {
+ width: 100%;
+ }
+}
+.mailbox .mailbox-email-list .col-sender p {
+ left: 80px;
+ overflow: hidden;
+ position: absolute;
+ right: 0;
+ text-overflow: ellipsis;
+ top: 0;
+ white-space: nowrap;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .col-sender p {
+ left: 60px;
+ }
+}
+.mailbox .mailbox-email-list .col-mail {
+ bottom: 0;
+ left: 290px;
+ position: absolute;
+ right: 40px;
+ top: 0;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .col-mail {
+ left: 60px;
+ right: 20px;
+ }
+}
+.mailbox .mailbox-email-list .col-mail .mail-content,
+.mailbox .mailbox-email-list .col-mail .mail-date,
+.mailbox .mailbox-email-list .col-mail .mail-attachment {
+ position: absolute;
+ top: 0;
+}
+.mailbox .mailbox-email-list .col-mail .mail-content {
+ left: 0;
+ right: 140px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .col-mail .mail-content {
+ right: 0;
+ top: 25px;
+ }
+}
+.mailbox .mailbox-email-list .col-mail .mail-attachment {
+ color: #BBB;
+ right: 100px;
+ line-height: 50px;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .col-mail .mail-attachment {
+ font-size: 1.1rem;
+ line-height: 1.4rem;
+ right: 55px;
+ top: 6px;
+ }
+}
+.mailbox .mailbox-email-list .col-mail .mail-date {
+ padding-left: 80px;
+ right: 0;
+ width: 150px;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .col-mail .mail-date {
+ font-size: 1rem;
+ line-height: 1.4rem;
+ padding-left: 0;
+ text-align: right;
+ top: 5px;
+ width: 130px;
+ }
+}
+
+/* Mailbox Mail List - Unstyle nano for non fixed layouts and responsive */
+html.scroll .mailbox .mailbox-email-list .nano,
+html.boxed .mailbox .mailbox-email-list .nano {
+ position: static;
+ height: auto;
+ overflow: visible;
+ width: auto;
+}
+html.scroll .mailbox .mailbox-email-list .nano .nano-content,
+html.boxed .mailbox .mailbox-email-list .nano .nano-content {
+ position: static;
+ overflow: visible;
+}
+
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email-list .nano {
+ position: static;
+ height: auto;
+ overflow: visible;
+ width: auto;
+ }
+ .mailbox .mailbox-email-list .nano .nano-content {
+ position: static;
+ overflow: visible;
+ }
+}
+/* Mailbox Mail List + Fixed Layout */
+@media only screen and (min-width: 768px) {
+ html.fixed .mailbox .mailbox-email-list {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ overflow: hidden;
+ top: 191px;
+ }
+}
+/* Mailbox - Email */
+.mailbox .mailbox-email {
+ background: #FAFAFA;
+}
+.mailbox .mailbox-email .mailbox-email-header {
+ background: #FFF;
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
+ margin: -40px -40px 0 -40px;
+ padding: 30px;
+}
+@media only screen and (max-width: 767px) {
+ .mailbox .mailbox-email .mailbox-email-header {
+ margin-left: -15px;
+ margin-right: -15px;
+ }
+}
+.mailbox .mailbox-email .mailbox-close-mail {
+ color: #CCC;
+ cursor: pointer;
+ font-weight: 300;
+ float: left;
+}
+.mailbox .mailbox-email .mailbox-close-mail:hover {
+ color: #d9d9d9;
+}
+.mailbox .mailbox-email .mailbox-close-mail, .mailbox .mailbox-email .mailbox-close-mail:focus {
+ text-decoration: none;
+}
+.mailbox .mailbox-email .panel .panel-heading {
+ background: #FFF;
+ border-bottom-color: #EFEFEF;
+}
+.mailbox .mailbox-email .panel .panel-heading .panel-actions {
+ top: 17px;
+}
+.mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
+ background: #FFF;
+ color: #CCC;
+}
+.mailbox .mailbox-email .panel .panel-footer {
+ background: #FFF;
+ border-top-color: #EFEFEF;
+ color: #BBB;
+}
+
+/* Mailbox - Showing Menu Toggle */
+@media only screen and (min-width: 768px) and (max-width: 1365px) {
+ .mailbox .mailbox-folder .mailbox-header .mailbox-title {
+ position: relative;
+ top: 28px;
+ }
+
+ .mailbox .mailbox-email .mailbox-email-header {
+ padding-top: 80px;
+ }
+
+ html.inner-menu-opened .mailbox .mailbox-folder .mailbox-header .mailbox-title {
+ position: static;
+ }
+ html.inner-menu-opened .mailbox .mailbox-email .mailbox-email-header {
+ padding-top: 30px;
+ }
+}
+/* Mailbox Compose */
+.mailbox-compose {
+ margin: -20px -40px 0 -40px;
+ padding: 0 15px;
+}
+.mailbox-compose .compose {
+ margin: 0 40px;
+}
+.mailbox-compose .compose .note-editable {
+ min-height: 250px;
+}
+.mailbox-compose .compose .note-editor,
+.mailbox-compose .compose .note-toolbar {
+ border: none;
+}
+.mailbox-compose .compose .note-resizebar {
+ display: none;
+}
+
+@media only screen and (max-width: 767px) {
+ .mailbox-compose {
+ margin: -20px -15px 0 -15px;
+ }
+ .mailbox-compose .compose {
+ margin-left: 5px;
+ margin-right: 5px;
+ }
+}
+/* dark */
+html.dark .mailbox .mailbox-email,
+html.dark .mailbox .content-with-menu-container {
+ background: #1d2127;
+}
+html.dark .mailbox .mailbox-folder .mailbox-header .input-search .btn-default {
+ background: transparent;
+}
+html.dark .mailbox .mailbox-actions {
+ border-top-color: #282d36;
+}
+html.dark .mailbox .mailbox-actions ul a.item-action {
+ background: #2e353e;
+}
+html.dark .mailbox .mailbox-email-list {
+ border-top-color: #282d36;
+}
+html.dark .mailbox .mailbox-email-list li {
+ border-bottom-color: #242830;
+}
+html.dark .mailbox .mailbox-email-list li:hover {
+ background: #161a1e;
+}
+html.dark .mailbox .mailbox-email-list li a {
+ color: #808697;
+}
+html.dark .mailbox .mailbox-email-list li.unread a {
+ color: #9ca1ae;
+}
+html.dark .mailbox .mailbox-email .mailbox-email-header {
+ background: #21262d;
+}
+html.dark .mailbox .mailbox-email .panel .panel-heading,
+html.dark .mailbox .mailbox-email .panel .panel-footer {
+ background-color: #282d36;
+ border-color: #21262d;
+ color: #808697;
+}
+html.dark .mailbox .mailbox-email .panel .panel-heading .panel-title,
+html.dark .mailbox .mailbox-email .panel .panel-footer .panel-title {
+ color: #808697;
+}
+html.dark .mailbox .mailbox-email .panel .panel-heading .panel-actions a:hover {
+ background: #1d2127;
+}
+html.dark .mailbox .mailbox-compose .note-editor .note-toolbar,
+html.dark .mailbox .mailbox-compose .note-editor .note-statusbar,
+html.dark .mailbox .mailbox-compose .note-editor .note-editable {
+ background: #1d2127;
+}
+html.dark .mailbox .mailbox-compose .note-editor .note-editable {
+ color: #808697;
+}
+
+/* Invoice */
+.invoice {
+ padding: 0 15px 15px;
+}
+
+/* Invoice Address Tag */
+.invoice address {
+ color: #7F8597;
+ line-height: 1.5em;
+}
+
+/* Invoice header */
+.invoice header {
+ border-bottom: 1px solid #DADADA;
+ margin-bottom: 15px;
+}
+.invoice header .h2,
+.invoice header .h4 {
+ letter-spacing: 0;
+}
+
+/* Invoice Billing Information */
+.invoice .bill-to,
+.invoice .bill-data {
+ padding: 15px 0;
+}
+.invoice .bill-data .value {
+ display: inline-block;
+ margin-left: 10px;
+ width: 90px;
+}
+
+/* Invoice table */
+.invoice table.table {
+ table-layout: fixed;
+}
+.invoice table.table > thead:first-child > tr > th {
+ background-color: #F8F8F8;
+ border-bottom: 1px solid #DADADA;
+ border-top: 1px solid #DADADA;
+}
+.invoice table.table > tbody tr > td {
+ border-color: #DADADA;
+}
+
+/* Invoice table items */
+.invoice .invoice-items > tbody tr:last-child > td {
+ border-bottom: 1px solid #DADADA;
+}
+.invoice .invoice-items #cell-id {
+ width: 10%;
+}
+.invoice .invoice-items #cell-item {
+ width: 20%;
+}
+.invoice .invoice-items #cell-desc {
+ width: 20%;
+}
+.invoice .invoice-items #cell-price {
+ width: 10%;
+}
+.invoice .invoice-items #cell-qty {
+ width: 10%;
+}
+.invoice .invoice-items #cell-total {
+ width: 10%;
+}
+
+/* Invoice summary */
+.invoice-summary .col-sm-4 {
+ padding-left: 0;
+}
+
+/* Invoice Responsiveness */
+@media only screen and (max-width: 991px) {
+ .invoice .table-responsive > table.table {
+ table-layout: auto;
+ }
+
+ .invoice-summary .col-sm-4 {
+ padding-left: 15px;
+ }
+}
+/* Invoice Print */
+@media print {
+ .invoice .table-responsive {
+ border: none !important;
+ overflow: visible !important;
+ width: auto !important;
+ }
+ .invoice table.table.invoice-items {
+ table-layout: auto;
+ }
+ .invoice header .col-sm-6:first-child,
+ .invoice header .col-sm-6:last-child,
+ .invoice .bill-info .col-md-6 {
+ float: left !important;
+ }
+ .invoice header .col-sm-6:first-child {
+ width: 25% !important;
+ }
+ .invoice header .col-sm-6:last-child {
+ width: 75% !important;
+ }
+ .invoice .bill-info .col-md-6 {
+ width: 50% !important;
+ }
+ .invoice .invoice-summary .col-sm-4 {
+ float: right;
+ padding: 0;
+ width: 40%;
+ }
+}
+/* dark */
+html.dark .invoice header {
+ border-bottom-color: #282d36;
+}
+html.dark .invoice table.table > thead:first-child > tr > th {
+ background-color: #282d36;
+ border-bottom-color: #282d36;
+ border-top-color: #282d36;
+}
+html.dark .invoice table.table > tbody tr > td {
+ border-color: #282d36;
+}
+
+/* Error Pages - wrappers */
+.body-error {
+ margin: 0 auto;
+ max-width: 900px;
+ width: 100%;
+}
+.body-error.error-outside {
+ display: table;
+ height: 100vh;
+}
+.body-error.error-outside .center-error {
+ display: table-cell;
+ vertical-align: middle;
+}
+.body-error.error-inside {
+ margin-top: 150px;
+}
+
+/* Error Pages - header */
+.body-error .error-header {
+ border-bottom: 1px solid #DADADA;
+ margin-bottom: 50px;
+ padding-bottom: 15px;
+}
+.body-error .error-header .form {
+ margin-top: 12px;
+}
+
+/* Error Pages - typo */
+.body-error .error-code {
+ font-size: 14rem;
+ line-height: 14rem;
+ letter-spacing: -10px;
+}
+.body-error .error-explanation {
+ font-size: 2rem;
+ line-height: 3.6rem;
+}
+
+/* Error Pages - Responsive */
+@media only screen and (max-width: 1150px) {
+ .body-error.error-inside {
+ margin-top: 50px;
+ padding-bottom: 50px;
+ }
+}
+@media only screen and (min-width: 768px) and (max-width: 1150px) {
+ .body-error.error-inside .error-code {
+ font-size: 10rem;
+ line-height: 10rem;
+ letter-spacing: -7px;
+ }
+ .body-error.error-inside .error-explanation {
+ font-size: 1.8rem;
+ line-height: 3.2rem;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .body-error .error-code {
+ font-size: 9rem;
+ line-height: 9rem;
+ letter-spacing: -7px;
+ }
+ .body-error .error-explanation {
+ font-size: 1.6rem;
+ line-height: 2.8rem;
+ }
+
+ .body-error.error-outside {
+ height: auto;
+ padding: 20px;
+ }
+}
+/* Sign Screens - Wrappers */
+.body-sign {
+ display: table;
+ height: 100vh;
+ margin: 0 auto;
+ max-width: 500px;
+ padding: 0 15px;
+ width: 100%;
+}
+.body-sign .center-sign {
+ display: table-cell;
+ padding-top: 20px;
+ vertical-align: middle;
+}
+.body-sign .panel-sign {
+ background: transparent;
+}
+.body-sign .panel-sign .panel-title-sign .title {
+ background-color: #CCC;
+ border-radius: 5px 5px 0 0;
+ color: #FFF;
+ display: inline-block;
+ font-size: 1.2rem;
+ line-height: 2rem;
+ padding: 13px 17px;
+ vertical-align: bottom;
+}
+.body-sign .panel-sign .panel-body {
+ background: #FFF;
+ border-top: 5px solid #CCC;
+ border-radius: 5px 0 5px 5px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+ padding: 33px 33px 15px;
+}
+
+/* Sign Screens - Elements */
+.body-sign .input-group-icon .input-group-addon i {
+ width: 14px;
+}
+.body-sign .checkbox-custom {
+ margin-top: 8px;
+}
+.body-sign .line-thru {
+ display: block;
+ font-size: 1.2rem;
+ position: relative;
+}
+.body-sign .line-thru span {
+ color: #CCC;
+ position: relative;
+ z-index: 3;
+}
+.body-sign .line-thru:before {
+ background-color: #FFF;
+ content: '';
+ height: 10px;
+ left: 50%;
+ position: absolute;
+ margin: -5px 0 0 -20px;
+ top: 50%;
+ width: 40px;
+ z-index: 2;
+}
+.body-sign .line-thru:after {
+ border-bottom: 1px solid #DADADA;
+ content: '';
+ display: block;
+ left: 10%;
+ position: absolute;
+ top: 47%;
+ width: 81%;
+ z-index: 1;
+}
+
+/* Lock Screen */
+.body-locked {
+ background: url(../images/patterns/noisy_net.png) repeat;
+ max-width: none;
+ min-height: 400px;
+}
+.body-locked.body-locked-inline {
+ background: none;
+ bottom: 0;
+ height: 100%;
+ left: 0;
+ min-height: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 9999;
+}
+.body-locked .panel-sign {
+ margin: 0 auto;
+ max-width: 400px;
+ padding-top: 40px;
+}
+.body-locked .panel-sign .panel-body {
+ border-radius: 5px;
+ position: relative;
+}
+.body-locked .current-user {
+ margin-top: 60px;
+ margin-bottom: 35px;
+}
+.body-locked .current-user .user-image {
+ border: 5px solid #CCC;
+ border-radius: 150px;
+ height: 150px;
+ left: 50%;
+ position: absolute;
+ margin-left: -75px;
+ top: -75px;
+ width: 150px;
+}
+.body-locked .current-user .user-name {
+ font-size: 3rem;
+ line-height: 3.6rem;
+}
+.body-locked .current-user .user-email {
+ font-size: 1.1rem;
+ line-height: 1.4rem;
+}
+
+/* Locked Screen - Responsive Landscape */
+@media only screen and (max-width: 767px) and (orientation: landscape) {
+ .body-locked .panel-sign, .body-locked.body-locked-inline .panel-sign {
+ padding-top: 0;
+ }
+ .body-locked .center-sign, .body-locked.body-locked-inline .center-sign {
+ padding-top: 0;
+ }
+ .body-locked .center-sign .current-user, .body-locked.body-locked-inline .center-sign .current-user {
+ margin-bottom: 45px;
+ margin-left: 100px;
+ margin-top: 10px;
+ }
+ .body-locked .center-sign .current-user .user-image, .body-locked.body-locked-inline .center-sign .current-user .user-image {
+ height: 100px;
+ left: 35px;
+ margin-left: 0;
+ margin-top: 0;
+ top: 15px;
+ width: 100px;
+ }
+}
+/* Lock Screen - Modal */
+.mfp-lock-screen.mfp-bg {
+ background: #000 url(../images/patterns/noisy_net.png) repeat;
+ opacity: 0.99;
+ z-index: 9998;
+}
+.mfp-lock-screen.mfp-wrap {
+ background: none;
+ z-index: 9999;
+}
+
+/* dark */
+html.dark .body-sign .panel-sign .panel-body {
+ background-color: #2e353e;
+}
+html.dark .body-sign .line-thru:before {
+ background-color: #2e353e;
+}
+html.dark .body-sign .line-thru:after {
+ border-bottom-color: #282d36;
+}
+
+.fc .fc-toolbar h2 {
+ color: #171717;
+ font-size: 2rem;
+ font-weight: normal;
+}
+.fc .fc-toolbar h2:before {
+ color: #CCC;
+ content: "\f073";
+ display: inline-block;
+ font-family: FontAwesome;
+ font-size: 2.8rem;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ margin-right: 10px;
+ position: relative;
+ top: 2px;
+ -webkit-font-smoothing: antialiased;
+}
+.fc .fc-toolbar .fc-button {
+ background: #FFF;
+ box-shadow: none;
+ text-shadow: none;
+ font-size: 0.9em;
+ padding: 2px 0.8em 3px;
+ height: auto;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+}
+.fc .fc-toolbar .fc-button.fc-state-active {
+ color: #FFF;
+}
+.fc .fc-day-grid-container {
+ overflow: visible !important;
+ height: auto !important;
+}
+.fc .fc-widget-header th {
+ line-height: 35px;
+}
+
+/* Fullcalendar - Event States */
+/* Buttons - States */
+.fc-event.fc-event-default {
+ background: #ebebeb;
+ border-color: #ebebeb;
+}
+.fc-event.fc-event-default .fc-event-inner {
+ color: #777;
+}
+
+a.fc-event.fc-event-default:hover {
+ color: #777;
+}
+
+.fc-event.fc-event-primary {
+ background: #CCC;
+ border-color: #CCC;
+}
+.fc-event.fc-event-primary .fc-event-inner {
+ color: #FFF;
+}
+
+a.fc-event.fc-event-primary:hover {
+ color: #FFF;
+}
+
+.fc-event.fc-event-success {
+ background: #47a447;
+ border-color: #47a447;
+}
+.fc-event.fc-event-success .fc-event-inner {
+ color: #FFF;
+}
+
+a.fc-event.fc-event-success:hover {
+ color: #FFF;
+}
+
+.fc-event.fc-event-warning {
+ background: #ed9c28;
+ border-color: #ed9c28;
+}
+.fc-event.fc-event-warning .fc-event-inner {
+ color: #FFF;
+}
+
+a.fc-event.fc-event-warning:hover {
+ color: #FFF;
+}
+
+.fc-event.fc-event-danger {
+ background: #d2322d;
+ border-color: #d2322d;
+}
+.fc-event.fc-event-danger .fc-event-inner {
+ color: #FFF;
+}
+
+a.fc-event.fc-event-danger:hover {
+ color: #FFF;
+}
+
+.fc-event.fc-event-info {
+ background: #5bc0de;
+ border-color: #5bc0de;
+}
+.fc-event.fc-event-info .fc-event-inner {
+ color: #FFF;
+}
+
+a.fc-event.fc-event-info:hover {
+ color: #FFF;
+}
+
+.fc-event.fc-event-dark {
+ background: #171717;
+ border-color: #171717;
+}
+.fc-event.fc-event-dark .fc-event-inner {
+ color: #FFF;
+}
+
+a.fc-event.fc-event-dark:hover {
+ color: #FFF;
+}
+
+/* Fullcalendar - External Events */
+.external-event {
+ cursor: move;
+ display: inline-block;
+ font-size: 1.2rem;
+ font-weight: normal;
+ margin: 5px;
+ padding: 10px;
+ text-align: left;
+}
+
+/* dark */
+html.dark .fc .fc-toolbar h2 {
+ color: #FFF;
+}
+html.dark .fc .fc-toolbar .fc-button {
+ background: #21262d;
+ color: #FFF;
+}
+html.dark .fc-unthemed th,
+html.dark .fc-unthemed td,
+html.dark .fc-unthemed thead,
+html.dark .fc-unthemed tbody,
+html.dark .fc-unthemed .fc-divider,
+html.dark .fc-unthemed .fc-row,
+html.dark .fc-unthemed .fc-popover {
+ border-color: rgba(0, 0, 0, 0.3);
+}
+html.dark .fc-unthemed .fc-today {
+ background: #21262d;
+}
+
+.timeline .tm-body {
+ position: relative;
+ padding: 30px 0;
+}
+.timeline .tm-body:after {
+ background: #505050;
+ background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
+ background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
+ background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
+ background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
+ background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 140px;
+ margin-left: -2px;
+ position: absolute;
+ top: 0;
+ width: 3px;
+ z-index: 0;
+ filter: alpha(opacity=35);
+ opacity: 0.35;
+}
+.timeline .tm-title {
+ position: relative;
+ display: inline-block;
+ text-align: center;
+ min-width: 200px;
+ background-color: #fff;
+ padding: 4px 5px;
+ margin: 0 40px;
+ z-index: 1;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.timeline .tm-items {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+.timeline .tm-items > li {
+ position: relative;
+ margin: 30px 0;
+ padding: 0 0 0 190px;
+ min-height: 65px;
+ z-index: 1;
+}
+.timeline .tm-items > li .tm-datetime {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ width: 100px;
+ height: 48px;
+ margin-top: -24px;
+ text-align: right;
+ z-index: 3;
+}
+.timeline .tm-items > li .tm-datetime .tm-datetime-time {
+ color: #CCC;
+ font-size: 2.4rem;
+ font-weight: 700;
+ margin: 0;
+ white-space: nowrap;
+}
+.timeline .tm-items > li .tm-icon {
+ position: absolute;
+ top: 50%;
+ left: 140px;
+ background-color: #ecedf0;
+ border: 3px solid #CCC;
+ color: #CCC;
+ font-size: 28px;
+ padding: 10px;
+ width: 55px;
+ height: 55px;
+ text-align: center;
+ line-height: 29px;
+ margin-top: -28px;
+ margin-left: -28px;
+ z-index: 2;
+ -webkit-border-radius: 28px;
+ border-radius: 28px;
+}
+.timeline .tm-items > li .tm-box {
+ position: relative;
+ background: #fff;
+ min-height: 65px;
+ padding: 10px 20px;
+ border: 1px solid #e9e9e9;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+}
+.timeline .tm-items > li .tm-box:after {
+ right: 100%;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ border-right-color: #fff;
+ border-width: 8px;
+ top: 50%;
+ margin-top: -8px;
+ z-index: 2;
+}
+.timeline .tm-items > li .tm-box p:last-child {
+ margin-bottom: 0;
+}
+.timeline .tm-items > li .tm-box .tm-meta {
+ margin: 10px 0 0;
+}
+.timeline .tm-items > li .tm-box .tm-meta span {
+ display: inline-block;
+ padding-right: 8px;
+}
+.timeline .tm-items > li .tm-box .tm-meta span:last-child, .timeline .tm-items > li .tm-box .tm-meta span:last-of-type {
+ padding-right: 0;
+}
+.timeline.timeline-simple .tm-body:after {
+ left: 30px;
+}
+.timeline.timeline-simple .tm-body .tm-title {
+ border: 1px solid #e9e9e9;
+ margin: 0 10px;
+}
+.timeline.timeline-simple .tm-body .tm-items > li {
+ padding: 0 0 0 55px;
+}
+.timeline.timeline-simple .tm-body .tm-items > li:before {
+ display: block;
+ position: absolute;
+ content: ' ';
+ background: none repeat scroll 0 0 #CCC;
+ border-radius: 50%;
+ box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #CCC;
+ height: 7px;
+ left: 30px;
+ top: 50%;
+ width: 8px;
+ margin-left: -4px;
+ margin-top: -4px;
+}
+.timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
+ left: -17px;
+ border: solid transparent;
+ content: ' ';
+ height: 0;
+ width: 0;
+ position: absolute;
+ pointer-events: none;
+ border-right-color: #e9e9e9;
+ border-width: 8px;
+ top: 50%;
+ margin-top: -8px;
+ z-index: 1;
+}
+
+@media only screen and (max-width: 991px) {
+ .timeline .tm-body:after {
+ left: 20px;
+ }
+ .timeline .tm-title {
+ margin: 0;
+ }
+ .timeline .tm-items > li {
+ padding-left: 50px;
+ }
+ .timeline .tm-items > li .tm-info {
+ margin: 0 0 15px;
+ }
+ .timeline .tm-items > li .tm-info:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+ .timeline .tm-items > li .tm-icon {
+ border-width: 2px;
+ float: left;
+ font-size: 22px;
+ height: 40px;
+ line-height: 36px;
+ margin: 0 15px 0 0;
+ padding: 0;
+ position: static;
+ width: 40px;
+ }
+ .timeline .tm-items > li .tm-datetime {
+ margin: 0;
+ position: static;
+ text-align: left;
+ }
+ .timeline .tm-items > li .tm-datetime .tm-datetime-date {
+ font-size: 1.2rem;
+ line-height: 1.3;
+ }
+ .timeline .tm-items > li .tm-datetime .tm-datetime-time {
+ font-size: 1.8rem;
+ line-height: 1.3;
+ }
+}
+@media only screen and (max-width: 767px) {
+ .timeline .tm-items > li .tm-box .tm-meta span {
+ display: block;
+ }
+}
+html.dark .timeline .tm-items > li .tm-box {
+ background: #282d36;
+ border-color: #21262d;
+}
+html.dark .timeline .tm-items > li .tm-box:after {
+ border-right-color: #282d36;
+}
+html.dark .timeline .tm-items > li .tm-box:before {
+ border-right-color: #21262d;
+}
+html.dark .timeline .tm-items > li .tm-icon {
+ background-color: #1d2127;
+}
+html.dark .timeline .tm-title {
+ background-color: #282d36;
+ border-color: #21262d;
+}
+html.dark .timeline.timeline-simple .tm-body .tm-title {
+ background-color: #282d36;
+ border-color: #21262d;
+}
+html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
+ box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #CCC;
+}
+html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:after {
+ border-right-color: #282d36;
+}
+html.dark .timeline.timeline-simple .tm-body .tm-items > li .tm-box:before {
+ border-right-color: #21262d;
+}
+
+.media-gallery ul.mg-folders {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+.media-gallery ul.mg-folders > li {
+ display: block;
+ position: relative;
+}
+.media-gallery ul.mg-folders > li a.menu-item {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding-right: 80px;
+}
+.media-gallery ul.mg-folders > li a.menu-item i {
+ margin-right: 5px;
+ width: 16px;
+}
+.media-gallery ul.mg-folders > li .item-options {
+ position: absolute;
+ padding: 10px 0;
+ right: 0;
+ top: 0;
+ opacity: 0;
+ -webkit-transition: opacity 0.1s ease-in;
+ -moz-transition: opacity 0.1s ease-in;
+ transition: opacity 0.1s ease-in;
+}
+.media-gallery ul.mg-folders > li .item-options a:hover {
+ text-decoration: none;
+}
+.media-gallery ul.mg-folders > li:hover .item-options {
+ opacity: 1;
+}
+.media-gallery ul.mg-tags {
+ list-style: none;
+ padding: 0;
+ margin: 10px 0 0;
+}
+.media-gallery ul.mg-tags:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+.media-gallery ul.mg-tags > li {
+ float: left;
+ margin-right: 5px;
+ margin-bottom: 5px;
+}
+.media-gallery ul.mg-tags > li a {
+ display: block;
+ padding: 2px 7px;
+ font-size: 11px;
+ background-color: #171717;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ color: #666;
+}
+.media-gallery ul.mg-tags > li a:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #CCC;
+}
+.media-gallery .mg-files {
+ padding: 5px 0 30px;
+}
+.media-gallery .mg-files .thumbnail {
+ padding: 10px;
+ border-radius: 5px;
+ margin-bottom: 30px;
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.media-gallery .mg-files .thumbnail .thumb-preview {
+ position: relative;
+ z-index: 2;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .thumb-image {
+ display: block;
+ overflow: hidden;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview img {
+ width: 100%;
+ -webkit-transition: all 0.1s linear;
+ -moz-transition: all 0.1s linear;
+ transition: all 0.1s linear;
+ border-radius: 5px;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: rgba(0, 0, 0, 0.7);
+ visibility: hidden;
+ overflow: hidden;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 5px 15px 10px;
+ font-size: 2.2rem;
+ color: #fff;
+ background-color: #CCC;
+ border-radius: 0 0 0 15px;
+ cursor: pointer;
+ -webkit-transition: -webkit-transform 0.1s linear 0.1s;
+ -moz-transition: -moz-transform 0.1s linear 0.1s;
+ -ms-transition: -ms-transform 0.1s linear 0.1s;
+ transition: transform 0.1s linear 0.1s;
+ -webkit-transform: translate(100%, 0);
+ -moz-transform: translate(100%, 0);
+ -ms-transform: translate(100%, 0);
+ transform: translate(100%, 0);
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: #CCC;
+ color: #fff;
+ padding: 6px 10px;
+ -webkit-transition: -webkit-transform 0.1s linear 0.1s;
+ -moz-transition: -moz-transform 0.1s linear 0.1s;
+ -ms-transition: -ms-transform 0.1s linear 0.1s;
+ transition: transform 0.1s linear 0.1s;
+ -webkit-transform: translate(0, 100%);
+ -moz-transform: translate(0, 100%);
+ -ms-transform: translate(0, 100%);
+ transform: translate(0, 100%);
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-option {
+ margin: 0;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group > a {
+ color: #fff;
+ padding: 0 5px;
+}
+.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar .mg-group .mg-toggle {
+ color: #fff;
+ background: none;
+ border: none;
+ padding: 2px 2px 2px 10px;
+ border-left: 1px solid rgba(255, 255, 255, 0.3);
+}
+.media-gallery .mg-files .thumbnail .mg-title {
+ margin: 13px 0 2px;
+ padding-bottom: 2px;
+ display: inline-block;
+ font-size: 1.8rem;
+}
+.media-gallery .mg-files .thumbnail .mg-title small {
+ position: relative;
+ top: 0;
+ left: 0;
+ color: #9e9e9e;
+ opacity: 0;
+ z-index: 1;
+ font-size: 1rem;
+}
+.media-gallery .mg-files .thumbnail .mg-description:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+.media-gallery .mg-files .thumbnail.thumbnail-selected {
+ border-color: #FFF;
+ box-shadow: 0 0 8px -1px #CCC;
+}
+.media-gallery .mg-files .thumbnail.thumbnail-selected .mg-title small {
+ opacity: 1;
+}
+.media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options {
+ visibility: visible;
+}
+.media-gallery .mg-files .thumbnail.thumbnail-selected .thumb-preview .mg-thumb-options .mg-toolbar {
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+.media-gallery .mg-files .thumbnail:hover .mg-title small {
+ opacity: 1;
+}
+.media-gallery .mg-files .thumbnail:hover .thumb-preview img {
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options {
+ visibility: visible;
+}
+.media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-zoom {
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+.media-gallery .mg-files .thumbnail:hover .thumb-preview .mg-thumb-options .mg-toolbar {
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+
+html.sidebar-light:not(.dark) .media-gallery ul.mg-tags > li a {
+ background-color: #f2f2f2;
+ color: #777;
+}
+
+html.dark .media-gallery .mg-files .thumbnail.thumbnail-selected {
+ border-color: #242830;
+}
+html.dark .media-gallery .mg-files .thumbnail .mg-title small {
+ color: #808697;
+}
+
+.log-viewer {
+ line-height: 2.6rem;
+ font-family: monospace;
+ font-size: 1.4rem;
+}
+
+/* Change Content Background Color */
+html.search-results body {
+ background: #FFF;
+}
+
+/* Search Results Wrapper */
+.search-content {
+ margin: -40px;
+}
+.search-content .search-control-wrapper {
+ background: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ margin-top: 3px;
+ padding: 20px;
+}
+
+/* Search Results Tabs */
+.search-content .search-toolbar {
+ border-bottom: 1px solid #ebebeb;
+ margin: 0 0 40px;
+}
+.search-content .search-toolbar .nav-pills {
+ margin: 0 40px;
+}
+.search-content .search-toolbar .nav-pills li {
+ margin: 0 15px 0 0;
+}
+.search-content .search-toolbar .nav-pills li:last-child {
+ margin-right: 0;
+}
+.search-content .search-toolbar .nav-pills li a {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+.search-content .search-toolbar .nav-pills li a, .search-content .search-toolbar .nav-pills li a:hover, .search-content .search-toolbar .nav-pills li a:focus {
+ background: none;
+ border-radius: 0;
+ border-bottom: 2px solid #FFF;
+ border-top: 2px solid #FFF;
+ color: #777;
+}
+.search-content .search-toolbar .nav-pills li a:hover, .search-content .search-toolbar .nav-pills li a:focus {
+ background: none;
+ border-radius: 0;
+ border-bottom: 2px solid #FFF;
+ border-top: 2px solid #FFF;
+ color: #555;
+}
+.search-content .search-toolbar .nav-pills li.active a {
+ color: #CCC;
+ border-bottom-color: #CCC;
+}
+.search-content > .tab-content {
+ border: none;
+ box-shadow: none;
+ padding: 0 40px;
+}
+
+/* Search Result Totals */
+.search-content .total-results {
+ margin-top: -25px;
+}
+
+/* Search Results List */
+.search-results-list {
+ max-width: 750px;
+}
+.search-results-list li {
+ border-bottom: 1px solid #EEE;
+ margin-bottom: 15px;
+ padding-bottom: 15px;
+ position: relative;
+}
+.search-results-list li:last-child {
+ border-bottom: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+.search-results-list .result-type {
+ right: 5px;
+ position: absolute;
+ top: 5px;
+}
+.search-results-list a {
+ border-radius: 4px;
+ display: block;
+ padding: 25px;
+ text-decoration: none;
+}
+.search-results-list a .title {
+ margin-top: 0;
+}
+.search-results-list a .description {
+ color: #777;
+}
+.search-results-list a p:last-child {
+ margin-bottom: 0;
+}
+.search-results-list a:hover {
+ background: #f7f7f7;
+}
+.search-results-list .has-thumb {
+ display: table;
+ width: 100%;
+}
+.search-results-list .has-thumb .result-thumb,
+.search-results-list .has-thumb .result-data {
+ display: table-cell;
+ vertical-align: top;
+}
+.search-results-list .result-thumb {
+ padding-right: 25px;
+}
+.search-results-list .result-thumb img,
+.search-results-list .result-thumb .fa {
+ height: 75px;
+ width: 75px;
+}
+.search-results-list .result-thumb .fa {
+ background: #CCC;
+ color: #FFF;
+ font-size: 3.6rem;
+ line-height: 7.5rem;
+ text-align: center;
+}
+
+/* Search Results Responsive */
+@media only screen and (max-width: 767px) {
+ .search-content {
+ margin: -20px;
+ }
+}
+@media only screen and (max-width: 480px) {
+ .search-results-list .has-thumb {
+ display: block;
+ }
+ .search-results-list .has-thumb:after {
+ content: "";
+ display: table;
+ clear: both;
+ }
+ .search-results-list .has-thumb .result-thumb,
+ .search-results-list .has-thumb .result-data {
+ display: block;
+ }
+ .search-results-list .has-thumb .result-thumb {
+ float: left;
+ }
+ .search-results-list .has-thumb .result-data .title {
+ margin-top: 3px;
+ }
+ .search-results-list .result-thumb img,
+ .search-results-list .result-thumb .fa {
+ height: 35px;
+ width: 35px;
+ }
+ .search-results-list .result-thumb .fa {
+ font-size: 1.6rem;
+ line-height: 3.5rem;
+ }
+}
+/* dark */
+html.dark .search-content .search-control-wrapper {
+ background: #1d2127;
+ border-bottom-color: #282d36;
+}
+html.dark .search-content .tab-content {
+ background: transparent;
+}
+html.dark .search-content .search-toolbar {
+ background: #21262d;
+ border-bottom-color: #21262d;
+}
+html.dark .search-content .search-toolbar .nav-pills a, html.dark .search-content .search-toolbar .nav-pills a:hover, html.dark .search-content .search-toolbar .nav-pills a:focus {
+ border-bottom-color: #21262d;
+ border-top-color: #21262d;
+ color: #808697;
+}
+html.dark .search-content .search-toolbar .nav-pills a:hover, html.dark .search-content .search-toolbar .nav-pills a:focus {
+ border-bottom-color: #21262d;
+ border-top-color: #21262d;
+ color: #555;
+}
+html.dark .search-content .search-toolbar .nav-pills li.active a, html.dark .search-content .search-toolbar .nav-pills li.active a:hover, html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
+ color: #CCC;
+ border-bottom-color: #CCC;
+}
+html.dark .search-content .search-results-list li {
+ border-bottom-color: #282d36;
+}
+html.dark .search-content .search-results-list a .description {
+ color: #808697;
+}
+html.dark .search-content .search-results-list a:hover {
+ background: #282d36;
+}
+
+/* Dark - Background */
+html.dark,
+html.dark body {
+ background-color: #1d2127;
+}
+html.dark.boxed .content-body {
+ background-color: #1d2127;
+}
+
+html.dark body {
+ color: #808697;
+}
+html.dark .hidden-on-dark {
+ display: none !important;
+}
+
+/* Dark - Titles */
+html.dark h1,
+html.dark .h1,
+html.dark h2,
+html.dark .h2,
+html.dark h3,
+html.dark .h3,
+html.dark h4,
+html.dark .h4,
+html.dark h5,
+html.dark .h5,
+html.dark h6,
+html.dark .h6 {
+ color: #FFF;
+}
+
+/* Dark - Alerts */
+html.dark .alert h1,
+html.dark .alert .h1,
+html.dark .alert h2,
+html.dark .alert .h2,
+html.dark .alert h3,
+html.dark .alert .h3,
+html.dark .alert h4,
+html.dark .alert .h4,
+html.dark .alert h5,
+html.dark .alert .h5,
+html.dark .alert h6,
+html.dark .alert .h6 {
+ color: #111;
+}
+
+/* Dark - Blockquote */
+html.dark blockquote {
+ border-color: #282d36;
+}
+
+/* Dark - Helpers */
+html.dark .text-dark {
+ color: #FFF !important;
+}
+
+html.dark ul.nav-list.primary > li a {
+ border-bottom-color: #282d36;
+}
+html.dark ul.nav-list.primary > li a:hover {
+ background-color: #282d36;
+}
+
+html.dark .pagination > li > a,
+html.dark .pagination > li > span {
+ background-color: #282d36;
+ border-color: #242830;
+}
+html.dark .pagination > li.active > a,
+html.dark .pagination > li.active > span {
+ background-color: #CCC;
+ border-color: #242830;
+}
+
+html.dark .dropdown-menu {
+ background-color: #282d36;
+}
+html.dark .dropdown-menu > li > a {
+ color: #EEE;
+}
+html.dark .dropdown-menu > li > a:hover, html.dark .dropdown-menu > li > a:focus {
+ background-color: #1d2127;
+ color: #FFF;
+}
+
+html.dark hr.dotted,
+html.dark hr.solid {
+ border-color: #4C4C4C;
+}
+
+html.dark .img-thumbnail,
+html.dark .thumbnail {
+ background-color: #21262d;
+ border-color: #282d36;
+}
diff --git a/donut-chart/assets/vendor/jquery/jquery.js b/donut-chart/assets/vendor/jquery/jquery.js
new file mode 100644
index 0000000..072e308
--- /dev/null
+++ b/donut-chart/assets/vendor/jquery/jquery.js
@@ -0,0 +1,10220 @@
+/*!
+ * jQuery JavaScript Library v3.1.1
+ * https://jquery.com/
+ *
+ * Includes Sizzle.js
+ * https://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * https://jquery.org/license
+ *
+ * Date: 2016-09-22T22:30Z
+ */
+( function( global, factory ) {
+
+ "use strict";
+
+ if ( typeof module === "object" && typeof module.exports === "object" ) {
+
+ // For CommonJS and CommonJS-like environments where a proper `window`
+ // is present, execute the factory and get jQuery.
+ // For environments that do not have a `window` with a `document`
+ // (such as Node.js), expose a factory as module.exports.
+ // This accentuates the need for the creation of a real `window`.
+ // e.g. var jQuery = require("jquery")(window);
+ // See ticket #14549 for more info.
+ module.exports = global.document ?
+ factory( global, true ) :
+ function( w ) {
+ if ( !w.document ) {
+ throw new Error( "jQuery requires a window with a document" );
+ }
+ return factory( w );
+ };
+ } else {
+ factory( global );
+ }
+
+// Pass this if window is not defined yet
+} )( typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1
+// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode
+// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common
+// enough that all such attempts are guarded in a try block.
+"use strict";
+
+var arr = [];
+
+var document = window.document;
+
+var getProto = Object.getPrototypeOf;
+
+var slice = arr.slice;
+
+var concat = arr.concat;
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var fnToString = hasOwn.toString;
+
+var ObjectFunctionString = fnToString.call( Object );
+
+var support = {};
+
+
+
+ function DOMEval( code, doc ) {
+ doc = doc || document;
+
+ var script = doc.createElement( "script" );
+
+ script.text = code;
+ doc.head.appendChild( script ).parentNode.removeChild( script );
+ }
+/* global Symbol */
+// Defining this global in .eslintrc.json would create a danger of using the global
+// unguarded in another place, it seems safer to define global only for this module
+
+
+
+var
+ version = "3.1.1",
+
+ // Define a local copy of jQuery
+ jQuery = function( selector, context ) {
+
+ // The jQuery object is actually just the init constructor 'enhanced'
+ // Need init if jQuery is called (just allow error to be thrown if not included)
+ return new jQuery.fn.init( selector, context );
+ },
+
+ // Support: Android <=4.0 only
+ // Make sure we trim BOM and NBSP
+ rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+ // Matches dashed string for camelizing
+ rmsPrefix = /^-ms-/,
+ rdashAlpha = /-([a-z])/g,
+
+ // Used by jQuery.camelCase as callback to replace()
+ fcamelCase = function( all, letter ) {
+ return letter.toUpperCase();
+ };
+
+jQuery.fn = jQuery.prototype = {
+
+ // The current version of jQuery being used
+ jquery: version,
+
+ constructor: jQuery,
+
+ // The default length of a jQuery object is 0
+ length: 0,
+
+ toArray: function() {
+ return slice.call( this );
+ },
+
+ // Get the Nth element in the matched element set OR
+ // Get the whole matched element set as a clean array
+ get: function( num ) {
+
+ // Return all the elements in a clean array
+ if ( num == null ) {
+ return slice.call( this );
+ }
+
+ // Return just the one element from the set
+ return num < 0 ? this[ num + this.length ] : this[ num ];
+ },
+
+ // Take an array of elements and push it onto the stack
+ // (returning the new matched element set)
+ pushStack: function( elems ) {
+
+ // Build a new jQuery matched element set
+ var ret = jQuery.merge( this.constructor(), elems );
+
+ // Add the old object onto the stack (as a reference)
+ ret.prevObject = this;
+
+ // Return the newly-formed element set
+ return ret;
+ },
+
+ // Execute a callback for every element in the matched set.
+ each: function( callback ) {
+ return jQuery.each( this, callback );
+ },
+
+ map: function( callback ) {
+ return this.pushStack( jQuery.map( this, function( elem, i ) {
+ return callback.call( elem, i, elem );
+ } ) );
+ },
+
+ slice: function() {
+ return this.pushStack( slice.apply( this, arguments ) );
+ },
+
+ first: function() {
+ return this.eq( 0 );
+ },
+
+ last: function() {
+ return this.eq( -1 );
+ },
+
+ eq: function( i ) {
+ var len = this.length,
+ j = +i + ( i < 0 ? len : 0 );
+ return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] );
+ },
+
+ end: function() {
+ return this.prevObject || this.constructor();
+ },
+
+ // For internal use only.
+ // Behaves like an Array's method, not like a jQuery method.
+ push: push,
+ sort: arr.sort,
+ splice: arr.splice
+};
+
+jQuery.extend = jQuery.fn.extend = function() {
+ var options, name, src, copy, copyIsArray, clone,
+ target = arguments[ 0 ] || {},
+ i = 1,
+ length = arguments.length,
+ deep = false;
+
+ // Handle a deep copy situation
+ if ( typeof target === "boolean" ) {
+ deep = target;
+
+ // Skip the boolean and the target
+ target = arguments[ i ] || {};
+ i++;
+ }
+
+ // Handle case when target is a string or something (possible in deep copy)
+ if ( typeof target !== "object" && !jQuery.isFunction( target ) ) {
+ target = {};
+ }
+
+ // Extend jQuery itself if only one argument is passed
+ if ( i === length ) {
+ target = this;
+ i--;
+ }
+
+ for ( ; i < length; i++ ) {
+
+ // Only deal with non-null/undefined values
+ if ( ( options = arguments[ i ] ) != null ) {
+
+ // Extend the base object
+ for ( name in options ) {
+ src = target[ name ];
+ copy = options[ name ];
+
+ // Prevent never-ending loop
+ if ( target === copy ) {
+ continue;
+ }
+
+ // Recurse if we're merging plain objects or arrays
+ if ( deep && copy && ( jQuery.isPlainObject( copy ) ||
+ ( copyIsArray = jQuery.isArray( copy ) ) ) ) {
+
+ if ( copyIsArray ) {
+ copyIsArray = false;
+ clone = src && jQuery.isArray( src ) ? src : [];
+
+ } else {
+ clone = src && jQuery.isPlainObject( src ) ? src : {};
+ }
+
+ // Never move original objects, clone them
+ target[ name ] = jQuery.extend( deep, clone, copy );
+
+ // Don't bring in undefined values
+ } else if ( copy !== undefined ) {
+ target[ name ] = copy;
+ }
+ }
+ }
+ }
+
+ // Return the modified object
+ return target;
+};
+
+jQuery.extend( {
+
+ // Unique for each copy of jQuery on the page
+ expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
+
+ // Assume jQuery is ready without the ready module
+ isReady: true,
+
+ error: function( msg ) {
+ throw new Error( msg );
+ },
+
+ noop: function() {},
+
+ isFunction: function( obj ) {
+ return jQuery.type( obj ) === "function";
+ },
+
+ isArray: Array.isArray,
+
+ isWindow: function( obj ) {
+ return obj != null && obj === obj.window;
+ },
+
+ isNumeric: function( obj ) {
+
+ // As of jQuery 3.0, isNumeric is limited to
+ // strings and numbers (primitives or objects)
+ // that can be coerced to finite numbers (gh-2662)
+ var type = jQuery.type( obj );
+ return ( type === "number" || type === "string" ) &&
+
+ // parseFloat NaNs numeric-cast false positives ("")
+ // ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+ // subtraction forces infinities to NaN
+ !isNaN( obj - parseFloat( obj ) );
+ },
+
+ isPlainObject: function( obj ) {
+ var proto, Ctor;
+
+ // Detect obvious negatives
+ // Use toString instead of jQuery.type to catch host objects
+ if ( !obj || toString.call( obj ) !== "[object Object]" ) {
+ return false;
+ }
+
+ proto = getProto( obj );
+
+ // Objects with no prototype (e.g., `Object.create( null )`) are plain
+ if ( !proto ) {
+ return true;
+ }
+
+ // Objects with prototype are plain iff they were constructed by a global Object function
+ Ctor = hasOwn.call( proto, "constructor" ) && proto.constructor;
+ return typeof Ctor === "function" && fnToString.call( Ctor ) === ObjectFunctionString;
+ },
+
+ isEmptyObject: function( obj ) {
+
+ /* eslint-disable no-unused-vars */
+ // See https://github.com/eslint/eslint/issues/6125
+ var name;
+
+ for ( name in obj ) {
+ return false;
+ }
+ return true;
+ },
+
+ type: function( obj ) {
+ if ( obj == null ) {
+ return obj + "";
+ }
+
+ // Support: Android <=2.3 only (functionish RegExp)
+ return typeof obj === "object" || typeof obj === "function" ?
+ class2type[ toString.call( obj ) ] || "object" :
+ typeof obj;
+ },
+
+ // Evaluates a script in a global context
+ globalEval: function( code ) {
+ DOMEval( code );
+ },
+
+ // Convert dashed to camelCase; used by the css and data modules
+ // Support: IE <=9 - 11, Edge 12 - 13
+ // Microsoft forgot to hump their vendor prefix (#9572)
+ camelCase: function( string ) {
+ return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+ },
+
+ nodeName: function( elem, name ) {
+ return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+ },
+
+ each: function( obj, callback ) {
+ var length, i = 0;
+
+ if ( isArrayLike( obj ) ) {
+ length = obj.length;
+ for ( ; i < length; i++ ) {
+ if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
+ break;
+ }
+ }
+ } else {
+ for ( i in obj ) {
+ if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) {
+ break;
+ }
+ }
+ }
+
+ return obj;
+ },
+
+ // Support: Android <=4.0 only
+ trim: function( text ) {
+ return text == null ?
+ "" :
+ ( text + "" ).replace( rtrim, "" );
+ },
+
+ // results is for internal usage only
+ makeArray: function( arr, results ) {
+ var ret = results || [];
+
+ if ( arr != null ) {
+ if ( isArrayLike( Object( arr ) ) ) {
+ jQuery.merge( ret,
+ typeof arr === "string" ?
+ [ arr ] : arr
+ );
+ } else {
+ push.call( ret, arr );
+ }
+ }
+
+ return ret;
+ },
+
+ inArray: function( elem, arr, i ) {
+ return arr == null ? -1 : indexOf.call( arr, elem, i );
+ },
+
+ // Support: Android <=4.0 only, PhantomJS 1 only
+ // push.apply(_, arraylike) throws on ancient WebKit
+ merge: function( first, second ) {
+ var len = +second.length,
+ j = 0,
+ i = first.length;
+
+ for ( ; j < len; j++ ) {
+ first[ i++ ] = second[ j ];
+ }
+
+ first.length = i;
+
+ return first;
+ },
+
+ grep: function( elems, callback, invert ) {
+ var callbackInverse,
+ matches = [],
+ i = 0,
+ length = elems.length,
+ callbackExpect = !invert;
+
+ // Go through the array, only saving the items
+ // that pass the validator function
+ for ( ; i < length; i++ ) {
+ callbackInverse = !callback( elems[ i ], i );
+ if ( callbackInverse !== callbackExpect ) {
+ matches.push( elems[ i ] );
+ }
+ }
+
+ return matches;
+ },
+
+ // arg is for internal usage only
+ map: function( elems, callback, arg ) {
+ var length, value,
+ i = 0,
+ ret = [];
+
+ // Go through the array, translating each of the items to their new values
+ if ( isArrayLike( elems ) ) {
+ length = elems.length;
+ for ( ; i < length; i++ ) {
+ value = callback( elems[ i ], i, arg );
+
+ if ( value != null ) {
+ ret.push( value );
+ }
+ }
+
+ // Go through every key on the object,
+ } else {
+ for ( i in elems ) {
+ value = callback( elems[ i ], i, arg );
+
+ if ( value != null ) {
+ ret.push( value );
+ }
+ }
+ }
+
+ // Flatten any nested arrays
+ return concat.apply( [], ret );
+ },
+
+ // A global GUID counter for objects
+ guid: 1,
+
+ // Bind a function to a context, optionally partially applying any
+ // arguments.
+ proxy: function( fn, context ) {
+ var tmp, args, proxy;
+
+ if ( typeof context === "string" ) {
+ tmp = fn[ context ];
+ context = fn;
+ fn = tmp;
+ }
+
+ // Quick check to determine if target is callable, in the spec
+ // this throws a TypeError, but we will just return undefined.
+ if ( !jQuery.isFunction( fn ) ) {
+ return undefined;
+ }
+
+ // Simulated bind
+ args = slice.call( arguments, 2 );
+ proxy = function() {
+ return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
+ };
+
+ // Set the guid of unique handler to the same of original handler, so it can be removed
+ proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+ return proxy;
+ },
+
+ now: Date.now,
+
+ // jQuery.support is not used in Core but other projects attach their
+ // properties to it so it needs to exist.
+ support: support
+} );
+
+if ( typeof Symbol === "function" ) {
+ jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ];
+}
+
+// Populate the class2type map
+jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ),
+function( i, name ) {
+ class2type[ "[object " + name + "]" ] = name.toLowerCase();
+} );
+
+function isArrayLike( obj ) {
+
+ // Support: real iOS 8.2 only (not reproducible in simulator)
+ // `in` check used to prevent JIT error (gh-2145)
+ // hasOwn isn't used here due to false negatives
+ // regarding Nodelist length in IE
+ var length = !!obj && "length" in obj && obj.length,
+ type = jQuery.type( obj );
+
+ if ( type === "function" || jQuery.isWindow( obj ) ) {
+ return false;
+ }
+
+ return type === "array" || length === 0 ||
+ typeof length === "number" && length > 0 && ( length - 1 ) in obj;
+}
+var Sizzle =
+/*!
+ * Sizzle CSS Selector Engine v2.3.3
+ * https://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2016-08-08
+ */
+(function( window ) {
+
+var i,
+ support,
+ Expr,
+ getText,
+ isXML,
+ tokenize,
+ compile,
+ select,
+ outermostContext,
+ sortInput,
+ hasDuplicate,
+
+ // Local document vars
+ setDocument,
+ document,
+ docElem,
+ documentIsHTML,
+ rbuggyQSA,
+ rbuggyMatches,
+ matches,
+ contains,
+
+ // Instance-specific data
+ expando = "sizzle" + 1 * new Date(),
+ preferredDoc = window.document,
+ dirruns = 0,
+ done = 0,
+ classCache = createCache(),
+ tokenCache = createCache(),
+ compilerCache = createCache(),
+ sortOrder = function( a, b ) {
+ if ( a === b ) {
+ hasDuplicate = true;
+ }
+ return 0;
+ },
+
+ // Instance methods
+ hasOwn = ({}).hasOwnProperty,
+ arr = [],
+ pop = arr.pop,
+ push_native = arr.push,
+ push = arr.push,
+ slice = arr.slice,
+ // Use a stripped-down indexOf as it's faster than native
+ // https://jsperf.com/thor-indexof-vs-for/5
+ indexOf = function( list, elem ) {
+ var i = 0,
+ len = list.length;
+ for ( ; i < len; i++ ) {
+ if ( list[i] === elem ) {
+ return i;
+ }
+ }
+ return -1;
+ },
+
+ booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+ // Regular expressions
+
+ // http://www.w3.org/TR/css3-selectors/#whitespace
+ whitespace = "[\\x20\\t\\r\\n\\f]",
+
+ // http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+ identifier = "(?:\\\\.|[\\w-]|[^\0-\\xa0])+",
+
+ // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
+ attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace +
+ // Operator (capture 2)
+ "*([*^$|!~]?=)" + whitespace +
+ // "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
+ "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace +
+ "*\\]",
+
+ pseudos = ":(" + identifier + ")(?:\\((" +
+ // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
+ // 1. quoted (capture 3; capture 4 or capture 5)
+ "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
+ // 2. simple (capture 6)
+ "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
+ // 3. anything else (capture 2)
+ ".*" +
+ ")\\)|)",
+
+ // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+ rwhitespace = new RegExp( whitespace + "+", "g" ),
+ rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+ rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+ rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+ rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ),
+
+ rpseudo = new RegExp( pseudos ),
+ ridentifier = new RegExp( "^" + identifier + "$" ),
+
+ matchExpr = {
+ "ID": new RegExp( "^#(" + identifier + ")" ),
+ "CLASS": new RegExp( "^\\.(" + identifier + ")" ),
+ "TAG": new RegExp( "^(" + identifier + "|[*])" ),
+ "ATTR": new RegExp( "^" + attributes ),
+ "PSEUDO": new RegExp( "^" + pseudos ),
+ "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+ "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+ "*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+ "bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+ // For use in libraries implementing .is()
+ // We use this for POS matching in `select`
+ "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+ whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+ },
+
+ rinputs = /^(?:input|select|textarea|button)$/i,
+ rheader = /^h\d$/i,
+
+ rnative = /^[^{]+\{\s*\[native \w/,
+
+ // Easily-parseable/retrievable ID or TAG or CLASS selectors
+ rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+ rsibling = /[+~]/,
+
+ // CSS escapes
+ // http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+ runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+ funescape = function( _, escaped, escapedWhitespace ) {
+ var high = "0x" + escaped - 0x10000;
+ // NaN means non-codepoint
+ // Support: Firefox<24
+ // Workaround erroneous numeric interpretation of +"0x"
+ return high !== high || escapedWhitespace ?
+ escaped :
+ high < 0 ?
+ // BMP codepoint
+ String.fromCharCode( high + 0x10000 ) :
+ // Supplemental Plane codepoint (surrogate pair)
+ String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+ },
+
+ // CSS string/identifier serialization
+ // https://drafts.csswg.org/cssom/#common-serializing-idioms
+ rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
+ fcssescape = function( ch, asCodePoint ) {
+ if ( asCodePoint ) {
+
+ // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
+ if ( ch === "\0" ) {
+ return "\uFFFD";
+ }
+
+ // Control characters and (dependent upon position) numbers get escaped as code points
+ return ch.slice( 0, -1 ) + "\\" + ch.charCodeAt( ch.length - 1 ).toString( 16 ) + " ";
+ }
+
+ // Other potentially-special ASCII characters get backslash-escaped
+ return "\\" + ch;
+ },
+
+ // Used for iframes
+ // See setDocument()
+ // Removing the function wrapper causes a "Permission Denied"
+ // error in IE
+ unloadHandler = function() {
+ setDocument();
+ },
+
+ disabledAncestor = addCombinator(
+ function( elem ) {
+ return elem.disabled === true && ("form" in elem || "label" in elem);
+ },
+ { dir: "parentNode", next: "legend" }
+ );
+
+// Optimize for push.apply( _, NodeList )
+try {
+ push.apply(
+ (arr = slice.call( preferredDoc.childNodes )),
+ preferredDoc.childNodes
+ );
+ // Support: Android<4.0
+ // Detect silently failing push.apply
+ arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+ push = { apply: arr.length ?
+
+ // Leverage slice if possible
+ function( target, els ) {
+ push_native.apply( target, slice.call(els) );
+ } :
+
+ // Support: IE<9
+ // Otherwise append directly
+ function( target, els ) {
+ var j = target.length,
+ i = 0;
+ // Can't trust NodeList.length
+ while ( (target[j++] = els[i++]) ) {}
+ target.length = j - 1;
+ }
+ };
+}
+
+function Sizzle( selector, context, results, seed ) {
+ var m, i, elem, nid, match, groups, newSelector,
+ newContext = context && context.ownerDocument,
+
+ // nodeType defaults to 9, since context defaults to document
+ nodeType = context ? context.nodeType : 9;
+
+ results = results || [];
+
+ // Return early from calls with invalid selector or context
+ if ( typeof selector !== "string" || !selector ||
+ nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) {
+
+ return results;
+ }
+
+ // Try to shortcut find operations (as opposed to filters) in HTML documents
+ if ( !seed ) {
+
+ if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+ setDocument( context );
+ }
+ context = context || document;
+
+ if ( documentIsHTML ) {
+
+ // If the selector is sufficiently simple, try using a "get*By*" DOM method
+ // (excepting DocumentFragment context, where the methods don't exist)
+ if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) {
+
+ // ID selector
+ if ( (m = match[1]) ) {
+
+ // Document context
+ if ( nodeType === 9 ) {
+ if ( (elem = context.getElementById( m )) ) {
+
+ // Support: IE, Opera, Webkit
+ // TODO: identify versions
+ // getElementById can match elements by name instead of ID
+ if ( elem.id === m ) {
+ results.push( elem );
+ return results;
+ }
+ } else {
+ return results;
+ }
+
+ // Element context
+ } else {
+
+ // Support: IE, Opera, Webkit
+ // TODO: identify versions
+ // getElementById can match elements by name instead of ID
+ if ( newContext && (elem = newContext.getElementById( m )) &&
+ contains( context, elem ) &&
+ elem.id === m ) {
+
+ results.push( elem );
+ return results;
+ }
+ }
+
+ // Type selector
+ } else if ( match[2] ) {
+ push.apply( results, context.getElementsByTagName( selector ) );
+ return results;
+
+ // Class selector
+ } else if ( (m = match[3]) && support.getElementsByClassName &&
+ context.getElementsByClassName ) {
+
+ push.apply( results, context.getElementsByClassName( m ) );
+ return results;
+ }
+ }
+
+ // Take advantage of querySelectorAll
+ if ( support.qsa &&
+ !compilerCache[ selector + " " ] &&
+ (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+
+ if ( nodeType !== 1 ) {
+ newContext = context;
+ newSelector = selector;
+
+ // qSA looks outside Element context, which is not what we want
+ // Thanks to Andrew Dupont for this workaround technique
+ // Support: IE <=8
+ // Exclude object elements
+ } else if ( context.nodeName.toLowerCase() !== "object" ) {
+
+ // Capture the context ID, setting it first if necessary
+ if ( (nid = context.getAttribute( "id" )) ) {
+ nid = nid.replace( rcssescape, fcssescape );
+ } else {
+ context.setAttribute( "id", (nid = expando) );
+ }
+
+ // Prefix every selector in the list
+ groups = tokenize( selector );
+ i = groups.length;
+ while ( i-- ) {
+ groups[i] = "#" + nid + " " + toSelector( groups[i] );
+ }
+ newSelector = groups.join( "," );
+
+ // Expand context for sibling selectors
+ newContext = rsibling.test( selector ) && testContext( context.parentNode ) ||
+ context;
+ }
+
+ if ( newSelector ) {
+ try {
+ push.apply( results,
+ newContext.querySelectorAll( newSelector )
+ );
+ return results;
+ } catch ( qsaError ) {
+ } finally {
+ if ( nid === expando ) {
+ context.removeAttribute( "id" );
+ }
+ }
+ }
+ }
+ }
+ }
+
+ // All others
+ return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {function(string, object)} Returns the Object data after storing it on itself with
+ * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ * deleting the oldest entry
+ */
+function createCache() {
+ var keys = [];
+
+ function cache( key, value ) {
+ // Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+ if ( keys.push( key + " " ) > Expr.cacheLength ) {
+ // Only keep the most recent entries
+ delete cache[ keys.shift() ];
+ }
+ return (cache[ key + " " ] = value);
+ }
+ return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+ fn[ expando ] = true;
+ return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created element and returns a boolean result
+ */
+function assert( fn ) {
+ var el = document.createElement("fieldset");
+
+ try {
+ return !!fn( el );
+ } catch (e) {
+ return false;
+ } finally {
+ // Remove from its parent by default
+ if ( el.parentNode ) {
+ el.parentNode.removeChild( el );
+ }
+ // release memory in IE
+ el = null;
+ }
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+ var arr = attrs.split("|"),
+ i = arr.length;
+
+ while ( i-- ) {
+ Expr.attrHandle[ arr[i] ] = handler;
+ }
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+ var cur = b && a,
+ diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+ a.sourceIndex - b.sourceIndex;
+
+ // Use IE sourceIndex if available on both nodes
+ if ( diff ) {
+ return diff;
+ }
+
+ // Check if b follows a
+ if ( cur ) {
+ while ( (cur = cur.nextSibling) ) {
+ if ( cur === b ) {
+ return -1;
+ }
+ }
+ }
+
+ return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+ return function( elem ) {
+ var name = elem.nodeName.toLowerCase();
+ return name === "input" && elem.type === type;
+ };
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+ return function( elem ) {
+ var name = elem.nodeName.toLowerCase();
+ return (name === "input" || name === "button") && elem.type === type;
+ };
+}
+
+/**
+ * Returns a function to use in pseudos for :enabled/:disabled
+ * @param {Boolean} disabled true for :disabled; false for :enabled
+ */
+function createDisabledPseudo( disabled ) {
+
+ // Known :disabled false positives: fieldset[disabled] > legend:nth-of-type(n+2) :can-disable
+ return function( elem ) {
+
+ // Only certain elements can match :enabled or :disabled
+ // https://html.spec.whatwg.org/multipage/scripting.html#selector-enabled
+ // https://html.spec.whatwg.org/multipage/scripting.html#selector-disabled
+ if ( "form" in elem ) {
+
+ // Check for inherited disabledness on relevant non-disabled elements:
+ // * listed form-associated elements in a disabled fieldset
+ // https://html.spec.whatwg.org/multipage/forms.html#category-listed
+ // https://html.spec.whatwg.org/multipage/forms.html#concept-fe-disabled
+ // * option elements in a disabled optgroup
+ // https://html.spec.whatwg.org/multipage/forms.html#concept-option-disabled
+ // All such elements have a "form" property.
+ if ( elem.parentNode && elem.disabled === false ) {
+
+ // Option elements defer to a parent optgroup if present
+ if ( "label" in elem ) {
+ if ( "label" in elem.parentNode ) {
+ return elem.parentNode.disabled === disabled;
+ } else {
+ return elem.disabled === disabled;
+ }
+ }
+
+ // Support: IE 6 - 11
+ // Use the isDisabled shortcut property to check for disabled fieldset ancestors
+ return elem.isDisabled === disabled ||
+
+ // Where there is no isDisabled, check manually
+ /* jshint -W018 */
+ elem.isDisabled !== !disabled &&
+ disabledAncestor( elem ) === disabled;
+ }
+
+ return elem.disabled === disabled;
+
+ // Try to winnow out elements that can't be disabled before trusting the disabled property.
+ // Some victims get caught in our net (label, legend, menu, track), but it shouldn't
+ // even exist on them, let alone have a boolean value.
+ } else if ( "label" in elem ) {
+ return elem.disabled === disabled;
+ }
+
+ // Remaining elements are neither :enabled nor :disabled
+ return false;
+ };
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+ return markFunction(function( argument ) {
+ argument = +argument;
+ return markFunction(function( seed, matches ) {
+ var j,
+ matchIndexes = fn( [], seed.length, argument ),
+ i = matchIndexes.length;
+
+ // Match elements found at the specified indexes
+ while ( i-- ) {
+ if ( seed[ (j = matchIndexes[i]) ] ) {
+ seed[j] = !(matches[j] = seed[j]);
+ }
+ }
+ });
+ });
+}
+
+/**
+ * Checks a node for validity as a Sizzle context
+ * @param {Element|Object=} context
+ * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
+ */
+function testContext( context ) {
+ return context && typeof context.getElementsByTagName !== "undefined" && context;
+}
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Detects XML nodes
+ * @param {Element|Object} elem An element or a document
+ * @returns {Boolean} True iff elem is a non-HTML XML node
+ */
+isXML = Sizzle.isXML = function( elem ) {
+ // documentElement is verified for cases where it doesn't yet exist
+ // (such as loading iframes in IE - #4833)
+ var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+ return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+ var hasCompare, subWindow,
+ doc = node ? node.ownerDocument || node : preferredDoc;
+
+ // Return early if doc is invalid or already selected
+ if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+ return document;
+ }
+
+ // Update global variables
+ document = doc;
+ docElem = document.documentElement;
+ documentIsHTML = !isXML( document );
+
+ // Support: IE 9-11, Edge
+ // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936)
+ if ( preferredDoc !== document &&
+ (subWindow = document.defaultView) && subWindow.top !== subWindow ) {
+
+ // Support: IE 11, Edge
+ if ( subWindow.addEventListener ) {
+ subWindow.addEventListener( "unload", unloadHandler, false );
+
+ // Support: IE 9 - 10 only
+ } else if ( subWindow.attachEvent ) {
+ subWindow.attachEvent( "onunload", unloadHandler );
+ }
+ }
+
+ /* Attributes
+ ---------------------------------------------------------------------- */
+
+ // Support: IE<8
+ // Verify that getAttribute really returns attributes and not properties
+ // (excepting IE8 booleans)
+ support.attributes = assert(function( el ) {
+ el.className = "i";
+ return !el.getAttribute("className");
+ });
+
+ /* getElement(s)By*
+ ---------------------------------------------------------------------- */
+
+ // Check if getElementsByTagName("*") returns only elements
+ support.getElementsByTagName = assert(function( el ) {
+ el.appendChild( document.createComment("") );
+ return !el.getElementsByTagName("*").length;
+ });
+
+ // Support: IE<9
+ support.getElementsByClassName = rnative.test( document.getElementsByClassName );
+
+ // Support: IE<10
+ // Check if getElementById returns elements by name
+ // The broken getElementById methods don't pick up programmatically-set names,
+ // so use a roundabout getElementsByName test
+ support.getById = assert(function( el ) {
+ docElem.appendChild( el ).id = expando;
+ return !document.getElementsByName || !document.getElementsByName( expando ).length;
+ });
+
+ // ID filter and find
+ if ( support.getById ) {
+ Expr.filter["ID"] = function( id ) {
+ var attrId = id.replace( runescape, funescape );
+ return function( elem ) {
+ return elem.getAttribute("id") === attrId;
+ };
+ };
+ Expr.find["ID"] = function( id, context ) {
+ if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
+ var elem = context.getElementById( id );
+ return elem ? [ elem ] : [];
+ }
+ };
+ } else {
+ Expr.filter["ID"] = function( id ) {
+ var attrId = id.replace( runescape, funescape );
+ return function( elem ) {
+ var node = typeof elem.getAttributeNode !== "undefined" &&
+ elem.getAttributeNode("id");
+ return node && node.value === attrId;
+ };
+ };
+
+ // Support: IE 6 - 7 only
+ // getElementById is not reliable as a find shortcut
+ Expr.find["ID"] = function( id, context ) {
+ if ( typeof context.getElementById !== "undefined" && documentIsHTML ) {
+ var node, i, elems,
+ elem = context.getElementById( id );
+
+ if ( elem ) {
+
+ // Verify the id attribute
+ node = elem.getAttributeNode("id");
+ if ( node && node.value === id ) {
+ return [ elem ];
+ }
+
+ // Fall back on getElementsByName
+ elems = context.getElementsByName( id );
+ i = 0;
+ while ( (elem = elems[i++]) ) {
+ node = elem.getAttributeNode("id");
+ if ( node && node.value === id ) {
+ return [ elem ];
+ }
+ }
+ }
+
+ return [];
+ }
+ };
+ }
+
+ // Tag
+ Expr.find["TAG"] = support.getElementsByTagName ?
+ function( tag, context ) {
+ if ( typeof context.getElementsByTagName !== "undefined" ) {
+ return context.getElementsByTagName( tag );
+
+ // DocumentFragment nodes don't have gEBTN
+ } else if ( support.qsa ) {
+ return context.querySelectorAll( tag );
+ }
+ } :
+
+ function( tag, context ) {
+ var elem,
+ tmp = [],
+ i = 0,
+ // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too
+ results = context.getElementsByTagName( tag );
+
+ // Filter out possible comments
+ if ( tag === "*" ) {
+ while ( (elem = results[i++]) ) {
+ if ( elem.nodeType === 1 ) {
+ tmp.push( elem );
+ }
+ }
+
+ return tmp;
+ }
+ return results;
+ };
+
+ // Class
+ Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+ if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) {
+ return context.getElementsByClassName( className );
+ }
+ };
+
+ /* QSA/matchesSelector
+ ---------------------------------------------------------------------- */
+
+ // QSA and matchesSelector support
+
+ // matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+ rbuggyMatches = [];
+
+ // qSa(:focus) reports false when true (Chrome 21)
+ // We allow this because of a bug in IE8/9 that throws an error
+ // whenever `document.activeElement` is accessed on an iframe
+ // So, we allow :focus to pass through QSA all the time to avoid the IE error
+ // See https://bugs.jquery.com/ticket/13378
+ rbuggyQSA = [];
+
+ if ( (support.qsa = rnative.test( document.querySelectorAll )) ) {
+ // Build QSA regex
+ // Regex strategy adopted from Diego Perini
+ assert(function( el ) {
+ // Select is set to empty string on purpose
+ // This is to test IE's treatment of not explicitly
+ // setting a boolean content attribute,
+ // since its presence should be enough
+ // https://bugs.jquery.com/ticket/12359
+ docElem.appendChild( el ).innerHTML = "" +
+ "";
+
+ // Support: IE8, Opera 11-12.16
+ // Nothing should be selected when empty strings follow ^= or $= or *=
+ // The test attribute must be unknown in Opera but "safe" for WinRT
+ // https://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
+ if ( el.querySelectorAll("[msallowcapture^='']").length ) {
+ rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+ }
+
+ // Support: IE8
+ // Boolean attributes and "value" are not treated correctly
+ if ( !el.querySelectorAll("[selected]").length ) {
+ rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+ }
+
+ // Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+
+ if ( !el.querySelectorAll( "[id~=" + expando + "-]" ).length ) {
+ rbuggyQSA.push("~=");
+ }
+
+ // Webkit/Opera - :checked should return selected option elements
+ // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+ // IE8 throws error here and will not see later tests
+ if ( !el.querySelectorAll(":checked").length ) {
+ rbuggyQSA.push(":checked");
+ }
+
+ // Support: Safari 8+, iOS 8+
+ // https://bugs.webkit.org/show_bug.cgi?id=136851
+ // In-page `selector#id sibling-combinator selector` fails
+ if ( !el.querySelectorAll( "a#" + expando + "+*" ).length ) {
+ rbuggyQSA.push(".#.+[+~]");
+ }
+ });
+
+ assert(function( el ) {
+ el.innerHTML = "" +
+ "";
+
+ // Support: Windows 8 Native Apps
+ // The type and name attributes are restricted during .innerHTML assignment
+ var input = document.createElement("input");
+ input.setAttribute( "type", "hidden" );
+ el.appendChild( input ).setAttribute( "name", "D" );
+
+ // Support: IE8
+ // Enforce case-sensitivity of name attribute
+ if ( el.querySelectorAll("[name=d]").length ) {
+ rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" );
+ }
+
+ // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+ // IE8 throws error here and will not see later tests
+ if ( el.querySelectorAll(":enabled").length !== 2 ) {
+ rbuggyQSA.push( ":enabled", ":disabled" );
+ }
+
+ // Support: IE9-11+
+ // IE's :disabled selector does not pick up the children of disabled fieldsets
+ docElem.appendChild( el ).disabled = true;
+ if ( el.querySelectorAll(":disabled").length !== 2 ) {
+ rbuggyQSA.push( ":enabled", ":disabled" );
+ }
+
+ // Opera 10-11 does not throw on post-comma invalid pseudos
+ el.querySelectorAll("*,:x");
+ rbuggyQSA.push(",.*:");
+ });
+ }
+
+ if ( (support.matchesSelector = rnative.test( (matches = docElem.matches ||
+ docElem.webkitMatchesSelector ||
+ docElem.mozMatchesSelector ||
+ docElem.oMatchesSelector ||
+ docElem.msMatchesSelector) )) ) {
+
+ assert(function( el ) {
+ // Check to see if it's possible to do matchesSelector
+ // on a disconnected node (IE 9)
+ support.disconnectedMatch = matches.call( el, "*" );
+
+ // This should fail with an exception
+ // Gecko does not error, returns false instead
+ matches.call( el, "[s!='']:x" );
+ rbuggyMatches.push( "!=", pseudos );
+ });
+ }
+
+ rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+ rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+ /* Contains
+ ---------------------------------------------------------------------- */
+ hasCompare = rnative.test( docElem.compareDocumentPosition );
+
+ // Element contains another
+ // Purposefully self-exclusive
+ // As in, an element does not contain itself
+ contains = hasCompare || rnative.test( docElem.contains ) ?
+ function( a, b ) {
+ var adown = a.nodeType === 9 ? a.documentElement : a,
+ bup = b && b.parentNode;
+ return a === bup || !!( bup && bup.nodeType === 1 && (
+ adown.contains ?
+ adown.contains( bup ) :
+ a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+ ));
+ } :
+ function( a, b ) {
+ if ( b ) {
+ while ( (b = b.parentNode) ) {
+ if ( b === a ) {
+ return true;
+ }
+ }
+ }
+ return false;
+ };
+
+ /* Sorting
+ ---------------------------------------------------------------------- */
+
+ // Document order sorting
+ sortOrder = hasCompare ?
+ function( a, b ) {
+
+ // Flag for duplicate removal
+ if ( a === b ) {
+ hasDuplicate = true;
+ return 0;
+ }
+
+ // Sort on method existence if only one input has compareDocumentPosition
+ var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+ if ( compare ) {
+ return compare;
+ }
+
+ // Calculate position if both inputs belong to the same document
+ compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ?
+ a.compareDocumentPosition( b ) :
+
+ // Otherwise we know they are disconnected
+ 1;
+
+ // Disconnected nodes
+ if ( compare & 1 ||
+ (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+ // Choose the first element that is related to our preferred document
+ if ( a === document || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) {
+ return -1;
+ }
+ if ( b === document || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) {
+ return 1;
+ }
+
+ // Maintain original order
+ return sortInput ?
+ ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
+ 0;
+ }
+
+ return compare & 4 ? -1 : 1;
+ } :
+ function( a, b ) {
+ // Exit early if the nodes are identical
+ if ( a === b ) {
+ hasDuplicate = true;
+ return 0;
+ }
+
+ var cur,
+ i = 0,
+ aup = a.parentNode,
+ bup = b.parentNode,
+ ap = [ a ],
+ bp = [ b ];
+
+ // Parentless nodes are either documents or disconnected
+ if ( !aup || !bup ) {
+ return a === document ? -1 :
+ b === document ? 1 :
+ aup ? -1 :
+ bup ? 1 :
+ sortInput ?
+ ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) :
+ 0;
+
+ // If the nodes are siblings, we can do a quick check
+ } else if ( aup === bup ) {
+ return siblingCheck( a, b );
+ }
+
+ // Otherwise we need full lists of their ancestors for comparison
+ cur = a;
+ while ( (cur = cur.parentNode) ) {
+ ap.unshift( cur );
+ }
+ cur = b;
+ while ( (cur = cur.parentNode) ) {
+ bp.unshift( cur );
+ }
+
+ // Walk down the tree looking for a discrepancy
+ while ( ap[i] === bp[i] ) {
+ i++;
+ }
+
+ return i ?
+ // Do a sibling check if the nodes have a common ancestor
+ siblingCheck( ap[i], bp[i] ) :
+
+ // Otherwise nodes in our document sort first
+ ap[i] === preferredDoc ? -1 :
+ bp[i] === preferredDoc ? 1 :
+ 0;
+ };
+
+ return document;
+};
+
+Sizzle.matches = function( expr, elements ) {
+ return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+ // Set document vars if needed
+ if ( ( elem.ownerDocument || elem ) !== document ) {
+ setDocument( elem );
+ }
+
+ // Make sure that attribute selectors are quoted
+ expr = expr.replace( rattributeQuotes, "='$1']" );
+
+ if ( support.matchesSelector && documentIsHTML &&
+ !compilerCache[ expr + " " ] &&
+ ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+ ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) {
+
+ try {
+ var ret = matches.call( elem, expr );
+
+ // IE 9's matchesSelector returns false on disconnected nodes
+ if ( ret || support.disconnectedMatch ||
+ // As well, disconnected nodes are said to be in a document
+ // fragment in IE 9
+ elem.document && elem.document.nodeType !== 11 ) {
+ return ret;
+ }
+ } catch (e) {}
+ }
+
+ return Sizzle( expr, document, null, [ elem ] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+ // Set document vars if needed
+ if ( ( context.ownerDocument || context ) !== document ) {
+ setDocument( context );
+ }
+ return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+ // Set document vars if needed
+ if ( ( elem.ownerDocument || elem ) !== document ) {
+ setDocument( elem );
+ }
+
+ var fn = Expr.attrHandle[ name.toLowerCase() ],
+ // Don't get fooled by Object.prototype properties (jQuery #13807)
+ val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+ fn( elem, name, !documentIsHTML ) :
+ undefined;
+
+ return val !== undefined ?
+ val :
+ support.attributes || !documentIsHTML ?
+ elem.getAttribute( name ) :
+ (val = elem.getAttributeNode(name)) && val.specified ?
+ val.value :
+ null;
+};
+
+Sizzle.escape = function( sel ) {
+ return (sel + "").replace( rcssescape, fcssescape );
+};
+
+Sizzle.error = function( msg ) {
+ throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+ var elem,
+ duplicates = [],
+ j = 0,
+ i = 0;
+
+ // Unless we *know* we can detect duplicates, assume their presence
+ hasDuplicate = !support.detectDuplicates;
+ sortInput = !support.sortStable && results.slice( 0 );
+ results.sort( sortOrder );
+
+ if ( hasDuplicate ) {
+ while ( (elem = results[i++]) ) {
+ if ( elem === results[ i ] ) {
+ j = duplicates.push( i );
+ }
+ }
+ while ( j-- ) {
+ results.splice( duplicates[ j ], 1 );
+ }
+ }
+
+ // Clear input after sorting to release objects
+ // See https://github.com/jquery/sizzle/pull/225
+ sortInput = null;
+
+ return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+ var node,
+ ret = "",
+ i = 0,
+ nodeType = elem.nodeType;
+
+ if ( !nodeType ) {
+ // If no nodeType, this is expected to be an array
+ while ( (node = elem[i++]) ) {
+ // Do not traverse comment nodes
+ ret += getText( node );
+ }
+ } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+ // Use textContent for elements
+ // innerText usage removed for consistency of new lines (jQuery #11153)
+ if ( typeof elem.textContent === "string" ) {
+ return elem.textContent;
+ } else {
+ // Traverse its children
+ for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+ ret += getText( elem );
+ }
+ }
+ } else if ( nodeType === 3 || nodeType === 4 ) {
+ return elem.nodeValue;
+ }
+ // Do not include comment or processing instruction nodes
+
+ return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+ // Can be adjusted by the user
+ cacheLength: 50,
+
+ createPseudo: markFunction,
+
+ match: matchExpr,
+
+ attrHandle: {},
+
+ find: {},
+
+ relative: {
+ ">": { dir: "parentNode", first: true },
+ " ": { dir: "parentNode" },
+ "+": { dir: "previousSibling", first: true },
+ "~": { dir: "previousSibling" }
+ },
+
+ preFilter: {
+ "ATTR": function( match ) {
+ match[1] = match[1].replace( runescape, funescape );
+
+ // Move the given value to match[3] whether quoted or unquoted
+ match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape );
+
+ if ( match[2] === "~=" ) {
+ match[3] = " " + match[3] + " ";
+ }
+
+ return match.slice( 0, 4 );
+ },
+
+ "CHILD": function( match ) {
+ /* matches from matchExpr["CHILD"]
+ 1 type (only|nth|...)
+ 2 what (child|of-type)
+ 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+ 4 xn-component of xn+y argument ([+-]?\d*n|)
+ 5 sign of xn-component
+ 6 x of xn-component
+ 7 sign of y-component
+ 8 y of y-component
+ */
+ match[1] = match[1].toLowerCase();
+
+ if ( match[1].slice( 0, 3 ) === "nth" ) {
+ // nth-* requires argument
+ if ( !match[3] ) {
+ Sizzle.error( match[0] );
+ }
+
+ // numeric x and y parameters for Expr.filter.CHILD
+ // remember that false/true cast respectively to 0/1
+ match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+ match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+ // other types prohibit arguments
+ } else if ( match[3] ) {
+ Sizzle.error( match[0] );
+ }
+
+ return match;
+ },
+
+ "PSEUDO": function( match ) {
+ var excess,
+ unquoted = !match[6] && match[2];
+
+ if ( matchExpr["CHILD"].test( match[0] ) ) {
+ return null;
+ }
+
+ // Accept quoted arguments as-is
+ if ( match[3] ) {
+ match[2] = match[4] || match[5] || "";
+
+ // Strip excess characters from unquoted arguments
+ } else if ( unquoted && rpseudo.test( unquoted ) &&
+ // Get excess from tokenize (recursively)
+ (excess = tokenize( unquoted, true )) &&
+ // advance to the next closing parenthesis
+ (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+ // excess is a negative index
+ match[0] = match[0].slice( 0, excess );
+ match[2] = unquoted.slice( 0, excess );
+ }
+
+ // Return only captures needed by the pseudo filter method (type and argument)
+ return match.slice( 0, 3 );
+ }
+ },
+
+ filter: {
+
+ "TAG": function( nodeNameSelector ) {
+ var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+ return nodeNameSelector === "*" ?
+ function() { return true; } :
+ function( elem ) {
+ return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+ };
+ },
+
+ "CLASS": function( className ) {
+ var pattern = classCache[ className + " " ];
+
+ return pattern ||
+ (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+ classCache( className, function( elem ) {
+ return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" );
+ });
+ },
+
+ "ATTR": function( name, operator, check ) {
+ return function( elem ) {
+ var result = Sizzle.attr( elem, name );
+
+ if ( result == null ) {
+ return operator === "!=";
+ }
+ if ( !operator ) {
+ return true;
+ }
+
+ result += "";
+
+ return operator === "=" ? result === check :
+ operator === "!=" ? result !== check :
+ operator === "^=" ? check && result.indexOf( check ) === 0 :
+ operator === "*=" ? check && result.indexOf( check ) > -1 :
+ operator === "$=" ? check && result.slice( -check.length ) === check :
+ operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 :
+ operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+ false;
+ };
+ },
+
+ "CHILD": function( type, what, argument, first, last ) {
+ var simple = type.slice( 0, 3 ) !== "nth",
+ forward = type.slice( -4 ) !== "last",
+ ofType = what === "of-type";
+
+ return first === 1 && last === 0 ?
+
+ // Shortcut for :nth-*(n)
+ function( elem ) {
+ return !!elem.parentNode;
+ } :
+
+ function( elem, context, xml ) {
+ var cache, uniqueCache, outerCache, node, nodeIndex, start,
+ dir = simple !== forward ? "nextSibling" : "previousSibling",
+ parent = elem.parentNode,
+ name = ofType && elem.nodeName.toLowerCase(),
+ useCache = !xml && !ofType,
+ diff = false;
+
+ if ( parent ) {
+
+ // :(first|last|only)-(child|of-type)
+ if ( simple ) {
+ while ( dir ) {
+ node = elem;
+ while ( (node = node[ dir ]) ) {
+ if ( ofType ?
+ node.nodeName.toLowerCase() === name :
+ node.nodeType === 1 ) {
+
+ return false;
+ }
+ }
+ // Reverse direction for :only-* (if we haven't yet done so)
+ start = dir = type === "only" && !start && "nextSibling";
+ }
+ return true;
+ }
+
+ start = [ forward ? parent.firstChild : parent.lastChild ];
+
+ // non-xml :nth-child(...) stores cache data on `parent`
+ if ( forward && useCache ) {
+
+ // Seek `elem` from a previously-cached index
+
+ // ...in a gzip-friendly way
+ node = parent;
+ outerCache = node[ expando ] || (node[ expando ] = {});
+
+ // Support: IE <9 only
+ // Defend against cloned attroperties (jQuery gh-1709)
+ uniqueCache = outerCache[ node.uniqueID ] ||
+ (outerCache[ node.uniqueID ] = {});
+
+ cache = uniqueCache[ type ] || [];
+ nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
+ diff = nodeIndex && cache[ 2 ];
+ node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+ while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+ // Fallback to seeking `elem` from the start
+ (diff = nodeIndex = 0) || start.pop()) ) {
+
+ // When found, cache indexes on `parent` and break
+ if ( node.nodeType === 1 && ++diff && node === elem ) {
+ uniqueCache[ type ] = [ dirruns, nodeIndex, diff ];
+ break;
+ }
+ }
+
+ } else {
+ // Use previously-cached element index if available
+ if ( useCache ) {
+ // ...in a gzip-friendly way
+ node = elem;
+ outerCache = node[ expando ] || (node[ expando ] = {});
+
+ // Support: IE <9 only
+ // Defend against cloned attroperties (jQuery gh-1709)
+ uniqueCache = outerCache[ node.uniqueID ] ||
+ (outerCache[ node.uniqueID ] = {});
+
+ cache = uniqueCache[ type ] || [];
+ nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ];
+ diff = nodeIndex;
+ }
+
+ // xml :nth-child(...)
+ // or :nth-last-child(...) or :nth(-last)?-of-type(...)
+ if ( diff === false ) {
+ // Use the same loop as above to seek `elem` from the start
+ while ( (node = ++nodeIndex && node && node[ dir ] ||
+ (diff = nodeIndex = 0) || start.pop()) ) {
+
+ if ( ( ofType ?
+ node.nodeName.toLowerCase() === name :
+ node.nodeType === 1 ) &&
+ ++diff ) {
+
+ // Cache the index of each encountered element
+ if ( useCache ) {
+ outerCache = node[ expando ] || (node[ expando ] = {});
+
+ // Support: IE <9 only
+ // Defend against cloned attroperties (jQuery gh-1709)
+ uniqueCache = outerCache[ node.uniqueID ] ||
+ (outerCache[ node.uniqueID ] = {});
+
+ uniqueCache[ type ] = [ dirruns, diff ];
+ }
+
+ if ( node === elem ) {
+ break;
+ }
+ }
+ }
+ }
+ }
+
+ // Incorporate the offset, then check against cycle size
+ diff -= last;
+ return diff === first || ( diff % first === 0 && diff / first >= 0 );
+ }
+ };
+ },
+
+ "PSEUDO": function( pseudo, argument ) {
+ // pseudo-class names are case-insensitive
+ // http://www.w3.org/TR/selectors/#pseudo-classes
+ // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+ // Remember that setFilters inherits from pseudos
+ var args,
+ fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+ Sizzle.error( "unsupported pseudo: " + pseudo );
+
+ // The user may use createPseudo to indicate that
+ // arguments are needed to create the filter function
+ // just as Sizzle does
+ if ( fn[ expando ] ) {
+ return fn( argument );
+ }
+
+ // But maintain support for old signatures
+ if ( fn.length > 1 ) {
+ args = [ pseudo, pseudo, "", argument ];
+ return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+ markFunction(function( seed, matches ) {
+ var idx,
+ matched = fn( seed, argument ),
+ i = matched.length;
+ while ( i-- ) {
+ idx = indexOf( seed, matched[i] );
+ seed[ idx ] = !( matches[ idx ] = matched[i] );
+ }
+ }) :
+ function( elem ) {
+ return fn( elem, 0, args );
+ };
+ }
+
+ return fn;
+ }
+ },
+
+ pseudos: {
+ // Potentially complex pseudos
+ "not": markFunction(function( selector ) {
+ // Trim the selector passed to compile
+ // to avoid treating leading and trailing
+ // spaces as combinators
+ var input = [],
+ results = [],
+ matcher = compile( selector.replace( rtrim, "$1" ) );
+
+ return matcher[ expando ] ?
+ markFunction(function( seed, matches, context, xml ) {
+ var elem,
+ unmatched = matcher( seed, null, xml, [] ),
+ i = seed.length;
+
+ // Match elements unmatched by `matcher`
+ while ( i-- ) {
+ if ( (elem = unmatched[i]) ) {
+ seed[i] = !(matches[i] = elem);
+ }
+ }
+ }) :
+ function( elem, context, xml ) {
+ input[0] = elem;
+ matcher( input, null, xml, results );
+ // Don't keep the element (issue #299)
+ input[0] = null;
+ return !results.pop();
+ };
+ }),
+
+ "has": markFunction(function( selector ) {
+ return function( elem ) {
+ return Sizzle( selector, elem ).length > 0;
+ };
+ }),
+
+ "contains": markFunction(function( text ) {
+ text = text.replace( runescape, funescape );
+ return function( elem ) {
+ return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+ };
+ }),
+
+ // "Whether an element is represented by a :lang() selector
+ // is based solely on the element's language value
+ // being equal to the identifier C,
+ // or beginning with the identifier C immediately followed by "-".
+ // The matching of C against the element's language value is performed case-insensitively.
+ // The identifier C does not have to be a valid language name."
+ // http://www.w3.org/TR/selectors/#lang-pseudo
+ "lang": markFunction( function( lang ) {
+ // lang value must be a valid identifier
+ if ( !ridentifier.test(lang || "") ) {
+ Sizzle.error( "unsupported lang: " + lang );
+ }
+ lang = lang.replace( runescape, funescape ).toLowerCase();
+ return function( elem ) {
+ var elemLang;
+ do {
+ if ( (elemLang = documentIsHTML ?
+ elem.lang :
+ elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+ elemLang = elemLang.toLowerCase();
+ return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+ }
+ } while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+ return false;
+ };
+ }),
+
+ // Miscellaneous
+ "target": function( elem ) {
+ var hash = window.location && window.location.hash;
+ return hash && hash.slice( 1 ) === elem.id;
+ },
+
+ "root": function( elem ) {
+ return elem === docElem;
+ },
+
+ "focus": function( elem ) {
+ return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+ },
+
+ // Boolean properties
+ "enabled": createDisabledPseudo( false ),
+ "disabled": createDisabledPseudo( true ),
+
+ "checked": function( elem ) {
+ // In CSS3, :checked should return both checked and selected elements
+ // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+ var nodeName = elem.nodeName.toLowerCase();
+ return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+ },
+
+ "selected": function( elem ) {
+ // Accessing this property makes selected-by-default
+ // options in Safari work properly
+ if ( elem.parentNode ) {
+ elem.parentNode.selectedIndex;
+ }
+
+ return elem.selected === true;
+ },
+
+ // Contents
+ "empty": function( elem ) {
+ // http://www.w3.org/TR/selectors/#empty-pseudo
+ // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
+ // but not by others (comment: 8; processing instruction: 7; etc.)
+ // nodeType < 6 works because attributes (2) do not appear as children
+ for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+ if ( elem.nodeType < 6 ) {
+ return false;
+ }
+ }
+ return true;
+ },
+
+ "parent": function( elem ) {
+ return !Expr.pseudos["empty"]( elem );
+ },
+
+ // Element/input types
+ "header": function( elem ) {
+ return rheader.test( elem.nodeName );
+ },
+
+ "input": function( elem ) {
+ return rinputs.test( elem.nodeName );
+ },
+
+ "button": function( elem ) {
+ var name = elem.nodeName.toLowerCase();
+ return name === "input" && elem.type === "button" || name === "button";
+ },
+
+ "text": function( elem ) {
+ var attr;
+ return elem.nodeName.toLowerCase() === "input" &&
+ elem.type === "text" &&
+
+ // Support: IE<8
+ // New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
+ ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" );
+ },
+
+ // Position-in-collection
+ "first": createPositionalPseudo(function() {
+ return [ 0 ];
+ }),
+
+ "last": createPositionalPseudo(function( matchIndexes, length ) {
+ return [ length - 1 ];
+ }),
+
+ "eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+ return [ argument < 0 ? argument + length : argument ];
+ }),
+
+ "even": createPositionalPseudo(function( matchIndexes, length ) {
+ var i = 0;
+ for ( ; i < length; i += 2 ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ }),
+
+ "odd": createPositionalPseudo(function( matchIndexes, length ) {
+ var i = 1;
+ for ( ; i < length; i += 2 ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ }),
+
+ "lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+ var i = argument < 0 ? argument + length : argument;
+ for ( ; --i >= 0; ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ }),
+
+ "gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+ var i = argument < 0 ? argument + length : argument;
+ for ( ; ++i < length; ) {
+ matchIndexes.push( i );
+ }
+ return matchIndexes;
+ })
+ }
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+ Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+ Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+tokenize = Sizzle.tokenize = function( selector, parseOnly ) {
+ var matched, match, tokens, type,
+ soFar, groups, preFilters,
+ cached = tokenCache[ selector + " " ];
+
+ if ( cached ) {
+ return parseOnly ? 0 : cached.slice( 0 );
+ }
+
+ soFar = selector;
+ groups = [];
+ preFilters = Expr.preFilter;
+
+ while ( soFar ) {
+
+ // Comma and first run
+ if ( !matched || (match = rcomma.exec( soFar )) ) {
+ if ( match ) {
+ // Don't consume trailing commas as valid
+ soFar = soFar.slice( match[0].length ) || soFar;
+ }
+ groups.push( (tokens = []) );
+ }
+
+ matched = false;
+
+ // Combinators
+ if ( (match = rcombinators.exec( soFar )) ) {
+ matched = match.shift();
+ tokens.push({
+ value: matched,
+ // Cast descendant combinators to space
+ type: match[0].replace( rtrim, " " )
+ });
+ soFar = soFar.slice( matched.length );
+ }
+
+ // Filters
+ for ( type in Expr.filter ) {
+ if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+ (match = preFilters[ type ]( match ))) ) {
+ matched = match.shift();
+ tokens.push({
+ value: matched,
+ type: type,
+ matches: match
+ });
+ soFar = soFar.slice( matched.length );
+ }
+ }
+
+ if ( !matched ) {
+ break;
+ }
+ }
+
+ // Return the length of the invalid excess
+ // if we're just parsing
+ // Otherwise, throw an error or return tokens
+ return parseOnly ?
+ soFar.length :
+ soFar ?
+ Sizzle.error( selector ) :
+ // Cache the tokens
+ tokenCache( selector, groups ).slice( 0 );
+};
+
+function toSelector( tokens ) {
+ var i = 0,
+ len = tokens.length,
+ selector = "";
+ for ( ; i < len; i++ ) {
+ selector += tokens[i].value;
+ }
+ return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+ var dir = combinator.dir,
+ skip = combinator.next,
+ key = skip || dir,
+ checkNonElements = base && key === "parentNode",
+ doneName = done++;
+
+ return combinator.first ?
+ // Check against closest ancestor/preceding element
+ function( elem, context, xml ) {
+ while ( (elem = elem[ dir ]) ) {
+ if ( elem.nodeType === 1 || checkNonElements ) {
+ return matcher( elem, context, xml );
+ }
+ }
+ return false;
+ } :
+
+ // Check against all ancestor/preceding elements
+ function( elem, context, xml ) {
+ var oldCache, uniqueCache, outerCache,
+ newCache = [ dirruns, doneName ];
+
+ // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching
+ if ( xml ) {
+ while ( (elem = elem[ dir ]) ) {
+ if ( elem.nodeType === 1 || checkNonElements ) {
+ if ( matcher( elem, context, xml ) ) {
+ return true;
+ }
+ }
+ }
+ } else {
+ while ( (elem = elem[ dir ]) ) {
+ if ( elem.nodeType === 1 || checkNonElements ) {
+ outerCache = elem[ expando ] || (elem[ expando ] = {});
+
+ // Support: IE <9 only
+ // Defend against cloned attroperties (jQuery gh-1709)
+ uniqueCache = outerCache[ elem.uniqueID ] || (outerCache[ elem.uniqueID ] = {});
+
+ if ( skip && skip === elem.nodeName.toLowerCase() ) {
+ elem = elem[ dir ] || elem;
+ } else if ( (oldCache = uniqueCache[ key ]) &&
+ oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
+
+ // Assign to newCache so results back-propagate to previous elements
+ return (newCache[ 2 ] = oldCache[ 2 ]);
+ } else {
+ // Reuse newcache so results back-propagate to previous elements
+ uniqueCache[ key ] = newCache;
+
+ // A match means we're done; a fail means we have to keep checking
+ if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) {
+ return true;
+ }
+ }
+ }
+ }
+ }
+ return false;
+ };
+}
+
+function elementMatcher( matchers ) {
+ return matchers.length > 1 ?
+ function( elem, context, xml ) {
+ var i = matchers.length;
+ while ( i-- ) {
+ if ( !matchers[i]( elem, context, xml ) ) {
+ return false;
+ }
+ }
+ return true;
+ } :
+ matchers[0];
+}
+
+function multipleContexts( selector, contexts, results ) {
+ var i = 0,
+ len = contexts.length;
+ for ( ; i < len; i++ ) {
+ Sizzle( selector, contexts[i], results );
+ }
+ return results;
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+ var elem,
+ newUnmatched = [],
+ i = 0,
+ len = unmatched.length,
+ mapped = map != null;
+
+ for ( ; i < len; i++ ) {
+ if ( (elem = unmatched[i]) ) {
+ if ( !filter || filter( elem, context, xml ) ) {
+ newUnmatched.push( elem );
+ if ( mapped ) {
+ map.push( i );
+ }
+ }
+ }
+ }
+
+ return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+ if ( postFilter && !postFilter[ expando ] ) {
+ postFilter = setMatcher( postFilter );
+ }
+ if ( postFinder && !postFinder[ expando ] ) {
+ postFinder = setMatcher( postFinder, postSelector );
+ }
+ return markFunction(function( seed, results, context, xml ) {
+ var temp, i, elem,
+ preMap = [],
+ postMap = [],
+ preexisting = results.length,
+
+ // Get initial elements from seed or context
+ elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+ // Prefilter to get matcher input, preserving a map for seed-results synchronization
+ matcherIn = preFilter && ( seed || !selector ) ?
+ condense( elems, preMap, preFilter, context, xml ) :
+ elems,
+
+ matcherOut = matcher ?
+ // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+ postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+ // ...intermediate processing is necessary
+ [] :
+
+ // ...otherwise use results directly
+ results :
+ matcherIn;
+
+ // Find primary matches
+ if ( matcher ) {
+ matcher( matcherIn, matcherOut, context, xml );
+ }
+
+ // Apply postFilter
+ if ( postFilter ) {
+ temp = condense( matcherOut, postMap );
+ postFilter( temp, [], context, xml );
+
+ // Un-match failing elements by moving them back to matcherIn
+ i = temp.length;
+ while ( i-- ) {
+ if ( (elem = temp[i]) ) {
+ matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+ }
+ }
+ }
+
+ if ( seed ) {
+ if ( postFinder || preFilter ) {
+ if ( postFinder ) {
+ // Get the final matcherOut by condensing this intermediate into postFinder contexts
+ temp = [];
+ i = matcherOut.length;
+ while ( i-- ) {
+ if ( (elem = matcherOut[i]) ) {
+ // Restore matcherIn since elem is not yet a final match
+ temp.push( (matcherIn[i] = elem) );
+ }
+ }
+ postFinder( null, (matcherOut = []), temp, xml );
+ }
+
+ // Move matched elements from seed to results to keep them synchronized
+ i = matcherOut.length;
+ while ( i-- ) {
+ if ( (elem = matcherOut[i]) &&
+ (temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) {
+
+ seed[temp] = !(results[temp] = elem);
+ }
+ }
+ }
+
+ // Add elements to results, through postFinder if defined
+ } else {
+ matcherOut = condense(
+ matcherOut === results ?
+ matcherOut.splice( preexisting, matcherOut.length ) :
+ matcherOut
+ );
+ if ( postFinder ) {
+ postFinder( null, results, matcherOut, xml );
+ } else {
+ push.apply( results, matcherOut );
+ }
+ }
+ });
+}
+
+function matcherFromTokens( tokens ) {
+ var checkContext, matcher, j,
+ len = tokens.length,
+ leadingRelative = Expr.relative[ tokens[0].type ],
+ implicitRelative = leadingRelative || Expr.relative[" "],
+ i = leadingRelative ? 1 : 0,
+
+ // The foundational matcher ensures that elements are reachable from top-level context(s)
+ matchContext = addCombinator( function( elem ) {
+ return elem === checkContext;
+ }, implicitRelative, true ),
+ matchAnyContext = addCombinator( function( elem ) {
+ return indexOf( checkContext, elem ) > -1;
+ }, implicitRelative, true ),
+ matchers = [ function( elem, context, xml ) {
+ var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+ (checkContext = context).nodeType ?
+ matchContext( elem, context, xml ) :
+ matchAnyContext( elem, context, xml ) );
+ // Avoid hanging onto element (issue #299)
+ checkContext = null;
+ return ret;
+ } ];
+
+ for ( ; i < len; i++ ) {
+ if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+ matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+ } else {
+ matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+ // Return special upon seeing a positional matcher
+ if ( matcher[ expando ] ) {
+ // Find the next relative operator (if any) for proper handling
+ j = ++i;
+ for ( ; j < len; j++ ) {
+ if ( Expr.relative[ tokens[j].type ] ) {
+ break;
+ }
+ }
+ return setMatcher(
+ i > 1 && elementMatcher( matchers ),
+ i > 1 && toSelector(
+ // If the preceding token was a descendant combinator, insert an implicit any-element `*`
+ tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+ ).replace( rtrim, "$1" ),
+ matcher,
+ i < j && matcherFromTokens( tokens.slice( i, j ) ),
+ j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+ j < len && toSelector( tokens )
+ );
+ }
+ matchers.push( matcher );
+ }
+ }
+
+ return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+ var bySet = setMatchers.length > 0,
+ byElement = elementMatchers.length > 0,
+ superMatcher = function( seed, context, xml, results, outermost ) {
+ var elem, j, matcher,
+ matchedCount = 0,
+ i = "0",
+ unmatched = seed && [],
+ setMatched = [],
+ contextBackup = outermostContext,
+ // We must always have either seed elements or outermost context
+ elems = seed || byElement && Expr.find["TAG"]( "*", outermost ),
+ // Use integer dirruns iff this is the outermost matcher
+ dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1),
+ len = elems.length;
+
+ if ( outermost ) {
+ outermostContext = context === document || context || outermost;
+ }
+
+ // Add elements passing elementMatchers directly to results
+ // Support: IE<9, Safari
+ // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id
+ for ( ; i !== len && (elem = elems[i]) != null; i++ ) {
+ if ( byElement && elem ) {
+ j = 0;
+ if ( !context && elem.ownerDocument !== document ) {
+ setDocument( elem );
+ xml = !documentIsHTML;
+ }
+ while ( (matcher = elementMatchers[j++]) ) {
+ if ( matcher( elem, context || document, xml) ) {
+ results.push( elem );
+ break;
+ }
+ }
+ if ( outermost ) {
+ dirruns = dirrunsUnique;
+ }
+ }
+
+ // Track unmatched elements for set filters
+ if ( bySet ) {
+ // They will have gone through all possible matchers
+ if ( (elem = !matcher && elem) ) {
+ matchedCount--;
+ }
+
+ // Lengthen the array for every element, matched or not
+ if ( seed ) {
+ unmatched.push( elem );
+ }
+ }
+ }
+
+ // `i` is now the count of elements visited above, and adding it to `matchedCount`
+ // makes the latter nonnegative.
+ matchedCount += i;
+
+ // Apply set filters to unmatched elements
+ // NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount`
+ // equals `i`), unless we didn't visit _any_ elements in the above loop because we have
+ // no element matchers and no seed.
+ // Incrementing an initially-string "0" `i` allows `i` to remain a string only in that
+ // case, which will result in a "00" `matchedCount` that differs from `i` but is also
+ // numerically zero.
+ if ( bySet && i !== matchedCount ) {
+ j = 0;
+ while ( (matcher = setMatchers[j++]) ) {
+ matcher( unmatched, setMatched, context, xml );
+ }
+
+ if ( seed ) {
+ // Reintegrate element matches to eliminate the need for sorting
+ if ( matchedCount > 0 ) {
+ while ( i-- ) {
+ if ( !(unmatched[i] || setMatched[i]) ) {
+ setMatched[i] = pop.call( results );
+ }
+ }
+ }
+
+ // Discard index placeholder values to get only actual matches
+ setMatched = condense( setMatched );
+ }
+
+ // Add matches to results
+ push.apply( results, setMatched );
+
+ // Seedless set matches succeeding multiple successful matchers stipulate sorting
+ if ( outermost && !seed && setMatched.length > 0 &&
+ ( matchedCount + setMatchers.length ) > 1 ) {
+
+ Sizzle.uniqueSort( results );
+ }
+ }
+
+ // Override manipulation of globals by nested matchers
+ if ( outermost ) {
+ dirruns = dirrunsUnique;
+ outermostContext = contextBackup;
+ }
+
+ return unmatched;
+ };
+
+ return bySet ?
+ markFunction( superMatcher ) :
+ superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) {
+ var i,
+ setMatchers = [],
+ elementMatchers = [],
+ cached = compilerCache[ selector + " " ];
+
+ if ( !cached ) {
+ // Generate a function of recursive functions that can be used to check each element
+ if ( !match ) {
+ match = tokenize( selector );
+ }
+ i = match.length;
+ while ( i-- ) {
+ cached = matcherFromTokens( match[i] );
+ if ( cached[ expando ] ) {
+ setMatchers.push( cached );
+ } else {
+ elementMatchers.push( cached );
+ }
+ }
+
+ // Cache the compiled function
+ cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+
+ // Save selector and tokenization
+ cached.selector = selector;
+ }
+ return cached;
+};
+
+/**
+ * A low-level selection function that works with Sizzle's compiled
+ * selector functions
+ * @param {String|Function} selector A selector or a pre-compiled
+ * selector function built with Sizzle.compile
+ * @param {Element} context
+ * @param {Array} [results]
+ * @param {Array} [seed] A set of elements to match against
+ */
+select = Sizzle.select = function( selector, context, results, seed ) {
+ var i, tokens, token, type, find,
+ compiled = typeof selector === "function" && selector,
+ match = !seed && tokenize( (selector = compiled.selector || selector) );
+
+ results = results || [];
+
+ // Try to minimize operations if there is only one selector in the list and no seed
+ // (the latter of which guarantees us context)
+ if ( match.length === 1 ) {
+
+ // Reduce context if the leading compound selector is an ID
+ tokens = match[0] = match[0].slice( 0 );
+ if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+ context.nodeType === 9 && documentIsHTML && Expr.relative[ tokens[1].type ] ) {
+
+ context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+ if ( !context ) {
+ return results;
+
+ // Precompiled matchers will still verify ancestry, so step up a level
+ } else if ( compiled ) {
+ context = context.parentNode;
+ }
+
+ selector = selector.slice( tokens.shift().value.length );
+ }
+
+ // Fetch a seed set for right-to-left matching
+ i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+ while ( i-- ) {
+ token = tokens[i];
+
+ // Abort if we hit a combinator
+ if ( Expr.relative[ (type = token.type) ] ) {
+ break;
+ }
+ if ( (find = Expr.find[ type ]) ) {
+ // Search, expanding context for leading sibling combinators
+ if ( (seed = find(
+ token.matches[0].replace( runescape, funescape ),
+ rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context
+ )) ) {
+
+ // If seed is empty or no tokens remain, we can return early
+ tokens.splice( i, 1 );
+ selector = seed.length && toSelector( tokens );
+ if ( !selector ) {
+ push.apply( results, seed );
+ return results;
+ }
+
+ break;
+ }
+ }
+ }
+ }
+
+ // Compile and execute a filtering function if one is not provided
+ // Provide `match` to avoid retokenization if we modified the selector above
+ ( compiled || compile( selector, match ) )(
+ seed,
+ context,
+ !documentIsHTML,
+ results,
+ !context || rsibling.test( selector ) && testContext( context.parentNode ) || context
+ );
+ return results;
+};
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome 14-35+
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = !!hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( el ) {
+ // Should return 1, but returns 4 (following)
+ return el.compareDocumentPosition( document.createElement("fieldset") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// https://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( el ) {
+ el.innerHTML = "";
+ return el.firstChild.getAttribute("href") === "#" ;
+}) ) {
+ addHandle( "type|href|height|width", function( elem, name, isXML ) {
+ if ( !isXML ) {
+ return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+ }
+ });
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( el ) {
+ el.innerHTML = "";
+ el.firstChild.setAttribute( "value", "" );
+ return el.firstChild.getAttribute( "value" ) === "";
+}) ) {
+ addHandle( "value", function( elem, name, isXML ) {
+ if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+ return elem.defaultValue;
+ }
+ });
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( el ) {
+ return el.getAttribute("disabled") == null;
+}) ) {
+ addHandle( booleans, function( elem, name, isXML ) {
+ var val;
+ if ( !isXML ) {
+ return elem[ name ] === true ? name.toLowerCase() :
+ (val = elem.getAttributeNode( name )) && val.specified ?
+ val.value :
+ null;
+ }
+ });
+}
+
+return Sizzle;
+
+})( window );
+
+
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+
+// Deprecated
+jQuery.expr[ ":" ] = jQuery.expr.pseudos;
+jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+jQuery.escapeSelector = Sizzle.escape;
+
+
+
+
+var dir = function( elem, dir, until ) {
+ var matched = [],
+ truncate = until !== undefined;
+
+ while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) {
+ if ( elem.nodeType === 1 ) {
+ if ( truncate && jQuery( elem ).is( until ) ) {
+ break;
+ }
+ matched.push( elem );
+ }
+ }
+ return matched;
+};
+
+
+var siblings = function( n, elem ) {
+ var matched = [];
+
+ for ( ; n; n = n.nextSibling ) {
+ if ( n.nodeType === 1 && n !== elem ) {
+ matched.push( n );
+ }
+ }
+
+ return matched;
+};
+
+
+var rneedsContext = jQuery.expr.match.needsContext;
+
+var rsingleTag = ( /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i );
+
+
+
+var risSimple = /^.[^:#\[\.,]*$/;
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+ if ( jQuery.isFunction( qualifier ) ) {
+ return jQuery.grep( elements, function( elem, i ) {
+ return !!qualifier.call( elem, i, elem ) !== not;
+ } );
+ }
+
+ // Single element
+ if ( qualifier.nodeType ) {
+ return jQuery.grep( elements, function( elem ) {
+ return ( elem === qualifier ) !== not;
+ } );
+ }
+
+ // Arraylike of elements (jQuery, arguments, Array)
+ if ( typeof qualifier !== "string" ) {
+ return jQuery.grep( elements, function( elem ) {
+ return ( indexOf.call( qualifier, elem ) > -1 ) !== not;
+ } );
+ }
+
+ // Simple selector that can be filtered directly, removing non-Elements
+ if ( risSimple.test( qualifier ) ) {
+ return jQuery.filter( qualifier, elements, not );
+ }
+
+ // Complex selector, compare the two sets, removing non-Elements
+ qualifier = jQuery.filter( qualifier, elements );
+ return jQuery.grep( elements, function( elem ) {
+ return ( indexOf.call( qualifier, elem ) > -1 ) !== not && elem.nodeType === 1;
+ } );
+}
+
+jQuery.filter = function( expr, elems, not ) {
+ var elem = elems[ 0 ];
+
+ if ( not ) {
+ expr = ":not(" + expr + ")";
+ }
+
+ if ( elems.length === 1 && elem.nodeType === 1 ) {
+ return jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [];
+ }
+
+ return jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+ return elem.nodeType === 1;
+ } ) );
+};
+
+jQuery.fn.extend( {
+ find: function( selector ) {
+ var i, ret,
+ len = this.length,
+ self = this;
+
+ if ( typeof selector !== "string" ) {
+ return this.pushStack( jQuery( selector ).filter( function() {
+ for ( i = 0; i < len; i++ ) {
+ if ( jQuery.contains( self[ i ], this ) ) {
+ return true;
+ }
+ }
+ } ) );
+ }
+
+ ret = this.pushStack( [] );
+
+ for ( i = 0; i < len; i++ ) {
+ jQuery.find( selector, self[ i ], ret );
+ }
+
+ return len > 1 ? jQuery.uniqueSort( ret ) : ret;
+ },
+ filter: function( selector ) {
+ return this.pushStack( winnow( this, selector || [], false ) );
+ },
+ not: function( selector ) {
+ return this.pushStack( winnow( this, selector || [], true ) );
+ },
+ is: function( selector ) {
+ return !!winnow(
+ this,
+
+ // If this is a positional/relative selector, check membership in the returned set
+ // so $("p:first").is("p:last") won't return true for a doc with two "p".
+ typeof selector === "string" && rneedsContext.test( selector ) ?
+ jQuery( selector ) :
+ selector || [],
+ false
+ ).length;
+ }
+} );
+
+
+// Initialize a jQuery object
+
+
+// A central reference to the root jQuery(document)
+var rootjQuery,
+
+ // A simple way to check for HTML strings
+ // Prioritize #id over to avoid XSS via location.hash (#9521)
+ // Strict HTML recognition (#11290: must start with <)
+ // Shortcut simple #id case for speed
+ rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,
+
+ init = jQuery.fn.init = function( selector, context, root ) {
+ var match, elem;
+
+ // HANDLE: $(""), $(null), $(undefined), $(false)
+ if ( !selector ) {
+ return this;
+ }
+
+ // Method init() accepts an alternate rootjQuery
+ // so migrate can support jQuery.sub (gh-2101)
+ root = root || rootjQuery;
+
+ // Handle HTML strings
+ if ( typeof selector === "string" ) {
+ if ( selector[ 0 ] === "<" &&
+ selector[ selector.length - 1 ] === ">" &&
+ selector.length >= 3 ) {
+
+ // Assume that strings that start and end with <> are HTML and skip the regex check
+ match = [ null, selector, null ];
+
+ } else {
+ match = rquickExpr.exec( selector );
+ }
+
+ // Match html or make sure no context is specified for #id
+ if ( match && ( match[ 1 ] || !context ) ) {
+
+ // HANDLE: $(html) -> $(array)
+ if ( match[ 1 ] ) {
+ context = context instanceof jQuery ? context[ 0 ] : context;
+
+ // Option to run scripts is true for back-compat
+ // Intentionally let the error be thrown if parseHTML is not present
+ jQuery.merge( this, jQuery.parseHTML(
+ match[ 1 ],
+ context && context.nodeType ? context.ownerDocument || context : document,
+ true
+ ) );
+
+ // HANDLE: $(html, props)
+ if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) {
+ for ( match in context ) {
+
+ // Properties of context are called as methods if possible
+ if ( jQuery.isFunction( this[ match ] ) ) {
+ this[ match ]( context[ match ] );
+
+ // ...and otherwise set as attributes
+ } else {
+ this.attr( match, context[ match ] );
+ }
+ }
+ }
+
+ return this;
+
+ // HANDLE: $(#id)
+ } else {
+ elem = document.getElementById( match[ 2 ] );
+
+ if ( elem ) {
+
+ // Inject the element directly into the jQuery object
+ this[ 0 ] = elem;
+ this.length = 1;
+ }
+ return this;
+ }
+
+ // HANDLE: $(expr, $(...))
+ } else if ( !context || context.jquery ) {
+ return ( context || root ).find( selector );
+
+ // HANDLE: $(expr, context)
+ // (which is just equivalent to: $(context).find(expr)
+ } else {
+ return this.constructor( context ).find( selector );
+ }
+
+ // HANDLE: $(DOMElement)
+ } else if ( selector.nodeType ) {
+ this[ 0 ] = selector;
+ this.length = 1;
+ return this;
+
+ // HANDLE: $(function)
+ // Shortcut for document ready
+ } else if ( jQuery.isFunction( selector ) ) {
+ return root.ready !== undefined ?
+ root.ready( selector ) :
+
+ // Execute immediately if ready is not present
+ selector( jQuery );
+ }
+
+ return jQuery.makeArray( selector, this );
+ };
+
+// Give the init function the jQuery prototype for later instantiation
+init.prototype = jQuery.fn;
+
+// Initialize central reference
+rootjQuery = jQuery( document );
+
+
+var rparentsprev = /^(?:parents|prev(?:Until|All))/,
+
+ // Methods guaranteed to produce a unique set when starting from a unique set
+ guaranteedUnique = {
+ children: true,
+ contents: true,
+ next: true,
+ prev: true
+ };
+
+jQuery.fn.extend( {
+ has: function( target ) {
+ var targets = jQuery( target, this ),
+ l = targets.length;
+
+ return this.filter( function() {
+ var i = 0;
+ for ( ; i < l; i++ ) {
+ if ( jQuery.contains( this, targets[ i ] ) ) {
+ return true;
+ }
+ }
+ } );
+ },
+
+ closest: function( selectors, context ) {
+ var cur,
+ i = 0,
+ l = this.length,
+ matched = [],
+ targets = typeof selectors !== "string" && jQuery( selectors );
+
+ // Positional selectors never match, since there's no _selection_ context
+ if ( !rneedsContext.test( selectors ) ) {
+ for ( ; i < l; i++ ) {
+ for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) {
+
+ // Always skip document fragments
+ if ( cur.nodeType < 11 && ( targets ?
+ targets.index( cur ) > -1 :
+
+ // Don't pass non-elements to Sizzle
+ cur.nodeType === 1 &&
+ jQuery.find.matchesSelector( cur, selectors ) ) ) {
+
+ matched.push( cur );
+ break;
+ }
+ }
+ }
+ }
+
+ return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched );
+ },
+
+ // Determine the position of an element within the set
+ index: function( elem ) {
+
+ // No argument, return index in parent
+ if ( !elem ) {
+ return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1;
+ }
+
+ // Index in selector
+ if ( typeof elem === "string" ) {
+ return indexOf.call( jQuery( elem ), this[ 0 ] );
+ }
+
+ // Locate the position of the desired element
+ return indexOf.call( this,
+
+ // If it receives a jQuery object, the first element is used
+ elem.jquery ? elem[ 0 ] : elem
+ );
+ },
+
+ add: function( selector, context ) {
+ return this.pushStack(
+ jQuery.uniqueSort(
+ jQuery.merge( this.get(), jQuery( selector, context ) )
+ )
+ );
+ },
+
+ addBack: function( selector ) {
+ return this.add( selector == null ?
+ this.prevObject : this.prevObject.filter( selector )
+ );
+ }
+} );
+
+function sibling( cur, dir ) {
+ while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {}
+ return cur;
+}
+
+jQuery.each( {
+ parent: function( elem ) {
+ var parent = elem.parentNode;
+ return parent && parent.nodeType !== 11 ? parent : null;
+ },
+ parents: function( elem ) {
+ return dir( elem, "parentNode" );
+ },
+ parentsUntil: function( elem, i, until ) {
+ return dir( elem, "parentNode", until );
+ },
+ next: function( elem ) {
+ return sibling( elem, "nextSibling" );
+ },
+ prev: function( elem ) {
+ return sibling( elem, "previousSibling" );
+ },
+ nextAll: function( elem ) {
+ return dir( elem, "nextSibling" );
+ },
+ prevAll: function( elem ) {
+ return dir( elem, "previousSibling" );
+ },
+ nextUntil: function( elem, i, until ) {
+ return dir( elem, "nextSibling", until );
+ },
+ prevUntil: function( elem, i, until ) {
+ return dir( elem, "previousSibling", until );
+ },
+ siblings: function( elem ) {
+ return siblings( ( elem.parentNode || {} ).firstChild, elem );
+ },
+ children: function( elem ) {
+ return siblings( elem.firstChild );
+ },
+ contents: function( elem ) {
+ return elem.contentDocument || jQuery.merge( [], elem.childNodes );
+ }
+}, function( name, fn ) {
+ jQuery.fn[ name ] = function( until, selector ) {
+ var matched = jQuery.map( this, fn, until );
+
+ if ( name.slice( -5 ) !== "Until" ) {
+ selector = until;
+ }
+
+ if ( selector && typeof selector === "string" ) {
+ matched = jQuery.filter( selector, matched );
+ }
+
+ if ( this.length > 1 ) {
+
+ // Remove duplicates
+ if ( !guaranteedUnique[ name ] ) {
+ jQuery.uniqueSort( matched );
+ }
+
+ // Reverse order for parents* and prev-derivatives
+ if ( rparentsprev.test( name ) ) {
+ matched.reverse();
+ }
+ }
+
+ return this.pushStack( matched );
+ };
+} );
+var rnothtmlwhite = ( /[^\x20\t\r\n\f]+/g );
+
+
+
+// Convert String-formatted options into Object-formatted ones
+function createOptions( options ) {
+ var object = {};
+ jQuery.each( options.match( rnothtmlwhite ) || [], function( _, flag ) {
+ object[ flag ] = true;
+ } );
+ return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ * options: an optional list of space-separated options that will change how
+ * the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ * once: will ensure the callback list can only be fired once (like a Deferred)
+ *
+ * memory: will keep track of previous values and will call any callback added
+ * after the list has been fired right away with the latest "memorized"
+ * values (like a Deferred)
+ *
+ * unique: will ensure a callback can only be added once (no duplicate in the list)
+ *
+ * stopOnFalse: interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+ // Convert options from String-formatted to Object-formatted if needed
+ // (we check in cache first)
+ options = typeof options === "string" ?
+ createOptions( options ) :
+ jQuery.extend( {}, options );
+
+ var // Flag to know if list is currently firing
+ firing,
+
+ // Last fire value for non-forgettable lists
+ memory,
+
+ // Flag to know if list was already fired
+ fired,
+
+ // Flag to prevent firing
+ locked,
+
+ // Actual callback list
+ list = [],
+
+ // Queue of execution data for repeatable lists
+ queue = [],
+
+ // Index of currently firing callback (modified by add/remove as needed)
+ firingIndex = -1,
+
+ // Fire callbacks
+ fire = function() {
+
+ // Enforce single-firing
+ locked = options.once;
+
+ // Execute callbacks for all pending executions,
+ // respecting firingIndex overrides and runtime changes
+ fired = firing = true;
+ for ( ; queue.length; firingIndex = -1 ) {
+ memory = queue.shift();
+ while ( ++firingIndex < list.length ) {
+
+ // Run callback and check for early termination
+ if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false &&
+ options.stopOnFalse ) {
+
+ // Jump to end and forget the data so .add doesn't re-fire
+ firingIndex = list.length;
+ memory = false;
+ }
+ }
+ }
+
+ // Forget the data if we're done with it
+ if ( !options.memory ) {
+ memory = false;
+ }
+
+ firing = false;
+
+ // Clean up if we're done firing for good
+ if ( locked ) {
+
+ // Keep an empty list if we have data for future add calls
+ if ( memory ) {
+ list = [];
+
+ // Otherwise, this object is spent
+ } else {
+ list = "";
+ }
+ }
+ },
+
+ // Actual Callbacks object
+ self = {
+
+ // Add a callback or a collection of callbacks to the list
+ add: function() {
+ if ( list ) {
+
+ // If we have memory from a past run, we should fire after adding
+ if ( memory && !firing ) {
+ firingIndex = list.length - 1;
+ queue.push( memory );
+ }
+
+ ( function add( args ) {
+ jQuery.each( args, function( _, arg ) {
+ if ( jQuery.isFunction( arg ) ) {
+ if ( !options.unique || !self.has( arg ) ) {
+ list.push( arg );
+ }
+ } else if ( arg && arg.length && jQuery.type( arg ) !== "string" ) {
+
+ // Inspect recursively
+ add( arg );
+ }
+ } );
+ } )( arguments );
+
+ if ( memory && !firing ) {
+ fire();
+ }
+ }
+ return this;
+ },
+
+ // Remove a callback from the list
+ remove: function() {
+ jQuery.each( arguments, function( _, arg ) {
+ var index;
+ while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+ list.splice( index, 1 );
+
+ // Handle firing indexes
+ if ( index <= firingIndex ) {
+ firingIndex--;
+ }
+ }
+ } );
+ return this;
+ },
+
+ // Check if a given callback is in the list.
+ // If no argument is given, return whether or not list has callbacks attached.
+ has: function( fn ) {
+ return fn ?
+ jQuery.inArray( fn, list ) > -1 :
+ list.length > 0;
+ },
+
+ // Remove all callbacks from the list
+ empty: function() {
+ if ( list ) {
+ list = [];
+ }
+ return this;
+ },
+
+ // Disable .fire and .add
+ // Abort any current/pending executions
+ // Clear all callbacks and values
+ disable: function() {
+ locked = queue = [];
+ list = memory = "";
+ return this;
+ },
+ disabled: function() {
+ return !list;
+ },
+
+ // Disable .fire
+ // Also disable .add unless we have memory (since it would have no effect)
+ // Abort any pending executions
+ lock: function() {
+ locked = queue = [];
+ if ( !memory && !firing ) {
+ list = memory = "";
+ }
+ return this;
+ },
+ locked: function() {
+ return !!locked;
+ },
+
+ // Call all callbacks with the given context and arguments
+ fireWith: function( context, args ) {
+ if ( !locked ) {
+ args = args || [];
+ args = [ context, args.slice ? args.slice() : args ];
+ queue.push( args );
+ if ( !firing ) {
+ fire();
+ }
+ }
+ return this;
+ },
+
+ // Call all the callbacks with the given arguments
+ fire: function() {
+ self.fireWith( this, arguments );
+ return this;
+ },
+
+ // To know if the callbacks have already been called at least once
+ fired: function() {
+ return !!fired;
+ }
+ };
+
+ return self;
+};
+
+
+function Identity( v ) {
+ return v;
+}
+function Thrower( ex ) {
+ throw ex;
+}
+
+function adoptValue( value, resolve, reject ) {
+ var method;
+
+ try {
+
+ // Check for promise aspect first to privilege synchronous behavior
+ if ( value && jQuery.isFunction( ( method = value.promise ) ) ) {
+ method.call( value ).done( resolve ).fail( reject );
+
+ // Other thenables
+ } else if ( value && jQuery.isFunction( ( method = value.then ) ) ) {
+ method.call( value, resolve, reject );
+
+ // Other non-thenables
+ } else {
+
+ // Support: Android 4.0 only
+ // Strict mode functions invoked without .call/.apply get global-object context
+ resolve.call( undefined, value );
+ }
+
+ // For Promises/A+, convert exceptions into rejections
+ // Since jQuery.when doesn't unwrap thenables, we can skip the extra checks appearing in
+ // Deferred#then to conditionally suppress rejection.
+ } catch ( value ) {
+
+ // Support: Android 4.0 only
+ // Strict mode functions invoked without .call/.apply get global-object context
+ reject.call( undefined, value );
+ }
+}
+
+jQuery.extend( {
+
+ Deferred: function( func ) {
+ var tuples = [
+
+ // action, add listener, callbacks,
+ // ... .then handlers, argument index, [final state]
+ [ "notify", "progress", jQuery.Callbacks( "memory" ),
+ jQuery.Callbacks( "memory" ), 2 ],
+ [ "resolve", "done", jQuery.Callbacks( "once memory" ),
+ jQuery.Callbacks( "once memory" ), 0, "resolved" ],
+ [ "reject", "fail", jQuery.Callbacks( "once memory" ),
+ jQuery.Callbacks( "once memory" ), 1, "rejected" ]
+ ],
+ state = "pending",
+ promise = {
+ state: function() {
+ return state;
+ },
+ always: function() {
+ deferred.done( arguments ).fail( arguments );
+ return this;
+ },
+ "catch": function( fn ) {
+ return promise.then( null, fn );
+ },
+
+ // Keep pipe for back-compat
+ pipe: function( /* fnDone, fnFail, fnProgress */ ) {
+ var fns = arguments;
+
+ return jQuery.Deferred( function( newDefer ) {
+ jQuery.each( tuples, function( i, tuple ) {
+
+ // Map tuples (progress, done, fail) to arguments (done, fail, progress)
+ var fn = jQuery.isFunction( fns[ tuple[ 4 ] ] ) && fns[ tuple[ 4 ] ];
+
+ // deferred.progress(function() { bind to newDefer or newDefer.notify })
+ // deferred.done(function() { bind to newDefer or newDefer.resolve })
+ // deferred.fail(function() { bind to newDefer or newDefer.reject })
+ deferred[ tuple[ 1 ] ]( function() {
+ var returned = fn && fn.apply( this, arguments );
+ if ( returned && jQuery.isFunction( returned.promise ) ) {
+ returned.promise()
+ .progress( newDefer.notify )
+ .done( newDefer.resolve )
+ .fail( newDefer.reject );
+ } else {
+ newDefer[ tuple[ 0 ] + "With" ](
+ this,
+ fn ? [ returned ] : arguments
+ );
+ }
+ } );
+ } );
+ fns = null;
+ } ).promise();
+ },
+ then: function( onFulfilled, onRejected, onProgress ) {
+ var maxDepth = 0;
+ function resolve( depth, deferred, handler, special ) {
+ return function() {
+ var that = this,
+ args = arguments,
+ mightThrow = function() {
+ var returned, then;
+
+ // Support: Promises/A+ section 2.3.3.3.3
+ // https://promisesaplus.com/#point-59
+ // Ignore double-resolution attempts
+ if ( depth < maxDepth ) {
+ return;
+ }
+
+ returned = handler.apply( that, args );
+
+ // Support: Promises/A+ section 2.3.1
+ // https://promisesaplus.com/#point-48
+ if ( returned === deferred.promise() ) {
+ throw new TypeError( "Thenable self-resolution" );
+ }
+
+ // Support: Promises/A+ sections 2.3.3.1, 3.5
+ // https://promisesaplus.com/#point-54
+ // https://promisesaplus.com/#point-75
+ // Retrieve `then` only once
+ then = returned &&
+
+ // Support: Promises/A+ section 2.3.4
+ // https://promisesaplus.com/#point-64
+ // Only check objects and functions for thenability
+ ( typeof returned === "object" ||
+ typeof returned === "function" ) &&
+ returned.then;
+
+ // Handle a returned thenable
+ if ( jQuery.isFunction( then ) ) {
+
+ // Special processors (notify) just wait for resolution
+ if ( special ) {
+ then.call(
+ returned,
+ resolve( maxDepth, deferred, Identity, special ),
+ resolve( maxDepth, deferred, Thrower, special )
+ );
+
+ // Normal processors (resolve) also hook into progress
+ } else {
+
+ // ...and disregard older resolution values
+ maxDepth++;
+
+ then.call(
+ returned,
+ resolve( maxDepth, deferred, Identity, special ),
+ resolve( maxDepth, deferred, Thrower, special ),
+ resolve( maxDepth, deferred, Identity,
+ deferred.notifyWith )
+ );
+ }
+
+ // Handle all other returned values
+ } else {
+
+ // Only substitute handlers pass on context
+ // and multiple values (non-spec behavior)
+ if ( handler !== Identity ) {
+ that = undefined;
+ args = [ returned ];
+ }
+
+ // Process the value(s)
+ // Default process is resolve
+ ( special || deferred.resolveWith )( that, args );
+ }
+ },
+
+ // Only normal processors (resolve) catch and reject exceptions
+ process = special ?
+ mightThrow :
+ function() {
+ try {
+ mightThrow();
+ } catch ( e ) {
+
+ if ( jQuery.Deferred.exceptionHook ) {
+ jQuery.Deferred.exceptionHook( e,
+ process.stackTrace );
+ }
+
+ // Support: Promises/A+ section 2.3.3.3.4.1
+ // https://promisesaplus.com/#point-61
+ // Ignore post-resolution exceptions
+ if ( depth + 1 >= maxDepth ) {
+
+ // Only substitute handlers pass on context
+ // and multiple values (non-spec behavior)
+ if ( handler !== Thrower ) {
+ that = undefined;
+ args = [ e ];
+ }
+
+ deferred.rejectWith( that, args );
+ }
+ }
+ };
+
+ // Support: Promises/A+ section 2.3.3.3.1
+ // https://promisesaplus.com/#point-57
+ // Re-resolve promises immediately to dodge false rejection from
+ // subsequent errors
+ if ( depth ) {
+ process();
+ } else {
+
+ // Call an optional hook to record the stack, in case of exception
+ // since it's otherwise lost when execution goes async
+ if ( jQuery.Deferred.getStackHook ) {
+ process.stackTrace = jQuery.Deferred.getStackHook();
+ }
+ window.setTimeout( process );
+ }
+ };
+ }
+
+ return jQuery.Deferred( function( newDefer ) {
+
+ // progress_handlers.add( ... )
+ tuples[ 0 ][ 3 ].add(
+ resolve(
+ 0,
+ newDefer,
+ jQuery.isFunction( onProgress ) ?
+ onProgress :
+ Identity,
+ newDefer.notifyWith
+ )
+ );
+
+ // fulfilled_handlers.add( ... )
+ tuples[ 1 ][ 3 ].add(
+ resolve(
+ 0,
+ newDefer,
+ jQuery.isFunction( onFulfilled ) ?
+ onFulfilled :
+ Identity
+ )
+ );
+
+ // rejected_handlers.add( ... )
+ tuples[ 2 ][ 3 ].add(
+ resolve(
+ 0,
+ newDefer,
+ jQuery.isFunction( onRejected ) ?
+ onRejected :
+ Thrower
+ )
+ );
+ } ).promise();
+ },
+
+ // Get a promise for this deferred
+ // If obj is provided, the promise aspect is added to the object
+ promise: function( obj ) {
+ return obj != null ? jQuery.extend( obj, promise ) : promise;
+ }
+ },
+ deferred = {};
+
+ // Add list-specific methods
+ jQuery.each( tuples, function( i, tuple ) {
+ var list = tuple[ 2 ],
+ stateString = tuple[ 5 ];
+
+ // promise.progress = list.add
+ // promise.done = list.add
+ // promise.fail = list.add
+ promise[ tuple[ 1 ] ] = list.add;
+
+ // Handle state
+ if ( stateString ) {
+ list.add(
+ function() {
+
+ // state = "resolved" (i.e., fulfilled)
+ // state = "rejected"
+ state = stateString;
+ },
+
+ // rejected_callbacks.disable
+ // fulfilled_callbacks.disable
+ tuples[ 3 - i ][ 2 ].disable,
+
+ // progress_callbacks.lock
+ tuples[ 0 ][ 2 ].lock
+ );
+ }
+
+ // progress_handlers.fire
+ // fulfilled_handlers.fire
+ // rejected_handlers.fire
+ list.add( tuple[ 3 ].fire );
+
+ // deferred.notify = function() { deferred.notifyWith(...) }
+ // deferred.resolve = function() { deferred.resolveWith(...) }
+ // deferred.reject = function() { deferred.rejectWith(...) }
+ deferred[ tuple[ 0 ] ] = function() {
+ deferred[ tuple[ 0 ] + "With" ]( this === deferred ? undefined : this, arguments );
+ return this;
+ };
+
+ // deferred.notifyWith = list.fireWith
+ // deferred.resolveWith = list.fireWith
+ // deferred.rejectWith = list.fireWith
+ deferred[ tuple[ 0 ] + "With" ] = list.fireWith;
+ } );
+
+ // Make the deferred a promise
+ promise.promise( deferred );
+
+ // Call given func if any
+ if ( func ) {
+ func.call( deferred, deferred );
+ }
+
+ // All done!
+ return deferred;
+ },
+
+ // Deferred helper
+ when: function( singleValue ) {
+ var
+
+ // count of uncompleted subordinates
+ remaining = arguments.length,
+
+ // count of unprocessed arguments
+ i = remaining,
+
+ // subordinate fulfillment data
+ resolveContexts = Array( i ),
+ resolveValues = slice.call( arguments ),
+
+ // the master Deferred
+ master = jQuery.Deferred(),
+
+ // subordinate callback factory
+ updateFunc = function( i ) {
+ return function( value ) {
+ resolveContexts[ i ] = this;
+ resolveValues[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
+ if ( !( --remaining ) ) {
+ master.resolveWith( resolveContexts, resolveValues );
+ }
+ };
+ };
+
+ // Single- and empty arguments are adopted like Promise.resolve
+ if ( remaining <= 1 ) {
+ adoptValue( singleValue, master.done( updateFunc( i ) ).resolve, master.reject );
+
+ // Use .then() to unwrap secondary thenables (cf. gh-3000)
+ if ( master.state() === "pending" ||
+ jQuery.isFunction( resolveValues[ i ] && resolveValues[ i ].then ) ) {
+
+ return master.then();
+ }
+ }
+
+ // Multiple arguments are aggregated like Promise.all array elements
+ while ( i-- ) {
+ adoptValue( resolveValues[ i ], updateFunc( i ), master.reject );
+ }
+
+ return master.promise();
+ }
+} );
+
+
+// These usually indicate a programmer mistake during development,
+// warn about them ASAP rather than swallowing them by default.
+var rerrorNames = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
+
+jQuery.Deferred.exceptionHook = function( error, stack ) {
+
+ // Support: IE 8 - 9 only
+ // Console exists when dev tools are open, which can happen at any time
+ if ( window.console && window.console.warn && error && rerrorNames.test( error.name ) ) {
+ window.console.warn( "jQuery.Deferred exception: " + error.message, error.stack, stack );
+ }
+};
+
+
+
+
+jQuery.readyException = function( error ) {
+ window.setTimeout( function() {
+ throw error;
+ } );
+};
+
+
+
+
+// The deferred used on DOM ready
+var readyList = jQuery.Deferred();
+
+jQuery.fn.ready = function( fn ) {
+
+ readyList
+ .then( fn )
+
+ // Wrap jQuery.readyException in a function so that the lookup
+ // happens at the time of error handling instead of callback
+ // registration.
+ .catch( function( error ) {
+ jQuery.readyException( error );
+ } );
+
+ return this;
+};
+
+jQuery.extend( {
+
+ // Is the DOM ready to be used? Set to true once it occurs.
+ isReady: false,
+
+ // A counter to track how many items to wait for before
+ // the ready event fires. See #6781
+ readyWait: 1,
+
+ // Hold (or release) the ready event
+ holdReady: function( hold ) {
+ if ( hold ) {
+ jQuery.readyWait++;
+ } else {
+ jQuery.ready( true );
+ }
+ },
+
+ // Handle when the DOM is ready
+ ready: function( wait ) {
+
+ // Abort if there are pending holds or we're already ready
+ if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+ return;
+ }
+
+ // Remember that the DOM is ready
+ jQuery.isReady = true;
+
+ // If a normal DOM Ready event fired, decrement, and wait if need be
+ if ( wait !== true && --jQuery.readyWait > 0 ) {
+ return;
+ }
+
+ // If there are functions bound, to execute
+ readyList.resolveWith( document, [ jQuery ] );
+ }
+} );
+
+jQuery.ready.then = readyList.then;
+
+// The ready event handler and self cleanup method
+function completed() {
+ document.removeEventListener( "DOMContentLoaded", completed );
+ window.removeEventListener( "load", completed );
+ jQuery.ready();
+}
+
+// Catch cases where $(document).ready() is called
+// after the browser event has already occurred.
+// Support: IE <=9 - 10 only
+// Older IE sometimes signals "interactive" too soon
+if ( document.readyState === "complete" ||
+ ( document.readyState !== "loading" && !document.documentElement.doScroll ) ) {
+
+ // Handle it asynchronously to allow scripts the opportunity to delay ready
+ window.setTimeout( jQuery.ready );
+
+} else {
+
+ // Use the handy event callback
+ document.addEventListener( "DOMContentLoaded", completed );
+
+ // A fallback to window.onload, that will always work
+ window.addEventListener( "load", completed );
+}
+
+
+
+
+// Multifunctional method to get and set values of a collection
+// The value/s can optionally be executed if it's a function
+var access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
+ var i = 0,
+ len = elems.length,
+ bulk = key == null;
+
+ // Sets many values
+ if ( jQuery.type( key ) === "object" ) {
+ chainable = true;
+ for ( i in key ) {
+ access( elems, fn, i, key[ i ], true, emptyGet, raw );
+ }
+
+ // Sets one value
+ } else if ( value !== undefined ) {
+ chainable = true;
+
+ if ( !jQuery.isFunction( value ) ) {
+ raw = true;
+ }
+
+ if ( bulk ) {
+
+ // Bulk operations run against the entire set
+ if ( raw ) {
+ fn.call( elems, value );
+ fn = null;
+
+ // ...except when executing function values
+ } else {
+ bulk = fn;
+ fn = function( elem, key, value ) {
+ return bulk.call( jQuery( elem ), value );
+ };
+ }
+ }
+
+ if ( fn ) {
+ for ( ; i < len; i++ ) {
+ fn(
+ elems[ i ], key, raw ?
+ value :
+ value.call( elems[ i ], i, fn( elems[ i ], key ) )
+ );
+ }
+ }
+ }
+
+ if ( chainable ) {
+ return elems;
+ }
+
+ // Gets
+ if ( bulk ) {
+ return fn.call( elems );
+ }
+
+ return len ? fn( elems[ 0 ], key ) : emptyGet;
+};
+var acceptData = function( owner ) {
+
+ // Accepts only:
+ // - Node
+ // - Node.ELEMENT_NODE
+ // - Node.DOCUMENT_NODE
+ // - Object
+ // - Any
+ return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType );
+};
+
+
+
+
+function Data() {
+ this.expando = jQuery.expando + Data.uid++;
+}
+
+Data.uid = 1;
+
+Data.prototype = {
+
+ cache: function( owner ) {
+
+ // Check if the owner object already has a cache
+ var value = owner[ this.expando ];
+
+ // If not, create one
+ if ( !value ) {
+ value = {};
+
+ // We can accept data for non-element nodes in modern browsers,
+ // but we should not, see #8335.
+ // Always return an empty object.
+ if ( acceptData( owner ) ) {
+
+ // If it is a node unlikely to be stringify-ed or looped over
+ // use plain assignment
+ if ( owner.nodeType ) {
+ owner[ this.expando ] = value;
+
+ // Otherwise secure it in a non-enumerable property
+ // configurable must be true to allow the property to be
+ // deleted when data is removed
+ } else {
+ Object.defineProperty( owner, this.expando, {
+ value: value,
+ configurable: true
+ } );
+ }
+ }
+ }
+
+ return value;
+ },
+ set: function( owner, data, value ) {
+ var prop,
+ cache = this.cache( owner );
+
+ // Handle: [ owner, key, value ] args
+ // Always use camelCase key (gh-2257)
+ if ( typeof data === "string" ) {
+ cache[ jQuery.camelCase( data ) ] = value;
+
+ // Handle: [ owner, { properties } ] args
+ } else {
+
+ // Copy the properties one-by-one to the cache object
+ for ( prop in data ) {
+ cache[ jQuery.camelCase( prop ) ] = data[ prop ];
+ }
+ }
+ return cache;
+ },
+ get: function( owner, key ) {
+ return key === undefined ?
+ this.cache( owner ) :
+
+ // Always use camelCase key (gh-2257)
+ owner[ this.expando ] && owner[ this.expando ][ jQuery.camelCase( key ) ];
+ },
+ access: function( owner, key, value ) {
+
+ // In cases where either:
+ //
+ // 1. No key was specified
+ // 2. A string key was specified, but no value provided
+ //
+ // Take the "read" path and allow the get method to determine
+ // which value to return, respectively either:
+ //
+ // 1. The entire cache object
+ // 2. The data stored at the key
+ //
+ if ( key === undefined ||
+ ( ( key && typeof key === "string" ) && value === undefined ) ) {
+
+ return this.get( owner, key );
+ }
+
+ // When the key is not a string, or both a key and value
+ // are specified, set or extend (existing objects) with either:
+ //
+ // 1. An object of properties
+ // 2. A key and value
+ //
+ this.set( owner, key, value );
+
+ // Since the "set" path can have two possible entry points
+ // return the expected data based on which path was taken[*]
+ return value !== undefined ? value : key;
+ },
+ remove: function( owner, key ) {
+ var i,
+ cache = owner[ this.expando ];
+
+ if ( cache === undefined ) {
+ return;
+ }
+
+ if ( key !== undefined ) {
+
+ // Support array or space separated string of keys
+ if ( jQuery.isArray( key ) ) {
+
+ // If key is an array of keys...
+ // We always set camelCase keys, so remove that.
+ key = key.map( jQuery.camelCase );
+ } else {
+ key = jQuery.camelCase( key );
+
+ // If a key with the spaces exists, use it.
+ // Otherwise, create an array by matching non-whitespace
+ key = key in cache ?
+ [ key ] :
+ ( key.match( rnothtmlwhite ) || [] );
+ }
+
+ i = key.length;
+
+ while ( i-- ) {
+ delete cache[ key[ i ] ];
+ }
+ }
+
+ // Remove the expando if there's no more data
+ if ( key === undefined || jQuery.isEmptyObject( cache ) ) {
+
+ // Support: Chrome <=35 - 45
+ // Webkit & Blink performance suffers when deleting properties
+ // from DOM nodes, so set to undefined instead
+ // https://bugs.chromium.org/p/chromium/issues/detail?id=378607 (bug restricted)
+ if ( owner.nodeType ) {
+ owner[ this.expando ] = undefined;
+ } else {
+ delete owner[ this.expando ];
+ }
+ }
+ },
+ hasData: function( owner ) {
+ var cache = owner[ this.expando ];
+ return cache !== undefined && !jQuery.isEmptyObject( cache );
+ }
+};
+var dataPriv = new Data();
+
+var dataUser = new Data();
+
+
+
+// Implementation Summary
+//
+// 1. Enforce API surface and semantic compatibility with 1.9.x branch
+// 2. Improve the module's maintainability by reducing the storage
+// paths to a single mechanism.
+// 3. Use the same single mechanism to support "private" and "user" data.
+// 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData)
+// 5. Avoid exposing implementation details on user objects (eg. expando properties)
+// 6. Provide a clear path for implementation upgrade to WeakMap in 2014
+
+var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+ rmultiDash = /[A-Z]/g;
+
+function getData( data ) {
+ if ( data === "true" ) {
+ return true;
+ }
+
+ if ( data === "false" ) {
+ return false;
+ }
+
+ if ( data === "null" ) {
+ return null;
+ }
+
+ // Only convert to a number if it doesn't change the string
+ if ( data === +data + "" ) {
+ return +data;
+ }
+
+ if ( rbrace.test( data ) ) {
+ return JSON.parse( data );
+ }
+
+ return data;
+}
+
+function dataAttr( elem, key, data ) {
+ var name;
+
+ // If nothing was found internally, try to fetch any
+ // data from the HTML5 data-* attribute
+ if ( data === undefined && elem.nodeType === 1 ) {
+ name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase();
+ data = elem.getAttribute( name );
+
+ if ( typeof data === "string" ) {
+ try {
+ data = getData( data );
+ } catch ( e ) {}
+
+ // Make sure we set the data so it isn't changed later
+ dataUser.set( elem, key, data );
+ } else {
+ data = undefined;
+ }
+ }
+ return data;
+}
+
+jQuery.extend( {
+ hasData: function( elem ) {
+ return dataUser.hasData( elem ) || dataPriv.hasData( elem );
+ },
+
+ data: function( elem, name, data ) {
+ return dataUser.access( elem, name, data );
+ },
+
+ removeData: function( elem, name ) {
+ dataUser.remove( elem, name );
+ },
+
+ // TODO: Now that all calls to _data and _removeData have been replaced
+ // with direct calls to dataPriv methods, these can be deprecated.
+ _data: function( elem, name, data ) {
+ return dataPriv.access( elem, name, data );
+ },
+
+ _removeData: function( elem, name ) {
+ dataPriv.remove( elem, name );
+ }
+} );
+
+jQuery.fn.extend( {
+ data: function( key, value ) {
+ var i, name, data,
+ elem = this[ 0 ],
+ attrs = elem && elem.attributes;
+
+ // Gets all values
+ if ( key === undefined ) {
+ if ( this.length ) {
+ data = dataUser.get( elem );
+
+ if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) {
+ i = attrs.length;
+ while ( i-- ) {
+
+ // Support: IE 11 only
+ // The attrs elements can be null (#14894)
+ if ( attrs[ i ] ) {
+ name = attrs[ i ].name;
+ if ( name.indexOf( "data-" ) === 0 ) {
+ name = jQuery.camelCase( name.slice( 5 ) );
+ dataAttr( elem, name, data[ name ] );
+ }
+ }
+ }
+ dataPriv.set( elem, "hasDataAttrs", true );
+ }
+ }
+
+ return data;
+ }
+
+ // Sets multiple values
+ if ( typeof key === "object" ) {
+ return this.each( function() {
+ dataUser.set( this, key );
+ } );
+ }
+
+ return access( this, function( value ) {
+ var data;
+
+ // The calling jQuery object (element matches) is not empty
+ // (and therefore has an element appears at this[ 0 ]) and the
+ // `value` parameter was not undefined. An empty jQuery object
+ // will result in `undefined` for elem = this[ 0 ] which will
+ // throw an exception if an attempt to read a data cache is made.
+ if ( elem && value === undefined ) {
+
+ // Attempt to get data from the cache
+ // The key will always be camelCased in Data
+ data = dataUser.get( elem, key );
+ if ( data !== undefined ) {
+ return data;
+ }
+
+ // Attempt to "discover" the data in
+ // HTML5 custom data-* attrs
+ data = dataAttr( elem, key );
+ if ( data !== undefined ) {
+ return data;
+ }
+
+ // We tried really hard, but the data doesn't exist.
+ return;
+ }
+
+ // Set the data...
+ this.each( function() {
+
+ // We always store the camelCased key
+ dataUser.set( this, key, value );
+ } );
+ }, null, value, arguments.length > 1, null, true );
+ },
+
+ removeData: function( key ) {
+ return this.each( function() {
+ dataUser.remove( this, key );
+ } );
+ }
+} );
+
+
+jQuery.extend( {
+ queue: function( elem, type, data ) {
+ var queue;
+
+ if ( elem ) {
+ type = ( type || "fx" ) + "queue";
+ queue = dataPriv.get( elem, type );
+
+ // Speed up dequeue by getting out quickly if this is just a lookup
+ if ( data ) {
+ if ( !queue || jQuery.isArray( data ) ) {
+ queue = dataPriv.access( elem, type, jQuery.makeArray( data ) );
+ } else {
+ queue.push( data );
+ }
+ }
+ return queue || [];
+ }
+ },
+
+ dequeue: function( elem, type ) {
+ type = type || "fx";
+
+ var queue = jQuery.queue( elem, type ),
+ startLength = queue.length,
+ fn = queue.shift(),
+ hooks = jQuery._queueHooks( elem, type ),
+ next = function() {
+ jQuery.dequeue( elem, type );
+ };
+
+ // If the fx queue is dequeued, always remove the progress sentinel
+ if ( fn === "inprogress" ) {
+ fn = queue.shift();
+ startLength--;
+ }
+
+ if ( fn ) {
+
+ // Add a progress sentinel to prevent the fx queue from being
+ // automatically dequeued
+ if ( type === "fx" ) {
+ queue.unshift( "inprogress" );
+ }
+
+ // Clear up the last queue stop function
+ delete hooks.stop;
+ fn.call( elem, next, hooks );
+ }
+
+ if ( !startLength && hooks ) {
+ hooks.empty.fire();
+ }
+ },
+
+ // Not public - generate a queueHooks object, or return the current one
+ _queueHooks: function( elem, type ) {
+ var key = type + "queueHooks";
+ return dataPriv.get( elem, key ) || dataPriv.access( elem, key, {
+ empty: jQuery.Callbacks( "once memory" ).add( function() {
+ dataPriv.remove( elem, [ type + "queue", key ] );
+ } )
+ } );
+ }
+} );
+
+jQuery.fn.extend( {
+ queue: function( type, data ) {
+ var setter = 2;
+
+ if ( typeof type !== "string" ) {
+ data = type;
+ type = "fx";
+ setter--;
+ }
+
+ if ( arguments.length < setter ) {
+ return jQuery.queue( this[ 0 ], type );
+ }
+
+ return data === undefined ?
+ this :
+ this.each( function() {
+ var queue = jQuery.queue( this, type, data );
+
+ // Ensure a hooks for this queue
+ jQuery._queueHooks( this, type );
+
+ if ( type === "fx" && queue[ 0 ] !== "inprogress" ) {
+ jQuery.dequeue( this, type );
+ }
+ } );
+ },
+ dequeue: function( type ) {
+ return this.each( function() {
+ jQuery.dequeue( this, type );
+ } );
+ },
+ clearQueue: function( type ) {
+ return this.queue( type || "fx", [] );
+ },
+
+ // Get a promise resolved when queues of a certain type
+ // are emptied (fx is the type by default)
+ promise: function( type, obj ) {
+ var tmp,
+ count = 1,
+ defer = jQuery.Deferred(),
+ elements = this,
+ i = this.length,
+ resolve = function() {
+ if ( !( --count ) ) {
+ defer.resolveWith( elements, [ elements ] );
+ }
+ };
+
+ if ( typeof type !== "string" ) {
+ obj = type;
+ type = undefined;
+ }
+ type = type || "fx";
+
+ while ( i-- ) {
+ tmp = dataPriv.get( elements[ i ], type + "queueHooks" );
+ if ( tmp && tmp.empty ) {
+ count++;
+ tmp.empty.add( resolve );
+ }
+ }
+ resolve();
+ return defer.promise( obj );
+ }
+} );
+var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source;
+
+var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" );
+
+
+var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
+
+var isHiddenWithinTree = function( elem, el ) {
+
+ // isHiddenWithinTree might be called from jQuery#filter function;
+ // in that case, element will be second argument
+ elem = el || elem;
+
+ // Inline style trumps all
+ return elem.style.display === "none" ||
+ elem.style.display === "" &&
+
+ // Otherwise, check computed style
+ // Support: Firefox <=43 - 45
+ // Disconnected elements can have computed display: none, so first confirm that elem is
+ // in the document.
+ jQuery.contains( elem.ownerDocument, elem ) &&
+
+ jQuery.css( elem, "display" ) === "none";
+ };
+
+var swap = function( elem, options, callback, args ) {
+ var ret, name,
+ old = {};
+
+ // Remember the old values, and insert the new ones
+ for ( name in options ) {
+ old[ name ] = elem.style[ name ];
+ elem.style[ name ] = options[ name ];
+ }
+
+ ret = callback.apply( elem, args || [] );
+
+ // Revert the old values
+ for ( name in options ) {
+ elem.style[ name ] = old[ name ];
+ }
+
+ return ret;
+};
+
+
+
+
+function adjustCSS( elem, prop, valueParts, tween ) {
+ var adjusted,
+ scale = 1,
+ maxIterations = 20,
+ currentValue = tween ?
+ function() {
+ return tween.cur();
+ } :
+ function() {
+ return jQuery.css( elem, prop, "" );
+ },
+ initial = currentValue(),
+ unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+ // Starting value computation is required for potential unit mismatches
+ initialInUnit = ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) &&
+ rcssNum.exec( jQuery.css( elem, prop ) );
+
+ if ( initialInUnit && initialInUnit[ 3 ] !== unit ) {
+
+ // Trust units reported by jQuery.css
+ unit = unit || initialInUnit[ 3 ];
+
+ // Make sure we update the tween properties later on
+ valueParts = valueParts || [];
+
+ // Iteratively approximate from a nonzero starting point
+ initialInUnit = +initial || 1;
+
+ do {
+
+ // If previous iteration zeroed out, double until we get *something*.
+ // Use string for doubling so we don't accidentally see scale as unchanged below
+ scale = scale || ".5";
+
+ // Adjust and apply
+ initialInUnit = initialInUnit / scale;
+ jQuery.style( elem, prop, initialInUnit + unit );
+
+ // Update scale, tolerating zero or NaN from tween.cur()
+ // Break the loop if scale is unchanged or perfect, or if we've just had enough.
+ } while (
+ scale !== ( scale = currentValue() / initial ) && scale !== 1 && --maxIterations
+ );
+ }
+
+ if ( valueParts ) {
+ initialInUnit = +initialInUnit || +initial || 0;
+
+ // Apply relative offset (+=/-=) if specified
+ adjusted = valueParts[ 1 ] ?
+ initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] :
+ +valueParts[ 2 ];
+ if ( tween ) {
+ tween.unit = unit;
+ tween.start = initialInUnit;
+ tween.end = adjusted;
+ }
+ }
+ return adjusted;
+}
+
+
+var defaultDisplayMap = {};
+
+function getDefaultDisplay( elem ) {
+ var temp,
+ doc = elem.ownerDocument,
+ nodeName = elem.nodeName,
+ display = defaultDisplayMap[ nodeName ];
+
+ if ( display ) {
+ return display;
+ }
+
+ temp = doc.body.appendChild( doc.createElement( nodeName ) );
+ display = jQuery.css( temp, "display" );
+
+ temp.parentNode.removeChild( temp );
+
+ if ( display === "none" ) {
+ display = "block";
+ }
+ defaultDisplayMap[ nodeName ] = display;
+
+ return display;
+}
+
+function showHide( elements, show ) {
+ var display, elem,
+ values = [],
+ index = 0,
+ length = elements.length;
+
+ // Determine new display value for elements that need to change
+ for ( ; index < length; index++ ) {
+ elem = elements[ index ];
+ if ( !elem.style ) {
+ continue;
+ }
+
+ display = elem.style.display;
+ if ( show ) {
+
+ // Since we force visibility upon cascade-hidden elements, an immediate (and slow)
+ // check is required in this first loop unless we have a nonempty display value (either
+ // inline or about-to-be-restored)
+ if ( display === "none" ) {
+ values[ index ] = dataPriv.get( elem, "display" ) || null;
+ if ( !values[ index ] ) {
+ elem.style.display = "";
+ }
+ }
+ if ( elem.style.display === "" && isHiddenWithinTree( elem ) ) {
+ values[ index ] = getDefaultDisplay( elem );
+ }
+ } else {
+ if ( display !== "none" ) {
+ values[ index ] = "none";
+
+ // Remember what we're overwriting
+ dataPriv.set( elem, "display", display );
+ }
+ }
+ }
+
+ // Set the display of the elements in a second loop to avoid constant reflow
+ for ( index = 0; index < length; index++ ) {
+ if ( values[ index ] != null ) {
+ elements[ index ].style.display = values[ index ];
+ }
+ }
+
+ return elements;
+}
+
+jQuery.fn.extend( {
+ show: function() {
+ return showHide( this, true );
+ },
+ hide: function() {
+ return showHide( this );
+ },
+ toggle: function( state ) {
+ if ( typeof state === "boolean" ) {
+ return state ? this.show() : this.hide();
+ }
+
+ return this.each( function() {
+ if ( isHiddenWithinTree( this ) ) {
+ jQuery( this ).show();
+ } else {
+ jQuery( this ).hide();
+ }
+ } );
+ }
+} );
+var rcheckableType = ( /^(?:checkbox|radio)$/i );
+
+var rtagName = ( /<([a-z][^\/\0>\x20\t\r\n\f]+)/i );
+
+var rscriptType = ( /^$|\/(?:java|ecma)script/i );
+
+
+
+// We have to close these tags to support XHTML (#13200)
+var wrapMap = {
+
+ // Support: IE <=9 only
+ option: [ 1, "" ],
+
+ // XHTML parsers do not magically insert elements in the
+ // same way that tag soup parsers do. So we cannot shorten
+ // this by omitting or other required elements.
+ thead: [ 1, "" ],
+ col: [ 2, "" ],
+ tr: [ 2, "" ],
+ td: [ 3, "" ],
+
+ _default: [ 0, "", "" ]
+};
+
+// Support: IE <=9 only
+wrapMap.optgroup = wrapMap.option;
+
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+
+function getAll( context, tag ) {
+
+ // Support: IE <=9 - 11 only
+ // Use typeof to avoid zero-argument method invocation on host objects (#15151)
+ var ret;
+
+ if ( typeof context.getElementsByTagName !== "undefined" ) {
+ ret = context.getElementsByTagName( tag || "*" );
+
+ } else if ( typeof context.querySelectorAll !== "undefined" ) {
+ ret = context.querySelectorAll( tag || "*" );
+
+ } else {
+ ret = [];
+ }
+
+ if ( tag === undefined || tag && jQuery.nodeName( context, tag ) ) {
+ return jQuery.merge( [ context ], ret );
+ }
+
+ return ret;
+}
+
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+ var i = 0,
+ l = elems.length;
+
+ for ( ; i < l; i++ ) {
+ dataPriv.set(
+ elems[ i ],
+ "globalEval",
+ !refElements || dataPriv.get( refElements[ i ], "globalEval" )
+ );
+ }
+}
+
+
+var rhtml = /<|?\w+;/;
+
+function buildFragment( elems, context, scripts, selection, ignored ) {
+ var elem, tmp, tag, wrap, contains, j,
+ fragment = context.createDocumentFragment(),
+ nodes = [],
+ i = 0,
+ l = elems.length;
+
+ for ( ; i < l; i++ ) {
+ elem = elems[ i ];
+
+ if ( elem || elem === 0 ) {
+
+ // Add nodes directly
+ if ( jQuery.type( elem ) === "object" ) {
+
+ // Support: Android <=4.0 only, PhantomJS 1 only
+ // push.apply(_, arraylike) throws on ancient WebKit
+ jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+ // Convert non-html into a text node
+ } else if ( !rhtml.test( elem ) ) {
+ nodes.push( context.createTextNode( elem ) );
+
+ // Convert html into DOM nodes
+ } else {
+ tmp = tmp || fragment.appendChild( context.createElement( "div" ) );
+
+ // Deserialize a standard representation
+ tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase();
+ wrap = wrapMap[ tag ] || wrapMap._default;
+ tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ];
+
+ // Descend through wrappers to the right content
+ j = wrap[ 0 ];
+ while ( j-- ) {
+ tmp = tmp.lastChild;
+ }
+
+ // Support: Android <=4.0 only, PhantomJS 1 only
+ // push.apply(_, arraylike) throws on ancient WebKit
+ jQuery.merge( nodes, tmp.childNodes );
+
+ // Remember the top-level container
+ tmp = fragment.firstChild;
+
+ // Ensure the created nodes are orphaned (#12392)
+ tmp.textContent = "";
+ }
+ }
+ }
+
+ // Remove wrapper from fragment
+ fragment.textContent = "";
+
+ i = 0;
+ while ( ( elem = nodes[ i++ ] ) ) {
+
+ // Skip elements already in the context collection (trac-4087)
+ if ( selection && jQuery.inArray( elem, selection ) > -1 ) {
+ if ( ignored ) {
+ ignored.push( elem );
+ }
+ continue;
+ }
+
+ contains = jQuery.contains( elem.ownerDocument, elem );
+
+ // Append to fragment
+ tmp = getAll( fragment.appendChild( elem ), "script" );
+
+ // Preserve script evaluation history
+ if ( contains ) {
+ setGlobalEval( tmp );
+ }
+
+ // Capture executables
+ if ( scripts ) {
+ j = 0;
+ while ( ( elem = tmp[ j++ ] ) ) {
+ if ( rscriptType.test( elem.type || "" ) ) {
+ scripts.push( elem );
+ }
+ }
+ }
+ }
+
+ return fragment;
+}
+
+
+( function() {
+ var fragment = document.createDocumentFragment(),
+ div = fragment.appendChild( document.createElement( "div" ) ),
+ input = document.createElement( "input" );
+
+ // Support: Android 4.0 - 4.3 only
+ // Check state lost if the name is set (#11217)
+ // Support: Windows Web Apps (WWA)
+ // `name` and `type` must use .setAttribute for WWA (#14901)
+ input.setAttribute( "type", "radio" );
+ input.setAttribute( "checked", "checked" );
+ input.setAttribute( "name", "t" );
+
+ div.appendChild( input );
+
+ // Support: Android <=4.1 only
+ // Older WebKit doesn't clone checked state correctly in fragments
+ support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+ // Support: IE <=11 only
+ // Make sure textarea (and checkbox) defaultValue is properly cloned
+ div.innerHTML = "";
+ support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
+} )();
+var documentElement = document.documentElement;
+
+
+
+var
+ rkeyEvent = /^key/,
+ rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
+ rtypenamespace = /^([^.]*)(?:\.(.+)|)/;
+
+function returnTrue() {
+ return true;
+}
+
+function returnFalse() {
+ return false;
+}
+
+// Support: IE <=9 only
+// See #13393 for more info
+function safeActiveElement() {
+ try {
+ return document.activeElement;
+ } catch ( err ) { }
+}
+
+function on( elem, types, selector, data, fn, one ) {
+ var origFn, type;
+
+ // Types can be a map of types/handlers
+ if ( typeof types === "object" ) {
+
+ // ( types-Object, selector, data )
+ if ( typeof selector !== "string" ) {
+
+ // ( types-Object, data )
+ data = data || selector;
+ selector = undefined;
+ }
+ for ( type in types ) {
+ on( elem, type, selector, data, types[ type ], one );
+ }
+ return elem;
+ }
+
+ if ( data == null && fn == null ) {
+
+ // ( types, fn )
+ fn = selector;
+ data = selector = undefined;
+ } else if ( fn == null ) {
+ if ( typeof selector === "string" ) {
+
+ // ( types, selector, fn )
+ fn = data;
+ data = undefined;
+ } else {
+
+ // ( types, data, fn )
+ fn = data;
+ data = selector;
+ selector = undefined;
+ }
+ }
+ if ( fn === false ) {
+ fn = returnFalse;
+ } else if ( !fn ) {
+ return elem;
+ }
+
+ if ( one === 1 ) {
+ origFn = fn;
+ fn = function( event ) {
+
+ // Can use an empty set, since event contains the info
+ jQuery().off( event );
+ return origFn.apply( this, arguments );
+ };
+
+ // Use same guid so caller can remove using origFn
+ fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+ }
+ return elem.each( function() {
+ jQuery.event.add( this, types, fn, data, selector );
+ } );
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+ global: {},
+
+ add: function( elem, types, handler, data, selector ) {
+
+ var handleObjIn, eventHandle, tmp,
+ events, t, handleObj,
+ special, handlers, type, namespaces, origType,
+ elemData = dataPriv.get( elem );
+
+ // Don't attach events to noData or text/comment nodes (but allow plain objects)
+ if ( !elemData ) {
+ return;
+ }
+
+ // Caller can pass in an object of custom data in lieu of the handler
+ if ( handler.handler ) {
+ handleObjIn = handler;
+ handler = handleObjIn.handler;
+ selector = handleObjIn.selector;
+ }
+
+ // Ensure that invalid selectors throw exceptions at attach time
+ // Evaluate against documentElement in case elem is a non-element node (e.g., document)
+ if ( selector ) {
+ jQuery.find.matchesSelector( documentElement, selector );
+ }
+
+ // Make sure that the handler has a unique ID, used to find/remove it later
+ if ( !handler.guid ) {
+ handler.guid = jQuery.guid++;
+ }
+
+ // Init the element's event structure and main handler, if this is the first
+ if ( !( events = elemData.events ) ) {
+ events = elemData.events = {};
+ }
+ if ( !( eventHandle = elemData.handle ) ) {
+ eventHandle = elemData.handle = function( e ) {
+
+ // Discard the second event of a jQuery.event.trigger() and
+ // when an event is called after a page has unloaded
+ return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ?
+ jQuery.event.dispatch.apply( elem, arguments ) : undefined;
+ };
+ }
+
+ // Handle multiple events separated by a space
+ types = ( types || "" ).match( rnothtmlwhite ) || [ "" ];
+ t = types.length;
+ while ( t-- ) {
+ tmp = rtypenamespace.exec( types[ t ] ) || [];
+ type = origType = tmp[ 1 ];
+ namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
+
+ // There *must* be a type, no attaching namespace-only handlers
+ if ( !type ) {
+ continue;
+ }
+
+ // If event changes its type, use the special event handlers for the changed type
+ special = jQuery.event.special[ type ] || {};
+
+ // If selector defined, determine special event api type, otherwise given type
+ type = ( selector ? special.delegateType : special.bindType ) || type;
+
+ // Update special based on newly reset type
+ special = jQuery.event.special[ type ] || {};
+
+ // handleObj is passed to all event handlers
+ handleObj = jQuery.extend( {
+ type: type,
+ origType: origType,
+ data: data,
+ handler: handler,
+ guid: handler.guid,
+ selector: selector,
+ needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+ namespace: namespaces.join( "." )
+ }, handleObjIn );
+
+ // Init the event handler queue if we're the first
+ if ( !( handlers = events[ type ] ) ) {
+ handlers = events[ type ] = [];
+ handlers.delegateCount = 0;
+
+ // Only use addEventListener if the special events handler returns false
+ if ( !special.setup ||
+ special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+
+ if ( elem.addEventListener ) {
+ elem.addEventListener( type, eventHandle );
+ }
+ }
+ }
+
+ if ( special.add ) {
+ special.add.call( elem, handleObj );
+
+ if ( !handleObj.handler.guid ) {
+ handleObj.handler.guid = handler.guid;
+ }
+ }
+
+ // Add to the element's handler list, delegates in front
+ if ( selector ) {
+ handlers.splice( handlers.delegateCount++, 0, handleObj );
+ } else {
+ handlers.push( handleObj );
+ }
+
+ // Keep track of which events have ever been used, for event optimization
+ jQuery.event.global[ type ] = true;
+ }
+
+ },
+
+ // Detach an event or set of events from an element
+ remove: function( elem, types, handler, selector, mappedTypes ) {
+
+ var j, origCount, tmp,
+ events, t, handleObj,
+ special, handlers, type, namespaces, origType,
+ elemData = dataPriv.hasData( elem ) && dataPriv.get( elem );
+
+ if ( !elemData || !( events = elemData.events ) ) {
+ return;
+ }
+
+ // Once for each type.namespace in types; type may be omitted
+ types = ( types || "" ).match( rnothtmlwhite ) || [ "" ];
+ t = types.length;
+ while ( t-- ) {
+ tmp = rtypenamespace.exec( types[ t ] ) || [];
+ type = origType = tmp[ 1 ];
+ namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort();
+
+ // Unbind all events (on this namespace, if provided) for the element
+ if ( !type ) {
+ for ( type in events ) {
+ jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+ }
+ continue;
+ }
+
+ special = jQuery.event.special[ type ] || {};
+ type = ( selector ? special.delegateType : special.bindType ) || type;
+ handlers = events[ type ] || [];
+ tmp = tmp[ 2 ] &&
+ new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" );
+
+ // Remove matching events
+ origCount = j = handlers.length;
+ while ( j-- ) {
+ handleObj = handlers[ j ];
+
+ if ( ( mappedTypes || origType === handleObj.origType ) &&
+ ( !handler || handler.guid === handleObj.guid ) &&
+ ( !tmp || tmp.test( handleObj.namespace ) ) &&
+ ( !selector || selector === handleObj.selector ||
+ selector === "**" && handleObj.selector ) ) {
+ handlers.splice( j, 1 );
+
+ if ( handleObj.selector ) {
+ handlers.delegateCount--;
+ }
+ if ( special.remove ) {
+ special.remove.call( elem, handleObj );
+ }
+ }
+ }
+
+ // Remove generic event handler if we removed something and no more handlers exist
+ // (avoids potential for endless recursion during removal of special event handlers)
+ if ( origCount && !handlers.length ) {
+ if ( !special.teardown ||
+ special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+
+ jQuery.removeEvent( elem, type, elemData.handle );
+ }
+
+ delete events[ type ];
+ }
+ }
+
+ // Remove data and the expando if it's no longer used
+ if ( jQuery.isEmptyObject( events ) ) {
+ dataPriv.remove( elem, "handle events" );
+ }
+ },
+
+ dispatch: function( nativeEvent ) {
+
+ // Make a writable jQuery.Event from the native event object
+ var event = jQuery.event.fix( nativeEvent );
+
+ var i, j, ret, matched, handleObj, handlerQueue,
+ args = new Array( arguments.length ),
+ handlers = ( dataPriv.get( this, "events" ) || {} )[ event.type ] || [],
+ special = jQuery.event.special[ event.type ] || {};
+
+ // Use the fix-ed jQuery.Event rather than the (read-only) native event
+ args[ 0 ] = event;
+
+ for ( i = 1; i < arguments.length; i++ ) {
+ args[ i ] = arguments[ i ];
+ }
+
+ event.delegateTarget = this;
+
+ // Call the preDispatch hook for the mapped type, and let it bail if desired
+ if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+ return;
+ }
+
+ // Determine handlers
+ handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+ // Run delegates first; they may want to stop propagation beneath us
+ i = 0;
+ while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) {
+ event.currentTarget = matched.elem;
+
+ j = 0;
+ while ( ( handleObj = matched.handlers[ j++ ] ) &&
+ !event.isImmediatePropagationStopped() ) {
+
+ // Triggered event must either 1) have no namespace, or 2) have namespace(s)
+ // a subset or equal to those in the bound event (both can have no namespace).
+ if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) {
+
+ event.handleObj = handleObj;
+ event.data = handleObj.data;
+
+ ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle ||
+ handleObj.handler ).apply( matched.elem, args );
+
+ if ( ret !== undefined ) {
+ if ( ( event.result = ret ) === false ) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ }
+ }
+ }
+ }
+
+ // Call the postDispatch hook for the mapped type
+ if ( special.postDispatch ) {
+ special.postDispatch.call( this, event );
+ }
+
+ return event.result;
+ },
+
+ handlers: function( event, handlers ) {
+ var i, handleObj, sel, matchedHandlers, matchedSelectors,
+ handlerQueue = [],
+ delegateCount = handlers.delegateCount,
+ cur = event.target;
+
+ // Find delegate handlers
+ if ( delegateCount &&
+
+ // Support: IE <=9
+ // Black-hole SVG