diff --git a/.bowerrc b/.bowerrc deleted file mode 100644 index 69fbc34..0000000 --- a/.bowerrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "directory": "vendor/assets/components" -} diff --git a/Gemfile b/Gemfile index 288ddca..678fbfc 100644 --- a/Gemfile +++ b/Gemfile @@ -1,4 +1,8 @@ source 'https://rubygems.org' + +# Bootstrap Theme +gem 'gentelella-rails' + gem 'carrierwave' gem 'devise' gem 'net-ping' diff --git a/Gemfile.lock b/Gemfile.lock index f2ab242..ca04f94 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -39,11 +39,11 @@ GEM minitest (~> 5.1) tzinfo (~> 1.1) arel (8.0.0) - autoprefixer-rails (7.1.6) + autoprefixer-rails (7.2.3) execjs bcrypt (3.1.11) - binding_of_caller (0.7.3) - debug_inspector (>= 0.0.1) + bootstrap-daterangepicker-rails (0.1.7) + railties (>= 4.0, < 5.2) bootstrap-sass (3.3.7) autoprefixer-rails (>= 5.2.1) sass (>= 3.3.4) @@ -53,9 +53,17 @@ GEM activemodel (>= 4.0.0) activesupport (>= 4.0.0) mime-types (>= 1.16) + chart-js-rails (0.1.4) + railties (> 3.1) + coffee-rails (4.2.2) + coffee-script (>= 2.2.0) + railties (>= 4.0.0) + coffee-script (2.4.1) + coffee-script-source + execjs + coffee-script-source (1.12.2) concurrent-ruby (1.0.5) - crass (1.0.2) - debug_inspector (0.0.3) + crass (1.0.3) devise (4.3.0) bcrypt (~> 3.0) orm_adapter (~> 0.1) @@ -64,13 +72,39 @@ GEM warden (~> 1.2.3) erubi (1.7.0) execjs (2.7.0) + fastclick-rails (1.0.1) ffi (1.9.18) + flot-rails (0.0.7) + jquery-rails font-awesome-rails (4.7.0.2) railties (>= 3.2, < 5.2) - globalid (0.4.0) + font-awesome-sass (4.7.0) + sass (>= 3.2) + gentelella-rails (0.1.11) + bootstrap-daterangepicker-rails (>= 0.1.7) + bootstrap-sass (~> 3.3.6) + chart-js-rails + coffee-rails + fastclick-rails + flot-rails + font-awesome-sass (~> 4.7.0) + icheck-rails + jquery-rails + momentjs-rails + nprogress-rails + parsley-rails + railties (>= 4.0) + sass-rails (>= 5.0) + select2-rails + switchery-rails + globalid (0.4.1) activesupport (>= 4.2.0) - i18n (0.9.0) + i18n (0.9.1) concurrent-ruby (~> 1.0) + icheck-rails (1.0.2.2) + jquery-rails + rails (>= 3.1.0) + sass-rails jbuilder (2.7.0) activesupport (>= 4.2.0) multi_json (>= 1.2) @@ -82,23 +116,29 @@ GEM loofah (2.1.1) crass (~> 1.0.2) nokogiri (>= 1.5.9) - mail (2.6.6) - mime-types (>= 1.16, < 4) + mail (2.7.0) + mini_mime (>= 0.1.1) method_source (0.9.0) mime-types (3.1) mime-types-data (~> 3.2015) mime-types-data (3.2016.0521) + mini_mime (1.0.0) mini_portile2 (2.3.0) minitest (5.10.3) + momentjs-rails (2.17.1) + railties (>= 3.1) multi_json (1.12.2) net-ping (2.0.2) - nio4r (2.1.0) + nio4r (2.2.0) nokogiri (1.8.1) mini_portile2 (~> 2.3.0) + nprogress-rails (0.2.0.2) orm_adapter (0.5.0) - puma (3.10.0) + parsley-rails (2.7.0.0) + railties (>= 3.0.0) + puma (3.11.0) rack (2.0.3) - rack-test (0.7.0) + rack-test (0.8.2) rack (>= 1.0, < 3) rails (5.1.4) actioncable (= 5.1.4) @@ -123,7 +163,7 @@ GEM method_source rake (>= 0.8.7) thor (>= 0.18.1, < 2.0) - rake (12.1.0) + rake (12.3.0) rb-fsevent (0.10.2) rb-inotify (0.9.10) ffi (>= 0.5.0, < 2) @@ -131,12 +171,12 @@ GEM responders (2.4.0) actionpack (>= 4.2.0, < 5.3) railties (>= 4.2.0, < 5.3) - sass (3.5.2) + sass (3.5.4) sass-listen (~> 4.0.0) sass-listen (4.0.0) rb-fsevent (~> 0.9, >= 0.9.4) rb-inotify (~> 0.9, >= 0.9.7) - sass-rails (5.0.6) + sass-rails (5.0.7) railties (>= 4.0.0, < 6) sass (~> 3.1) sprockets (>= 2.8, < 4.0) @@ -145,6 +185,8 @@ GEM sdoc (0.4.2) json (~> 1.7, >= 1.7.7) rdoc (~> 4.0) + select2-rails (4.0.3) + thor (~> 0.14) spring (2.0.2) activesupport (>= 4.2) sprockets (3.7.1) @@ -155,26 +197,23 @@ GEM activesupport (>= 4.0) sprockets (>= 3.0.0) sqlite3 (1.3.13) + switchery-rails (0.8.1.1) + railties (>= 3.2, < 6.0) thor (0.20.0) thread_safe (0.3.6) tilt (2.0.8) turbolinks (5.0.1) turbolinks-source (~> 5) turbolinks-source (5.0.3) - tzinfo (1.2.3) + tzinfo (1.2.4) thread_safe (~> 0.1) - uglifier (3.2.0) + uglifier (4.1.1) execjs (>= 0.3.0, < 3) warden (1.2.7) rack (>= 1.0) - web-console (2.3.0) - activemodel (>= 4.0) - binding_of_caller (>= 0.7.2) - railties (>= 4.0) - sprockets-rails (>= 2.0, < 4.0) websocket-driver (0.6.5) websocket-extensions (>= 0.1.0) - websocket-extensions (0.1.2) + websocket-extensions (0.1.3) PLATFORMS ruby @@ -185,6 +224,7 @@ DEPENDENCIES carrierwave devise font-awesome-rails + gentelella-rails jbuilder (~> 2.0) jquery-rails net-ping @@ -196,7 +236,6 @@ DEPENDENCIES sqlite3 turbolinks uglifier (>= 1.3.0) - web-console (~> 2.0) BUNDLED WITH - 1.15.4 + 1.16.1 diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js index 8195815..c6dfc93 100644 --- a/app/assets/javascripts/application.js +++ b/app/assets/javascripts/application.js @@ -3,20 +3,8 @@ //= require jquery_ujs //= require turbolinks //= require bootstrap.min.js - -//= require gentelella/src/js/custom.js -//= require gentelella/vendors/Chart.js/dist/Chart.min.js -//= require gentelella/vendors/Flot/jquery.flot.js -//= require gentelella/vendors/Flot/jquery.flot.pie.js -//= require gentelella/vendors/Flot/jquery.flot.time.js -//= require gentelella/vendors/Flot/jquery.flot.stack.js -//= require gentelella/vendors/Flot/jquery.flot.resize.js -//= require gentelella/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js -//= require gentelella/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js -//= require gentelella/vendors/dropzone/dist/min/dropzone.min.js -//= require gentelella/vendors/moment/moment.js -//= require gentelella/vendors/nprogress/nprogress.js -//= require gentelella/vendors/validator/validator.js +//= require gentelella +//= require gentelella-custom $(function() { $('#flash').delay(500).fadeIn('normal', function() { diff --git a/app/assets/javascripts/gentelella-custom.js b/app/assets/javascripts/gentelella-custom.js new file mode 100644 index 0000000..f707372 --- /dev/null +++ b/app/assets/javascripts/gentelella-custom.js @@ -0,0 +1,5067 @@ +/** + * Resize function without multiple trigger + * + * Usage: + * $(window).smartresize(function(){ + * // code here + * }); + */ +(function($,sr){ + // debouncing function from John Hann + // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ + var debounce = function (func, threshold, execAsap) { + var timeout; + + return function debounced () { + var obj = this, args = arguments; + function delayed () { + if (!execAsap) + func.apply(obj, args); + timeout = null; + } + + if (timeout) + clearTimeout(timeout); + else if (execAsap) + func.apply(obj, args); + + timeout = setTimeout(delayed, threshold || 100); + }; + }; + + // smartresize + jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; + +})(jQuery,'smartresize'); +/** + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ + +var CURRENT_URL = window.location.href.split('#')[0].split('?')[0], + $BODY = $('body'), + $MENU_TOGGLE = $('#menu_toggle'), + $SIDEBAR_MENU = $('#sidebar-menu'), + $SIDEBAR_FOOTER = $('.sidebar-footer'), + $LEFT_COL = $('.left_col'), + $RIGHT_COL = $('.right_col'), + $NAV_MENU = $('.nav_menu'), + $FOOTER = $('footer'); + + + +// Sidebar +function init_sidebar() { +// TODO: This is some kind of easy fix, maybe we can improve this +var setContentHeight = function () { + // reset height + $RIGHT_COL.css('min-height', $(window).height()); + + var bodyHeight = $BODY.outerHeight(), + footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(), + leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(), + contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight; + + // normalize content + contentHeight -= $NAV_MENU.height() + footerHeight; + + $RIGHT_COL.css('min-height', contentHeight); +}; + + $SIDEBAR_MENU.find('a').on('click', function(ev) { + console.log('clicked - sidebar_menu'); + var $li = $(this).parent(); + + if ($li.is('.active')) { + $li.removeClass('active active-sm'); + $('ul:first', $li).slideUp(function() { + setContentHeight(); + }); + } else { + // prevent closing menu if we are on child menu + if (!$li.parent().is('.child_menu')) { + $SIDEBAR_MENU.find('li').removeClass('active active-sm'); + $SIDEBAR_MENU.find('li ul').slideUp(); + }else + { + if ( $BODY.is( ".nav-sm" ) ) + { + $SIDEBAR_MENU.find( "li" ).removeClass( "active active-sm" ); + $SIDEBAR_MENU.find( "li ul" ).slideUp(); + } + } + $li.addClass('active'); + + $('ul:first', $li).slideDown(function() { + setContentHeight(); + }); + } + }); + +// toggle small or large menu +$MENU_TOGGLE.on('click', function() { + console.log('clicked - menu toggle'); + + if ($BODY.hasClass('nav-md')) { + $SIDEBAR_MENU.find('li.active ul').hide(); + $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active'); + } else { + $SIDEBAR_MENU.find('li.active-sm ul').show(); + $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm'); + } + + $BODY.toggleClass('nav-md nav-sm'); + + setContentHeight(); +}); + + // check active menu + $SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page'); + + $SIDEBAR_MENU.find('a').filter(function () { + return this.href == CURRENT_URL; + }).parent('li').addClass('current-page').parents('ul').slideDown(function() { + setContentHeight(); + }).parent().addClass('active'); + + // recompute content when resizing + $(window).smartresize(function(){ + setContentHeight(); + }); + + setContentHeight(); + + // fixed sidebar + if ($.fn.mCustomScrollbar) { + $('.menu_fixed').mCustomScrollbar({ + autoHideScrollbar: true, + theme: 'minimal', + mouseWheel:{ preventDefault: true } + }); + } +}; +// /Sidebar + + var randNum = function() { + return (Math.floor(Math.random() * (1 + 40 - 20))) + 20; + }; + + +// Panel toolbox +$(document).ready(function() { + $('.collapse-link').on('click', function() { + var $BOX_PANEL = $(this).closest('.x_panel'), + $ICON = $(this).find('i'), + $BOX_CONTENT = $BOX_PANEL.find('.x_content'); + + // fix for some div with hardcoded fix class + if ($BOX_PANEL.attr('style')) { + $BOX_CONTENT.slideToggle(200, function(){ + $BOX_PANEL.removeAttr('style'); + }); + } else { + $BOX_CONTENT.slideToggle(200); + $BOX_PANEL.css('height', 'auto'); + } + + $ICON.toggleClass('fa-chevron-up fa-chevron-down'); + }); + + $('.close-link').click(function () { + var $BOX_PANEL = $(this).closest('.x_panel'); + + $BOX_PANEL.remove(); + }); +}); +// /Panel toolbox + +// Tooltip +$(document).ready(function() { + $('[data-toggle="tooltip"]').tooltip({ + container: 'body' + }); +}); +// /Tooltip + +// Progressbar +if ($(".progress .progress-bar")[0]) { + $('.progress .progress-bar').progressbar(); +} +// /Progressbar + +// Switchery +$(document).ready(function() { + if ($(".js-switch")[0]) { + var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch')); + elems.forEach(function (html) { + var switchery = new Switchery(html, { + color: '#26B99A' + }); + }); + } +}); +// /Switchery + + +// iCheck +$(document).ready(function() { + if ($("input.flat")[0]) { + $(document).ready(function () { + $('input.flat').iCheck({ + checkboxClass: 'icheckbox_flat-green', + radioClass: 'iradio_flat-green' + }); + }); + } +}); +// /iCheck + +// Table +$('table input').on('ifChecked', function () { + checkState = ''; + $(this).parent().parent().parent().addClass('selected'); + countChecked(); +}); +$('table input').on('ifUnchecked', function () { + checkState = ''; + $(this).parent().parent().parent().removeClass('selected'); + countChecked(); +}); + +var checkState = ''; + +$('.bulk_action input').on('ifChecked', function () { + checkState = ''; + $(this).parent().parent().parent().addClass('selected'); + countChecked(); +}); +$('.bulk_action input').on('ifUnchecked', function () { + checkState = ''; + $(this).parent().parent().parent().removeClass('selected'); + countChecked(); +}); +$('.bulk_action input#check-all').on('ifChecked', function () { + checkState = 'all'; + countChecked(); +}); +$('.bulk_action input#check-all').on('ifUnchecked', function () { + checkState = 'none'; + countChecked(); +}); + +function countChecked() { + if (checkState === 'all') { + $(".bulk_action input[name='table_records']").iCheck('check'); + } + if (checkState === 'none') { + $(".bulk_action input[name='table_records']").iCheck('uncheck'); + } + + var checkCount = $(".bulk_action input[name='table_records']:checked").length; + + if (checkCount) { + $('.column-title').hide(); + $('.bulk-actions').show(); + $('.action-cnt').html(checkCount + ' Records Selected'); + } else { + $('.column-title').show(); + $('.bulk-actions').hide(); + } +} + + + +// Accordion +$(document).ready(function() { + $(".expand").on("click", function () { + $(this).next().slideToggle(200); + $expand = $(this).find(">:first-child"); + + if ($expand.text() == "+") { + $expand.text("-"); + } else { + $expand.text("+"); + } + }); +}); + +// NProgress +if (typeof NProgress != 'undefined') { + $(document).ready(function () { + NProgress.start(); + }); + + $(window).load(function () { + NProgress.done(); + }); +} + + + //hover and retain popover when on popover content + var originalLeave = $.fn.popover.Constructor.prototype.leave; + $.fn.popover.Constructor.prototype.leave = function(obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type); + var container, timeout; + + originalLeave.call(this, obj); + + if (obj.currentTarget) { + container = $(obj.currentTarget).siblings('.popover'); + timeout = self.timeout; + container.one('mouseenter', function() { + //We entered the actual popover – call off the dogs + clearTimeout(timeout); + //Let's monitor popover content instead + container.one('mouseleave', function() { + $.fn.popover.Constructor.prototype.leave.call(self, self); + }); + }); + } + }; + + $('body').popover({ + selector: '[data-popover]', + trigger: 'click hover', + delay: { + show: 50, + hide: 400 + } + }); + + + function gd(year, month, day) { + return new Date(year, month - 1, day).getTime(); + } + + + function init_flot_chart(){ + + if( typeof ($.plot) === 'undefined'){ return; } + + console.log('init_flot_chart'); + + + + var arr_data1 = [ + [gd(2012, 1, 1), 17], + [gd(2012, 1, 2), 74], + [gd(2012, 1, 3), 6], + [gd(2012, 1, 4), 39], + [gd(2012, 1, 5), 20], + [gd(2012, 1, 6), 85], + [gd(2012, 1, 7), 7] + ]; + + var arr_data2 = [ + [gd(2012, 1, 1), 82], + [gd(2012, 1, 2), 23], + [gd(2012, 1, 3), 66], + [gd(2012, 1, 4), 9], + [gd(2012, 1, 5), 119], + [gd(2012, 1, 6), 6], + [gd(2012, 1, 7), 9] + ]; + + var arr_data3 = [ + [0, 1], + [1, 9], + [2, 6], + [3, 10], + [4, 5], + [5, 17], + [6, 6], + [7, 10], + [8, 7], + [9, 11], + [10, 35], + [11, 9], + [12, 12], + [13, 5], + [14, 3], + [15, 4], + [16, 9] + ]; + + var chart_plot_02_data = []; + + var chart_plot_03_data = [ + [0, 1], + [1, 9], + [2, 6], + [3, 10], + [4, 5], + [5, 17], + [6, 6], + [7, 10], + [8, 7], + [9, 11], + [10, 35], + [11, 9], + [12, 12], + [13, 5], + [14, 3], + [15, 4], + [16, 9] + ]; + + + for (var i = 0; i < 30; i++) { + chart_plot_02_data.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]); + } + + + var chart_plot_01_settings = { + series: { + lines: { + show: false, + fill: true + }, + splines: { + show: true, + tension: 0.4, + lineWidth: 1, + fill: 0.4 + }, + points: { + radius: 0, + show: true + }, + shadowSize: 2 + }, + grid: { + verticalLines: true, + hoverable: true, + clickable: true, + tickColor: "#d5d5d5", + borderWidth: 1, + color: '#fff' + }, + colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"], + xaxis: { + tickColor: "rgba(51, 51, 51, 0.06)", + mode: "time", + tickSize: [1, "day"], + //tickLength: 10, + axisLabel: "Date", + axisLabelUseCanvas: true, + axisLabelFontSizePixels: 12, + axisLabelFontFamily: 'Verdana, Arial', + axisLabelPadding: 10 + }, + yaxis: { + ticks: 8, + tickColor: "rgba(51, 51, 51, 0.06)", + }, + tooltip: false + } + + var chart_plot_02_settings = { + grid: { + show: true, + aboveData: true, + color: "#3f3f3f", + labelMargin: 10, + axisMargin: 0, + borderWidth: 0, + borderColor: null, + minBorderMargin: 5, + clickable: true, + hoverable: true, + autoHighlight: true, + mouseActiveRadius: 100 + }, + series: { + lines: { + show: true, + fill: true, + lineWidth: 2, + steps: false + }, + points: { + show: true, + radius: 4.5, + symbol: "circle", + lineWidth: 3.0 + } + }, + legend: { + position: "ne", + margin: [0, -25], + noColumns: 0, + labelBoxBorderColor: null, + labelFormatter: function(label, series) { + return label + '  '; + }, + width: 40, + height: 1 + }, + colors: ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'], + shadowSize: 0, + tooltip: true, + tooltipOpts: { + content: "%s: %y.0", + xDateFormat: "%d/%m", + shifts: { + x: -30, + y: -50 + }, + defaultTheme: false + }, + yaxis: { + min: 0 + }, + xaxis: { + mode: "time", + minTickSize: [1, "day"], + timeformat: "%d/%m/%y", + min: chart_plot_02_data[0][0], + max: chart_plot_02_data[20][0] + } + }; + + var chart_plot_03_settings = { + series: { + curvedLines: { + apply: true, + active: true, + monotonicFit: true + } + }, + colors: ["#26B99A"], + grid: { + borderWidth: { + top: 0, + right: 0, + bottom: 1, + left: 1 + }, + borderColor: { + bottom: "#7F8790", + left: "#7F8790" + } + } + }; + + + if ($("#chart_plot_01").length){ + console.log('Plot1'); + + $.plot( $("#chart_plot_01"), [ arr_data1, arr_data2 ], chart_plot_01_settings ); + } + + + if ($("#chart_plot_02").length){ + console.log('Plot2'); + + $.plot( $("#chart_plot_02"), + [{ + label: "Email Sent", + data: chart_plot_02_data, + lines: { + fillColor: "rgba(150, 202, 89, 0.12)" + }, + points: { + fillColor: "#fff" } + }], chart_plot_02_settings); + + } + + if ($("#chart_plot_03").length){ + console.log('Plot3'); + + + $.plot($("#chart_plot_03"), [{ + label: "Registrations", + data: chart_plot_03_data, + lines: { + fillColor: "rgba(150, 202, 89, 0.12)" + }, + points: { + fillColor: "#fff" + } + }], chart_plot_03_settings); + + }; + + } + + + /* STARRR */ + + function init_starrr() { + + if( typeof (starrr) === 'undefined'){ return; } + console.log('init_starrr'); + + $(".stars").starrr(); + + $('.stars-existing').starrr({ + rating: 4 + }); + + $('.stars').on('starrr:change', function (e, value) { + $('.stars-count').html(value); + }); + + $('.stars-existing').on('starrr:change', function (e, value) { + $('.stars-count-existing').html(value); + }); + + }; + + + function init_JQVmap(){ + + //console.log('check init_JQVmap [' + typeof (VectorCanvas) + '][' + typeof (jQuery.fn.vectorMap) + ']' ); + + if(typeof (jQuery.fn.vectorMap) === 'undefined'){ return; } + + console.log('init_JQVmap'); + + if ($('#world-map-gdp').length ){ + + $('#world-map-gdp').vectorMap({ + map: 'world_en', + backgroundColor: null, + color: '#ffffff', + hoverOpacity: 0.7, + selectedColor: '#666666', + enableZoom: true, + showTooltip: true, + values: sample_data, + scaleColors: ['#E6F2F0', '#149B7E'], + normalizeFunction: 'polynomial' + }); + + } + + if ($('#usa_map').length ){ + + $('#usa_map').vectorMap({ + map: 'usa_en', + backgroundColor: null, + color: '#ffffff', + hoverOpacity: 0.7, + selectedColor: '#666666', + enableZoom: true, + showTooltip: true, + values: sample_data, + scaleColors: ['#E6F2F0', '#149B7E'], + normalizeFunction: 'polynomial' + }); + + } + + }; + + + function init_skycons(){ + + if( typeof (Skycons) === 'undefined'){ return; } + console.log('init_skycons'); + + var icons = new Skycons({ + "color": "#73879C" + }), + list = [ + "clear-day", "clear-night", "partly-cloudy-day", + "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind", + "fog" + ], + i; + + for (i = list.length; i--;) + icons.set(list[i], list[i]); + + icons.play(); + + } + + + function init_chart_doughnut(){ + + if( typeof (Chart) === 'undefined'){ return; } + + console.log('init_chart_doughnut'); + + if ($('.canvasDoughnut').length){ + + var chart_doughnut_settings = { + type: 'doughnut', + tooltipFillColor: "rgba(51, 51, 51, 0.55)", + data: { + labels: [ + "Symbian", + "Blackberry", + "Other", + "Android", + "IOS" + ], + datasets: [{ + data: [15, 20, 30, 10, 30], + backgroundColor: [ + "#BDC3C7", + "#9B59B6", + "#E74C3C", + "#26B99A", + "#3498DB" + ], + hoverBackgroundColor: [ + "#CFD4D8", + "#B370CF", + "#E95E4F", + "#36CAAB", + "#49A9EA" + ] + }] + }, + options: { + legend: false, + responsive: false + } + } + + $('.canvasDoughnut').each(function(){ + + var chart_element = $(this); + var chart_doughnut = new Chart( chart_element, chart_doughnut_settings); + + }); + + } + + } + + function init_gauge() { + + if( typeof (Gauge) === 'undefined'){ return; } + + console.log('init_gauge [' + $('.gauge-chart').length + ']'); + + console.log('init_gauge'); + + + var chart_gauge_settings = { + lines: 12, + angle: 0, + lineWidth: 0.4, + pointer: { + length: 0.75, + strokeWidth: 0.042, + color: '#1D212A' + }, + limitMax: 'false', + colorStart: '#1ABC9C', + colorStop: '#1ABC9C', + strokeColor: '#F0F3F3', + generateGradient: true + }; + + + if ($('#chart_gauge_01').length){ + + var chart_gauge_01_elem = document.getElementById('chart_gauge_01'); + var chart_gauge_01 = new Gauge(chart_gauge_01_elem).setOptions(chart_gauge_settings); + + } + + + if ($('#gauge-text').length){ + + chart_gauge_01.maxValue = 6000; + chart_gauge_01.animationSpeed = 32; + chart_gauge_01.set(3200); + chart_gauge_01.setTextField(document.getElementById("gauge-text")); + + } + + if ($('#chart_gauge_02').length){ + + var chart_gauge_02_elem = document.getElementById('chart_gauge_02'); + var chart_gauge_02 = new Gauge(chart_gauge_02_elem).setOptions(chart_gauge_settings); + + } + + + if ($('#gauge-text2').length){ + + chart_gauge_02.maxValue = 9000; + chart_gauge_02.animationSpeed = 32; + chart_gauge_02.set(2400); + chart_gauge_02.setTextField(document.getElementById("gauge-text2")); + + } + + + } + + /* SPARKLINES */ + + function init_sparklines() { + + if(typeof (jQuery.fn.sparkline) === 'undefined'){ return; } + console.log('init_sparklines'); + + + $(".sparkline_one").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { + type: 'bar', + height: '125', + barWidth: 13, + colorMap: { + '7': '#a1a1a1' + }, + barSpacing: 2, + barColor: '#26B99A' + }); + + + $(".sparkline_two").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { + type: 'bar', + height: '40', + barWidth: 9, + colorMap: { + '7': '#a1a1a1' + }, + barSpacing: 2, + barColor: '#26B99A' + }); + + + $(".sparkline_three").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 7, 5, 4, 3, 5, 6], { + type: 'line', + width: '200', + height: '40', + lineColor: '#26B99A', + fillColor: 'rgba(223, 223, 223, 0.57)', + lineWidth: 2, + spotColor: '#26B99A', + minSpotColor: '#26B99A' + }); + + + $(".sparkline11").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3], { + type: 'bar', + height: '40', + barWidth: 8, + colorMap: { + '7': '#a1a1a1' + }, + barSpacing: 2, + barColor: '#26B99A' + }); + + + $(".sparkline22").sparkline([2, 4, 3, 4, 7, 5, 4, 3, 5, 6, 2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 6], { + type: 'line', + height: '40', + width: '200', + lineColor: '#26B99A', + fillColor: '#ffffff', + lineWidth: 3, + spotColor: '#34495E', + minSpotColor: '#34495E' + }); + + + $(".sparkline_bar").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], { + type: 'bar', + colorMap: { + '7': '#a1a1a1' + }, + barColor: '#26B99A' + }); + + + $(".sparkline_area").sparkline([5, 6, 7, 9, 9, 5, 3, 2, 2, 4, 6, 7], { + type: 'line', + lineColor: '#26B99A', + fillColor: '#26B99A', + spotColor: '#4578a0', + minSpotColor: '#728fb2', + maxSpotColor: '#6d93c4', + highlightSpotColor: '#ef5179', + highlightLineColor: '#8ba8bf', + spotRadius: 2.5, + width: 85 + }); + + + $(".sparkline_line").sparkline([2, 4, 3, 4, 5, 4, 5, 4, 3, 4, 5, 6, 4, 5, 6, 3, 5], { + type: 'line', + lineColor: '#26B99A', + fillColor: '#ffffff', + width: 85, + spotColor: '#34495E', + minSpotColor: '#34495E' + }); + + + $(".sparkline_pie").sparkline([1, 1, 2, 1], { + type: 'pie', + sliceColors: ['#26B99A', '#ccc', '#75BCDD', '#D66DE2'] + }); + + + $(".sparkline_discreet").sparkline([4, 6, 7, 7, 4, 3, 2, 1, 4, 4, 2, 4, 3, 7, 8, 9, 7, 6, 4, 3], { + type: 'discrete', + barWidth: 3, + lineColor: '#26B99A', + width: '85', + }); + + + }; + + + /* AUTOCOMPLETE */ + + function init_autocomplete() { + + if( typeof (autocomplete) === 'undefined'){ return; } + console.log('init_autocomplete'); + + var countries = { AD:"Andorra",A2:"Andorra Test",AE:"United Arab Emirates",AF:"Afghanistan",AG:"Antigua and Barbuda",AI:"Anguilla",AL:"Albania",AM:"Armenia",AN:"Netherlands Antilles",AO:"Angola",AQ:"Antarctica",AR:"Argentina",AS:"American Samoa",AT:"Austria",AU:"Australia",AW:"Aruba",AX:"Åland Islands",AZ:"Azerbaijan",BA:"Bosnia and Herzegovina",BB:"Barbados",BD:"Bangladesh",BE:"Belgium",BF:"Burkina Faso",BG:"Bulgaria",BH:"Bahrain",BI:"Burundi",BJ:"Benin",BL:"Saint Barthélemy",BM:"Bermuda",BN:"Brunei",BO:"Bolivia",BQ:"British Antarctic Territory",BR:"Brazil",BS:"Bahamas",BT:"Bhutan",BV:"Bouvet Island",BW:"Botswana",BY:"Belarus",BZ:"Belize",CA:"Canada",CC:"Cocos [Keeling] Islands",CD:"Congo - Kinshasa",CF:"Central African Republic",CG:"Congo - Brazzaville",CH:"Switzerland",CI:"Côte d’Ivoire",CK:"Cook Islands",CL:"Chile",CM:"Cameroon",CN:"China",CO:"Colombia",CR:"Costa Rica",CS:"Serbia and Montenegro",CT:"Canton and Enderbury Islands",CU:"Cuba",CV:"Cape Verde",CX:"Christmas Island",CY:"Cyprus",CZ:"Czech Republic",DD:"East Germany",DE:"Germany",DJ:"Djibouti",DK:"Denmark",DM:"Dominica",DO:"Dominican Republic",DZ:"Algeria",EC:"Ecuador",EE:"Estonia",EG:"Egypt",EH:"Western Sahara",ER:"Eritrea",ES:"Spain",ET:"Ethiopia",FI:"Finland",FJ:"Fiji",FK:"Falkland Islands",FM:"Micronesia",FO:"Faroe Islands",FQ:"French Southern and Antarctic Territories",FR:"France",FX:"Metropolitan France",GA:"Gabon",GB:"United Kingdom",GD:"Grenada",GE:"Georgia",GF:"French Guiana",GG:"Guernsey",GH:"Ghana",GI:"Gibraltar",GL:"Greenland",GM:"Gambia",GN:"Guinea",GP:"Guadeloupe",GQ:"Equatorial Guinea",GR:"Greece",GS:"South Georgia and the South Sandwich Islands",GT:"Guatemala",GU:"Guam",GW:"Guinea-Bissau",GY:"Guyana",HK:"Hong Kong SAR China",HM:"Heard Island and McDonald Islands",HN:"Honduras",HR:"Croatia",HT:"Haiti",HU:"Hungary",ID:"Indonesia",IE:"Ireland",IL:"Israel",IM:"Isle of Man",IN:"India",IO:"British Indian Ocean Territory",IQ:"Iraq",IR:"Iran",IS:"Iceland",IT:"Italy",JE:"Jersey",JM:"Jamaica",JO:"Jordan",JP:"Japan",JT:"Johnston Island",KE:"Kenya",KG:"Kyrgyzstan",KH:"Cambodia",KI:"Kiribati",KM:"Comoros",KN:"Saint Kitts and Nevis",KP:"North Korea",KR:"South Korea",KW:"Kuwait",KY:"Cayman Islands",KZ:"Kazakhstan",LA:"Laos",LB:"Lebanon",LC:"Saint Lucia",LI:"Liechtenstein",LK:"Sri Lanka",LR:"Liberia",LS:"Lesotho",LT:"Lithuania",LU:"Luxembourg",LV:"Latvia",LY:"Libya",MA:"Morocco",MC:"Monaco",MD:"Moldova",ME:"Montenegro",MF:"Saint Martin",MG:"Madagascar",MH:"Marshall Islands",MI:"Midway Islands",MK:"Macedonia",ML:"Mali",MM:"Myanmar [Burma]",MN:"Mongolia",MO:"Macau SAR China",MP:"Northern Mariana Islands",MQ:"Martinique",MR:"Mauritania",MS:"Montserrat",MT:"Malta",MU:"Mauritius",MV:"Maldives",MW:"Malawi",MX:"Mexico",MY:"Malaysia",MZ:"Mozambique",NA:"Namibia",NC:"New Caledonia",NE:"Niger",NF:"Norfolk Island",NG:"Nigeria",NI:"Nicaragua",NL:"Netherlands",NO:"Norway",NP:"Nepal",NQ:"Dronning Maud Land",NR:"Nauru",NT:"Neutral Zone",NU:"Niue",NZ:"New Zealand",OM:"Oman",PA:"Panama",PC:"Pacific Islands Trust Territory",PE:"Peru",PF:"French Polynesia",PG:"Papua New Guinea",PH:"Philippines",PK:"Pakistan",PL:"Poland",PM:"Saint Pierre and Miquelon",PN:"Pitcairn Islands",PR:"Puerto Rico",PS:"Palestinian Territories",PT:"Portugal",PU:"U.S. Miscellaneous Pacific Islands",PW:"Palau",PY:"Paraguay",PZ:"Panama Canal Zone",QA:"Qatar",RE:"Réunion",RO:"Romania",RS:"Serbia",RU:"Russia",RW:"Rwanda",SA:"Saudi Arabia",SB:"Solomon Islands",SC:"Seychelles",SD:"Sudan",SE:"Sweden",SG:"Singapore",SH:"Saint Helena",SI:"Slovenia",SJ:"Svalbard and Jan Mayen",SK:"Slovakia",SL:"Sierra Leone",SM:"San Marino",SN:"Senegal",SO:"Somalia",SR:"Suriname",ST:"São Tomé and Príncipe",SU:"Union of Soviet Socialist Republics",SV:"El Salvador",SY:"Syria",SZ:"Swaziland",TC:"Turks and Caicos Islands",TD:"Chad",TF:"French Southern Territories",TG:"Togo",TH:"Thailand",TJ:"Tajikistan",TK:"Tokelau",TL:"Timor-Leste",TM:"Turkmenistan",TN:"Tunisia",TO:"Tonga",TR:"Turkey",TT:"Trinidad and Tobago",TV:"Tuvalu",TW:"Taiwan",TZ:"Tanzania",UA:"Ukraine",UG:"Uganda",UM:"U.S. Minor Outlying Islands",US:"United States",UY:"Uruguay",UZ:"Uzbekistan",VA:"Vatican City",VC:"Saint Vincent and the Grenadines",VD:"North Vietnam",VE:"Venezuela",VG:"British Virgin Islands",VI:"U.S. Virgin Islands",VN:"Vietnam",VU:"Vanuatu",WF:"Wallis and Futuna",WK:"Wake Island",WS:"Samoa",YD:"People's Democratic Republic of Yemen",YE:"Yemen",YT:"Mayotte",ZA:"South Africa",ZM:"Zambia",ZW:"Zimbabwe",ZZ:"Unknown or Invalid Region" }; + + var countriesArray = $.map(countries, function(value, key) { + return { + value: value, + data: key + }; + }); + + // initialize autocomplete with custom appendTo + $('#autocomplete-custom-append').autocomplete({ + lookup: countriesArray + }); + + }; + + /* AUTOSIZE */ + + function init_autosize() { + + if(typeof $.fn.autosize !== 'undefined'){ + + autosize($('.resizable_textarea')); + + } + + }; + + /* PARSLEY */ + + function init_parsley() { + if ($('#demo-form')[0] === undefined) { return; } + + if( typeof (parsley) === 'undefined'){ return; } + console.log('init_parsley'); + + $/*.listen*/('parsley:field:validate', function() { + validateFront(); + }); + $('#demo-form .btn').on('click', function() { + $('#demo-form').parsley().validate(); + validateFront(); + }); + var validateFront = function() { + if (true === $('#demo-form').parsley().isValid()) { + $('.bs-callout-info').removeClass('hidden'); + $('.bs-callout-warning').addClass('hidden'); + } else { + $('.bs-callout-info').addClass('hidden'); + $('.bs-callout-warning').removeClass('hidden'); + } + }; + + $/*.listen*/('parsley:field:validate', function() { + validateFront(); + }); + + $('#demo-form2 .btn').on('click', function() { + $('#demo-form2').parsley().validate(); + validateFront(); + }); + var validateFront = function() { + if (true === $('#demo-form2').parsley().isValid()) { + $('.bs-callout-info').removeClass('hidden'); + $('.bs-callout-warning').addClass('hidden'); + } else { + $('.bs-callout-info').addClass('hidden'); + $('.bs-callout-warning').removeClass('hidden'); + } + }; + + try { + hljs.initHighlightingOnLoad(); + } catch (err) {} + + }; + + + /* INPUTS */ + + function onAddTag(tag) { + alert("Added a tag: " + tag); + } + + function onRemoveTag(tag) { + alert("Removed a tag: " + tag); + } + + function onChangeTag(input, tag) { + alert("Changed a tag: " + tag); + } + + //tags input + function init_TagsInput() { + + if(typeof $.fn.tagsInput !== 'undefined'){ + + $('#tags_1').tagsInput({ + width: 'auto' + }); + + } + + }; + + /* SELECT2 */ + + function init_select2() { + + if( typeof (select2) === 'undefined'){ return; } + console.log('init_toolbox'); + + $(".select2_single").select2({ + placeholder: "Select a state", + allowClear: true + }); + $(".select2_group").select2({}); + $(".select2_multiple").select2({ + maximumSelectionLength: 4, + placeholder: "With Max Selection limit 4", + allowClear: true + }); + + }; + + /* WYSIWYG EDITOR */ + + function init_wysiwyg() { + + if( typeof ($.fn.wysiwyg) === 'undefined'){ return; } + console.log('init_wysiwyg'); + + function init_ToolbarBootstrapBindings() { + var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier', + 'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times', + 'Times New Roman', 'Verdana' + ], + fontTarget = $('[title=Font]').siblings('.dropdown-menu'); + $.each(fonts, function(idx, fontName) { + fontTarget.append($('
  • ' + fontName + '
    • ')); + }); + $('a[title]').tooltip({ + container: 'body' + }); + $('.dropdown-menu input').click(function() { + return false; + }) + .change(function() { + $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle'); + }) + .keydown('esc', function() { + this.value = ''; + $(this).change(); + }); + + $('[data-role=magic-overlay]').each(function() { + var overlay = $(this), + target = $(overlay.data('target')); + overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight()); + }); + + if ("onwebkitspeechchange" in document.createElement("input")) { + var editorOffset = $('#editor').offset(); + + $('.voiceBtn').css('position', 'absolute').offset({ + top: editorOffset.top, + left: editorOffset.left + $('#editor').innerWidth() - 35 + }); + } else { + $('.voiceBtn').hide(); + } + } + + function showErrorAlert(reason, detail) { + var msg = ''; + if (reason === 'unsupported-file-type') { + msg = "Unsupported format " + detail; + } else { + console.log("error uploading file", reason, detail); + } + $('
    ' + + 'File upload error ' + msg + '
    ').prependTo('#alerts'); + } + + $('.editor-wrapper').each(function(){ + var id = $(this).attr('id'); //editor-one + + $(this).wysiwyg({ + toolbarSelector: '[data-target="#' + id + '"]', + fileUploadError: showErrorAlert + }); + }); + + + window.prettyPrint; + prettyPrint(); + + }; + + /* CROPPER */ + + function init_cropper() { + + + if( typeof ($.fn.cropper) === 'undefined'){ return; } + console.log('init_cropper'); + + var $image = $('#image'); + var $download = $('#download'); + var $dataX = $('#dataX'); + var $dataY = $('#dataY'); + var $dataHeight = $('#dataHeight'); + var $dataWidth = $('#dataWidth'); + var $dataRotate = $('#dataRotate'); + var $dataScaleX = $('#dataScaleX'); + var $dataScaleY = $('#dataScaleY'); + var options = { + aspectRatio: 16 / 9, + preview: '.img-preview', + crop: function (e) { + $dataX.val(Math.round(e.x)); + $dataY.val(Math.round(e.y)); + $dataHeight.val(Math.round(e.height)); + $dataWidth.val(Math.round(e.width)); + $dataRotate.val(e.rotate); + $dataScaleX.val(e.scaleX); + $dataScaleY.val(e.scaleY); + } + }; + + + // Tooltip + $('[data-toggle="tooltip"]').tooltip(); + + + // Cropper + $image.on({ + 'build.cropper': function (e) { + console.log(e.type); + }, + 'built.cropper': function (e) { + console.log(e.type); + }, + 'cropstart.cropper': function (e) { + console.log(e.type, e.action); + }, + 'cropmove.cropper': function (e) { + console.log(e.type, e.action); + }, + 'cropend.cropper': function (e) { + console.log(e.type, e.action); + }, + 'crop.cropper': function (e) { + console.log(e.type, e.x, e.y, e.width, e.height, e.rotate, e.scaleX, e.scaleY); + }, + 'zoom.cropper': function (e) { + console.log(e.type, e.ratio); + } + }).cropper(options); + + + // Buttons + if (!$.isFunction(document.createElement('canvas').getContext)) { + $('button[data-method="getCroppedCanvas"]').prop('disabled', true); + } + + if (typeof document.createElement('cropper').style.transition === 'undefined') { + $('button[data-method="rotate"]').prop('disabled', true); + $('button[data-method="scale"]').prop('disabled', true); + } + + + // Download + if (typeof $download[0].download === 'undefined') { + $download.addClass('disabled'); + } + + + // Options + $('.docs-toggles').on('change', 'input', function () { + var $this = $(this); + var name = $this.attr('name'); + var type = $this.prop('type'); + var cropBoxData; + var canvasData; + + if (!$image.data('cropper')) { + return; + } + + if (type === 'checkbox') { + options[name] = $this.prop('checked'); + cropBoxData = $image.cropper('getCropBoxData'); + canvasData = $image.cropper('getCanvasData'); + + options.built = function () { + $image.cropper('setCropBoxData', cropBoxData); + $image.cropper('setCanvasData', canvasData); + }; + } else if (type === 'radio') { + options[name] = $this.val(); + } + + $image.cropper('destroy').cropper(options); + }); + + + // Methods + $('.docs-buttons').on('click', '[data-method]', function () { + var $this = $(this); + var data = $this.data(); + var $target; + var result; + + if ($this.prop('disabled') || $this.hasClass('disabled')) { + return; + } + + if ($image.data('cropper') && data.method) { + data = $.extend({}, data); // Clone a new one + + if (typeof data.target !== 'undefined') { + $target = $(data.target); + + if (typeof data.option === 'undefined') { + try { + data.option = JSON.parse($target.val()); + } catch (e) { + console.log(e.message); + } + } + } + + result = $image.cropper(data.method, data.option, data.secondOption); + + switch (data.method) { + case 'scaleX': + case 'scaleY': + $(this).data('option', -data.option); + break; + + case 'getCroppedCanvas': + if (result) { + + // Bootstrap's Modal + $('#getCroppedCanvasModal').modal().find('.modal-body').html(result); + + if (!$download.hasClass('disabled')) { + $download.attr('href', result.toDataURL()); + } + } + + break; + } + + if ($.isPlainObject(result) && $target) { + try { + $target.val(JSON.stringify(result)); + } catch (e) { + console.log(e.message); + } + } + + } + }); + + // Keyboard + $(document.body).on('keydown', function (e) { + if (!$image.data('cropper') || this.scrollTop > 300) { + return; + } + + switch (e.which) { + case 37: + e.preventDefault(); + $image.cropper('move', -1, 0); + break; + + case 38: + e.preventDefault(); + $image.cropper('move', 0, -1); + break; + + case 39: + e.preventDefault(); + $image.cropper('move', 1, 0); + break; + + case 40: + e.preventDefault(); + $image.cropper('move', 0, 1); + break; + } + }); + + // Import image + var $inputImage = $('#inputImage'); + var URL = window.URL || window.webkitURL; + var blobURL; + + if (URL) { + $inputImage.change(function () { + var files = this.files; + var file; + + if (!$image.data('cropper')) { + return; + } + + if (files && files.length) { + file = files[0]; + + if (/^image\/\w+$/.test(file.type)) { + blobURL = URL.createObjectURL(file); + $image.one('built.cropper', function () { + + // Revoke when load complete + URL.revokeObjectURL(blobURL); + }).cropper('reset').cropper('replace', blobURL); + $inputImage.val(''); + } else { + window.alert('Please choose an image file.'); + } + } + }); + } else { + $inputImage.prop('disabled', true).parent().addClass('disabled'); + } + + + }; + + /* CROPPER --- end */ + + /* KNOB */ + + function init_knob() { + + if( typeof ($.fn.knob) === 'undefined'){ return; } + console.log('init_knob'); + + $(".knob").knob({ + change: function(value) { + //console.log("change : " + value); + }, + release: function(value) { + //console.log(this.$.attr('value')); + console.log("release : " + value); + }, + cancel: function() { + console.log("cancel : ", this); + }, + /*format : function (value) { + return value + '%'; + },*/ + draw: function() { + + // "tron" case + if (this.$.data('skin') == 'tron') { + + this.cursorExt = 0.3; + + var a = this.arc(this.cv) // Arc + , + pa // Previous arc + , r = 1; + + this.g.lineWidth = this.lineWidth; + + if (this.o.displayPrevious) { + pa = this.arc(this.v); + this.g.beginPath(); + this.g.strokeStyle = this.pColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d); + this.g.stroke(); + } + + this.g.beginPath(); + this.g.strokeStyle = r ? this.o.fgColor : this.fgColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d); + this.g.stroke(); + + this.g.lineWidth = 2; + this.g.beginPath(); + this.g.strokeStyle = this.o.fgColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false); + this.g.stroke(); + + return false; + } + } + + }); + + // Example of infinite knob, iPod click wheel + var v, up = 0, + down = 0, + i = 0, + $idir = $("div.idir"), + $ival = $("div.ival"), + incr = function() { + i++; + $idir.show().html("+").fadeOut(); + $ival.html(i); + }, + decr = function() { + i--; + $idir.show().html("-").fadeOut(); + $ival.html(i); + }; + $("input.infinite").knob({ + min: 0, + max: 20, + stopper: false, + change: function() { + if (v > this.cv) { + if (up) { + decr(); + up = 0; + } else { + up = 1; + down = 0; + } + } else { + if (v < this.cv) { + if (down) { + incr(); + down = 0; + } else { + down = 1; + up = 0; + } + } + } + v = this.cv; + } + }); + + }; + + /* INPUT MASK */ + + function init_InputMask() { + + if( typeof ($.fn.inputmask) === 'undefined'){ return; } + console.log('init_InputMask'); + + $(":input").inputmask(); + + }; + + /* COLOR PICKER */ + + function init_ColorPicker() { + + if( typeof ($.fn.colorpicker) === 'undefined'){ return; } + console.log('init_ColorPicker'); + + $('.demo1').colorpicker(); + $('.demo2').colorpicker(); + + $('#demo_forceformat').colorpicker({ + format: 'rgba', + horizontal: true + }); + + $('#demo_forceformat3').colorpicker({ + format: 'rgba', + }); + + $('.demo-auto').colorpicker(); + + }; + + + /* ION RANGE SLIDER */ + + function init_IonRangeSlider() { + + if( typeof ($.fn.ionRangeSlider) === 'undefined'){ return; } + console.log('init_IonRangeSlider'); + + $("#range_27").ionRangeSlider({ + type: "double", + min: 1000000, + max: 2000000, + grid: true, + force_edges: true + }); + $("#range").ionRangeSlider({ + hide_min_max: true, + keyboard: true, + min: 0, + max: 5000, + from: 1000, + to: 4000, + type: 'double', + step: 1, + prefix: "$", + grid: true + }); + $("#range_25").ionRangeSlider({ + type: "double", + min: 1000000, + max: 2000000, + grid: true + }); + $("#range_26").ionRangeSlider({ + type: "double", + min: 0, + max: 10000, + step: 500, + grid: true, + grid_snap: true + }); + $("#range_31").ionRangeSlider({ + type: "double", + min: 0, + max: 100, + from: 30, + to: 70, + from_fixed: true + }); + $(".range_min_max").ionRangeSlider({ + type: "double", + min: 0, + max: 100, + from: 30, + to: 70, + max_interval: 50 + }); + $(".range_time24").ionRangeSlider({ + min: +moment().subtract(12, "hours").format("X"), + max: +moment().format("X"), + from: +moment().subtract(6, "hours").format("X"), + grid: true, + force_edges: true, + prettify: function(num) { + var m = moment(num, "X"); + return m.format("Do MMMM, HH:mm"); + } + }); + + }; + + + /* DATERANGEPICKER */ + + function init_daterangepicker() { + + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; } + console.log('init_daterangepicker'); + + var cb = function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); + }; + + var optionSet1 = { + startDate: moment().subtract(29, 'days'), + endDate: moment(), + minDate: '01/01/2012', + maxDate: '12/31/2015', + dateLimit: { + days: 60 + }, + showDropdowns: true, + showWeekNumbers: true, + timePicker: false, + timePickerIncrement: 1, + timePicker12Hour: true, + ranges: { + 'Today': [moment(), moment()], + 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], + 'Last 7 Days': [moment().subtract(6, 'days'), moment()], + 'Last 30 Days': [moment().subtract(29, 'days'), moment()], + 'This Month': [moment().startOf('month'), moment().endOf('month')], + 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] + }, + opens: 'left', + buttonClasses: ['btn btn-default'], + applyClass: 'btn-small btn-primary', + cancelClass: 'btn-small', + format: 'MM/DD/YYYY', + separator: ' to ', + locale: { + applyLabel: 'Submit', + cancelLabel: 'Clear', + fromLabel: 'From', + toLabel: 'To', + customRangeLabel: 'Custom', + daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], + monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], + firstDay: 1 + } + }; + + $('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY')); + $('#reportrange').daterangepicker(optionSet1, cb); + $('#reportrange').on('show.daterangepicker', function() { + console.log("show event fired"); + }); + $('#reportrange').on('hide.daterangepicker', function() { + console.log("hide event fired"); + }); + $('#reportrange').on('apply.daterangepicker', function(ev, picker) { + console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY')); + }); + $('#reportrange').on('cancel.daterangepicker', function(ev, picker) { + console.log("cancel event fired"); + }); + $('#options1').click(function() { + $('#reportrange').data('daterangepicker').setOptions(optionSet1, cb); + }); + $('#options2').click(function() { + $('#reportrange').data('daterangepicker').setOptions(optionSet2, cb); + }); + $('#destroy').click(function() { + $('#reportrange').data('daterangepicker').remove(); + }); + + } + + function init_daterangepicker_right() { + + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; } + console.log('init_daterangepicker_right'); + + var cb = function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + $('#reportrange_right span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY')); + }; + + var optionSet1 = { + startDate: moment().subtract(29, 'days'), + endDate: moment(), + minDate: '01/01/2012', + maxDate: '12/31/2020', + dateLimit: { + days: 60 + }, + showDropdowns: true, + showWeekNumbers: true, + timePicker: false, + timePickerIncrement: 1, + timePicker12Hour: true, + ranges: { + 'Today': [moment(), moment()], + 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], + 'Last 7 Days': [moment().subtract(6, 'days'), moment()], + 'Last 30 Days': [moment().subtract(29, 'days'), moment()], + 'This Month': [moment().startOf('month'), moment().endOf('month')], + 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] + }, + opens: 'right', + buttonClasses: ['btn btn-default'], + applyClass: 'btn-small btn-primary', + cancelClass: 'btn-small', + format: 'MM/DD/YYYY', + separator: ' to ', + locale: { + applyLabel: 'Submit', + cancelLabel: 'Clear', + fromLabel: 'From', + toLabel: 'To', + customRangeLabel: 'Custom', + daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'], + monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], + firstDay: 1 + } + }; + + $('#reportrange_right span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY')); + + $('#reportrange_right').daterangepicker(optionSet1, cb); + + $('#reportrange_right').on('show.daterangepicker', function() { + console.log("show event fired"); + }); + $('#reportrange_right').on('hide.daterangepicker', function() { + console.log("hide event fired"); + }); + $('#reportrange_right').on('apply.daterangepicker', function(ev, picker) { + console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY')); + }); + $('#reportrange_right').on('cancel.daterangepicker', function(ev, picker) { + console.log("cancel event fired"); + }); + + $('#options1').click(function() { + $('#reportrange_right').data('daterangepicker').setOptions(optionSet1, cb); + }); + + $('#options2').click(function() { + $('#reportrange_right').data('daterangepicker').setOptions(optionSet2, cb); + }); + + $('#destroy').click(function() { + $('#reportrange_right').data('daterangepicker').remove(); + }); + + } + + function init_daterangepicker_single_call() { + + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; } + console.log('init_daterangepicker_single_call'); + + $('#single_cal1').daterangepicker({ + singleDatePicker: true, + singleClasses: "picker_1" + }, function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + }); + $('#single_cal2').daterangepicker({ + singleDatePicker: true, + singleClasses: "picker_2" + }, function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + }); + $('#single_cal3').daterangepicker({ + singleDatePicker: true, + singleClasses: "picker_3" + }, function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + }); + $('#single_cal4').daterangepicker({ + singleDatePicker: true, + singleClasses: "picker_4" + }, function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + }); + + + } + + + function init_daterangepicker_reservation() { + + if( typeof ($.fn.daterangepicker) === 'undefined'){ return; } + console.log('init_daterangepicker_reservation'); + + $('#reservation').daterangepicker(null, function(start, end, label) { + console.log(start.toISOString(), end.toISOString(), label); + }); + + $('#reservation-time').daterangepicker({ + timePicker: true, + timePickerIncrement: 30, + locale: { + format: 'MM/DD/YYYY h:mm A' + } + }); + + } + + /* SMART WIZARD */ + + function init_SmartWizard() { + + if( typeof ($.fn.smartWizard) === 'undefined'){ return; } + console.log('init_SmartWizard'); + + $('#wizard').smartWizard(); + + $('#wizard_verticle').smartWizard({ + transitionEffect: 'slide' + }); + + $('.buttonNext').addClass('btn btn-success'); + $('.buttonPrevious').addClass('btn btn-primary'); + $('.buttonFinish').addClass('btn btn-default'); + + }; + + + /* VALIDATOR */ + + function init_validator () { + + if( typeof (validator) === 'undefined'){ return; } + console.log('init_validator'); + + // initialize the validator function + validator.message.date = 'not a real date'; + + // validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup': + $('form') + .on('blur', 'input[required], input.optional, select.required', validator.checkField) + .on('change', 'select.required', validator.checkField) + .on('keypress', 'input[required][pattern]', validator.keypress); + + $('.multi.required').on('keyup blur', 'input', function() { + validator.checkField.apply($(this).siblings().last()[0]); + }); + + $('form').submit(function(e) { + e.preventDefault(); + var submit = true; + + // evaluate the form using generic validaing + if (!validator.checkAll($(this))) { + submit = false; + } + + if (submit) + this.submit(); + + return false; + }); + + }; + + /* PNotify */ + + function init_PNotify() { + + if( typeof (PNotify) === 'undefined'){ return; } + console.log('init_PNotify'); + + new PNotify({ + title: "PNotify", + type: "info", + text: "Welcome. Try hovering over me. You can click things behind me, because I'm non-blocking.", + nonblock: { + nonblock: true + }, + addclass: 'dark', + styling: 'bootstrap3', + hide: false, + before_close: function(PNotify) { + PNotify.update({ + title: PNotify.options.title + " - Enjoy your Stay", + before_close: null + }); + + PNotify.queueRemove(); + + return false; + } + }); + + }; + + + /* CUSTOM NOTIFICATION */ + + function init_CustomNotification() { + + console.log('run_customtabs'); + + if( typeof (CustomTabs) === 'undefined'){ return; } + console.log('init_CustomTabs'); + + var cnt = 10; + + TabbedNotification = function(options) { + var message = ""; + + if (!document.getElementById('custom_notifications')) { + alert('doesnt exists'); + } else { + $('#custom_notifications ul.notifications').append("
    • "); + $('#custom_notifications #notif-group').append(message); + cnt++; + CustomTabs(options); + } + }; + + CustomTabs = function(options) { + $('.tabbed_notifications > div').hide(); + $('.tabbed_notifications > div:first-of-type').show(); + $('#custom_notifications').removeClass('dsp_none'); + $('.notifications a').click(function(e) { + e.preventDefault(); + var $this = $(this), + tabbed_notifications = '#' + $this.parents('.notifications').data('tabbed_notifications'), + others = $this.closest('li').siblings().children('a'), + target = $this.attr('href'); + others.removeClass('active'); + $this.addClass('active'); + $(tabbed_notifications).children('div').hide(); + $(target).show(); + }); + }; + + CustomTabs(); + + var tabid = idname = ''; + + $(document).on('click', '.notification_close', function(e) { + idname = $(this).parent().parent().attr("id"); + tabid = idname.substr(-2); + $('#ntf' + tabid).remove(); + $('#ntlink' + tabid).parent().remove(); + $('.notifications a').first().addClass('active'); + $('#notif-group div').first().css('display', 'block'); + }); + + }; + + /* EASYPIECHART */ + + function init_EasyPieChart() { + + if( typeof ($.fn.easyPieChart) === 'undefined'){ return; } + console.log('init_EasyPieChart'); + + $('.chart').easyPieChart({ + easing: 'easeOutElastic', + delay: 3000, + barColor: '#26B99A', + trackColor: '#fff', + scaleColor: false, + lineWidth: 20, + trackWidth: 16, + lineCap: 'butt', + onStep: function(from, to, percent) { + $(this.el).find('.percent').text(Math.round(percent)); + } + }); + var chart = window.chart = $('.chart').data('easyPieChart'); + $('.js_update').on('click', function() { + chart.update(Math.random() * 200 - 100); + }); + + //hover and retain popover when on popover content + var originalLeave = $.fn.popover.Constructor.prototype.leave; + $.fn.popover.Constructor.prototype.leave = function(obj) { + var self = obj instanceof this.constructor ? + obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type); + var container, timeout; + + originalLeave.call(this, obj); + + if (obj.currentTarget) { + container = $(obj.currentTarget).siblings('.popover'); + timeout = self.timeout; + container.one('mouseenter', function() { + //We entered the actual popover – call off the dogs + clearTimeout(timeout); + //Let's monitor popover content instead + container.one('mouseleave', function() { + $.fn.popover.Constructor.prototype.leave.call(self, self); + }); + }); + } + }; + + $('body').popover({ + selector: '[data-popover]', + trigger: 'click hover', + delay: { + show: 50, + hide: 400 + } + }); + + }; + + + function init_charts() { + + console.log('run_charts typeof [' + typeof (Chart) + ']'); + + if( typeof (Chart) === 'undefined'){ return; } + + console.log('init_charts'); + + + Chart.defaults.global.legend = { + enabled: false + }; + + + + if ($('#canvas_line').length ){ + + var canvas_line_00 = new Chart(document.getElementById("canvas_line"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line1').length ){ + + var canvas_line_01 = new Chart(document.getElementById("canvas_line1"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line2').length ){ + + var canvas_line_02 = new Chart(document.getElementById("canvas_line2"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line3').length ){ + + var canvas_line_03 = new Chart(document.getElementById("canvas_line3"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + if ($('#canvas_line4').length ){ + + var canvas_line_04 = new Chart(document.getElementById("canvas_line4"), { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + + // Line chart + + if ($('#lineChart').length ){ + + var ctx = document.getElementById("lineChart"); + var lineChart = new Chart(ctx, { + type: 'line', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(38, 185, 154, 0.31)", + borderColor: "rgba(38, 185, 154, 0.7)", + pointBorderColor: "rgba(38, 185, 154, 0.7)", + pointBackgroundColor: "rgba(38, 185, 154, 0.7)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + pointBorderWidth: 1, + data: [31, 74, 6, 39, 20, 85, 7] + }, { + label: "My Second dataset", + backgroundColor: "rgba(3, 88, 106, 0.3)", + borderColor: "rgba(3, 88, 106, 0.70)", + pointBorderColor: "rgba(3, 88, 106, 0.70)", + pointBackgroundColor: "rgba(3, 88, 106, 0.70)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(151,187,205,1)", + pointBorderWidth: 1, + data: [82, 23, 66, 9, 99, 4, 2] + }] + }, + }); + + } + + // Bar chart + + if ($('#mybarChart').length ){ + + var ctx = document.getElementById("mybarChart"); + var mybarChart = new Chart(ctx, { + type: 'bar', + data: { + labels: ["January", "February", "March", "April", "May", "June", "July"], + datasets: [{ + label: '# of Votes', + backgroundColor: "#26B99A", + data: [51, 30, 40, 28, 92, 50, 45] + }, { + label: '# of Votes', + backgroundColor: "#03586A", + data: [41, 56, 25, 48, 72, 34, 12] + }] + }, + + options: { + scales: { + yAxes: [{ + ticks: { + beginAtZero: true + } + }] + } + } + }); + + } + + + // Doughnut chart + + if ($('#canvasDoughnut').length ){ + + var ctx = document.getElementById("canvasDoughnut"); + var data = { + labels: [ + "Dark Grey", + "Purple Color", + "Gray Color", + "Green Color", + "Blue Color" + ], + datasets: [{ + data: [120, 50, 140, 180, 100], + backgroundColor: [ + "#455C73", + "#9B59B6", + "#BDC3C7", + "#26B99A", + "#3498DB" + ], + hoverBackgroundColor: [ + "#34495E", + "#B370CF", + "#CFD4D8", + "#36CAAB", + "#49A9EA" + ] + + }] + }; + + var canvasDoughnut = new Chart(ctx, { + type: 'doughnut', + tooltipFillColor: "rgba(51, 51, 51, 0.55)", + data: data + }); + + } + + // Radar chart + + if ($('#canvasRadar').length ){ + + var ctx = document.getElementById("canvasRadar"); + var data = { + labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], + datasets: [{ + label: "My First dataset", + backgroundColor: "rgba(3, 88, 106, 0.2)", + borderColor: "rgba(3, 88, 106, 0.80)", + pointBorderColor: "rgba(3, 88, 106, 0.80)", + pointBackgroundColor: "rgba(3, 88, 106, 0.80)", + pointHoverBackgroundColor: "#fff", + pointHoverBorderColor: "rgba(220,220,220,1)", + data: [65, 59, 90, 81, 56, 55, 40] + }, { + label: "My Second dataset", + backgroundColor: "rgba(38, 185, 154, 0.2)", + borderColor: "rgba(38, 185, 154, 0.85)", + pointColor: "rgba(38, 185, 154, 0.85)", + pointStrokeColor: "#fff", + pointHighlightFill: "#fff", + pointHighlightStroke: "rgba(151,187,205,1)", + data: [28, 48, 40, 19, 96, 27, 100] + }] + }; + + var canvasRadar = new Chart(ctx, { + type: 'radar', + data: data, + }); + + } + + + // Pie chart + if ($('#pieChart').length ){ + + var ctx = document.getElementById("pieChart"); + var data = { + datasets: [{ + data: [120, 50, 140, 180, 100], + backgroundColor: [ + "#455C73", + "#9B59B6", + "#BDC3C7", + "#26B99A", + "#3498DB" + ], + label: 'My dataset' // for legend + }], + labels: [ + "Dark Gray", + "Purple", + "Gray", + "Green", + "Blue" + ] + }; + + var pieChart = new Chart(ctx, { + data: data, + type: 'pie', + otpions: { + legend: false + } + }); + + } + + + // PolarArea chart + + if ($('#polarArea').length ){ + + var ctx = document.getElementById("polarArea"); + var data = { + datasets: [{ + data: [120, 50, 140, 180, 100], + backgroundColor: [ + "#455C73", + "#9B59B6", + "#BDC3C7", + "#26B99A", + "#3498DB" + ], + label: 'My dataset' + }], + labels: [ + "Dark Gray", + "Purple", + "Gray", + "Green", + "Blue" + ] + }; + + var polarArea = new Chart(ctx, { + data: data, + type: 'polarArea', + options: { + scale: { + ticks: { + beginAtZero: true + } + } + } + }); + + } + } + + /* COMPOSE */ + + function init_compose() { + + if( typeof ($.fn.slideToggle) === 'undefined'){ return; } + console.log('init_compose'); + + $('#compose, .compose-close').click(function(){ + $('.compose').slideToggle(); + }); + + }; + + /* CALENDAR */ + + function init_calendar() { + + if( typeof ($.fn.fullCalendar) === 'undefined'){ return; } + console.log('init_calendar'); + + var date = new Date(), + d = date.getDate(), + m = date.getMonth(), + y = date.getFullYear(), + started, + categoryClass; + + var calendar = $('#calendar').fullCalendar({ + header: { + left: 'prev,next today', + center: 'title', + right: 'month,agendaWeek,agendaDay,listMonth' + }, + selectable: true, + selectHelper: true, + select: function(start, end, allDay) { + $('#fc_create').click(); + + started = start; + ended = end; + + $(".antosubmit").on("click", function() { + var title = $("#title").val(); + if (end) { + ended = end; + } + + categoryClass = $("#event_type").val(); + + if (title) { + calendar.fullCalendar('renderEvent', { + title: title, + start: started, + end: end, + allDay: allDay + }, + true // make the event "stick" + ); + } + + $('#title').val(''); + + calendar.fullCalendar('unselect'); + + $('.antoclose').click(); + + return false; + }); + }, + eventClick: function(calEvent, jsEvent, view) { + $('#fc_edit').click(); + $('#title2').val(calEvent.title); + + categoryClass = $("#event_type").val(); + + $(".antosubmit2").on("click", function() { + calEvent.title = $("#title2").val(); + + calendar.fullCalendar('updateEvent', calEvent); + $('.antoclose2').click(); + }); + + calendar.fullCalendar('unselect'); + }, + editable: true, + events: [{ + title: 'All Day Event', + start: new Date(y, m, 1) + }, { + title: 'Long Event', + start: new Date(y, m, d - 5), + end: new Date(y, m, d - 2) + }, { + title: 'Meeting', + start: new Date(y, m, d, 10, 30), + allDay: false + }, { + title: 'Lunch', + start: new Date(y, m, d + 14, 12, 0), + end: new Date(y, m, d, 14, 0), + allDay: false + }, { + title: 'Birthday Party', + start: new Date(y, m, d + 1, 19, 0), + end: new Date(y, m, d + 1, 22, 30), + allDay: false + }, { + title: 'Click for Google', + start: new Date(y, m, 28), + end: new Date(y, m, 29), + url: 'http://google.com/' + }] + }); + + }; + + /* DATA TABLES */ + + function init_DataTables() { + + console.log('run_datatables'); + + if( typeof ($.fn.DataTable) === 'undefined'){ return; } + console.log('init_DataTables'); + + var handleDataTableButtons = function() { + if ($("#datatable-buttons").length) { + $("#datatable-buttons").DataTable({ + dom: "Bfrtip", + buttons: [ + { + extend: "copy", + className: "btn-sm" + }, + { + extend: "csv", + className: "btn-sm" + }, + { + extend: "excel", + className: "btn-sm" + }, + { + extend: "pdfHtml5", + className: "btn-sm" + }, + { + extend: "print", + className: "btn-sm" + }, + ], + responsive: true + }); + } + }; + + TableManageButtons = function() { + "use strict"; + return { + init: function() { + handleDataTableButtons(); + } + }; + }(); + + $('#datatable').dataTable(); + + $('#datatable-keytable').DataTable({ + keys: true + }); + + $('#datatable-responsive').DataTable(); + + $('#datatable-scroller').DataTable({ + ajax: "js/datatables/json/scroller-demo.json", + deferRender: true, + scrollY: 380, + scrollCollapse: true, + scroller: true + }); + + $('#datatable-fixed-header').DataTable({ + fixedHeader: true + }); + + var $datatable = $('#datatable-checkbox'); + + $datatable.dataTable({ + 'order': [[ 1, 'asc' ]], + 'columnDefs': [ + { orderable: false, targets: [0] } + ] + }); + $datatable.on('draw.dt', function() { + $('checkbox input').iCheck({ + checkboxClass: 'icheckbox_flat-green' + }); + }); + + TableManageButtons.init(); + + }; + + /* CHART - MORRIS */ + + function init_morris_charts() { + + if( typeof (Morris) === 'undefined'){ return; } + console.log('init_morris_charts'); + + if ($('#graph_bar').length){ + + Morris.Bar({ + element: 'graph_bar', + data: [ + {device: 'iPhone 4', geekbench: 380}, + {device: 'iPhone 4S', geekbench: 655}, + {device: 'iPhone 3GS', geekbench: 275}, + {device: 'iPhone 5', geekbench: 1571}, + {device: 'iPhone 5S', geekbench: 655}, + {device: 'iPhone 6', geekbench: 2154}, + {device: 'iPhone 6 Plus', geekbench: 1144}, + {device: 'iPhone 6S', geekbench: 2371}, + {device: 'iPhone 6S Plus', geekbench: 1471}, + {device: 'Other', geekbench: 1371} + ], + xkey: 'device', + ykeys: ['geekbench'], + labels: ['Geekbench'], + barRatio: 0.4, + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + xLabelAngle: 35, + hideHover: 'auto', + resize: true + }); + + } + + if ($('#graph_bar_group').length ){ + + Morris.Bar({ + element: 'graph_bar_group', + data: [ + {"period": "2016-10-01", "licensed": 807, "sorned": 660}, + {"period": "2016-09-30", "licensed": 1251, "sorned": 729}, + {"period": "2016-09-29", "licensed": 1769, "sorned": 1018}, + {"period": "2016-09-20", "licensed": 2246, "sorned": 1461}, + {"period": "2016-09-19", "licensed": 2657, "sorned": 1967}, + {"period": "2016-09-18", "licensed": 3148, "sorned": 2627}, + {"period": "2016-09-17", "licensed": 3471, "sorned": 3740}, + {"period": "2016-09-16", "licensed": 2871, "sorned": 2216}, + {"period": "2016-09-15", "licensed": 2401, "sorned": 1656}, + {"period": "2016-09-10", "licensed": 2115, "sorned": 1022} + ], + xkey: 'period', + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + ykeys: ['licensed', 'sorned'], + labels: ['Licensed', 'SORN'], + hideHover: 'auto', + xLabelAngle: 60, + resize: true + }); + + } + + if ($('#graphx').length ){ + + Morris.Bar({ + element: 'graphx', + data: [ + {x: '2015 Q1', y: 2, z: 3, a: 4}, + {x: '2015 Q2', y: 3, z: 5, a: 6}, + {x: '2015 Q3', y: 4, z: 3, a: 2}, + {x: '2015 Q4', y: 2, z: 4, a: 5} + ], + xkey: 'x', + ykeys: ['y', 'z', 'a'], + barColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + hideHover: 'auto', + labels: ['Y', 'Z', 'A'], + resize: true + }).on('click', function (i, row) { + console.log(i, row); + }); + + } + + if ($('#graph_area').length ){ + + Morris.Area({ + element: 'graph_area', + data: [ + {period: '2014 Q1', iphone: 2666, ipad: null, itouch: 2647}, + {period: '2014 Q2', iphone: 2778, ipad: 2294, itouch: 2441}, + {period: '2014 Q3', iphone: 4912, ipad: 1969, itouch: 2501}, + {period: '2014 Q4', iphone: 3767, ipad: 3597, itouch: 5689}, + {period: '2015 Q1', iphone: 6810, ipad: 1914, itouch: 2293}, + {period: '2015 Q2', iphone: 5670, ipad: 4293, itouch: 1881}, + {period: '2015 Q3', iphone: 4820, ipad: 3795, itouch: 1588}, + {period: '2015 Q4', iphone: 15073, ipad: 5967, itouch: 5175}, + {period: '2016 Q1', iphone: 10687, ipad: 4460, itouch: 2028}, + {period: '2016 Q2', iphone: 8432, ipad: 5713, itouch: 1791} + ], + xkey: 'period', + ykeys: ['iphone', 'ipad', 'itouch'], + lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + labels: ['iPhone', 'iPad', 'iPod Touch'], + pointSize: 2, + hideHover: 'auto', + resize: true + }); + + } + + if ($('#graph_donut').length ){ + + Morris.Donut({ + element: 'graph_donut', + data: [ + {label: 'Jam', value: 25}, + {label: 'Frosted', value: 40}, + {label: 'Custard', value: 25}, + {label: 'Sugar', value: 10} + ], + colors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + formatter: function (y) { + return y + "%"; + }, + resize: true + }); + + } + + if ($('#graph_line').length ){ + + Morris.Line({ + element: 'graph_line', + xkey: 'year', + ykeys: ['value'], + labels: ['Value'], + hideHover: 'auto', + lineColors: ['#26B99A', '#34495E', '#ACADAC', '#3498DB'], + data: [ + {year: '2012', value: 20}, + {year: '2013', value: 10}, + {year: '2014', value: 5}, + {year: '2015', value: 5}, + {year: '2016', value: 20} + ], + resize: true + }); + + $MENU_TOGGLE.on('click', function() { + $(window).resize(); + }); + + } + + }; + + + + /* ECHRTS */ + + + function init_echarts() { + + if( typeof (echarts) === 'undefined'){ return; } + console.log('init_echarts'); + + + var theme = { + color: [ + '#26B99A', '#34495E', '#BDC3C7', '#3498DB', + '#9B59B6', '#8abb6f', '#759c6a', '#bfd3b7' + ], + + title: { + itemGap: 8, + textStyle: { + fontWeight: 'normal', + color: '#408829' + } + }, + + dataRange: { + color: ['#1f610a', '#97b58d'] + }, + + toolbox: { + color: ['#408829', '#408829', '#408829', '#408829'] + }, + + tooltip: { + backgroundColor: 'rgba(0,0,0,0.5)', + axisPointer: { + type: 'line', + lineStyle: { + color: '#408829', + type: 'dashed' + }, + crossStyle: { + color: '#408829' + }, + shadowStyle: { + color: 'rgba(200,200,200,0.3)' + } + } + }, + + dataZoom: { + dataBackgroundColor: '#eee', + fillerColor: 'rgba(64,136,41,0.2)', + handleColor: '#408829' + }, + grid: { + borderWidth: 0 + }, + + categoryAxis: { + axisLine: { + lineStyle: { + color: '#408829' + } + }, + splitLine: { + lineStyle: { + color: ['#eee'] + } + } + }, + + valueAxis: { + axisLine: { + lineStyle: { + color: '#408829' + } + }, + splitArea: { + show: true, + areaStyle: { + color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)'] + } + }, + splitLine: { + lineStyle: { + color: ['#eee'] + } + } + }, + timeline: { + lineStyle: { + color: '#408829' + }, + controlStyle: { + normal: {color: '#408829'}, + emphasis: {color: '#408829'} + } + }, + + k: { + itemStyle: { + normal: { + color: '#68a54a', + color0: '#a9cba2', + lineStyle: { + width: 1, + color: '#408829', + color0: '#86b379' + } + } + } + }, + map: { + itemStyle: { + normal: { + areaStyle: { + color: '#ddd' + }, + label: { + textStyle: { + color: '#c12e34' + } + } + }, + emphasis: { + areaStyle: { + color: '#99d2dd' + }, + label: { + textStyle: { + color: '#c12e34' + } + } + } + } + }, + force: { + itemStyle: { + normal: { + linkStyle: { + strokeColor: '#408829' + } + } + } + }, + chord: { + padding: 4, + itemStyle: { + normal: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + }, + chordStyle: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + } + } + }, + emphasis: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + }, + chordStyle: { + lineStyle: { + width: 1, + color: 'rgba(128, 128, 128, 0.5)' + } + } + } + } + }, + gauge: { + startAngle: 225, + endAngle: -45, + axisLine: { + show: true, + lineStyle: { + color: [[0.2, '#86b379'], [0.8, '#68a54a'], [1, '#408829']], + width: 8 + } + }, + axisTick: { + splitNumber: 10, + length: 12, + lineStyle: { + color: 'auto' + } + }, + axisLabel: { + textStyle: { + color: 'auto' + } + }, + splitLine: { + length: 18, + lineStyle: { + color: 'auto' + } + }, + pointer: { + length: '90%', + color: 'auto' + }, + title: { + textStyle: { + color: '#333' + } + }, + detail: { + textStyle: { + color: 'auto' + } + } + }, + textStyle: { + fontFamily: 'Arial, Verdana, sans-serif' + } + }; + + + //echart Bar + + if ($('#mainb').length ){ + + var echartBar = echarts.init(document.getElementById('mainb'), theme); + + echartBar.setOption({ + title: { + text: 'Graph title', + subtext: 'Graph Sub-text' + }, + tooltip: { + trigger: 'axis' + }, + legend: { + data: ['sales', 'purchases'] + }, + toolbox: { + show: false + }, + calculable: false, + xAxis: [{ + type: 'category', + data: ['1?', '2?', '3?', '4?', '5?', '6?', '7?', '8?', '9?', '10?', '11?', '12?'] + }], + yAxis: [{ + type: 'value' + }], + series: [{ + name: 'sales', + type: 'bar', + data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], + markPoint: { + data: [{ + type: 'max', + name: '???' + }, { + type: 'min', + name: '???' + }] + }, + markLine: { + data: [{ + type: 'average', + name: '???' + }] + } + }, { + name: 'purchases', + type: 'bar', + data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], + markPoint: { + data: [{ + name: 'sales', + value: 182.2, + xAxis: 7, + yAxis: 183, + }, { + name: 'purchases', + value: 2.3, + xAxis: 11, + yAxis: 3 + }] + }, + markLine: { + data: [{ + type: 'average', + name: '???' + }] + } + }] + }); + + } + + + + + //echart Radar + + if ($('#echart_sonar').length ){ + + var echartRadar = echarts.init(document.getElementById('echart_sonar'), theme); + + echartRadar.setOption({ + title: { + text: 'Budget vs spending', + subtext: 'Subtitle' + }, + tooltip: { + trigger: 'item' + }, + legend: { + orient: 'vertical', + x: 'right', + y: 'bottom', + data: ['Allocated Budget', 'Actual Spending'] + }, + toolbox: { + show: true, + feature: { + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + polar: [{ + indicator: [{ + text: 'Sales', + max: 6000 + }, { + text: 'Administration', + max: 16000 + }, { + text: 'Information Techology', + max: 30000 + }, { + text: 'Customer Support', + max: 38000 + }, { + text: 'Development', + max: 52000 + }, { + text: 'Marketing', + max: 25000 + }] + }], + calculable: true, + series: [{ + name: 'Budget vs spending', + type: 'radar', + data: [{ + value: [4300, 10000, 28000, 35000, 50000, 19000], + name: 'Allocated Budget' + }, { + value: [5000, 14000, 28000, 31000, 42000, 21000], + name: 'Actual Spending' + }] + }] + }); + + } + + //echart Funnel + + if ($('#echart_pyramid').length ){ + + var echartFunnel = echarts.init(document.getElementById('echart_pyramid'), theme); + + echartFunnel.setOption({ + title: { + text: 'Echart Pyramid Graph', + subtext: 'Subtitle' + }, + tooltip: { + trigger: 'item', + formatter: "{a}
    {b} : {c}%" + }, + toolbox: { + show: true, + feature: { + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + legend: { + data: ['Something #1', 'Something #2', 'Something #3', 'Something #4', 'Something #5'], + orient: 'vertical', + x: 'left', + y: 'bottom' + }, + calculable: true, + series: [{ + name: '漏斗图', + type: 'funnel', + width: '40%', + data: [{ + value: 60, + name: 'Something #1' + }, { + value: 40, + name: 'Something #2' + }, { + value: 20, + name: 'Something #3' + }, { + value: 80, + name: 'Something #4' + }, { + value: 100, + name: 'Something #5' + }] + }] + }); + + } + + //echart Gauge + + if ($('#echart_gauge').length ){ + + var echartGauge = echarts.init(document.getElementById('echart_gauge'), theme); + + echartGauge.setOption({ + tooltip: { + formatter: "{a}
    {b} : {c}%" + }, + toolbox: { + show: true, + feature: { + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + series: [{ + name: 'Performance', + type: 'gauge', + center: ['50%', '50%'], + startAngle: 140, + endAngle: -140, + min: 0, + max: 100, + precision: 0, + splitNumber: 10, + axisLine: { + show: true, + lineStyle: { + color: [ + [0.2, 'lightgreen'], + [0.4, 'orange'], + [0.8, 'skyblue'], + [1, '#ff4500'] + ], + width: 30 + } + }, + axisTick: { + show: true, + splitNumber: 5, + length: 8, + lineStyle: { + color: '#eee', + width: 1, + type: 'solid' + } + }, + axisLabel: { + show: true, + formatter: function(v) { + switch (v + '') { + case '10': + return 'a'; + case '30': + return 'b'; + case '60': + return 'c'; + case '90': + return 'd'; + default: + return ''; + } + }, + textStyle: { + color: '#333' + } + }, + splitLine: { + show: true, + length: 30, + lineStyle: { + color: '#eee', + width: 2, + type: 'solid' + } + }, + pointer: { + length: '80%', + width: 8, + color: 'auto' + }, + title: { + show: true, + offsetCenter: ['-65%', -10], + textStyle: { + color: '#333', + fontSize: 15 + } + }, + detail: { + show: true, + backgroundColor: 'rgba(0,0,0,0)', + borderWidth: 0, + borderColor: '#ccc', + width: 100, + height: 40, + offsetCenter: ['-60%', 10], + formatter: '{value}%', + textStyle: { + color: 'auto', + fontSize: 30 + } + }, + data: [{ + value: 50, + name: 'Performance' + }] + }] + }); + + } + + //echart Line + + if ($('#echart_line').length ){ + + var echartLine = echarts.init(document.getElementById('echart_line'), theme); + + echartLine.setOption({ + title: { + text: 'Line Graph', + subtext: 'Subtitle' + }, + tooltip: { + trigger: 'axis' + }, + legend: { + x: 220, + y: 40, + data: ['Intent', 'Pre-order', 'Deal'] + }, + toolbox: { + show: true, + feature: { + magicType: { + show: true, + title: { + line: 'Line', + bar: 'Bar', + stack: 'Stack', + tiled: 'Tiled' + }, + type: ['line', 'bar', 'stack', 'tiled'] + }, + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + calculable: true, + xAxis: [{ + type: 'category', + boundaryGap: false, + data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] + }], + yAxis: [{ + type: 'value' + }], + series: [{ + name: 'Deal', + type: 'line', + smooth: true, + itemStyle: { + normal: { + areaStyle: { + type: 'default' + } + } + }, + data: [10, 12, 21, 54, 260, 830, 710] + }, { + name: 'Pre-order', + type: 'line', + smooth: true, + itemStyle: { + normal: { + areaStyle: { + type: 'default' + } + } + }, + data: [30, 182, 434, 791, 390, 30, 10] + }, { + name: 'Intent', + type: 'line', + smooth: true, + itemStyle: { + normal: { + areaStyle: { + type: 'default' + } + } + }, + data: [1320, 1132, 601, 234, 120, 90, 20] + }] + }); + + } + + //echart Scatter + + if ($('#echart_scatter').length ){ + + var echartScatter = echarts.init(document.getElementById('echart_scatter'), theme); + + echartScatter.setOption({ + title: { + text: 'Scatter Graph', + subtext: 'Heinz 2003' + }, + tooltip: { + trigger: 'axis', + showDelay: 0, + axisPointer: { + type: 'cross', + lineStyle: { + type: 'dashed', + width: 1 + } + } + }, + legend: { + data: ['Data2', 'Data1'] + }, + toolbox: { + show: true, + feature: { + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + xAxis: [{ + type: 'value', + scale: true, + axisLabel: { + formatter: '{value} cm' + } + }], + yAxis: [{ + type: 'value', + scale: true, + axisLabel: { + formatter: '{value} kg' + } + }], + series: [{ + name: 'Data1', + type: 'scatter', + tooltip: { + trigger: 'item', + formatter: function(params) { + if (params.value.length > 1) { + return params.seriesName + ' :
    ' + params.value[0] + 'cm ' + params.value[1] + 'kg '; + } else { + return params.seriesName + ' :
    ' + params.name + ' : ' + params.value + 'kg '; + } + } + }, + data: [ + [161.2, 51.6], + [167.5, 59.0], + [159.5, 49.2], + [157.0, 63.0], + [155.8, 53.6], + [170.0, 59.0], + [159.1, 47.6], + [166.0, 69.8], + [176.2, 66.8], + [160.2, 75.2], + [172.5, 55.2], + [170.9, 54.2], + [172.9, 62.5], + [153.4, 42.0], + [160.0, 50.0], + [147.2, 49.8], + [168.2, 49.2], + [175.0, 73.2], + [157.0, 47.8], + [167.6, 68.8], + [159.5, 50.6], + [175.0, 82.5], + [166.8, 57.2], + [176.5, 87.8], + [170.2, 72.8], + [174.0, 54.5], + [173.0, 59.8], + [179.9, 67.3], + [170.5, 67.8], + [160.0, 47.0], + [154.4, 46.2], + [162.0, 55.0], + [176.5, 83.0], + [160.0, 54.4], + [152.0, 45.8], + [162.1, 53.6], + [170.0, 73.2], + [160.2, 52.1], + [161.3, 67.9], + [166.4, 56.6], + [168.9, 62.3], + [163.8, 58.5], + [167.6, 54.5], + [160.0, 50.2], + [161.3, 60.3], + [167.6, 58.3], + [165.1, 56.2], + [160.0, 50.2], + [170.0, 72.9], + [157.5, 59.8], + [167.6, 61.0], + [160.7, 69.1], + [163.2, 55.9], + [152.4, 46.5], + [157.5, 54.3], + [168.3, 54.8], + [180.3, 60.7], + [165.5, 60.0], + [165.0, 62.0], + [164.5, 60.3], + [156.0, 52.7], + [160.0, 74.3], + [163.0, 62.0], + [165.7, 73.1], + [161.0, 80.0], + [162.0, 54.7], + [166.0, 53.2], + [174.0, 75.7], + [172.7, 61.1], + [167.6, 55.7], + [151.1, 48.7], + [164.5, 52.3], + [163.5, 50.0], + [152.0, 59.3], + [169.0, 62.5], + [164.0, 55.7], + [161.2, 54.8], + [155.0, 45.9], + [170.0, 70.6], + [176.2, 67.2], + [170.0, 69.4], + [162.5, 58.2], + [170.3, 64.8], + [164.1, 71.6], + [169.5, 52.8], + [163.2, 59.8], + [154.5, 49.0], + [159.8, 50.0], + [173.2, 69.2], + [170.0, 55.9], + [161.4, 63.4], + [169.0, 58.2], + [166.2, 58.6], + [159.4, 45.7], + [162.5, 52.2], + [159.0, 48.6], + [162.8, 57.8], + [159.0, 55.6], + [179.8, 66.8], + [162.9, 59.4], + [161.0, 53.6], + [151.1, 73.2], + [168.2, 53.4], + [168.9, 69.0], + [173.2, 58.4], + [171.8, 56.2], + [178.0, 70.6], + [164.3, 59.8], + [163.0, 72.0], + [168.5, 65.2], + [166.8, 56.6], + [172.7, 105.2], + [163.5, 51.8], + [169.4, 63.4], + [167.8, 59.0], + [159.5, 47.6], + [167.6, 63.0], + [161.2, 55.2], + [160.0, 45.0], + [163.2, 54.0], + [162.2, 50.2], + [161.3, 60.2], + [149.5, 44.8], + [157.5, 58.8], + [163.2, 56.4], + [172.7, 62.0], + [155.0, 49.2], + [156.5, 67.2], + [164.0, 53.8], + [160.9, 54.4], + [162.8, 58.0], + [167.0, 59.8], + [160.0, 54.8], + [160.0, 43.2], + [168.9, 60.5], + [158.2, 46.4], + [156.0, 64.4], + [160.0, 48.8], + [167.1, 62.2], + [158.0, 55.5], + [167.6, 57.8], + [156.0, 54.6], + [162.1, 59.2], + [173.4, 52.7], + [159.8, 53.2], + [170.5, 64.5], + [159.2, 51.8], + [157.5, 56.0], + [161.3, 63.6], + [162.6, 63.2], + [160.0, 59.5], + [168.9, 56.8], + [165.1, 64.1], + [162.6, 50.0], + [165.1, 72.3], + [166.4, 55.0], + [160.0, 55.9], + [152.4, 60.4], + [170.2, 69.1], + [162.6, 84.5], + [170.2, 55.9], + [158.8, 55.5], + [172.7, 69.5], + [167.6, 76.4], + [162.6, 61.4], + [167.6, 65.9], + [156.2, 58.6], + [175.2, 66.8], + [172.1, 56.6], + [162.6, 58.6], + [160.0, 55.9], + [165.1, 59.1], + [182.9, 81.8], + [166.4, 70.7], + [165.1, 56.8], + [177.8, 60.0], + [165.1, 58.2], + [175.3, 72.7], + [154.9, 54.1], + [158.8, 49.1], + [172.7, 75.9], + [168.9, 55.0], + [161.3, 57.3], + [167.6, 55.0], + [165.1, 65.5], + [175.3, 65.5], + [157.5, 48.6], + [163.8, 58.6], + [167.6, 63.6], + [165.1, 55.2], + [165.1, 62.7], + [168.9, 56.6], + [162.6, 53.9], + [164.5, 63.2], + [176.5, 73.6], + [168.9, 62.0], + [175.3, 63.6], + [159.4, 53.2], + [160.0, 53.4], + [170.2, 55.0], + [162.6, 70.5], + [167.6, 54.5], + [162.6, 54.5], + [160.7, 55.9], + [160.0, 59.0], + [157.5, 63.6], + [162.6, 54.5], + [152.4, 47.3], + [170.2, 67.7], + [165.1, 80.9], + [172.7, 70.5], + [165.1, 60.9], + [170.2, 63.6], + [170.2, 54.5], + [170.2, 59.1], + [161.3, 70.5], + [167.6, 52.7], + [167.6, 62.7], + [165.1, 86.3], + [162.6, 66.4], + [152.4, 67.3], + [168.9, 63.0], + [170.2, 73.6], + [175.2, 62.3], + [175.2, 57.7], + [160.0, 55.4], + [165.1, 104.1], + [174.0, 55.5], + [170.2, 77.3], + [160.0, 80.5], + [167.6, 64.5], + [167.6, 72.3], + [167.6, 61.4], + [154.9, 58.2], + [162.6, 81.8], + [175.3, 63.6], + [171.4, 53.4], + [157.5, 54.5], + [165.1, 53.6], + [160.0, 60.0], + [174.0, 73.6], + [162.6, 61.4], + [174.0, 55.5], + [162.6, 63.6], + [161.3, 60.9], + [156.2, 60.0], + [149.9, 46.8], + [169.5, 57.3], + [160.0, 64.1], + [175.3, 63.6], + [169.5, 67.3], + [160.0, 75.5], + [172.7, 68.2], + [162.6, 61.4], + [157.5, 76.8], + [176.5, 71.8], + [164.4, 55.5], + [160.7, 48.6], + [174.0, 66.4], + [163.8, 67.3] + ], + markPoint: { + data: [{ + type: 'max', + name: 'Max' + }, { + type: 'min', + name: 'Min' + }] + }, + markLine: { + data: [{ + type: 'average', + name: 'Mean' + }] + } + }, { + name: 'Data2', + type: 'scatter', + tooltip: { + trigger: 'item', + formatter: function(params) { + if (params.value.length > 1) { + return params.seriesName + ' :
    ' + params.value[0] + 'cm ' + params.value[1] + 'kg '; + } else { + return params.seriesName + ' :
    ' + params.name + ' : ' + params.value + 'kg '; + } + } + }, + data: [ + [174.0, 65.6], + [175.3, 71.8], + [193.5, 80.7], + [186.5, 72.6], + [187.2, 78.8], + [181.5, 74.8], + [184.0, 86.4], + [184.5, 78.4], + [175.0, 62.0], + [184.0, 81.6], + [180.0, 76.6], + [177.8, 83.6], + [192.0, 90.0], + [176.0, 74.6], + [174.0, 71.0], + [184.0, 79.6], + [192.7, 93.8], + [171.5, 70.0], + [173.0, 72.4], + [176.0, 85.9], + [176.0, 78.8], + [180.5, 77.8], + [172.7, 66.2], + [176.0, 86.4], + [173.5, 81.8], + [178.0, 89.6], + [180.3, 82.8], + [180.3, 76.4], + [164.5, 63.2], + [173.0, 60.9], + [183.5, 74.8], + [175.5, 70.0], + [188.0, 72.4], + [189.2, 84.1], + [172.8, 69.1], + [170.0, 59.5], + [182.0, 67.2], + [170.0, 61.3], + [177.8, 68.6], + [184.2, 80.1], + [186.7, 87.8], + [171.4, 84.7], + [172.7, 73.4], + [175.3, 72.1], + [180.3, 82.6], + [182.9, 88.7], + [188.0, 84.1], + [177.2, 94.1], + [172.1, 74.9], + [167.0, 59.1], + [169.5, 75.6], + [174.0, 86.2], + [172.7, 75.3], + [182.2, 87.1], + [164.1, 55.2], + [163.0, 57.0], + [171.5, 61.4], + [184.2, 76.8], + [174.0, 86.8], + [174.0, 72.2], + [177.0, 71.6], + [186.0, 84.8], + [167.0, 68.2], + [171.8, 66.1], + [182.0, 72.0], + [167.0, 64.6], + [177.8, 74.8], + [164.5, 70.0], + [192.0, 101.6], + [175.5, 63.2], + [171.2, 79.1], + [181.6, 78.9], + [167.4, 67.7], + [181.1, 66.0], + [177.0, 68.2], + [174.5, 63.9], + [177.5, 72.0], + [170.5, 56.8], + [182.4, 74.5], + [197.1, 90.9], + [180.1, 93.0], + [175.5, 80.9], + [180.6, 72.7], + [184.4, 68.0], + [175.5, 70.9], + [180.6, 72.5], + [177.0, 72.5], + [177.1, 83.4], + [181.6, 75.5], + [176.5, 73.0], + [175.0, 70.2], + [174.0, 73.4], + [165.1, 70.5], + [177.0, 68.9], + [192.0, 102.3], + [176.5, 68.4], + [169.4, 65.9], + [182.1, 75.7], + [179.8, 84.5], + [175.3, 87.7], + [184.9, 86.4], + [177.3, 73.2], + [167.4, 53.9], + [178.1, 72.0], + [168.9, 55.5], + [157.2, 58.4], + [180.3, 83.2], + [170.2, 72.7], + [177.8, 64.1], + [172.7, 72.3], + [165.1, 65.0], + [186.7, 86.4], + [165.1, 65.0], + [174.0, 88.6], + [175.3, 84.1], + [185.4, 66.8], + [177.8, 75.5], + [180.3, 93.2], + [180.3, 82.7], + [177.8, 58.0], + [177.8, 79.5], + [177.8, 78.6], + [177.8, 71.8], + [177.8, 116.4], + [163.8, 72.2], + [188.0, 83.6], + [198.1, 85.5], + [175.3, 90.9], + [166.4, 85.9], + [190.5, 89.1], + [166.4, 75.0], + [177.8, 77.7], + [179.7, 86.4], + [172.7, 90.9], + [190.5, 73.6], + [185.4, 76.4], + [168.9, 69.1], + [167.6, 84.5], + [175.3, 64.5], + [170.2, 69.1], + [190.5, 108.6], + [177.8, 86.4], + [190.5, 80.9], + [177.8, 87.7], + [184.2, 94.5], + [176.5, 80.2], + [177.8, 72.0], + [180.3, 71.4], + [171.4, 72.7], + [172.7, 84.1], + [172.7, 76.8], + [177.8, 63.6], + [177.8, 80.9], + [182.9, 80.9], + [170.2, 85.5], + [167.6, 68.6], + [175.3, 67.7], + [165.1, 66.4], + [185.4, 102.3], + [181.6, 70.5], + [172.7, 95.9], + [190.5, 84.1], + [179.1, 87.3], + [175.3, 71.8], + [170.2, 65.9], + [193.0, 95.9], + [171.4, 91.4], + [177.8, 81.8], + [177.8, 96.8], + [167.6, 69.1], + [167.6, 82.7], + [180.3, 75.5], + [182.9, 79.5], + [176.5, 73.6], + [186.7, 91.8], + [188.0, 84.1], + [188.0, 85.9], + [177.8, 81.8], + [174.0, 82.5], + [177.8, 80.5], + [171.4, 70.0], + [185.4, 81.8], + [185.4, 84.1], + [188.0, 90.5], + [188.0, 91.4], + [182.9, 89.1], + [176.5, 85.0], + [175.3, 69.1], + [175.3, 73.6], + [188.0, 80.5], + [188.0, 82.7], + [175.3, 86.4], + [170.5, 67.7], + [179.1, 92.7], + [177.8, 93.6], + [175.3, 70.9], + [182.9, 75.0], + [170.8, 93.2], + [188.0, 93.2], + [180.3, 77.7], + [177.8, 61.4], + [185.4, 94.1], + [168.9, 75.0], + [185.4, 83.6], + [180.3, 85.5], + [174.0, 73.9], + [167.6, 66.8], + [182.9, 87.3], + [160.0, 72.3], + [180.3, 88.6], + [167.6, 75.5], + [186.7, 101.4], + [175.3, 91.1], + [175.3, 67.3], + [175.9, 77.7], + [175.3, 81.8], + [179.1, 75.5], + [181.6, 84.5], + [177.8, 76.6], + [182.9, 85.0], + [177.8, 102.5], + [184.2, 77.3], + [179.1, 71.8], + [176.5, 87.9], + [188.0, 94.3], + [174.0, 70.9], + [167.6, 64.5], + [170.2, 77.3], + [167.6, 72.3], + [188.0, 87.3], + [174.0, 80.0], + [176.5, 82.3], + [180.3, 73.6], + [167.6, 74.1], + [188.0, 85.9], + [180.3, 73.2], + [167.6, 76.3], + [183.0, 65.9], + [183.0, 90.9], + [179.1, 89.1], + [170.2, 62.3], + [177.8, 82.7], + [179.1, 79.1], + [190.5, 98.2], + [177.8, 84.1], + [180.3, 83.2], + [180.3, 83.2] + ], + markPoint: { + data: [{ + type: 'max', + name: 'Max' + }, { + type: 'min', + name: 'Min' + }] + }, + markLine: { + data: [{ + type: 'average', + name: 'Mean' + }] + } + }] + }); + + } + + //echart Bar Horizontal + + if ($('#echart_bar_horizontal').length ){ + + var echartBar = echarts.init(document.getElementById('echart_bar_horizontal'), theme); + + echartBar.setOption({ + title: { + text: 'Bar Graph', + subtext: 'Graph subtitle' + }, + tooltip: { + trigger: 'axis' + }, + legend: { + x: 100, + data: ['2015', '2016'] + }, + toolbox: { + show: true, + feature: { + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + calculable: true, + xAxis: [{ + type: 'value', + boundaryGap: [0, 0.01] + }], + yAxis: [{ + type: 'category', + data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'] + }], + series: [{ + name: '2015', + type: 'bar', + data: [18203, 23489, 29034, 104970, 131744, 630230] + }, { + name: '2016', + type: 'bar', + data: [19325, 23438, 31000, 121594, 134141, 681807] + }] + }); + + } + + //echart Pie Collapse + + if ($('#echart_pie2').length ){ + + var echartPieCollapse = echarts.init(document.getElementById('echart_pie2'), theme); + + echartPieCollapse.setOption({ + tooltip: { + trigger: 'item', + formatter: "{a}
    {b} : {c} ({d}%)" + }, + legend: { + x: 'center', + y: 'bottom', + data: ['rose1', 'rose2', 'rose3', 'rose4', 'rose5', 'rose6'] + }, + toolbox: { + show: true, + feature: { + magicType: { + show: true, + type: ['pie', 'funnel'] + }, + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + calculable: true, + series: [{ + name: 'Area Mode', + type: 'pie', + radius: [25, 90], + center: ['50%', 170], + roseType: 'area', + x: '50%', + max: 40, + sort: 'ascending', + data: [{ + value: 10, + name: 'rose1' + }, { + value: 5, + name: 'rose2' + }, { + value: 15, + name: 'rose3' + }, { + value: 25, + name: 'rose4' + }, { + value: 20, + name: 'rose5' + }, { + value: 35, + name: 'rose6' + }] + }] + }); + + } + + //echart Donut + + if ($('#echart_donut').length ){ + + var echartDonut = echarts.init(document.getElementById('echart_donut'), theme); + + echartDonut.setOption({ + tooltip: { + trigger: 'item', + formatter: "{a}
    {b} : {c} ({d}%)" + }, + calculable: true, + legend: { + x: 'center', + y: 'bottom', + data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine'] + }, + toolbox: { + show: true, + feature: { + magicType: { + show: true, + type: ['pie', 'funnel'], + option: { + funnel: { + x: '25%', + width: '50%', + funnelAlign: 'center', + max: 1548 + } + } + }, + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + series: [{ + name: 'Access to the resource', + type: 'pie', + radius: ['35%', '55%'], + itemStyle: { + normal: { + label: { + show: true + }, + labelLine: { + show: true + } + }, + emphasis: { + label: { + show: true, + position: 'center', + textStyle: { + fontSize: '14', + fontWeight: 'normal' + } + } + } + }, + data: [{ + value: 335, + name: 'Direct Access' + }, { + value: 310, + name: 'E-mail Marketing' + }, { + value: 234, + name: 'Union Ad' + }, { + value: 135, + name: 'Video Ads' + }, { + value: 1548, + name: 'Search Engine' + }] + }] + }); + + } + + //echart Pie + + if ($('#echart_pie').length ){ + + var echartPie = echarts.init(document.getElementById('echart_pie'), theme); + + echartPie.setOption({ + tooltip: { + trigger: 'item', + formatter: "{a}
    {b} : {c} ({d}%)" + }, + legend: { + x: 'center', + y: 'bottom', + data: ['Direct Access', 'E-mail Marketing', 'Union Ad', 'Video Ads', 'Search Engine'] + }, + toolbox: { + show: true, + feature: { + magicType: { + show: true, + type: ['pie', 'funnel'], + option: { + funnel: { + x: '25%', + width: '50%', + funnelAlign: 'left', + max: 1548 + } + } + }, + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + calculable: true, + series: [{ + name: '访问来源', + type: 'pie', + radius: '55%', + center: ['50%', '48%'], + data: [{ + value: 335, + name: 'Direct Access' + }, { + value: 310, + name: 'E-mail Marketing' + }, { + value: 234, + name: 'Union Ad' + }, { + value: 135, + name: 'Video Ads' + }, { + value: 1548, + name: 'Search Engine' + }] + }] + }); + + var dataStyle = { + normal: { + label: { + show: false + }, + labelLine: { + show: false + } + } + }; + + var placeHolderStyle = { + normal: { + color: 'rgba(0,0,0,0)', + label: { + show: false + }, + labelLine: { + show: false + } + }, + emphasis: { + color: 'rgba(0,0,0,0)' + } + }; + + } + + //echart Mini Pie + + if ($('#echart_mini_pie').length ){ + + var echartMiniPie = echarts.init(document.getElementById('echart_mini_pie'), theme); + + echartMiniPie .setOption({ + title: { + text: 'Chart #2', + subtext: 'From ExcelHome', + sublink: 'http://e.weibo.com/1341556070/AhQXtjbqh', + x: 'center', + y: 'center', + itemGap: 20, + textStyle: { + color: 'rgba(30,144,255,0.8)', + fontFamily: '微软雅黑', + fontSize: 35, + fontWeight: 'bolder' + } + }, + tooltip: { + show: true, + formatter: "{a}
    {b} : {c} ({d}%)" + }, + legend: { + orient: 'vertical', + x: 170, + y: 45, + itemGap: 12, + data: ['68%Something #1', '29%Something #2', '3%Something #3'], + }, + toolbox: { + show: true, + feature: { + mark: { + show: true + }, + dataView: { + show: true, + title: "Text View", + lang: [ + "Text View", + "Close", + "Refresh", + ], + readOnly: false + }, + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + series: [{ + name: '1', + type: 'pie', + clockWise: false, + radius: [105, 130], + itemStyle: dataStyle, + data: [{ + value: 68, + name: '68%Something #1' + }, { + value: 32, + name: 'invisible', + itemStyle: placeHolderStyle + }] + }, { + name: '2', + type: 'pie', + clockWise: false, + radius: [80, 105], + itemStyle: dataStyle, + data: [{ + value: 29, + name: '29%Something #2' + }, { + value: 71, + name: 'invisible', + itemStyle: placeHolderStyle + }] + }, { + name: '3', + type: 'pie', + clockWise: false, + radius: [25, 80], + itemStyle: dataStyle, + data: [{ + value: 3, + name: '3%Something #3' + }, { + value: 97, + name: 'invisible', + itemStyle: placeHolderStyle + }] + }] + }); + + } + + //echart Map + + if ($('#echart_world_map').length ){ + + var echartMap = echarts.init(document.getElementById('echart_world_map'), theme); + + + echartMap.setOption({ + title: { + text: 'World Population (2010)', + subtext: 'from United Nations, Total population, both sexes combined, as of 1 July (thousands)', + x: 'center', + y: 'top' + }, + tooltip: { + trigger: 'item', + formatter: function(params) { + var value = (params.value + '').split('.'); + value = value[0].replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') + '.' + value[1]; + return params.seriesName + '
    ' + params.name + ' : ' + value; + } + }, + toolbox: { + show: true, + orient: 'vertical', + x: 'right', + y: 'center', + feature: { + mark: { + show: true + }, + dataView: { + show: true, + title: "Text View", + lang: [ + "Text View", + "Close", + "Refresh", + ], + readOnly: false + }, + restore: { + show: true, + title: "Restore" + }, + saveAsImage: { + show: true, + title: "Save Image" + } + } + }, + dataRange: { + min: 0, + max: 1000000, + text: ['High', 'Low'], + realtime: false, + calculable: true, + color: ['#087E65', '#26B99A', '#CBEAE3'] + }, + series: [{ + name: 'World Population (2010)', + type: 'map', + mapType: 'world', + roam: false, + mapLocation: { + y: 60 + }, + itemStyle: { + emphasis: { + label: { + show: true + } + } + }, + data: [{ + name: 'Afghanistan', + value: 28397.812 + }, { + name: 'Angola', + value: 19549.124 + }, { + name: 'Albania', + value: 3150.143 + }, { + name: 'United Arab Emirates', + value: 8441.537 + }, { + name: 'Argentina', + value: 40374.224 + }, { + name: 'Armenia', + value: 2963.496 + }, { + name: 'French Southern and Antarctic Lands', + value: 268.065 + }, { + name: 'Australia', + value: 22404.488 + }, { + name: 'Austria', + value: 8401.924 + }, { + name: 'Azerbaijan', + value: 9094.718 + }, { + name: 'Burundi', + value: 9232.753 + }, { + name: 'Belgium', + value: 10941.288 + }, { + name: 'Benin', + value: 9509.798 + }, { + name: 'Burkina Faso', + value: 15540.284 + }, { + name: 'Bangladesh', + value: 151125.475 + }, { + name: 'Bulgaria', + value: 7389.175 + }, { + name: 'The Bahamas', + value: 66402.316 + }, { + name: 'Bosnia and Herzegovina', + value: 3845.929 + }, { + name: 'Belarus', + value: 9491.07 + }, { + name: 'Belize', + value: 308.595 + }, { + name: 'Bermuda', + value: 64.951 + }, { + name: 'Bolivia', + value: 716.939 + }, { + name: 'Brazil', + value: 195210.154 + }, { + name: 'Brunei', + value: 27.223 + }, { + name: 'Bhutan', + value: 716.939 + }, { + name: 'Botswana', + value: 1969.341 + }, { + name: 'Central African Republic', + value: 4349.921 + }, { + name: 'Canada', + value: 34126.24 + }, { + name: 'Switzerland', + value: 7830.534 + }, { + name: 'Chile', + value: 17150.76 + }, { + name: 'China', + value: 1359821.465 + }, { + name: 'Ivory Coast', + value: 60508.978 + }, { + name: 'Cameroon', + value: 20624.343 + }, { + name: 'Democratic Republic of the Congo', + value: 62191.161 + }, { + name: 'Republic of the Congo', + value: 3573.024 + }, { + name: 'Colombia', + value: 46444.798 + }, { + name: 'Costa Rica', + value: 4669.685 + }, { + name: 'Cuba', + value: 11281.768 + }, { + name: 'Northern Cyprus', + value: 1.468 + }, { + name: 'Cyprus', + value: 1103.685 + }, { + name: 'Czech Republic', + value: 10553.701 + }, { + name: 'Germany', + value: 83017.404 + }, { + name: 'Djibouti', + value: 834.036 + }, { + name: 'Denmark', + value: 5550.959 + }, { + name: 'Dominican Republic', + value: 10016.797 + }, { + name: 'Algeria', + value: 37062.82 + }, { + name: 'Ecuador', + value: 15001.072 + }, { + name: 'Egypt', + value: 78075.705 + }, { + name: 'Eritrea', + value: 5741.159 + }, { + name: 'Spain', + value: 46182.038 + }, { + name: 'Estonia', + value: 1298.533 + }, { + name: 'Ethiopia', + value: 87095.281 + }, { + name: 'Finland', + value: 5367.693 + }, { + name: 'Fiji', + value: 860.559 + }, { + name: 'Falkland Islands', + value: 49.581 + }, { + name: 'France', + value: 63230.866 + }, { + name: 'Gabon', + value: 1556.222 + }, { + name: 'United Kingdom', + value: 62066.35 + }, { + name: 'Georgia', + value: 4388.674 + }, { + name: 'Ghana', + value: 24262.901 + }, { + name: 'Guinea', + value: 10876.033 + }, { + name: 'Gambia', + value: 1680.64 + }, { + name: 'Guinea Bissau', + value: 10876.033 + }, { + name: 'Equatorial Guinea', + value: 696.167 + }, { + name: 'Greece', + value: 11109.999 + }, { + name: 'Greenland', + value: 56.546 + }, { + name: 'Guatemala', + value: 14341.576 + }, { + name: 'French Guiana', + value: 231.169 + }, { + name: 'Guyana', + value: 786.126 + }, { + name: 'Honduras', + value: 7621.204 + }, { + name: 'Croatia', + value: 4338.027 + }, { + name: 'Haiti', + value: 9896.4 + }, { + name: 'Hungary', + value: 10014.633 + }, { + name: 'Indonesia', + value: 240676.485 + }, { + name: 'India', + value: 1205624.648 + }, { + name: 'Ireland', + value: 4467.561 + }, { + name: 'Iran', + value: 240676.485 + }, { + name: 'Iraq', + value: 30962.38 + }, { + name: 'Iceland', + value: 318.042 + }, { + name: 'Israel', + value: 7420.368 + }, { + name: 'Italy', + value: 60508.978 + }, { + name: 'Jamaica', + value: 2741.485 + }, { + name: 'Jordan', + value: 6454.554 + }, { + name: 'Japan', + value: 127352.833 + }, { + name: 'Kazakhstan', + value: 15921.127 + }, { + name: 'Kenya', + value: 40909.194 + }, { + name: 'Kyrgyzstan', + value: 5334.223 + }, { + name: 'Cambodia', + value: 14364.931 + }, { + name: 'South Korea', + value: 51452.352 + }, { + name: 'Kosovo', + value: 97.743 + }, { + name: 'Kuwait', + value: 2991.58 + }, { + name: 'Laos', + value: 6395.713 + }, { + name: 'Lebanon', + value: 4341.092 + }, { + name: 'Liberia', + value: 3957.99 + }, { + name: 'Libya', + value: 6040.612 + }, { + name: 'Sri Lanka', + value: 20758.779 + }, { + name: 'Lesotho', + value: 2008.921 + }, { + name: 'Lithuania', + value: 3068.457 + }, { + name: 'Luxembourg', + value: 507.885 + }, { + name: 'Latvia', + value: 2090.519 + }, { + name: 'Morocco', + value: 31642.36 + }, { + name: 'Moldova', + value: 103.619 + }, { + name: 'Madagascar', + value: 21079.532 + }, { + name: 'Mexico', + value: 117886.404 + }, { + name: 'Macedonia', + value: 507.885 + }, { + name: 'Mali', + value: 13985.961 + }, { + name: 'Myanmar', + value: 51931.231 + }, { + name: 'Montenegro', + value: 620.078 + }, { + name: 'Mongolia', + value: 2712.738 + }, { + name: 'Mozambique', + value: 23967.265 + }, { + name: 'Mauritania', + value: 3609.42 + }, { + name: 'Malawi', + value: 15013.694 + }, { + name: 'Malaysia', + value: 28275.835 + }, { + name: 'Namibia', + value: 2178.967 + }, { + name: 'New Caledonia', + value: 246.379 + }, { + name: 'Niger', + value: 15893.746 + }, { + name: 'Nigeria', + value: 159707.78 + }, { + name: 'Nicaragua', + value: 5822.209 + }, { + name: 'Netherlands', + value: 16615.243 + }, { + name: 'Norway', + value: 4891.251 + }, { + name: 'Nepal', + value: 26846.016 + }, { + name: 'New Zealand', + value: 4368.136 + }, { + name: 'Oman', + value: 2802.768 + }, { + name: 'Pakistan', + value: 173149.306 + }, { + name: 'Panama', + value: 3678.128 + }, { + name: 'Peru', + value: 29262.83 + }, { + name: 'Philippines', + value: 93444.322 + }, { + name: 'Papua New Guinea', + value: 6858.945 + }, { + name: 'Poland', + value: 38198.754 + }, { + name: 'Puerto Rico', + value: 3709.671 + }, { + name: 'North Korea', + value: 1.468 + }, { + name: 'Portugal', + value: 10589.792 + }, { + name: 'Paraguay', + value: 6459.721 + }, { + name: 'Qatar', + value: 1749.713 + }, { + name: 'Romania', + value: 21861.476 + }, { + name: 'Russia', + value: 21861.476 + }, { + name: 'Rwanda', + value: 10836.732 + }, { + name: 'Western Sahara', + value: 514.648 + }, { + name: 'Saudi Arabia', + value: 27258.387 + }, { + name: 'Sudan', + value: 35652.002 + }, { + name: 'South Sudan', + value: 9940.929 + }, { + name: 'Senegal', + value: 12950.564 + }, { + name: 'Solomon Islands', + value: 526.447 + }, { + name: 'Sierra Leone', + value: 5751.976 + }, { + name: 'El Salvador', + value: 6218.195 + }, { + name: 'Somaliland', + value: 9636.173 + }, { + name: 'Somalia', + value: 9636.173 + }, { + name: 'Republic of Serbia', + value: 3573.024 + }, { + name: 'Suriname', + value: 524.96 + }, { + name: 'Slovakia', + value: 5433.437 + }, { + name: 'Slovenia', + value: 2054.232 + }, { + name: 'Sweden', + value: 9382.297 + }, { + name: 'Swaziland', + value: 1193.148 + }, { + name: 'Syria', + value: 7830.534 + }, { + name: 'Chad', + value: 11720.781 + }, { + name: 'Togo', + value: 6306.014 + }, { + name: 'Thailand', + value: 66402.316 + }, { + name: 'Tajikistan', + value: 7627.326 + }, { + name: 'Turkmenistan', + value: 5041.995 + }, { + name: 'East Timor', + value: 10016.797 + }, { + name: 'Trinidad and Tobago', + value: 1328.095 + }, { + name: 'Tunisia', + value: 10631.83 + }, { + name: 'Turkey', + value: 72137.546 + }, { + name: 'United Republic of Tanzania', + value: 44973.33 + }, { + name: 'Uganda', + value: 33987.213 + }, { + name: 'Ukraine', + value: 46050.22 + }, { + name: 'Uruguay', + value: 3371.982 + }, { + name: 'United States of America', + value: 312247.116 + }, { + name: 'Uzbekistan', + value: 27769.27 + }, { + name: 'Venezuela', + value: 236.299 + }, { + name: 'Vietnam', + value: 89047.397 + }, { + name: 'Vanuatu', + value: 236.299 + }, { + name: 'West Bank', + value: 13.565 + }, { + name: 'Yemen', + value: 22763.008 + }, { + name: 'South Africa', + value: 51452.352 + }, { + name: 'Zambia', + value: 13216.985 + }, { + name: 'Zimbabwe', + value: 13076.978 + }] + }] + }); + + } + + } + + + $(document).ready(function() { + + init_sparklines(); + init_flot_chart(); + init_sidebar(); + init_wysiwyg(); + init_InputMask(); + init_JQVmap(); + init_cropper(); + init_knob(); + init_IonRangeSlider(); + init_ColorPicker(); + init_TagsInput(); + init_parsley(); + init_daterangepicker(); + init_daterangepicker_right(); + init_daterangepicker_single_call(); + init_daterangepicker_reservation(); + init_SmartWizard(); + init_EasyPieChart(); + init_charts(); + init_echarts(); + init_morris_charts(); + init_skycons(); + init_select2(); + init_validator(); + init_DataTables(); + init_chart_doughnut(); + init_gauge(); + init_PNotify(); + init_starrr(); + init_calendar(); + init_compose(); + init_CustomNotification(); + init_autosize(); + init_autocomplete(); + + }); diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 0d623bc..087ef1d 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -5,9 +5,5 @@ @import "font-awesome"; @import "loading"; -@import "gentelella/src/scss/custom"; -@import "gentelella/vendors/animate.css/animate.min"; -@import "gentelella/vendors/normalize-css/normalize"; -@import "gentelella/vendors/switchery/switchery"; -@import "gentelella/vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min"; -@import "gentelella/vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min"; +@import "gentelella"; +@import "gentelella-custom"; \ No newline at end of file diff --git a/app/assets/stylesheets/gentelella-custom.scss b/app/assets/stylesheets/gentelella-custom.scss new file mode 100644 index 0000000..b931442 --- /dev/null +++ b/app/assets/stylesheets/gentelella-custom.scss @@ -0,0 +1,4241 @@ + +html , body{ + + height:100%; + +} + +.full-width { + + width:100%; + + } + +.full-height{ + height:100%; + } + +.daterangepicker .ranges li { + color: #73879C +} +.daterangepicker .ranges li.active, +.daterangepicker .ranges li:hover { + background: #536A7F; + border: 1px solid #536A7F; + color: #fff +} +.daterangepicker .input-mini { + background-color: #eee; + border: 1px solid #ccc; + box-shadow: none !important +} +.daterangepicker .input-mini.active { + border: 1px solid #ccc +} +.daterangepicker select.monthselect, +.daterangepicker select.yearselect, +.daterangepicker select.hourselect, +.daterangepicker select.minuteselect, +.daterangepicker select.secondselect, +.daterangepicker select.ampmselect { + font-size: 12px; + padding: 1px; + height: auto; + margin: 0; + cursor: default; + height: 30px; + border: 1px solid #ADB2B5; + line-height: 30px; + border-radius: 0px !important +} +.daterangepicker select.monthselect { + margin-right: 2% +} +.daterangepicker td.in-range { + background: #E4E7EA; + color: #73879C +} +.daterangepicker td.active, +.daterangepicker td.active:hover { + background-color: #536A7F; + color: #fff +} +.daterangepicker th.available:hover { + background: #eee; + color: #34495E +} +.daterangepicker:before, +.daterangepicker:after { + content: none +} +.daterangepicker .calendar.single { + margin: 0 0 4px 0 +} +.daterangepicker .calendar.single .calendar-table { + width: 224px; + padding: 0 0 4px 0 !important +} +.daterangepicker .calendar.single .calendar-table thead tr:first-child th { + padding: 8px 5px +} +.daterangepicker .calendar.single .calendar-table thead th { + border-radius: 0 +} +.daterangepicker.picker_1 { + color: #fff; + background: #34495E +} +.daterangepicker.picker_1 .calendar-table { + background: #34495E +} +.daterangepicker.picker_1 .calendar-table thead tr { + background: #213345 +} +.daterangepicker.picker_1 .calendar-table thead tr:first-child { + background: #1ABB9C +} +.daterangepicker.picker_1 .calendar-table td.off { + background: #34495E; + color: #999 +} +.daterangepicker.picker_1 .calendar-table td.available:hover { + color: #34495E +} +.daterangepicker.picker_2 .calendar-table thead tr { + color: #1ABB9C +} +.daterangepicker.picker_2 .calendar-table thead tr:first-child { + color: #73879C +} +.daterangepicker.picker_3 .calendar-table thead tr:first-child { + color: #fff; + background: #1ABB9C +} +.daterangepicker.picker_4 .calendar-table thead tr:first-child { + color: #fff; + background: #34495E +} +.daterangepicker.picker_4 .calendar-table td, +.daterangepicker.picker_4 .calendar-table td.off { + background: #ECF0F1; + border: 1px solid #fff; + border-radius: 0 +} +.daterangepicker.picker_4 .calendar-table td.active { + background: #34495E +} +.calendar-exibit .show-calendar { + float: none; + display: block; + position: relative; + background-color: #fff; + border: 1px solid #ccc; + margin-bottom: 20px; + border: 1px solid rgba(0, 0, 0, 0.15); + overflow: hidden +} +.calendar-exibit .show-calendar .calendar { + margin: 0 0 4px 0 +} +.calendar-exibit .show-calendar.picker_1 { + background: #34495E +} +.calendar-exibit .calendar-table { + padding: 0 0 4px 0 +} +.left_col { + background: #2A3F54 +} +.nav-sm .container.body .col-md-3.left_col { + min-height: 100%; + width: 70px; + padding: 0; + z-index: 9999; + position: absolute +} +.nav-sm .container.body .col-md-3.left_col.menu_fixed { + position: fixed; + height: 100% +} +.nav-sm .container.body .col-md-3.left_col .mCSB_container, +.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox { + overflow: visible +} +.nav-sm .hidden-small { + visibility: hidden +} +.nav-sm .container.body .right_col { + padding: 10px 20px; + margin-left: 70px; + z-index: 2 +} +.nav-sm .navbar.nav_title { + width: 70px +} +.nav-sm .navbar.nav_title a span { + display: none +} +.nav-sm .navbar.nav_title a i { + font-size: 27px; + margin: 13px 0 0 3px +} +.site_title i { + border: 1px solid #EAEAEA; + padding: 5px 6px; + border-radius: 50% +} +.nav-sm .main_container .top_nav { + display: block; + margin-left: 70px; + z-index: 2 +} +.nav-sm .nav.side-menu li a { + text-align: center !important; + font-weight: 400; + font-size: 10px; + padding: 10px 5px +} +.nav-sm .nav.child_menu li.active, +.nav-sm .nav.side-menu li.active-sm { + border-right: 5px solid #1ABB9C +} +.nav-sm ul.nav.child_menu ul, +.nav-sm .nav.side-menu li.active-sm ul ul { + position: static; + width: 200px; + background: none +} +.nav-sm>.nav.side-menu>li.active-sm>a { + color: #1ABB9C !important +} +.nav-sm .nav.side-menu li a i.toggle-up { + display: none !important +} +.nav-sm .nav.side-menu li a i { + font-size: 25px !important; + text-align: center; + width: 100% !important; + margin-bottom: 5px +} +.nav-sm ul.nav.child_menu { + left: 100%; + position: absolute; + top: 0; + width: 210px; + z-index: 4000; + background: #3E5367; + display: none +} +.nav-sm ul.nav.child_menu li { + padding: 0 10px +} +.nav-sm ul.nav.child_menu li a { + text-align: left !important +} +.nav-sm .profile { + display: none +} +.menu_section { + margin-bottom: 35px +} +.menu_section h3 { + padding-left: 15px; + color: #fff; + text-transform: uppercase; + letter-spacing: .5px; + font-weight: bold; + font-size: 11px; + margin-bottom: 0; + margin-top: 0; + text-shadow: 1px 1px #000 +} +.menu_section>ul { + margin-top: 10px +} +.profile_pic { + width: 35%; + float: left +} +.img-circle.profile_img { + width: 70%; + background: #fff; + margin-left: 15%; + z-index: 1000; + position: inherit; + margin-top: 20px; + border: 1px solid rgba(52, 73, 94, 0.44); + padding: 4px +} +.profile_info { + padding: 25px 10px 10px; + width: 65%; + float: left +} +.profile_info span { + font-size: 13px; + line-height: 30px; + color: #BAB8B8 +} +.profile_info h2 { + font-size: 14px; + color: #ECF0F1; + margin: 0; + font-weight: 300 +} +.profile.img_2 { + text-align: center +} +.profile.img_2 .profile_pic { + width: 100% +} +.profile.img_2 .profile_pic .img-circle.profile_img { + width: 50%; + margin: 10px 0 0 +} +.profile.img_2 .profile_info { + padding: 15px 10px 0; + width: 100%; + margin-bottom: 10px; + float: left +} +.main_menu span.fa { + float: right; + text-align: center; + margin-top: 5px; + font-size: 10px; + min-width: inherit; + color: #C4CFDA +} +.active a span.fa { + text-align: right !important; + margin-right: 4px +} +.nav-sm .menu_section { + margin: 0 +} +.nav-sm span.fa, +.nav-sm .menu_section h3 { + display: none +} +.nav-sm li li span.fa { + display: inline-block +} +.nav_menu { + float: left; + background: #EDEDED; + border-bottom: 1px solid #D9DEE4; + margin-bottom: 10px; + width: 100%; + position: relative +} +@media (min-width: 480px) { + .nav_menu { + position: static + } +} +.nav-md .container.body .col-md-3.left_col { + min-height: 100%; + width: 230px; + padding: 0; + position: absolute; + display: -ms-flexbox; + display: flex; + z-index: 1 +} +.nav-md .container.body .col-md-3.left_col.menu_fixed { + height: 100%; + position: fixed +} +body .container.body .right_col { + background: #F7F7F7 +} +.nav-md .container.body .right_col { + padding: 10px 20px 0; + margin-left: 230px +} +.nav_title { + width: 230px; + float: left; + background: #2A3F54; + border-radius: 0; + height: 57px +} +@media (max-width: 991px) { + .nav-md .container.body .right_col, + .nav-md .container.body .top_nav { + width: 100%; + margin: 0 + } + .nav-md .container.body .col-md-3.left_col { + display: none + } + .nav-md .container.body .right_col { + width: 100%; + padding-right: 0 + } + .right_col { + padding: 10px !important + } +} +@media (max-width: 1200px) { + .x_title h2 { + width: 62%; + font-size: 17px + } + .tile, + .graph { + zoom: 85%; + height: inherit + } +} +@media (max-width: 1270px) and (min-width: 192px) { + .x_title h2 small { + display: none + } +} +.left_col .mCSB_scrollTools { + width: 6px +} +.left_col .mCSB_dragger { + max-height: 400px !important +} +.blue { + color: #3498DB +} +.purple { + color: #9B59B6 +} +.green { + color: #1ABB9C +} +.aero { + color: #9CC2CB +} +.red { + color: #E74C3C +} +.dark { + color: #34495E +} +.border-blue { + border-color: #3498DB !important +} +.border-purple { + border-color: #9B59B6 !important +} +.border-green { + border-color: #1ABB9C !important +} +.border-aero { + border-color: #9CC2CB !important +} +.border-red { + border-color: #E74C3C !important +} +.border-dark { + border-color: #34495E !important +} +.bg-white { + background: #fff !important; + border: 1px solid #fff !important; + color: #73879C +} +.bg-green { + background: #1ABB9C !important; + border: 1px solid #1ABB9C !important; + color: #fff +} +.bg-red { + background: #E74C3C !important; + border: 1px solid #E74C3C !important; + color: #fff +} +.bg-blue { + background: #3498DB !important; + border: 1px solid #3498DB !important; + color: #fff +} +.bg-orange { + background: #F39C12 !important; + border: 1px solid #F39C12 !important; + color: #fff +} +.bg-purple { + background: #9B59B6 !important; + border: 1px solid #9B59B6 !important; + color: #fff +} +.bg-blue-sky { + background: #50C1CF !important; + border: 1px solid #50C1CF !important; + color: #fff +} +.container { + width: 100%; + padding: 0 +} +.navbar-nav>li>a, +.navbar-brand, +.navbar-nav>li>a { + color: #fff !important +} +.top_nav .nav>li>a:focus, +.top_nav .nav>li>a:hover, +.top_nav .nav .open>a, +.top_nav .nav .open>a:focus, +.top_nav .nav .open>a:hover { + background: #D9DEE4 +} +body { + color: #73879C; + background: #2A3F54; + font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; + font-size: 13px; + font-weight: 400; + line-height: 1.471 +} +.main_container .top_nav { + display: block; + margin-left: 230px +} +.no-padding { + padding: 0 !important +} +.page-title { + width: 100%; + height: 65px; + padding: 10px 0 +} +.page-title .title_left { + width: 45%; + float: left; + display: block +} +.page-title .title_left h3 { + margin: 9px 0 +} +.page-title .title_right { + width: 55%; + float: left; + display: block +} +.page-title .title_right .pull-right { + margin: 10px 0 +} +.fixed_height_320 { + height: 320px +} +.fixed_height_390 { + height: 390px +} +.fixed_height_200 { + height: 200px +} +.overflow_hidden { + overflow: hidden +} +.progress-bar-dark { + background-color: #34495E !important +} +.progress-bar-gray { + background-color: #BDC3C7 !important +} +table.no-margin .progress { + margin-bottom: 0 +} +.main_content { + padding: 10px 20px +} +.col-md-55 { + width: 50%; + margin-bottom: 10px +} +@media (min-width: 768px) { + .col-md-55 { + width: 20% + } +} +@media (min-width: 992px) { + .col-md-55 { + width: 20% + } +} +@media (min-width: 1200px) { + .col-md-55 { + width: 20% + } +} +@media (min-width: 192px) and (max-width: 1270px) { + table.tile_info span.right { + margin-right: 7px; + float: left + } +} +.center-margin { + margin: 0 auto; + float: none !important +} +.col-md-55, +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + float: left; + padding-right: 10px; + padding-left: 10px +} +.row { + margin-right: -10px; + margin-left: -10px +} +.grid_slider .col-md-6 { + padding: 0 40px +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 10px; + margin-bottom: 10px +} +a { + color: #5A738E; + text-decoration: none +} +a, +a:visited, +a:focus, +a:active, +:visited, +:focus, +:active, +.btn:focus, +.btn:active:focus, +.btn.active:focus, +.btn.focus, +.btn:active.focus, +.btn.active.focus { + outline: 0 +} +a:hover, +a:focus { + text-decoration: none +} +.navbar { + margin-bottom: 0 +} +.navbar-header { + background: #34495E +} +.navbar-right { + margin-right: 0 +} +.top_nav .navbar-right { + margin: 0; + width: 70%; + float: right +} +.top_nav .navbar-right li { + display: inline-block; + float: right; + position: static +} +@media (min-width: 480px) { + .top_nav .navbar-right li { + position: relative + } +} +.top_nav .dropdown-menu li { + width: 100% +} +.top_nav .dropdown-menu li a { + width: 100%; + padding: 12px 20px +} +.top_nav li a i { + font-size: 15px +} +.navbar-static-top { + position: fixed; + top: 0; + width: 100% +} +.sidebar-header { + border-bottom: 0; + margin-top: 46px +} +.sidebar-header:first-of-type { + margin-top: 0 +} +.nav.side-menu>li { + position: relative; + display: block; + cursor: pointer +} +.nav.side-menu>li>a { + margin-bottom: 6px +} +.nav.side-menu>li>a:hover { + color: #F2F5F7 !important +} +.nav.side-menu>li>a:hover, +.nav>li>a:focus { + text-decoration: none; + background: transparent +} +.nav.child_menu { + display: none +} +.nav.child_menu li:hover, +.nav.child_menu li.active { + background-color: rgba(255, 255, 255, 0.06) +} +.nav.child_menu li { + padding-left: 36px +} +.nav-md ul.nav.child_menu li:before { + background: #425668; + bottom: auto; + content: ""; + height: 8px; + left: 23px; + margin-top: 15px; + position: absolute; + right: auto; + width: 8px; + z-index: 1; + border-radius: 50% +} +.nav-md ul.nav.child_menu li:after { + border-left: 1px solid #425668; + bottom: 0; + content: ""; + left: 27px; + position: absolute; + top: 0 +} +.nav.side-menu>li>a, +.nav.child_menu>li>a { + color: #E7E7E7; + font-weight: 500 +} +.nav.child_menu li li:hover, +.nav.child_menu li li.active { + background: none +} +.nav.child_menu li li a:hover, +.nav.child_menu li li a.active { + color: #fff +} +.nav>li>a { + position: relative; + display: block; + padding: 13px 15px 12px +} +.nav.side-menu>li.current-page, +.nav.side-menu>li.active { + border-right: 5px solid #1ABB9C +} +.nav li.current-page { + background: rgba(255, 255, 255, 0.05) +} +.nav li li li.current-page { + background: none +} +.nav li li.current-page a { + color: #fff +} +.nav.side-menu>li.active>a { + text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; + background: linear-gradient(#334556, #2C4257), #2A3F54; + box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0 +} +.navbar-brand, +.navbar-nav>li>a { + font-weight: 500; + color: #ECF0F1 !important; + margin-left: 0 !important; + line-height: 32px +} +.site_title { + text-overflow: ellipsis; + overflow: hidden; + font-weight: 400; + font-size: 22px; + width: 100%; + color: #ECF0F1 !important; + margin-left: 0 !important; + line-height: 59px; + display: block; + height: 55px; + margin: 0; + padding-left: 10px +} +.site_title:hover, +.site_title:focus { + text-decoration: none +} +.nav.navbar-nav>li>a { + color: #515356 !important +} +.nav.top_menu>li>a { + position: relative; + display: block; + padding: 10px 15px; + color: #34495E !important +} +.nav>li>a:hover, +.nav>li>a:focus { + background-color: transparent +} +.top_search { + padding: 0 +} +.top_search .form-control { + border-right: 0; + box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075); + border-radius: 25px 0px 0px 25px; + padding-left: 20px; + border: 1px solid rgba(221, 226, 232, 0.49) +} +.top_search .form-control:focus { + border: 1px solid rgba(221, 226, 232, 0.49); + border-right: 0 +} +.top_search .input-group-btn button { + border-radius: 0px 25px 25px 0px; + border: 1px solid rgba(221, 226, 232, 0.49); + border-left: 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + color: #93A2B2; + margin-bottom: 0 !important +} +.toggle { + float: left; + margin: 0; + padding-top: 16px; + width: 70px +} +.toggle a { + padding: 15px 15px 0; + margin: 0; + cursor: pointer +} +.toggle a i { + font-size: 26px +} +.nav.child_menu>li>a { + color: rgba(255, 255, 255, 0.75); + font-size: 12px; + padding: 9px +} +.panel_toolbox { + float: right; + min-width: 70px +} +.panel_toolbox>li { + float: left; + cursor: pointer +} +.panel_toolbox>li>a { + padding: 5px; + color: #C5C7CB; + font-size: 14px +} +.panel_toolbox>li>a:hover { + background: #F5F7FA +} +.line_30 { + line-height: 30px +} +.main_menu_side { + padding: 0 +} +.bs-docs-sidebar .nav>li>a { + display: block; + padding: 4px 6px +} +footer { + background: #fff; + padding: 15px 20px; + display: block +} +.nav-sm footer { + margin-left: 70px +} +.footer_fixed footer { + position: fixed; + left: 0px; + bottom: 0px; + width: 100% +} +@media (min-width: 768px) { + .footer_fixed footer { + margin-left: 0 + } +} +@media (min-width: 768px) { + .footer_fixed .nav-sm footer { + margin-left: 0 + } +} +.tile-stats.sparkline { + padding: 10px; + text-align: center +} +.jqstooltip { + background: #34495E !important; + width: 30px !important; + height: 22px !important; + text-decoration: none +} +.tooltip { + display: block !important +} +.tiles { + border-top: 1px solid #ccc; + margin-top: 15px; + padding-top: 5px; + margin-bottom: 0 +} +.tile { + overflow: hidden +} +.top_tiles { + margin-bottom: 0 +} +.top_tiles .tile h2 { + font-size: 30px; + line-height: 30px; + margin: 3px 0 7px; + font-weight: bold +} +article.media { + width: 100% +} +*, +*:before, +*:after { + box-sizing: border-box +} +#integration-list { + width: 100%; + margin: 0 auto; + display: table +} +#integration-list ul { + padding: 0; + margin: 20px 0; + color: #555 +} +#integration-list ul>li { + list-style: none; + border-top: 1px solid #ddd; + display: block; + padding: 15px; + overflow: hidden +} +#integration-list ul:last-child { + border-bottom: 1px solid #ddd +} +#integration-list ul>li:hover { + background: #efefef +} +.expand { + display: block; + text-decoration: none; + color: #555; + cursor: pointer +} +.expand h2 { + width: 85%; + float: left +} +h2 { + font-size: 18px; + font-weight: 400 +} +#left, +#right { + display: table +} +#sup { + display: table-cell; + vertical-align: middle; + width: 80% +} +.detail a { + text-decoration: none; + color: #C0392B; + border: 1px solid #C0392B; + padding: 6px 10px 5px; + font-size: 13px; + margin-right: 7px +} +.detail { + margin: 10px 0 10px 0px; + display: none; + line-height: 22px; + height: 150px +} +.detail span { + margin: 0 +} +.right-arrow { + width: 10px; + float: right; + font-weight: bold; + font-size: 20px +} +.accordion .panel { + margin-bottom: 5px; + border-radius: 0; + border-bottom: 1px solid #efefef +} +.accordion .panel-heading { + background: #F2F5F7; + padding: 13px; + width: 100%; + display: block +} +.accordion .panel:hover { + background: #F2F5F7 +} +.x_panel { + position: relative; + width: 100%; + margin-bottom: 10px; + padding: 10px 17px; + display: inline-block; + background: #fff; + border: 1px solid #E6E9ED; + -webkit-column-break-inside: avoid; + -moz-column-break-inside: avoid; + column-break-inside: avoid; + opacity: 1; + transition: all .2s ease +} +.x_title { + border-bottom: 2px solid #E6E9ED; + padding: 1px 5px 6px; + margin-bottom: 10px +} +.x_title .filter { + width: 40%; + float: right +} +.x_title h2 { + margin: 5px 0 6px; + float: left; + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap +} +.x_title h2 small { + margin-left: 10px +} +.x_title span { + color: #BDBDBD +} +.x_content { + padding: 0 5px 6px; + position: relative; + width: 100%; + float: left; + clear: both; + margin-top: 5px +} +.x_content h4 { + font-size: 16px; + font-weight: 500 +} +legend { + padding-bottom: 7px +} +.demo-placeholder { + height: 280px +} +.profile_details:nth-child(3n) { + clear: both +} +.profile_details .profile_view { + display: inline-block; + padding: 10px 0 0; + background: #fff +} +.profile_details .profile_view .divider { + border-top: 1px solid #e5e5e5; + padding-top: 5px; + margin-top: 5px +} +.profile_details .profile_view .ratings { + margin-bottom: 0 +} +.profile_details .profile_view .bottom { + background: #F2F5F7; + padding: 9px 0; + border-top: 1px solid #E6E9ED +} +.profile_details .profile_view .left { + margin-top: 20px +} +.profile_details .profile_view .left p { + margin-bottom: 3px +} +.profile_details .profile_view .right { + margin-top: 0px; + padding: 10px +} +.profile_details .profile_view .img-circle { + border: 1px solid #E6E9ED; + padding: 2px +} +.profile_details .profile_view h2 { + margin: 5px 0 +} +.profile_details .profile_view .ratings { + text-align: left; + font-size: 16px +} +.profile_details .profile_view .brief { + margin: 0; + font-weight: 300 +} +.profile_details .profile_left { + background: white +} +.pagination.pagination-split li { + display: inline-block; + margin-right: 3px +} +.pagination.pagination-split li a { + border-radius: 4px; + color: #768399; + -moz-border-radius: 4px; + -webkit-border-radius: 4px +} +table.tile h3, +table.tile h4, +table.tile span { + font-weight: bold; + vertical-align: middle !important +} +table.tile th, +table.tile td { + text-align: center +} +table.tile th { + border-bottom: 1px solid #E6ECEE +} +table.tile td { + padding: 5px 0 +} +table.tile td ul { + text-align: left; + padding-left: 0 +} +table.tile td ul li { + list-style: none; + width: 100% +} +table.tile td ul li a { + width: 100% +} +table.tile td ul li a big { + right: 0; + float: right; + margin-right: 13px +} +table.tile_info { + width: 100% +} +table.tile_info td { + text-align: left; + padding: 1px; + font-size: 15px +} +table.tile_info td p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin: 0; + line-height: 28px +} +table.tile_info td i { + margin-right: 8px; + font-size: 17px; + float: left; + width: 18px; + line-height: 28px +} +table.tile_info td:first-child { + width: 83% +} +td span { + line-height: 28px +} +.sidebar-widget { + overflow: hidden +} +.error-number { + font-size: 90px; + line-height: 90px; + margin: 20px 0 +} +.col-middle { + margin-top: 5% +} +.mid_center { + width: 370px; + margin: 0 auto; + text-align: center; + padding: 10px 20px +} +h3.degrees { + font-size: 22px; + font-weight: 400; + text-align: center +} +.degrees:after { + content: "o"; + position: relative; + top: -12px; + font-size: 13px; + font-weight: 300 +} +.daily-weather .day { + font-size: 14px; + border-top: 2px solid rgba(115, 135, 156, 0.36); + text-align: center; + border-bottom: 2px solid rgba(115, 135, 156, 0.36); + padding: 5px 0 +} +.weather-days .col-sm-2 { + overflow: hidden; + width: 16.66666667% +} +.weather .row { + margin-bottom: 0 +} +.bulk-actions { + display: none +} +table.countries_list { + width: 100% +} +table.countries_list td { + padding: 0 10px; + line-height: 30px; + border-top: 1px solid #eeeeee +} +.dataTables_paginate a { + padding: 6px 9px !important; + background: #ddd !important; + border-color: #ddd !important +} +.paging_full_numbers a.paginate_active { + background-color: rgba(38, 185, 154, 0.59) !important; + border-color: rgba(38, 185, 154, 0.59) !important +} +button.DTTT_button, +div.DTTT_button, +a.DTTT_button { + border: 1px solid #E7E7E7 !important; + background: #E7E7E7 !important; + box-shadow: none !important +} +table.jambo_table { + border: 1px solid rgba(221, 221, 221, 0.78) +} +table.jambo_table thead { + background: rgba(52, 73, 94, 0.94); + color: #ECF0F1 +} +table.jambo_table tbody tr:hover td { + background: rgba(38, 185, 154, 0.07); + border-top: 1px solid rgba(38, 185, 154, 0.11); + border-bottom: 1px solid rgba(38, 185, 154, 0.11) +} +table.jambo_table tbody tr.selected { + background: rgba(38, 185, 154, 0.16) +} +table.jambo_table tbody tr.selected td { + border-top: 1px solid rgba(38, 185, 154, 0.4); + border-bottom: 1px solid rgba(38, 185, 154, 0.4) +} +.dataTables_paginate a { + background: #ff0000 +} +.dataTables_wrapper { + position: relative; + clear: both; + zoom: 1 +} +.dataTables_processing { + position: absolute; + top: 50%; + left: 50%; + width: 250px; + height: 30px; + margin-left: -125px; + margin-top: -15px; + padding: 14px 0 2px 0; + border: 1px solid #ddd; + text-align: center; + color: #999; + font-size: 14px; + background-color: white +} +.dataTables_length { + width: 40%; + float: left +} +.dataTables_filter { + width: 50%; + float: right; + text-align: right +} +.dataTables_info { + width: 60%; + float: left +} +.dataTables_paginate { + float: right; + text-align: right +} +table.dataTable th.focus, +table.dataTable td.focus { + outline: 2px solid #1ABB9C !important; + outline-offset: -1px +} +table.display { + margin: 0 auto; + clear: both; + width: 100% +} +table.display thead th { + padding: 8px 18px 8px 10px; + border-bottom: 1px solid black; + font-weight: bold; + cursor: pointer +} +table.display tfoot th { + padding: 3px 18px 3px 10px; + border-top: 1px solid black; + font-weight: bold +} +table.display tr.heading2 td { + border-bottom: 1px solid #aaa +} +table.display td { + padding: 3px 10px +} +table.display td.center { + text-align: center +} +table.display thead th:active, +table.display thead td:active { + outline: none +} +.dataTables_scroll { + clear: both +} +.dataTables_scrollBody { + *margin-top: -1px; + -webkit-overflow-scrolling: touch +} +.top .dataTables_info { + float: none +} +.clear { + clear: both +} +.dataTables_empty { + text-align: center +} +tfoot input { + margin: 0.5em 0; + width: 100%; + color: #444 +} +tfoot input.search_init { + color: #999 +} +td.group { + background-color: #d1cfd0; + border-bottom: 2px solid #A19B9E; + border-top: 2px solid #A19B9E +} +td.details { + background-color: #d1cfd0; + border: 2px solid #A19B9E +} +.example_alt_pagination div.dataTables_info { + width: 40% +} +.paging_full_numbers { + width: 400px; + height: 22px; + line-height: 22px +} +.paging_full_numbers a:active { + outline: none +} +.paging_full_numbers a:hover { + text-decoration: none +} +.paging_full_numbers a.paginate_button, +.paging_full_numbers a.paginate_active { + border: 1px solid #aaa; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + padding: 2px 5px; + margin: 0 3px; + cursor: pointer +} +.paging_full_numbers a.paginate_button { + background-color: #ddd +} +.paging_full_numbers a.paginate_button:hover { + background-color: #ccc; + text-decoration: none !important +} +.paging_full_numbers a.paginate_active { + background-color: #99B3FF +} +table.display tr.even.row_selected td { + background-color: #B0BED9 +} +table.display tr.odd.row_selected td { + background-color: #9FAFD1 +} +div.box { + height: 100px; + padding: 10px; + overflow: auto; + border: 1px solid #8080FF; + background-color: #E5E5FF +} +ul.msg_list li { + background: #f7f7f7; + padding: 5px; + display: -ms-flexbox; + display: flex; + margin: 6px 6px 0; + width: 96% !important +} +ul.msg_list li:last-child { + margin-bottom: 6px; + padding: 10px +} +ul.msg_list li a { + padding: 3px 5px !important +} +ul.msg_list li a .image img { + border-radius: 2px 2px 2px 2px; + -webkit-border-radius: 2px 2px 2px 2px; + float: left; + margin-right: 10px; + width: 11% +} +ul.msg_list li a .time { + font-size: 11px; + font-style: italic; + font-weight: bold; + position: absolute; + right: 35px +} +ul.msg_list li a .message { + display: block !important; + font-size: 11px +} +.dropdown-menu.msg_list span { + white-space: normal +} +.dropdown-menu { + border: medium none; + box-shadow: none; + display: none; + float: left; + font-size: 12px; + left: 0; + list-style: none outside none; + padding: 0; + position: absolute; + text-shadow: none; + top: 100%; + z-index: 9998; + border: 1px solid #D9DEE4; + border-top-left-radius: 0; + border-top-right-radius: 0 +} +.dropdown-menu>li>a { + color: #5A738E +} +.navbar-nav .open .dropdown-menu { + position: absolute; + background: #fff; + margin-top: 0; + border: 1px solid #D9DEE4; + -webkit-box-shadow: none; + right: 0; + left: auto; + width: 220px +} +.navbar-nav .open .dropdown-menu.msg_list { + width: 300px +} +.info-number .badge { + font-size: 10px; + font-weight: normal; + line-height: 13px; + padding: 2px 6px; + position: absolute; + right: 2px; + top: 8px +} +ul.to_do { + padding: 0 +} +ul.to_do li { + background: #f3f3f3; + border-radius: 3px; + position: relative; + padding: 7px; + margin-bottom: 5px; + list-style: none +} +ul.to_do p { + margin: 0 +} +.dashboard-widget { + background: #f6f6f6; + border-top: 5px solid #79C3DF; + border-radius: 3px; + padding: 5px 10px 10px +} +.dashboard-widget .dashboard-widget-title { + font-weight: normal; + border-bottom: 1px solid #c1cdcd; + margin: 0 0 10px 0; + padding-bottom: 5px; + padding-left: 40px; + line-height: 30px +} +.dashboard-widget .dashboard-widget-title i { + font-size: 100%; + margin-left: -35px; + margin-right: 10px; + color: #33a1c9; + padding: 3px 6px; + border: 1px solid #abd9ea; + border-radius: 5px; + background: #fff +} +ul.quick-list { + width: 45%; + padding-left: 0; + display: inline-block +} +ul.quick-list li { + padding-left: 10px; + list-style: none; + margin: 0; + padding-bottom: 6px; + padding-top: 4px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden +} +ul.quick-list li i { + padding-right: 10px; + color: #757679 +} +.dashboard-widget-content { + padding-top: 9px +} +.dashboard-widget-content .sidebar-widget { + width: 50%; + display: inline-block; + vertical-align: top; + background: #fff; + border: 1px solid #abd9ea; + border-radius: 5px; + text-align: center; + float: right; + padding: 2px; + margin-top: 10px +} +.widget_summary { + width: 100%; + display: -ms-inline-flexbox; + display: inline-flex +} +.widget_summary .w_left { + float: left; + text-align: left +} +.widget_summary .w_center { + float: left +} +.widget_summary .w_right { + float: left; + text-align: right +} +.widget_summary .w_right span { + font-size: 20px +} +.w_20 { + width: 20% +} +.w_25 { + width: 25% +} +.w_55 { + width: 55% +} +h5.graph_title { + text-align: left; + margin-left: 10px +} +h5.graph_title i { + margin-right: 10px; + font-size: 17px +} +span.right { + float: right; + font-size: 14px !important +} +.tile_info a { + text-overflow: ellipsis +} +.sidebar-footer { + bottom: 0px; + clear: both; + display: block; + padding: 5px 0 0 0; + position: fixed; + width: 230px; + background: #2A3F54; + z-index:999; +} +.sidebar-footer a { + padding: 7px 0 3px; + text-align: center; + width: 25%; + font-size: 17px; + display: block; + float: left; + background: #172D44; + cursor: pointer; +} +.sidebar-footer a:hover { + background: #425567 +} +.tile_count { + margin-bottom: 20px; + margin-top: 20px +} +.tile_count .tile_stats_count { + border-bottom: 1px solid #D9DEE4; + padding: 0 10px 0 20px; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + position: relative +} +@media (min-width: 992px) { + footer { + margin-left: 230px + } +} +@media (min-width: 992px) { + .tile_count .tile_stats_count { + margin-bottom: 10px; + border-bottom: 0; + padding-bottom: 10px + } +} +.tile_count .tile_stats_count:before { + content: ""; + position: absolute; + left: 0; + height: 65px; + border-left: 2px solid #ADB2B5; + margin-top: 10px +} +@media (min-width: 992px) { + .tile_count .tile_stats_count:first-child:before { + border-left: 0 + } +} +.tile_count .tile_stats_count .count { + font-size: 30px; + line-height: 47px; + font-weight: 600 +} +@media (min-width: 768px) { + .tile_count .tile_stats_count .count { + font-size: 40px + } +} +@media (min-width: 992px) and (max-width: 1100px) { + .tile_count .tile_stats_count .count { + font-size: 30px + } +} +.tile_count .tile_stats_count span { + font-size: 12px +} +@media (min-width: 768px) { + .tile_count .tile_stats_count span { + font-size: 13px + } +} +.tile_count .tile_stats_count .count_bottom i { + width: 12px +} +.dashboard_graph { + background: #fff; + padding: 7px 10px +} +.dashboard_graph .col-md-9, +.dashboard_graph .col-md-3 { + padding: 0 +} +a.user-profile { + color: #5E6974 !important +} +.user-profile img { + width: 29px; + height: 29px; + border-radius: 50%; + margin-right: 10px +} +ul.top_profiles { + height: 330px; + width: 100% +} +ul.top_profiles li { + margin: 0; + padding: 3px 5px +} +ul.top_profiles li:nth-child(odd) { + background-color: #eee +} +.media .profile_thumb { + border: 1px solid; + width: 50px; + height: 50px; + margin: 5px 10px 5px 0; + border-radius: 50%; + padding: 9px 12px +} +.media .profile_thumb i { + font-size: 30px +} +.media .date { + background: #ccc; + width: 52px; + margin-right: 10px; + border-radius: 10px; + padding: 5px +} +.media .date .month { + margin: 0; + text-align: center; + color: #fff +} +.media .date .day { + text-align: center; + color: #fff; + font-size: 27px; + margin: 0; + line-height: 27px; + font-weight: bold +} +.event .media-body a.title { + font-weight: bold +} +.event .media-body p { + margin-bottom: 0 +} +h4.graph_title { + margin: 7px; + text-align: center +} +.fontawesome-icon-list .fa-hover a:hover { + background-color: #ddd; + color: #fff; + text-decoration: none +} +.fontawesome-icon-list .fa-hover a { + display: block; + line-height: 32px; + height: 32px; + padding-left: 10px; + border-radius: 4px +} +.fontawesome-icon-list .fa-hover a:hover .fa { + font-size: 28px; + vertical-align: -6px +} +.fontawesome-icon-list .fa-hover a .fa { + width: 32px; + font-size: 16px; + display: inline-block; + text-align: right; + margin-right: 10px +} +.main_menu .fa { + width: 26px; + opacity: .99; + display: inline-block; + font-family: FontAwesome; + font-style: normal; + font-weight: normal; + font-size: 18px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.tile-stats { + position: relative; + display: block; + margin-bottom: 12px; + border: 1px solid #E4E4E4; + -webkit-border-radius: 5px; + overflow: hidden; + padding-bottom: 5px; + -webkit-background-clip: padding-box; + -moz-border-radius: 5px; + -moz-background-clip: padding; + border-radius: 5px; + background-clip: padding-box; + background: #FFF; + transition: all 300ms ease-in-out +} +.tile-stats:hover .icon i { + animation-name: tansformAnimation; + animation-duration: .5s; + animation-iteration-count: 1; + color: rgba(58, 58, 58, 0.41); + animation-timing-function: ease; + animation-fill-mode: forwards; + -webkit-animation-name: tansformAnimation; + -webkit-animation-duration: .5s; + -webkit-animation-iteration-count: 1; + -webkit-animation-timing-function: ease; + -webkit-animation-fill-mode: forwards; + -moz-animation-name: tansformAnimation; + -moz-animation-duration: .5s; + -moz-animation-iteration-count: 1; + -moz-animation-timing-function: ease; + -moz-animation-fill-mode: forwards +} +.tile-stats .icon { + width: 20px; + height: 20px; + color: #BAB8B8; + position: absolute; + right: 53px; + top: 22px; + z-index: 1 +} +.tile-stats .icon i { + margin: 0; + font-size: 60px; + line-height: 0; + vertical-align: bottom; + padding: 0 +} +.tile-stats .count { + font-size: 38px; + font-weight: bold; + line-height: 1.65857 +} +.tile-stats .count, +.tile-stats h3, +.tile-stats p { + position: relative; + margin: 0; + margin-left: 10px; + z-index: 5; + padding: 0 +} +.tile-stats h3 { + color: #BAB8B8 +} +.tile-stats p { + margin-top: 5px; + font-size: 12px +} +.tile-stats>.dash-box-footer { + position: relative; + text-align: center; + margin-top: 5px; + padding: 3px 0; + color: #fff; + color: rgba(255, 255, 255, 0.8); + display: block; + z-index: 10; + background: rgba(0, 0, 0, 0.1); + text-decoration: none +} +.tile-stats>.dash-box-footer:hover { + color: #fff; + background: rgba(0, 0, 0, 0.15) +} +.tile-stats>.dash-box-footer:hover { + color: #fff; + background: rgba(0, 0, 0, 0.15) +} +table.tile_info { + padding: 10px 15px +} +table.tile_info span.right { + margin-right: 0; + float: right; + position: absolute; + right: 4% +} +.tile:hover { + text-decoration: none +} +.tile_header { + border-bottom: transparent; + padding: 7px 15px; + margin-bottom: 15px; + background: #E7E7E7 +} +.tile_head h4 { + margin-top: 0; + margin-bottom: 5px +} +.tiles-bottom { + padding: 5px 10px; + margin-top: 10px; + background: rgba(194, 194, 194, 0.3); + text-align: left +} +a.star { + color: #428bca !important +} +.mail_content { + background: none repeat scroll 0 0 #FFFFFF; + border-radius: 4px; + margin-top: 20px; + min-height: 500px; + padding: 10px 11px; + width: 100% +} +.list-btn-mail { + margin-bottom: 15px +} +.list-btn-mail.active { + border-bottom: 1px solid #39B3D7; + padding: 0 0 14px +} +.list-btn-mail>i { + float: left; + font-size: 18px; + font-style: normal; + width: 33px +} +.list-btn-mail>.cn { + background: none repeat scroll 0 0 #39B3D7; + border-radius: 12px; + color: #FFFFFF; + float: right; + font-style: normal; + padding: 0 5px +} +.button-mail { + margin: 0 0 15px !important; + text-align: left; + width: 100% +} +button, +.buttons, +.btn, +.modal-footer .btn+.btn { + margin-bottom: 5px; + margin-right: 5px +} +.btn-group-vertical .btn, +.btn-group .btn { + margin-bottom: 0; + margin-right: 0 +} +.mail_list_column { + border-left: 1px solid #DBDBDB +} +.mail_view { + border-left: 1px solid #DBDBDB +} +.mail_list { + width: 100%; + border-bottom: 1px solid #DBDBDB; + margin-bottom: 2px; + display: inline-block +} +.mail_list .left { + width: 5%; + float: left; + margin-right: 3% +} +.mail_list .right { + width: 90%; + float: left +} +.mail_list h3 { + font-size: 15px; + font-weight: bold; + margin: 0px 0 6px +} +.mail_list h3 small { + float: right; + color: #ADABAB; + font-size: 11px; + line-height: 20px +} +.mail_list .badge { + padding: 3px 6px; + font-size: 8px; + background: #BAB7B7 +} +@media (max-width: 767px) { + .mail_list { + margin-bottom: 5px; + display: inline-block + } +} +.mail_heading h4 { + font-size: 18px; + border-bottom: 1px solid #ddd; + padding-bottom: 10px; + margin-top: 20px +} +.attachment { + margin-top: 30px +} +.attachment ul { + width: 100%; + list-style: none; + padding-left: 0; + display: inline-block; + margin-bottom: 30px +} +.attachment ul li { + float: left; + width: 150px; + margin-right: 10px; + margin-bottom: 10px +} +.attachment ul li img { + height: 150px; + border: 1px solid #ddd; + padding: 5px; + margin-bottom: 10px +} +.attachment ul li span { + float: right +} +.attachment .file-name { + float: left +} +.attachment .links { + width: 100%; + display: inline-block +} +.compose { + padding: 0; + position: fixed; + bottom: 0; + right: 0; + background: #fff; + border: 1px solid #D9DEE4; + border-right: 0; + border-bottom: 0; + border-top-left-radius: 5px; + z-index: 9999; + display: none +} +.compose .compose-header { + padding: 5px; + background: #169F85; + color: #fff; + border-top-left-radius: 5px +} +.compose .compose-header .close { + text-shadow: 0 1px 0 #ffffff; + line-height: .8 +} +.compose .compose-body .editor.btn-toolbar { + margin: 0 +} +.compose .compose-body .editor-wrapper { + height: 100%; + min-height: 50px; + max-height: 180px; + border-radius: 0; + border-left: none; + border-right: none; + overflow: auto +} +.compose .compose-footer { + padding: 10px +} +.editor.btn-toolbar { + zoom: 1; + background: #F7F7F7; + margin: 5px 2px; + padding: 3px 0; + border: 1px solid #EFEFEF +} +.input-group { + margin-bottom: 10px +} +.ln_solid { + border-top: 1px solid #e5e5e5; + color: #ffffff; + background-color: #ffffff; + height: 1px; + margin: 20px 0 +} +span.section { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333; + border: 0; + border-bottom: 1px solid #e5e5e5 +} +.form-control { + border-radius: 0; + width: 100% +} +.form-horizontal .control-label { + padding-top: 8px +} +.form-control:focus { + border-color: #CCD0D7; + box-shadow: none !important +} +legend { + font-size: 18px; + color: inherit +} +.form-horizontal .form-group { + margin-right: 0; + margin-left: 0 +} +.form-control-feedback { + margin-top: 8px; + height: 23px; + color: #bbb; + line-height: 24px; + font-size: 15px +} +.form-control-feedback.left { + border-right: 1px solid #ccc; + left: 13px +} +.form-control-feedback.right { + border-left: 1px solid #ccc; + right: 13px +} +.form-control.has-feedback-left { + padding-left: 45px +} +.form-control.has-feedback-right { + padding-right: 45px +} +.form-group { + margin-bottom: 10px +} +.validate { + margin-top: 10px +} +.invalid-form-error-message { + margin-top: 10px; + padding: 5px +} +.invalid-form-error-message.filled { + border-left: 2px solid #E74C3C +} +p.parsley-success { + color: #468847; + background-color: #DFF0D8; + border: 1px solid #D6E9C6 +} +p.parsley-error { + color: #B94A48; + background-color: #F2DEDE; + border: 1px solid #EED3D7 +} +ul.parsley-errors-list { + list-style: none; + color: #E74C3C; + padding-left: 0 +} +input.parsley-error, +textarea.parsley-error, +select.parsley-error { + background: #FAEDEC; + border: 1px solid #E85445 +} +.btn-group .parsley-errors-list { + display: none +} +.bad input, +.bad select, +.bad textarea { + border: 1px solid #CE5454; + box-shadow: 0 0 4px -2px #CE5454; + position: relative; + left: 0; + -moz-animation: .7s 1 shake linear; + -webkit-animation: 0.7s 1 shake linear +} +.item input, +.item textarea { + transition: 0.42s +} +.item .alert { + float: left; + margin: 0 0 0 20px; + padding: 3px 10px; + color: #FFF; + border-radius: 3px 4px 4px 3px; + background-color: #CE5454; + max-width: 170px; + white-space: pre; + position: relative; + left: -15px; + opacity: 0; + z-index: 1; + transition: 0.15s ease-out +} +.item .alert::after { + content: ''; + display: block; + height: 0; + width: 0; + border-color: transparent #CE5454 transparent transparent; + border-style: solid; + border-width: 11px 7px; + position: absolute; + left: -13px; + top: 1px +} +.item.bad .alert { + left: 0; + opacity: 1 +} +.inl-bl { + display: inline-block +} +.well .markup { + background: #fff; + color: #777; + position: relative; + padding: 45px 15px 15px; + margin: 15px 0 0 0; + background-color: #fff; + border-radius: 0 0 4px 4px; + box-shadow: none +} +.well .markup::after { + content: "Example"; + position: absolute; + top: 15px; + left: 15px; + font-size: 12px; + font-weight: bold; + color: #bbb; + text-transform: uppercase; + letter-spacing: 1px +} +.autocomplete-suggestions { + border: 1px solid #e4e4e4; + background: #F4F4F4; + cursor: default; + overflow: auto +} +.autocomplete-suggestion { + padding: 2px 5px; + font-size: 1.2em; + white-space: nowrap; + overflow: hidden +} +.autocomplete-selected { + background: #f0f0f0 +} +.autocomplete-suggestions strong { + font-weight: normal; + color: #3399ff; + font-weight: bolder +} +.btn { + border-radius: 3px +} +a.btn-success, +a.btn-primary, +a.btn-warning, +a.btn-danger { + color: #fff +} +.btn-success { + background: #26B99A; + border: 1px solid #169F85 +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background: #169F85 +} +.btn-dark { + color: #E9EDEF; + background-color: #4B5F71; + border-color: #364B5F +} +.btn-dark:hover, +.btn-dark:focus, +.btn-dark:active, +.btn-dark.active, +.open .dropdown-toggle.btn-dark { + color: #FFFFFF; + background-color: #394D5F; + border-color: #394D5F +} +.btn-round { + border-radius: 30px +} +.btn.btn-app { + position: relative; + padding: 15px 5px; + margin: 0 0 10px 10px; + min-width: 80px; + height: 60px; + box-shadow: none; + border-radius: 0; + text-align: center; + color: #666; + border: 1px solid #ddd; + background-color: #fafafa; + font-size: 12px +} +.btn.btn-app>.fa, +.btn.btn-app>.glyphicon, +.btn.btn-app>.ion { + font-size: 20px; + display: block +} +.btn.btn-app:hover { + background: #f4f4f4; + color: #444; + border-color: #aaa +} +.btn.btn-app:active, +.btn.btn-app:focus { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) +} +.btn.btn-app>.badge { + position: absolute; + top: -3px; + right: -10px; + font-size: 10px; + font-weight: 400 +} +textarea { + padding: 10px; + vertical-align: top; + width: 200px +} +textarea:focus { + outline-style: solid; + outline-width: 2px +} +.btn_ { + display: inline-block; + padding: 3px 9px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #fff, #e6e6e6); + background-repeat: repeat-x; + -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)"); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled=false)"); + border: 1px solid #cccccc; + border-bottom-color: #b3b3b3; + border-radius: 4px; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) +} +.bs-glyphicons { + margin: 0 -10px 20px; + overflow: hidden +} +.bs-glyphicons-list { + padding-left: 0; + list-style: none +} +.bs-glyphicons li { + float: left; + width: 25%; + height: 115px; + padding: 10px; + font-size: 10px; + line-height: 1.4; + text-align: center; + background-color: #f9f9f9; + border: 1px solid #fff +} +.bs-glyphicons .glyphicon { + margin-top: 5px; + margin-bottom: 10px; + font-size: 24px +} +.bs-glyphicons .glyphicon-class { + display: block; + text-align: center; + word-wrap: break-word +} +.bs-glyphicons li:hover { + color: #fff; + background-color: #1ABB9C +} +@media (min-width: 768px) { + .bs-glyphicons { + margin-right: 0; + margin-left: 0 + } + .bs-glyphicons li { + width: 12.5%; + font-size: 12px + } +} +.tagsinput { + border: 1px solid #CCC; + background: #FFF; + padding: 6px 6px 0; + width: 300px; + overflow-y: auto +} +span.tag { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + display: block; + float: left; + padding: 5px 9px; + text-decoration: none; + background: #1ABB9C; + color: #F1F6F7; + margin-right: 5px; + font-weight: 500; + margin-bottom: 5px; + font-family: helvetica +} +span.tag a { + color: #F1F6F7 !important +} +.tagsinput span.tag a { + font-weight: bold; + color: #82ad2b; + text-decoration: none; + font-size: 11px +} +.tagsinput input { + width: 80px; + margin: 0px; + font-family: helvetica; + font-size: 13px; + border: 1px solid transparent; + padding: 3px; + background: transparent; + color: #000; + outline: 0px +} +.tagsinput div { + display: block; + float: left +} +.tags_clear { + clear: both; + width: 100%; + height: 0px +} +.not_valid { + background: #FBD8DB !important; + color: #90111A !important +} +ul.bar_tabs { + overflow: visible; + background: #F5F7FA; + height: 25px; + margin: 21px 0 14px; + padding-left: 14px; + position: relative; + z-index: 1; + width: 100%; + border-bottom: 1px solid #E6E9ED +} +ul.bar_tabs>li { + border: 1px solid #E6E9ED; + color: #333 !important; + margin-top: -17px; + margin-left: 8px; + background: #fff; + border-bottom: none; + border-radius: 4px 4px 0 0 +} +ul.bar_tabs>li.active { + border-right: 6px solid #D3D6DA; + border-top: 0; + margin-top: -15px +} +ul.bar_tabs>li a { + padding: 10px 17px; + background: #F5F7FA; + margin: 0; + border-top-right-radius: 0 +} +ul.bar_tabs>li a:hover { + border: 1px solid transparent +} +ul.bar_tabs>li.active a { + border-bottom: none +} +ul.bar_tabs.right { + padding-right: 14px +} +ul.bar_tabs.right li { + float: right +} +a:focus { + outline: none +} +ul.timeline li { + position: relative; + border-bottom: 1px solid #e8e8e8; + clear: both +} +.timeline .block { + margin: 0; + border-left: 3px solid #e8e8e8; + overflow: visible; + padding: 10px 15px; + margin-left: 105px +} +.timeline.widget { + min-width: 0; + max-width: inherit +} +.timeline.widget .block { + margin-left: 5px +} +.timeline .tags { + position: absolute; + top: 15px; + left: 0; + width: 84px +} +.timeline .tag { + display: block; + height: 30px; + font-size: 13px; + padding: 8px +} +.timeline .tag span { + display: block; + overflow: hidden; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis +} +.tag { + line-height: 1; + background: #1ABB9C; + color: #fff !important +} +.tag:after { + content: " "; + height: 30px; + width: 0; + position: absolute; + left: 100%; + top: 0; + margin: 0; + pointer-events: none; + border-top: 14px solid transparent; + border-bottom: 14px solid transparent; + border-left: 11px solid #1ABB9C +} +.timeline h2.title { + position: relative; + font-size: 16px; + margin: 0 +} +.timeline h2.title:before { + content: ""; + position: absolute; + left: -23px; + top: 3px; + display: block; + width: 14px; + height: 14px; + border: 3px solid #d2d3d2; + border-radius: 14px; + background: #f9f9f9 +} +.timeline .byline { + padding: .25em 0 +} +.byline { + -webkit-font-smoothing: antialiased; + font-style: italic; + font-size: .9375em; + line-height: 1.3; + color: #aab6aa +} +ul.social li { + border: 0 +} +.social-sidebar, +.social-body { + float: right +} +.social-sidebar { + background: #EDEDED; + width: 22% +} +.social-body { + border: 1px solid #ccc; + width: 78% +} +.thumb img { + width: 50px; + height: 50px; + border-radius: 50% +} +.chat .thumb img { + width: 27px; + height: 27px; + border-radius: 50% +} +.chat .status { + float: left; + margin: 16px 0 0 -16px; + font-size: 14px; + font-weight: bold; + width: 12px; + height: 12px; + display: block; + border: 2px solid #FFF; + z-index: 12312; + border-radius: 50% +} +.chat .status.online { + background: #1ABB9C +} +.chat .status.away { + background: #F39C12 +} +.chat .status.offline { + background: #ccc +} +.chat .media-body { + padding-top: 5px +} +.dashboard_graph .x_title { + padding: 5px 5px 7px +} +.dashboard_graph .x_title h3 { + margin: 0; + font-weight: normal +} +.chart { + position: relative; + display: inline-block; + width: 110px; + height: 110px; + margin-top: 5px; + margin-bottom: 5px; + text-align: center +} +.chart canvas { + position: absolute; + top: 0; + left: 0 +} +.percent { + display: inline-block; + line-height: 110px; + z-index: 2; + font-size: 18px +} +.percent:after { + content: '%'; + margin-left: 0.1em; + font-size: .8em +} +.angular { + margin-top: 100px +} +.angular .chart { + margin-top: 0 +} +.widget { + min-width: 250px; + max-width: 310px +} +.widget_tally_box .btn-group button { + text-align: center +} +.widget_tally_box .btn-group button { + color: inherit; + font-weight: 500; + background-color: #f5f5f5; + border: 1px solid #e7e7e7 +} +ul.widget_tally, +ul.widget_tally li { + width: 100% +} +ul.widget_tally li { + padding: 2px 10px; + border-bottom: 1px solid #ECECEC; + padding-bottom: 4px +} +ul.widget_tally .month { + width: 70%; + float: left +} +ul.widget_tally .count { + width: 30%; + float: left; + text-align: right +} +.pie_bg { + border-bottom: 1px solid rgba(101, 204, 182, 0.16); + padding-bottom: 15px; + border-radius: 4px; + -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)"); + -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(enabled=false)"); + padding-bottom: 10px; + box-shadow: 0 4px 6px -6px #222 +} +.widget_tally_box .flex { + display: -ms-flexbox; + display: flex +} +ul.widget_profile_box { + width: 100%; + height: 42px; + padding: 3px; + background: #ececec; + margin-top: 40px; + margin-left: 1px +} +ul.widget_profile_box li:first-child { + width: 25%; + float: left +} +ul.widget_profile_box li:first-child a { + float: left +} +ul.widget_profile_box li:last-child { + width: 25%; + float: right +} +ul.widget_profile_box li:last-child a { + float: right +} +ul.widget_profile_box li a { + font-size: 22px; + text-align: center; + width: 35px; + height: 35px; + border: 1px solid rgba(52, 73, 94, 0.44); + display: block; + border-radius: 50%; + padding: 0px +} +ul.widget_profile_box li a:hover { + color: #1ABB9C !important; + border: 1px solid #26b99a +} +ul.widget_profile_box li .profile_img { + width: 85px; + height: 85px; + margin: 0; + margin-top: -28px +} +.widget_tally_box p, +.widget_tally_box span { + text-align: center +} +.widget_tally_box .name { + text-align: center; + margin: 25px +} +.widget_tally_box .name_title { + text-align: center; + margin: 5px +} +.widget_tally_box ul.legend { + margin: 0 +} +.widget_tally_box ul.legend p, +.widget_tally_box ul.legend span { + text-align: left +} +.widget_tally_box ul.legend li .icon { + font-size: 20px; + float: left; + width: 14px +} +.widget_tally_box ul.legend li .name { + font-size: 14px; + margin: 5px 0 0 14px; + text-overflow: ellipsis; + float: left +} +.widget_tally_box ul.legend p { + display: inline-block; + margin: 0 +} +.widget_tally_box ul.verticle_bars li { + height: 140px; + width: 23% +} +.widget .verticle_bars li .progress.vertical.progress_wide { + width: 65% +} +ul.count2 { + width: 100%; + margin-left: 1px; + border: 1px solid #ddd; + border-left: 0; + border-right: 0; + padding: 10px 0 +} +ul.count2 li { + width: 30%; + text-align: center +} +ul.count2 li h3 { + font-weight: 400; + margin: 0 +} +ul.count2 li span { + font-weight: 300 +} +.divider { + border-bottom: 1px solid #ddd; + margin: 10px +} +.divider-dashed { + border-top: 1px dashed #e7eaec; + background-color: #ffffff; + height: 1px; + margin: 10px 0 +} +ul.messages { + padding: 0; + list-style: none +} +ul.messages li, +.tasks li { + border-bottom: 1px dotted #e6e6e6; + padding: 8px 0 +} +ul.messages li img.avatar, +img.avatar { + height: 32px; + width: 32px; + float: left; + display: inline-block; + border-radius: 2px; + padding: 2px; + background: #f7f7f7; + border: 1px solid #e6e6e6 +} +ul.messages li .message_date { + float: right; + text-align: right +} +ul.messages li .message_wrapper { + margin-left: 50px; + margin-right: 40px +} +ul.messages li .message_wrapper h4.heading { + font-weight: 600; + margin: 0; + cursor: pointer; + margin-bottom: 10px; + line-height: 100% +} +ul.messages li .message_wrapper blockquote { + padding: 0px 10px; + margin: 0; + border-left: 5px solid #eee +} +ul.user_data li { + margin-bottom: 6px +} +ul.user_data li p { + margin-bottom: 0 +} +ul.user_data li .progress { + width: 90% +} +.project_progress .progress { + margin-bottom: 3px !important; + margin-top: 5px +} +.projects .list-inline { + margin: 0 +} +.profile_title { + background: #F5F7FA; + border: 0; + padding: 7px 0; + display: -ms-flexbox; + display: flex +} +ul.stats-overview { + border-bottom: 1px solid #e8e8e8; + padding-bottom: 10px; + margin-bottom: 10px +} +ul.stats-overview li { + display: inline-block; + text-align: center; + padding: 0 15px; + width: 30%; + font-size: 14px; + border-right: 1px solid #e8e8e8 +} +ul.stats-overview li:last-child { + border-right: 0 +} +ul.stats-overview li .name { + font-size: 12px +} +ul.stats-overview li .value { + font-size: 14px; + font-weight: bold; + display: block +} +ul.stats-overview li:first-child { + padding-left: 0 +} +ul.project_files li { + margin-bottom: 5px +} +ul.project_files li a i { + width: 20px +} +.project_detail p { + margin-bottom: 10px +} +.project_detail p.title { + font-weight: bold; + margin-bottom: 0 +} +.avatar img { + border-radius: 50%; + max-width: 45px +} +.pricing { + background: #fff +} +.pricing .title { + background: #1ABB9C; + height: 110px; + color: #fff; + padding: 15px 0 0; + text-align: center +} +.pricing .title h2 { + text-transform: capitalize; + font-size: 18px; + border-radius: 5px 5px 0 0; + margin: 0; + font-weight: 400 +} +.pricing .title h1 { + font-size: 30px; + margin: 12px +} +.pricing .title span { + background: rgba(51, 51, 51, 0.28); + padding: 2px 5px +} +.pricing_features { + background: #FAFAFA; + padding: 20px 15px; + min-height: 230px; + font-size: 13.5px +} +.pricing_features ul li { + margin-top: 10px +} +.pricing_footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + text-align: center; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px +} +.pricing_footer p { + font-size: 13px; + padding: 10px 0 2px; + display: block +} +.ui-ribbon-container { + position: relative +} +.ui-ribbon-container .ui-ribbon-wrapper { + position: absolute; + overflow: hidden; + width: 85px; + height: 88px; + top: -3px; + right: -3px +} +.ui-ribbon-container.ui-ribbon-primary .ui-ribbon { + background-color: #5b90bf +} +.ui-ribbon-container .ui-ribbon { + position: relative; + display: block; + text-align: center; + font-size: 15px; + font-weight: 700; + color: #fff; + transform: rotate(45deg); + padding: 7px 0; + left: -5px; + top: 15px; + width: 120px; + line-height: 20px; + background-color: #555; + box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) +} +.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, +.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before { + border-top: 2px solid #5b90bf +} +.ui-ribbon-container .ui-ribbon:before { + left: 0; + bottom: -1px +} +.ui-ribbon-container .ui-ribbon:before { + right: 0 +} +.ui-ribbon-container .ui-ribbon:after, +.ui-ribbon-container .ui-ribbon:before { + position: absolute; + content: " "; + line-height: 0; + border-top: 2px solid #555; + border-left: 2px solid transparent; + border-right: 2px solid transparent +} +.thumbnail .image { + height: 120px; + overflow: hidden +} +.caption { + padding: 9px 5px; + background: #F7F7F7 +} +.caption p { + margin-bottom: 5px +} +.thumbnail { + height: 190px; + overflow: hidden +} +.view { + overflow: hidden; + position: relative; + text-align: center; + box-shadow: 1px 1px 2px #e6e6e6; + cursor: default +} +.view .mask, +.view .content { + position: absolute; + width: 100%; + overflow: hidden; + top: 0; + left: 0 +} +.view img { + display: block; + position: relative +} +.view .tools { + text-transform: uppercase; + color: #fff; + text-align: center; + position: relative; + font-size: 17px; + padding: 3px; + background: rgba(0, 0, 0, 0.35); + margin: 43px 0 0 0 +} +.mask.no-caption .tools { + margin: 90px 0 0 0 +} +.view .tools a { + display: inline-block; + color: #FFF; + font-size: 18px; + font-weight: 400; + padding: 0 4px +} +.view p { + font-family: Georgia, serif; + font-style: italic; + font-size: 12px; + position: relative; + color: #fff; + padding: 10px 20px 20px; + text-align: center +} +.view a.info { + display: inline-block; + text-decoration: none; + padding: 7px 14px; + background: #000; + color: #fff; + text-transform: uppercase; + box-shadow: 0 0 1px #000 +} +.view-first img { + transition: all 0.2s linear +} +.view-first .mask { + opacity: 0; + background-color: rgba(0, 0, 0, 0.5); + transition: all 0.4s ease-in-out +} +.view-first .tools { + transform: translateY(-100px); + opacity: 0; + transition: all 0.2s ease-in-out +} +.view-first p { + transform: translateY(100px); + opacity: 0; + transition: all 0.2s linear +} +.view-first:hover img { + transform: scale(1.1) +} +.view-first:hover .mask { + opacity: 1 +} +.view-first:hover .tools, +.view-first:hover p { + opacity: 1; + transform: translateY(0px) +} +.view-first:hover p { + transition-delay: 0.1s +} +.form-group.has-feedback span { + display: block !important; +} +.form-group .btn { + margin-bottom: -6px; +} + +.input-group-btn .btn { margin-bottom:0; } + +/*! + * bootstrap-vertical-tabs - v1.2.1 + * https://dbtek.github.io/bootstrap-vertical-tabs + * 2014-11-07 + * Copyright (c) 2014 İsmail Demirbilek + * License: MIT + */ + +.tabs-left, +.tabs-right { + border-bottom: none; + padding-top: 2px +} +.tabs-left { + border-right: 1px solid #F7F7F7 +} +.tabs-right { + border-left: 1px solid #F7F7F7 +} +.tabs-left>li, +.tabs-right>li { + float: none; + margin-bottom: 2px +} +.tabs-left>li { + margin-right: -1px +} +.tabs-right>li { + margin-left: -1px +} +.tabs-left>li.active>a, +.tabs-left>li.active>a:hover, +.tabs-left>li.active>a:focus { + border-bottom-color: #F7F7F7; + border-right-color: transparent +} +.tabs-right>li.active>a, +.tabs-right>li.active>a:hover, +.tabs-right>li.active>a:focus { + border-bottom: 1px solid #F7F7F7; + border-left-color: transparent +} +.tabs-left>li>a { + border-radius: 4px 0 0 4px; + margin-right: 0; + display: block; + background: #F7F7F7; + text-overflow: ellipsis; + overflow: hidden +} +.tabs-right>li>a { + border-radius: 0 4px 4px 0; + margin-right: 0; + background: #F7F7F7; + text-overflow: ellipsis; + overflow: hidden +} +.sideways { + margin-top: 50px; + border: none; + position: relative +} +.sideways>li { + height: 20px; + width: 120px; + margin-bottom: 100px +} +.sideways>li>a { + border-bottom: 1px solid #ddd; + border-right-color: transparent; + text-align: center; + border-radius: 4px 4px 0px 0px +} +.sideways>li.active>a, +.sideways>li.active>a:hover, +.sideways>li.active>a:focus { + border-bottom-color: transparent; + border-right-color: #ddd; + border-left-color: #ddd +} +.sideways.tabs-left { + left: -50px +} +.sideways.tabs-right { + right: -50px +} +.sideways.tabs-right>li { + transform: rotate(90deg) +} +.sideways.tabs-left>li { + transform: rotate(-90deg) +} +.morris-hover { + position: absolute; + z-index: 1000 +} +.morris-hover.morris-default-style { + padding: 6px; + color: #666; + background: rgba(243, 242, 243, 0.8); + border: solid 2px rgba(195, 194, 196, 0.8); + font-family: sans-serif; + font-size: 12px; + text-align: center +} +.morris-hover.morris-default-style .morris-hover-row-label { + font-weight: bold; + margin: 0.25em 0 +} +.morris-hover.morris-default-style .morris-hover-point { + white-space: nowrap; + margin: 0.1em 0 +} +.price { + font-size: 40px; + font-weight: 400; + color: #26B99A; + margin: 0 +} +.prod_title { + border-bottom: 1px solid #DFDFDF; + padding-bottom: 5px; + margin: 30px 0; + font-size: 20px; + font-weight: 400 +} +.product-image img { + width: 90% +} +.prod_color li { + margin: 0 10px +} +.prod_color li p { + margin-bottom: 0 +} +.prod_size li { + padding: 0 +} +.prod_color .color { + width: 25px; + height: 25px; + border: 2px solid rgba(51, 51, 51, 0.28) !important; + padding: 2px; + border-radius: 50px +} +.product_gallery a { + width: 100px; + height: 100px; + float: left; + margin: 10px; + border: 1px solid #e5e5e5 +} +.product_gallery a img { + width: 100%; + margin-top: 15px +} +.product_price { + margin: 20px 0; + padding: 5px 10px; + background-color: #FFFFFF; + text-align: left; + border: 2px dashed #E0E0E0 +} +.price-tax { + font-size: 18px +} +.product_social { + margin: 20px 0 +} +.product_social ul li a i { + font-size: 35px +} +.login { + background: #F7F7F7 +} +.login .fa-paw { + font-size: 26px +} +a.hiddenanchor { + display: none +} +.login_wrapper { + right: 0px; + margin: 0px auto; + margin-top: 5%; + max-width: 350px; + position: relative +} +.registration_form, +.login_form { + position: absolute; + top: 0px; + width: 100% +} +.registration_form { + z-index: 21; + opacity: 0; + width: 100% +} +.login_form { + z-index: 22 +} +#signup:target ~ .login_wrapper .registration_form, +#signin:target ~ .login_wrapper .login_form { + z-index: 22; + animation-name: fadeInLeft; + animation-delay: .1s +} +#signup:target ~ .login_wrapper .login_form, +#signin:target ~ .login_wrapper .registration_form { + animation-name: fadeOutLeft +} +.animate { + -webkit-animation-duration: 0.5s; + -webkit-animation-timing-function: ease; + -webkit-animation-fill-mode: both; + -moz-animation-duration: 0.5s; + -moz-animation-timing-function: ease; + -moz-animation-fill-mode: both; + -o-animation-duration: 0.5s; + -o-animation-timing-function: ease; + -o-animation-fill-mode: both; + -ms-animation-duration: 0.5s; + -ms-animation-timing-function: ease; + -ms-animation-fill-mode: both; + animation-duration: 0.5s; + animation-timing-function: ease; + animation-fill-mode: both +} +.login_box { + padding: 20px; + margin: auto +} +.left { + float: left +} +.alignleft { + float: left; + margin-right: 15px +} +.alignright { + float: right; + margin-left: 15px +} +.clearfix:after, +form:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden +} +.login_content { + margin: 0 auto; + padding: 25px 0 0; + position: relative; + text-align: center; + text-shadow: 0 1px 0 #fff; + min-width: 280px +} +.login_content a, +.login_content .btn-default:hover { + text-decoration: none +} +.login_content a:hover { + text-decoration: underline +} +.login_content h1 { + font: normal 25px Helvetica, Arial, sans-serif; + letter-spacing: -0.05em; + line-height: 20px; + margin: 10px 0 30px +} +.login_content h1:before, +.login_content h1:after { + content: ""; + height: 1px; + position: absolute; + top: 10px; + width: 27% +} +.login_content h1:after { + background: #7e7e7e; + background: linear-gradient(left, #7e7e7e 0%, #fff 100%); + right: 0 +} +.login_content h1:before { + background: #7e7e7e; + background: linear-gradient(right, #7e7e7e 0%, #fff 100%); + left: 0 +} +.login_content h1:before, +.login_content h1:after { + content: ""; + height: 1px; + position: absolute; + top: 10px; + width: 20% +} +.login_content h1:after { + background: #7e7e7e; + background: linear-gradient(left, #7e7e7e 0%, #fff 100%); + right: 0 +} +.login_content h1:before { + background: #7e7e7e; + background: linear-gradient(right, #7e7e7e 0%, #fff 100%); + left: 0 +} +.login_content form { + margin: 20px 0; + position: relative +} +.login_content form input[type="text"], +.login_content form input[type="email"], +.login_content form input[type="password"] { + border-radius: 3px; + -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; + -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; + box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; + border: 1px solid #c8c8c8; + color: #777; + margin: 0 0 20px; + width: 100% +} +.login_content form input[type="text"]:focus, +.login_content form input[type="email"]:focus, +.login_content form input[type="password"]:focus { + -ms-box-shadow: 0 0 2px #ed1c24 inset; + -o-box-shadow: 0 0 2px #ed1c24 inset; + box-shadow: 0 0 2px #A97AAD inset; + background-color: #fff; + border: 1px solid #A878AF; + outline: none +} +#username { + background-position: 10px 10px !important +} +#password { + background-position: 10px -53px !important +} +.login_content form div a { + font-size: 12px; + margin: 10px 15px 0 0 +} +.reset_pass { + margin-top: 10px !important +} +.login_content div .reset_pass { + margin-top: 13px !important; + margin-right: 39px; + float: right +} +.separator { + border-top: 1px solid #D8D8D8; + margin-top: 10px; + padding-top: 10px +} +.button { + background: #f7f9fa; + background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%); + -ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0)"); + -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; + border-radius: 0 0 5px 5px; + border-top: 1px solid #CFD5D9; + padding: 15px 0 +} +.login_content form input[type="submit"], +#content form .submit { + float: left; + margin-left: 38px +} +.button a { + background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat; + color: #7E7E7E; + font-size: 17px; + padding: 2px 0 2px 40px; + text-decoration: none; + transition: all 0.3s ease +} +.button a:hover { + background-position: 0 -135px; + color: #00aeef +} +header { + width: 100% +} +#nprogress .bar { + background: #1ABB9C +} +#nprogress .peg { + box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C +} +#nprogress .spinner-icon { + border-top-color: #1ABB9C; + border-left-color: #1ABB9C +} +.editor-wrapper { + min-height: 250px; + background-color: white; + border-collapse: separate; + border: 1px solid #ccc; + padding: 4px; + box-sizing: content-box; + box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; + overflow: scroll; + outline: none +} +.voiceBtn { + width: 20px; + color: transparent; + background-color: transparent; + transform: scale(2, 2); + -webkit-transform: scale(2, 2); + -moz-transform: scale(2, 2); + border: transparent; + cursor: pointer; + box-shadow: none; + -webkit-box-shadow: none +} +div[data-role="editor-toolbar"] { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.dropdown-menu a { + cursor: pointer +} +.select2-container--default .select2-selection--single, +.select2-container--default .select2-selection--multiple { + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0; + min-height: 38px +} +.select2-container--default .select2-selection--single .select2-selection__rendered { + color: #73879C; + padding-top: 5px +} +.select2-container--default .select2-selection--multiple .select2-selection__rendered { + padding-top: 3px +} +.select2-container--default .select2-selection--single .select2-selection__arrow { + height: 36px +} +.select2-container--default .select2-selection--multiple .select2-selection__choice, +.select2-container--default .select2-selection--multiple .select2-selection__clear { + margin-top: 2px; + border: none; + border-radius: 0; + padding: 3px 5px +} +.select2-container--default.select2-container--focus .select2-selection--multiple { + border: 1px solid #ccc +} +.switchery { + width: 32px; + height: 20px +} +.switchery>small { + width: 20px; + height: 20px +} +fieldset { + border: none; + margin: 0; + padding: 0 +} +.cropper .img-container, +.cropper .img-preview { + background-color: #f7f7f7; + width: 100%; + text-align: center +} +.cropper .img-container { + min-height: 200px; + max-height: 516px; + margin-bottom: 20px +} +@media (min-width: 768px) { + .cropper .img-container { + min-height: 516px + } +} +.cropper .img-container>img { + max-width: 100% +} +.cropper .docs-preview { + margin-right: -15px +} +.cropper .img-preview { + float: left; + margin-right: 10px; + margin-bottom: 10px; + overflow: hidden +} +.cropper .img-preview>img { + max-width: 100% +} +.cropper .preview-lg { + width: 263px; + height: 148px +} +.cropper .preview-md { + width: 139px; + height: 78px +} +.cropper .preview-sm { + width: 69px; + height: 39px +} +.cropper .preview-xs { + width: 35px; + height: 20px; + margin-right: 0 +} +.cropper .docs-data>.input-group { + margin-bottom: 10px +} +.cropper .docs-data>.input-group>label { + min-width: 80px +} +.cropper .docs-data>.input-group>span { + min-width: 50px +} +.cropper .docs-buttons>.btn, +.cropper .docs-buttons>.btn-group, +.cropper .docs-buttons>.form-control { + margin-right: 5px; + margin-bottom: 10px +} +.cropper .docs-toggles>.btn, +.cropper .docs-toggles>.btn-group, +.cropper .docs-toggles>.dropdown { + margin-bottom: 10px +} +.cropper .docs-tooltip { + display: block; + margin: -6px -12px; + padding: 6px 12px +} +.cropper .docs-tooltip>.icon { + margin: 0 -3px; + vertical-align: top +} +.cropper .tooltip-inner { + white-space: normal +} +.cropper .btn-upload .tooltip-inner, +.cropper .btn-toggle .tooltip-inner { + white-space: nowrap +} +.cropper .btn-toggle { + padding: 6px +} +.cropper .btn-toggle>.docs-tooltip { + margin: -6px; + padding: 6px +} +@media (max-width: 400px) { + .cropper .btn-group-crop { + margin-right: -15px !important + } + .cropper .btn-group-crop>.btn { + padding-left: 5px; + padding-right: 5px + } + .cropper .btn-group-crop .docs-tooltip { + margin-left: -5px; + margin-right: -5px; + padding-left: 5px; + padding-right: 5px + } +} +.cropper .docs-options .dropdown-menu { + width: 100% +} +.cropper .docs-options .dropdown-menu>li { + padding: 3px 20px +} +.cropper .docs-options .dropdown-menu>li:hover { + background-color: #f7f7f7 +} +.cropper .docs-options .dropdown-menu>li>label { + display: block +} +.cropper .docs-cropped .modal-body { + text-align: center +} +.cropper .docs-cropped .modal-body>img, +.cropper .docs-cropped .modal-body>canvas { + max-width: 100% +} +.cropper .docs-diagram .modal-dialog { + max-width: 352px +} +.cropper .docs-cropped canvas { + max-width: 100% +} +.form_wizard .stepContainer { + display: block; + position: relative; + margin: 0; + padding: 0; + border: 0 solid #CCC; + overflow-x: hidden +} +.wizard_horizontal ul.wizard_steps { + display: table; + list-style: none; + position: relative; + width: 100%; + margin: 0 0 20px +} +.wizard_horizontal ul.wizard_steps li { + display: table-cell; + text-align: center +} +.wizard_horizontal ul.wizard_steps li a, +.wizard_horizontal ul.wizard_steps li:hover { + display: block; + position: relative; + -moz-opacity: 1; + filter: alpha(opacity=100); + opacity: 1; + color: #666 +} +.wizard_horizontal ul.wizard_steps li a:before { + content: ""; + position: absolute; + height: 4px; + background: #ccc; + top: 20px; + width: 100%; + z-index: 4; + left: 0 +} +.wizard_horizontal ul.wizard_steps li a.disabled .step_no { + background: #ccc +} +.wizard_horizontal ul.wizard_steps li a .step_no { + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 100px; + display: block; + margin: 0 auto 5px; + font-size: 16px; + text-align: center; + position: relative; + z-index: 5 +} +.wizard_horizontal ul.wizard_steps li a.selected:before, +.step_no { + background: #34495E; + color: #fff +} +.wizard_horizontal ul.wizard_steps li a.done:before, +.wizard_horizontal ul.wizard_steps li a.done .step_no { + background: #1ABB9C; + color: #fff +} +.wizard_horizontal ul.wizard_steps li:first-child a:before { + left: 50% +} +.wizard_horizontal ul.wizard_steps li:last-child a:before { + right: 50%; + width: 50%; + left: auto +} +.wizard_verticle .stepContainer { + width: 80%; + float: left; + padding: 0 10px +} +.actionBar { + width: 100%; + border-top: 1px solid #ddd; + padding: 10px 5px; + text-align: right; + margin-top: 10px +} +.actionBar .buttonDisabled { + cursor: not-allowed; + pointer-events: none; + opacity: .65; + filter: alpha(opacity=65); + box-shadow: none +} +.actionBar a { + margin: 0 3px +} +.wizard_verticle .wizard_content { + width: 80%; + float: left; + padding-left: 20px +} +.wizard_verticle ul.wizard_steps { + display: table; + list-style: none; + position: relative; + width: 20%; + float: left; + margin: 0 0 20px +} +.wizard_verticle ul.wizard_steps li { + display: list-item; + text-align: center +} +.wizard_verticle ul.wizard_steps li a { + height: 80px +} +.wizard_verticle ul.wizard_steps li a:first-child { + margin-top: 20px +} +.wizard_verticle ul.wizard_steps li a, +.wizard_verticle ul.wizard_steps li:hover { + display: block; + position: relative; + -moz-opacity: 1; + filter: alpha(opacity=100); + opacity: 1; + color: #666 +} +.wizard_verticle ul.wizard_steps li a:before { + content: ""; + position: absolute; + height: 100%; + background: #ccc; + top: 20px; + width: 4px; + z-index: 4; + left: 49% +} +.wizard_verticle ul.wizard_steps li a.disabled .step_no { + background: #ccc +} +.wizard_verticle ul.wizard_steps li a .step_no { + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 100px; + display: block; + margin: 0 auto 5px; + font-size: 16px; + text-align: center; + position: relative; + z-index: 5 +} +.wizard_verticle ul.wizard_steps li a.selected:before, +.step_no { + background: #34495E; + color: #fff +} +.wizard_verticle ul.wizard_steps li a.done:before, +.wizard_verticle ul.wizard_steps li a.done .step_no { + background: #1ABB9C; + color: #fff +} +.wizard_verticle ul.wizard_steps li:first-child a:before { + left: 49% +} +.wizard_verticle ul.wizard_steps li:last-child a:before { + left: 49%; + left: auto; + width: 0 +} +.form_wizard .loader { + display: none +} +.form_wizard .msgBox { + display: none +} +.progress { + border-radius: 0 +} +.progress-bar-info { + background-color: #3498DB +} +.progress-bar-success { + background-color: #26B99A +} +.progress_summary .progress { + margin: 5px 0 12px !important +} +.progress_summary .row { + margin-bottom: 5px +} +.progress_summary .row .col-xs-2 { + padding: 0 +} +.progress_summary .more_info span { + text-align: right; + float: right +} +.progress_summary .data span { + text-align: right; + float: right +} +.progress_summary p { + margin-bottom: 3px; + width: 100% +} +.progress_title .left { + float: left; + text-align: left +} +.progress_title .right { + float: right; + text-align: right; + font-weight: 300 +} +.progress.progress_sm { + border-radius: 0; + margin-bottom: 18px; + height: 10px !important +} +.progress.progress_sm .progress-bar { + height: 10px !important +} +.dashboard_graph p { + margin: 0 0 4px +} +ul.verticle_bars { + width: 100% +} +ul.verticle_bars li { + width: 23%; + height: 200px; + margin: 0 +} +.progress.vertical.progress_wide { + width: 35px +} +.alert-success { + color: #ffffff; + background-color: rgba(38, 185, 154, 0.88); + border-color: rgba(38, 185, 154, 0.88) +} +.alert-info { + color: #E9EDEF; + background-color: rgba(52, 152, 219, 0.88); + border-color: rgba(52, 152, 219, 0.88) +} +.alert-warning { + color: #E9EDEF; + background-color: rgba(243, 156, 18, 0.88); + border-color: rgba(243, 156, 18, 0.88) +} +.alert-danger, +.alert-error { + color: #E9EDEF; + background-color: rgba(231, 76, 60, 0.88); + border-color: rgba(231, 76, 60, 0.88) +} +.ui-pnotify.dark .ui-pnotify-container { + color: #E9EDEF; + background-color: rgba(52, 73, 94, 0.88); + border-color: rgba(52, 73, 94, 0.88) +} +.custom-notifications { + position: fixed; + margin: 15px; + right: 0; + float: right; + width: 400px; + z-index: 4000; + bottom: 0 +} +ul.notifications { + float: right; + display: block; + margin-bottom: 7px; + padding: 0; + width: 100% +} +.notifications li { + float: right; + margin: 3px; + width: 36px; + box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3) +} +.notifications li:last-child { + margin-left: 0 +} +.notifications a { + display: block; + text-align: center; + text-decoration: none; + text-transform: uppercase; + padding: 9px 8px +} +.tabbed_notifications .text { + padding: 5px 15px; + height: 140px; + border-radius: 7px; + box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) +} +.tabbed_notifications div p { + display: inline-block +} +.tabbed_notifications h2 { + font-weight: bold; + text-transform: uppercase; + width: 80%; + float: left; + height: 20px; + text-overflow: ellipsis; + overflow: hidden; + display: block +} +.tabbed_notifications .close { + padding: 5px; + color: #E9EDEF; + float: right; + opacity: 1 +} +.fc-state-default { + background: #f5f5f5; + color: #73879C +} +.fc-state-down, +.fc-state-active { + color: #333; + background: #ccc +} +.dropzone { + min-height: 300px; + border: 1px solid #e5e5e5 +} + +/* +.x_content { + direction: rtl; +} +*/ + +.main_menu .label { + line-height: 11px; + margin-top: 4px; +} +@media (max-width: 460px) { + .dataTables_wrapper .col-sm-6 { + width: 100%; + margin-bottom: 5px; + } + .dataTables_wrapper .col-sm-6 .dataTables_filter { + float: none; + } +} + + +@media (max-width: 767px) { + .dataTables_length { float:none; } +} + + + + +/* CSS3 Checkbox */ +/* +.checkbox-input { display:block;position:relative; } +.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; } + + + #input + label:after { + content: 'click my input'; + color: blue; + } + + #input:focus + label:after { + content: 'not valid yet'; + color: blue; + } + + #input:valid + label:after { + content: 'looks good'; + color: red; + } + +/* CSS3 Checkbox - end */ +/* + +/* +.checkbox { display: block;position:relative;cursor:pointer; } +.checkbox input { position:absolute;z-index:-1;opacity:0;left:0;top:0; } +.checkbox div { position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; } +.checkbox input:checked ~ div { background: #1ABC9C; } +.checkbox:hover input:not([disabled]):checked ~ div, +.checkbox input:checked:focus ~ div { background: #1ABC9C; } +.checkbox input:disabled ~ div { background: #1ABC9C;opacity: 0.6;pointer-events: none; } +.checkbox div:after { content: '';position: absolute;display: none; } +.checkbox input:checked ~ div:after { display: block; } +.checkbox-wp div:after { left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); } +.checkbox-wp input:disabled ~ div:after { border-color: #F2F2F2; } + + +.checkbox-radio div { border-radius: 50%; } +.checkbox-radio div:after { left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; } +.checkbox-radio input:disabled ~ div:after { background: #F2F2F2; } + + +.checkbox, .radio { margin-top:-3px; } + +table thead .checkbox { margin-top:-7px;margin-top:-21px; } +table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; } +*/ + +.daterangepicker.xdisplay { width:228px; } + +.dataTables_wrapper > .row{ + overflow:auto !important; /*prevent datatables overflowing its container*/ +} diff --git a/bower.json b/bower.json deleted file mode 100644 index 2da33f2..0000000 --- a/bower.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "name": "gentelella_on_rails", - "authors": [ - "Israel Ogbole" - ], - "description": "Gentellela Admin Bootstrap template on Rails 4", - "main": "", - "license": "MIT", - "homepage": "", - "dependencies": { - "gentelella": "^1.4.0" - } -} diff --git a/script/setup.sh b/script/setup.sh index 22b69d7..89f0afb 100755 --- a/script/setup.sh +++ b/script/setup.sh @@ -2,14 +2,13 @@ # Install bower, bundler, packages function install { - npm install bower - bower install --allow-root gem install bundler bundle install } # setup function setup { + bin/rails g gentelella:install bin/rake db:migrate }