diff --git a/app/images/bs/8962691008_7f489395c9_m.jpg b/app/images/bs/8962691008_7f489395c9_m.jpg new file mode 100644 index 0000000..4a12bc0 Binary files /dev/null and b/app/images/bs/8962691008_7f489395c9_m.jpg differ diff --git a/app/images/bs/8985207189_01ea27882d_m.jpg b/app/images/bs/8985207189_01ea27882d_m.jpg new file mode 100644 index 0000000..9ec3955 Binary files /dev/null and b/app/images/bs/8985207189_01ea27882d_m.jpg differ diff --git a/app/images/bs/9036958611_fa1bb7f827_m.jpg b/app/images/bs/9036958611_fa1bb7f827_m.jpg new file mode 100644 index 0000000..29a4b48 Binary files /dev/null and b/app/images/bs/9036958611_fa1bb7f827_m.jpg differ diff --git a/app/images/bs/9041440555_2175b32078_m.jpg b/app/images/bs/9041440555_2175b32078_m.jpg new file mode 100644 index 0000000..d579ab4 Binary files /dev/null and b/app/images/bs/9041440555_2175b32078_m.jpg differ diff --git a/app/images/bs/avatar.jpg b/app/images/bs/avatar.jpg new file mode 100644 index 0000000..66978db Binary files /dev/null and b/app/images/bs/avatar.jpg differ diff --git a/app/images/bs/chevron-left.png b/app/images/bs/chevron-left.png new file mode 100644 index 0000000..a9a1209 Binary files /dev/null and b/app/images/bs/chevron-left.png differ diff --git a/app/images/bs/chevron-right.png b/app/images/bs/chevron-right.png new file mode 100644 index 0000000..61de886 Binary files /dev/null and b/app/images/bs/chevron-right.png differ diff --git a/app/images/bs/devoops_getdata.gif b/app/images/bs/devoops_getdata.gif new file mode 100644 index 0000000..891304a Binary files /dev/null and b/app/images/bs/devoops_getdata.gif differ diff --git a/app/images/bs/devoops_pattern_b10.png b/app/images/bs/devoops_pattern_b10.png new file mode 100644 index 0000000..4c19cb6 Binary files /dev/null and b/app/images/bs/devoops_pattern_b10.png differ diff --git a/app/images/bs/logo-200.png b/app/images/bs/logo-200.png new file mode 100644 index 0000000..551b91c Binary files /dev/null and b/app/images/bs/logo-200.png differ diff --git a/app/images/bs/logo.png b/app/images/bs/logo.png new file mode 100644 index 0000000..ddd816d Binary files /dev/null and b/app/images/bs/logo.png differ diff --git a/app/images/bs/sort-asc.png b/app/images/bs/sort-asc.png new file mode 100644 index 0000000..4a912e4 Binary files /dev/null and b/app/images/bs/sort-asc.png differ diff --git a/app/images/bs/sort-desc.png b/app/images/bs/sort-desc.png new file mode 100644 index 0000000..7f4ace0 Binary files /dev/null and b/app/images/bs/sort-desc.png differ diff --git a/app/images/bs/sort.png b/app/images/bs/sort.png new file mode 100644 index 0000000..337ff81 Binary files /dev/null and b/app/images/bs/sort.png differ diff --git a/app/images/bs/times.png b/app/images/bs/times.png new file mode 100644 index 0000000..f109341 Binary files /dev/null and b/app/images/bs/times.png differ diff --git a/app/images/bs/ui-accordion-down.png b/app/images/bs/ui-accordion-down.png new file mode 100644 index 0000000..c2e0675 Binary files /dev/null and b/app/images/bs/ui-accordion-down.png differ diff --git a/app/images/bs/ui-accordion-right.png b/app/images/bs/ui-accordion-right.png new file mode 100644 index 0000000..972a3d5 Binary files /dev/null and b/app/images/bs/ui-accordion-right.png differ diff --git a/app/images/bs/ui-left.png b/app/images/bs/ui-left.png new file mode 100644 index 0000000..dd7e49f Binary files /dev/null and b/app/images/bs/ui-left.png differ diff --git a/app/images/bs/ui-right.png b/app/images/bs/ui-right.png new file mode 100644 index 0000000..dba43d6 Binary files /dev/null and b/app/images/bs/ui-right.png differ diff --git a/app/scripts/bs/bs.js b/app/scripts/bs/bs.js new file mode 100644 index 0000000..4b3e3f4 --- /dev/null +++ b/app/scripts/bs/bs.js @@ -0,0 +1,2530 @@ +// +// Main script of DevOOPS v1.0 Bootstrap Theme +// +"use strict"; +/*------------------------------------------- + Dynamically load plugin scripts + ---------------------------------------------*/ +// +// Dynamically load Fullcalendar Plugin Script +// homepage: http://arshaw.com/fullcalendar +// require moment.js +// +function LoadCalendarScript(callback) { + function LoadFullCalendarScript() { + if (!$.fn.fullCalendar) { + $.getScript('plugins/fullcalendar/fullcalendar.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } + } + + if (!$.fn.moment) { + $.getScript('plugins/moment/moment.min.js', LoadFullCalendarScript); + } + else { + LoadFullCalendarScript(); + } +} +// +// Dynamically load OpenStreetMap Plugin +// homepage: http://openlayers.org +// +function LoadOpenLayersScript(callback) { + if (!$.fn.OpenLayers) { + $.getScript('http://www.openlayers.org/api/OpenLayers.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load jQuery Timepicker plugin +// homepage: http://trentrichardson.com/examples/timepicker/ +// +function LoadTimePickerScript(callback) { + if (!$.fn.timepicker) { + $.getScript('plugins/jquery-ui-timepicker-addon/jquery-ui-timepicker-addon.min.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load Bootstrap Validator Plugin +// homepage: https://github.com/nghuuphuoc/bootstrapvalidator +// +function LoadBootstrapValidatorScript(callback) { + if (!$.fn.bootstrapValidator) { + $.getScript('plugins/bootstrapvalidator/bootstrapValidator.min.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load jQuery Select2 plugin +// homepage: https://github.com/ivaynberg/select2 v3.4.5 license - GPL2 +// +function LoadSelect2Script(callback) { + if (!$.fn.select2) { + $.getScript('plugins/select2/select2.min.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load DataTables plugin +// homepage: http://datatables.net v1.9.4 license - GPL or BSD +// +function LoadDataTablesScripts(callback) { + function LoadDatatables() { + $.getScript('plugins/datatables/jquery.dataTables.js', function () { + $.getScript('plugins/datatables/ZeroClipboard.js', function () { + $.getScript('plugins/datatables/TableTools.js', function () { + $.getScript('plugins/datatables/dataTables.bootstrap.js', callback); + }); + }); + }); + } + + if (!$.fn.dataTables) { + LoadDatatables(); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load Widen FineUploader +// homepage: https://github.com/Widen/fine-uploader v4.3.1 license - GPL3 +// +function LoadFineUploader(callback) { + if (!$.fn.fineuploader) { + $.getScript('plugins/fineuploader/jquery.fineuploader-4.3.1.min.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load xCharts plugin +// homepage: http://tenxer.github.io/xcharts/ v0.3.0 license - MIT +// Required D3 plugin http://d3js.org/ v3.4.1 license - MIT +// +function LoadXChartScript(callback) { + function LoadXChart() { + $.getScript('plugins/xcharts/xcharts.min.js', callback); + } + + function LoadD3Script() { + if (!$.fn.d3) { + $.getScript('plugins/d3/d3.v3.min.js', LoadXChart) + } + else { + LoadXChart(); + } + } + + if (!$.fn.xcharts) { + LoadD3Script(); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load Flot plugin +// homepage: http://www.flotcharts.org v0.8.2 license- MIT +// +function LoadFlotScripts(callback) { + function LoadFlotScript() { + $.getScript('plugins/flot/jquery.flot.js', LoadFlotResizeScript); + } + + function LoadFlotResizeScript() { + $.getScript('plugins/flot/jquery.flot.resize.js', LoadFlotTimeScript); + } + + function LoadFlotTimeScript() { + $.getScript('plugins/flot/jquery.flot.time.js', callback); + } + + if (!$.fn.flot) { + LoadFlotScript(); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load Morris Charts plugin +// homepage: http://www.oesmith.co.uk/morris.js/ v0.4.3 License - MIT +// require Raphael http://raphael.js +// +function LoadMorrisScripts(callback) { + function LoadMorrisScript() { + if (!$.fn.Morris) { + $.getScript('plugins/morris/morris.min.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } + } + + if (!$.fn.raphael) { + $.getScript('plugins/raphael/raphael-min.js', LoadMorrisScript); + } + else { + LoadMorrisScript(); + } +} +// +// Dynamically load Fancybox 2 plugin +// homepage: http://fancyapps.com/fancybox/ v2.1.5 License - MIT +// +function LoadFancyboxScript(callback) { + if (!$.fn.fancybox) { + $.getScript('plugins/fancybox/jquery.fancybox.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load jQuery-Knob plugin +// homepage: http://anthonyterrien.com/knob/ v1.2.5 License- MIT or GPL +// +function LoadKnobScripts(callback) { + if (!$.fn.knob) { + $.getScript('plugins/jQuery-Knob/jquery.knob.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +// +// Dynamically load Sparkline plugin +// homepage: http://omnipotent.net/jquery.sparkline v2.1.2 License - BSD +// +function LoadSparkLineScript(callback) { + if (!$.fn.sparkline) { + $.getScript('plugins/sparkline/jquery.sparkline.min.js', callback); + } + else { + if (callback && typeof(callback) === "function") { + callback(); + } + } +} +/*------------------------------------------- + Main scripts used by theme + ---------------------------------------------*/ +// +// Function for load content from url and put in $('.ajax-content') block +// +function LoadAjaxContent(url) { + $('.preloader').show(); + $.ajax({ + mimeType: 'text/html; charset=utf-8', // ! Need set mimeType only when run from local file + url: url, + type: 'GET', + success: function (data) { + $('#ajax-content').html(data); + $('.preloader').hide(); + }, + error: function (jqXHR, textStatus, errorThrown) { + alert(errorThrown); + }, + dataType: "html", + async: false + }); +} +// +// Function maked all .box selector is draggable, to disable for concrete element add class .no-drop +// +function WinMove() { + $("div.box").not('.no-drop') + .draggable({ + revert: true, + zIndex: 2000, + cursor: "crosshair", + handle: '.box-name', + opacity: 0.8 + }) + .droppable({ + tolerance: 'pointer', + drop: function (event, ui) { + var draggable = ui.draggable; + var droppable = $(this); + var dragPos = draggable.position(); + var dropPos = droppable.position(); + draggable.swap(droppable); + setTimeout(function () { + var dropmap = droppable.find('[id^=map-]'); + var dragmap = draggable.find('[id^=map-]'); + if (dragmap.length > 0 || dropmap.length > 0) { + dragmap.resize(); + dropmap.resize(); + } + else { + draggable.resize(); + droppable.resize(); + } + }, 50); + setTimeout(function () { + draggable.find('[id^=map-]').resize(); + droppable.find('[id^=map-]').resize(); + }, 250); + } + }); +} +// +// Swap 2 elements on page. Used by WinMove function +// +jQuery.fn.swap = function (b) { + b = jQuery(b)[0]; + var a = this[0]; + var t = a.parentNode.insertBefore(document.createTextNode(''), a); + b.parentNode.insertBefore(a, b); + t.parentNode.insertBefore(b, t); + t.parentNode.removeChild(t); + return this; +}; +// +// Screensaver function +// used on locked screen, and write content to element with id - canvas +// +function ScreenSaver() { + var canvas = document.getElementById("canvas"); + var ctx = canvas.getContext("2d"); + // Size of canvas set to fullscreen of browser + var W = window.innerWidth; + var H = window.innerHeight; + canvas.width = W; + canvas.height = H; + // Create array of particles for screensaver + var particles = []; + for (var i = 0; i < 25; i++) { + particles.push(new Particle()); + } + function Particle() { + // location on the canvas + this.location = {x: Math.random() * W, y: Math.random() * H}; + // radius - lets make this 0 + this.radius = 0; + // speed + this.speed = 3; + // random angle in degrees range = 0 to 360 + this.angle = Math.random() * 360; + // colors + var r = Math.round(Math.random() * 255); + var g = Math.round(Math.random() * 255); + var b = Math.round(Math.random() * 255); + var a = Math.random(); + this.rgba = "rgba(" + r + ", " + g + ", " + b + ", " + a + ")"; + } + + // Draw the particles + function draw() { + // re-paint the BG + // Lets fill the canvas black + // reduce opacity of bg fill. + // blending time + ctx.globalCompositeOperation = "source-over"; + ctx.fillStyle = "rgba(0, 0, 0, 0.02)"; + ctx.fillRect(0, 0, W, H); + ctx.globalCompositeOperation = "lighter"; + for (var i = 0; i < particles.length; i++) { + var p = particles[i]; + ctx.fillStyle = "white"; + ctx.fillRect(p.location.x, p.location.y, p.radius, p.radius); + // Lets move the particles + // So we basically created a set of particles moving in random direction + // at the same speed + // Time to add ribbon effect + for (var n = 0; n < particles.length; n++) { + var p2 = particles[n]; + // calculating distance of particle with all other particles + var yd = p2.location.y - p.location.y; + var xd = p2.location.x - p.location.x; + var distance = Math.sqrt(xd * xd + yd * yd); + // draw a line between both particles if they are in 200px range + if (distance < 200) { + ctx.beginPath(); + ctx.lineWidth = 1; + ctx.moveTo(p.location.x, p.location.y); + ctx.lineTo(p2.location.x, p2.location.y); + ctx.strokeStyle = p.rgba; + ctx.stroke(); + //The ribbons appear now. + } + } + // We are using simple vectors here + // New x = old x + speed * cos(angle) + p.location.x = p.location.x + p.speed * Math.cos(p.angle * Math.PI / 180); + // New y = old y + speed * sin(angle) + p.location.y = p.location.y + p.speed * Math.sin(p.angle * Math.PI / 180); + // You can read about vectors here: + // http://physics.about.com/od/mathematics/a/VectorMath.htm + if (p.location.x < 0) p.location.x = W; + if (p.location.x > W) p.location.x = 0; + if (p.location.y < 0) p.location.y = H; + if (p.location.y > H) p.location.y = 0; + } + } + + setInterval(draw, 30); +} +// +// Helper for draw Google Chart +// +function drawGoogleChart(chart_data, chart_options, element, chart_type) { + // Function for visualize Google Chart + var data = google.visualization.arrayToDataTable(chart_data); + var chart = new chart_type(document.getElementById(element)); + chart.draw(data, chart_options); +} +// +// Function for Draw Knob Charts +// +function DrawKnob(elem) { + elem.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); + }, + draw: function () { + // "tron" case + if (this.$.data('skin') == 'tron') { + var a = this.angle(this.cv); // Angle + var sa = this.startAngle; // Previous start angle + var sat = this.startAngle; // Start angle + var ea; // Previous end angle + var eat = sat + a; // End angle + var r = 1; + this.g.lineWidth = this.lineWidth; + this.o.cursor + && (sat = eat - 0.3) + && (eat = eat + 0.3); + if (this.o.displayPrevious) { + ea = this.startAngle + this.angle(this.v); + this.o.cursor + && (sa = ea - 0.3) + && (ea = ea + 0.3); + this.g.beginPath(); + this.g.strokeStyle = this.pColor; + this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false); + 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, sat, eat, false); + 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; + var up = 0; + var down = 0; + var i = 0; + var $idir = $("div.idir"); + var $ival = $("div.ival"); + var incr = function () { + i++; + $idir.show().html("+").fadeOut(); + $ival.html(i); + } + var 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; + } + }); +} +// +// Create OpenLayers map with required options and return map as object +// +function drawMap(lon, lat, elem, layers) { + var LayersArray = []; + // Map initialization + var map = new OpenLayers.Map(elem); + // Add layers on map + map.addLayers(layers); + // WGS 1984 projection + var epsg4326 = new OpenLayers.Projection("EPSG:4326"); + //The map projection (Spherical Mercator) + var projectTo = map.getProjectionObject(); + // Max zoom = 17 + var zoom = 10; + map.zoomToMaxExtent(); + // Set longitude/latitude + var lonlat = new OpenLayers.LonLat(lon, lat); + map.setCenter(lonlat.transform(epsg4326, projectTo), zoom); + var layerGuest = new OpenLayers.Layer.Vector("You are here"); + // Define markers as "features" of the vector layer: + var guestMarker = new OpenLayers.Feature.Vector( + new OpenLayers.Geometry.Point(lon, lat).transform(epsg4326, projectTo) + ); + layerGuest.addFeatures(guestMarker); + LayersArray.push(layerGuest); + map.addLayers(LayersArray); + // If map layers > 1 then show checker + if (layers.length > 1) { + map.addControl(new OpenLayers.Control.LayerSwitcher({'ascending': true})); + } + // Link to current position + map.addControl(new OpenLayers.Control.Permalink()); + // Show current mouse coords + map.addControl(new OpenLayers.Control.MousePosition({ displayProjection: epsg4326 })); + return map +} +// +// Function for create 2 dates in human-readable format (with leading zero) +// +function PrettyDates() { + var currDate = new Date(); + var year = currDate.getFullYear(); + var month = currDate.getMonth() + 1; + var startmonth = 1; + if (month > 3) { + startmonth = month - 2; + } + if (startmonth <= 9) { + startmonth = '0' + startmonth; + } + if (month <= 9) { + month = '0' + month; + } + var day = currDate.getDate(); + if (day <= 9) { + day = '0' + day; + } + var startdate = year + '-' + startmonth + '-01'; + var enddate = year + '-' + month + '-' + day; + return [startdate, enddate]; +} +// +// Function set min-height of window (required for this theme) +// +function SetMinBlockHeight(elem) { + elem.css('min-height', window.innerHeight - 49) +} +// +// Helper for correct size of Messages page +// +function MessagesMenuWidth() { + var W = window.innerWidth; + var W_menu = $('#sidebar-left').outerWidth(); + var w_messages = (W - W_menu) * 16.666666666666664 / 100; + $('#messages-menu').width(w_messages); +} +// +// Function for change panels of Dashboard +// +function DashboardTabChecker() { + $('#content').on('click', 'a.tab-link', function (e) { + e.preventDefault(); + $('div#dashboard_tabs').find('div[id^=dashboard]').each(function () { + $(this).css('visibility', 'hidden').css('position', 'absolute'); + }); + var attr = $(this).attr('id'); + $('#' + 'dashboard-' + attr).css('visibility', 'visible').css('position', 'relative'); + $(this).closest('.nav').find('li').removeClass('active'); + $(this).closest('li').addClass('active'); + }); +} +// +// Helper for run TinyMCE editor with textarea's +// +function TinyMCEStart(elem, mode) { + var plugins = []; + if (mode == 'extreme') { + plugins = [ "advlist anchor autolink autoresize autosave bbcode charmap code contextmenu directionality ", + "emoticons fullpage fullscreen hr image insertdatetime layer legacyoutput", + "link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace", + "tabfocus table template textcolor visualblocks visualchars wordcount"] + } + tinymce.init({selector: elem, + theme: "modern", + plugins: plugins, + //content_css: "css/style.css", + toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons", + style_formats: [ + {title: 'Header 2', block: 'h2', classes: 'page-header'}, + {title: 'Header 3', block: 'h3', classes: 'page-header'}, + {title: 'Header 4', block: 'h4', classes: 'page-header'}, + {title: 'Header 5', block: 'h5', classes: 'page-header'}, + {title: 'Header 6', block: 'h6', classes: 'page-header'}, + {title: 'Bold text', inline: 'b'}, + {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, + {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, + {title: 'Example 1', inline: 'span', classes: 'example1'}, + {title: 'Example 2', inline: 'span', classes: 'example2'}, + {title: 'Table styles'}, + {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'} + ] + }); +} +// +// Helper for draw Sparkline plots on Dashboard page +// +function SparkLineDrawBarGraph(elem, arr, color) { + if (color) { + var stacked_color = color; + } + else { + stacked_color = '#6AA6D6' + } + elem.sparkline(arr, { type: 'bar', barWidth: 7, highlightColor: '#000', barSpacing: 2, height: 40, stackedBarColor: stacked_color}); +} +// +// Helper for open ModalBox with requested header, content and bottom +// +// +function OpenModalBox(header, inner, bottom) { + var modalbox = $('#modalbox'); + modalbox.find('.modal-header-name span').html(header); + modalbox.find('.devoops-modal-inner').html(inner); + modalbox.find('.devoops-modal-bottom').html(bottom); + modalbox.fadeIn('fast'); + $('body').addClass("body-expanded"); +} +// +// Close modalbox +// +// +function CloseModalBox() { + var modalbox = $('#modalbox'); + modalbox.fadeOut('fast', function () { + modalbox.find('.modal-header-name span').children().remove(); + modalbox.find('.devoops-modal-inner').children().remove(); + modalbox.find('.devoops-modal-bottom').children().remove(); + $('body').removeClass("body-expanded"); + }); +} +// +// Beauty tables plugin (navigation in tables with inputs in cell) +// Created by DevOOPS. +// +(function ($) { + $.fn.beautyTables = function () { + var table = this; + var string_fill = false; + this.on('keydown', function (event) { + var target = event.target; + var tr = $(target).closest("tr"); + var col = $(target).closest("td"); + if (target.tagName.toUpperCase() == 'INPUT') { + if (event.shiftKey === true) { + switch (event.keyCode) { + case 37: // left arrow + col.prev().children("input[type=text]").focus(); + break; + case 39: // right arrow + col.next().children("input[type=text]").focus(); + break; + case 40: // down arrow + if (string_fill == false) { + tr.next().find('td:eq(' + col.index() + ') input[type=text]').focus(); + } + break; + case 38: // up arrow + if (string_fill == false) { + tr.prev().find('td:eq(' + col.index() + ') input[type=text]').focus(); + } + break; + } + } + if (event.ctrlKey === true) { + switch (event.keyCode) { + case 37: // left arrow + tr.find('td:eq(1)').find("input[type=text]").focus(); + break; + case 39: // right arrow + tr.find('td:last-child').find("input[type=text]").focus(); + break; + case 40: // down arrow + if (string_fill == false) { + table.find('tr:last-child td:eq(' + col.index() + ') input[type=text]').focus(); + } + break; + case 38: // up arrow + if (string_fill == false) { + table.find('tr:eq(1) td:eq(' + col.index() + ') input[type=text]').focus(); + } + break; + } + } + if (event.keyCode == 13 || event.keyCode == 9) { + event.preventDefault(); + col.next().find("input[type=text]").focus(); + } + if (string_fill == false) { + if (event.keyCode == 34) { + event.preventDefault(); + table.find('tr:last-child td:last-child').find("input[type=text]").focus(); + } + if (event.keyCode == 33) { + event.preventDefault(); + table.find('tr:eq(1) td:eq(1)').find("input[type=text]").focus(); + } + } + } + }); + table.find("input[type=text]").each(function () { + $(this).on('blur', function (event) { + var target = event.target; + var col = $(target).parents("td"); + if (table.find("input[name=string-fill]").prop("checked") == true) { + col.nextAll().find("input[type=text]").each(function () { + $(this).val($(target).val()); + }); + } + }); + }) + }; +})(jQuery); +// +// Beauty Hover Plugin (backlight row and col when cell in mouseover) +// +// +(function ($) { + $.fn.beautyHover = function () { + var table = this; + table.on('mouseover', 'td', function () { + var idx = $(this).index(); + var rows = $(this).closest('table').find('tr'); + rows.each(function () { + $(this).find('td:eq(' + idx + ')').addClass('beauty-hover'); + }); + }) + .on('mouseleave', 'td', function (e) { + var idx = $(this).index(); + var rows = $(this).closest('table').find('tr'); + rows.each(function () { + $(this).find('td:eq(' + idx + ')').removeClass('beauty-hover'); + }); + }); + }; +})(jQuery); +// +// Function convert values of inputs in table to JSON data +// +// +function Table2Json(table) { + var result = {}; + table.find("tr").each(function () { + var oneRow = []; + var varname = $(this).index(); + $("td", this).each(function (index) { + if (index != 0) { + oneRow.push($("input", this).val()); + } + }); + result[varname] = oneRow; + }); + var result_json = JSON.stringify(result); + OpenModalBox('Table to JSON values', result_json); +} +/*------------------------------------------- + Demo graphs for Flot Chart page (charts_flot.html) + ---------------------------------------------*/ +// +// Graph1 created in element with id = box-one-content +// +function FlotGraph1() { + // We use an inline data source in the example, usually data would + // be fetched from a server + var data = [], + totalPoints = 300; + + function getRandomData() { + if (data.length > 0) + data = data.slice(1); + // Do a random walk + while (data.length < totalPoints) { + var prev = data.length > 0 ? data[data.length - 1] : 50, + y = prev + Math.random() * 10 - 5; + if (y < 0) { + y = 0; + } else if (y > 100) { + y = 100; + } + data.push(y); + } + // Zip the generated y values with the x values + var res = []; + for (var i = 0; i < data.length; ++i) { + res.push([i, data[i]]) + } + return res; + } + + var updateInterval = 30; + var plot = $.plot("#box-one-content", [ getRandomData() ], { + series: { + shadowSize: 0 // Drawing is faster without shadows + }, + yaxis: {min: 0, max: 100}, + xaxis: {show: false } + }); + + function update() { + plot.setData([getRandomData()]); + // Since the axes don't change, we don't need to call plot.setupGrid() + plot.draw(); + setTimeout(update, updateInterval); + } + + update(); +} +// +// Graph2 created in element with id = box-two-content +// +function FlotGraph2() { + var sin = []; + var cos = []; + var tan = []; + for (var i = 0; i < 14; i += 0.1) { + sin.push([i, Math.sin(i)]); + cos.push([i, Math.cos(i)]); + tan.push([i, Math.tan(i) / 4]); + } + var plot = $.plot("#box-two-content", [ + { data: sin, label: "sin(x) = -0.00"}, + { data: cos, label: "cos(x) = -0.00" }, + { data: tan, label: "tan(x)/4 = -0.00" } + ], { + series: { + lines: { + show: true + } + }, + crosshair: { + mode: "x" + }, + grid: { + hoverable: true, + autoHighlight: false + }, + yaxis: { + min: -5.2, + max: 5.2 + } + }); + var legends = $("#box-two-content .legendLabel"); + legends.each(function () { + // fix the widths so they don't jump around + $(this).css('width', $(this).width()); + }); + var updateLegendTimeout = null; + var latestPosition = null; + + function updateLegend() { + updateLegendTimeout = null; + var pos = latestPosition; + var axes = plot.getAxes(); + if (pos.x < axes.xaxis.min || pos.x > axes.xaxis.max || + pos.y < axes.yaxis.min || pos.y > axes.yaxis.max) { + return; + } + var i, j, dataset = plot.getData(); + for (i = 0; i < dataset.length; ++i) { + var series = dataset[i]; + // Find the nearest points, x-wise + for (j = 0; j < series.data.length; ++j) { + if (series.data[j][0] > pos.x) { + break; + } + } + // Now Interpolate + var y, p1 = series.data[j - 1], p2 = series.data[j]; + if (p1 == null) { + y = p2[1]; + } else if (p2 == null) { + y = p1[1]; + } else { + y = p1[1] + (p2[1] - p1[1]) * (pos.x - p1[0]) / (p2[0] - p1[0]); + } + legends.eq(i).text(series.label.replace(/=.*/, "= " + y.toFixed(2))); + } + } + + $("#box-two-content").bind("plothover", function (event, pos, item) { + latestPosition = pos; + if (!updateLegendTimeout) { + updateLegendTimeout = setTimeout(updateLegend, 50); + } + }); +} +// +// Graph3 created in element with id = box-three-content +// +function FlotGraph3() { + var d1 = []; + for (var i = 0; i <= 60; i += 1) { + d1.push([i, parseInt(Math.random() * 30 - 10)]); + } + function plotWithOptions(t) { + $.plot("#box-three-content", [ + { + data: d1, + color: "rgb(30, 180, 20)", + threshold: { + below: t, + color: "rgb(200, 20, 30)" + }, + lines: { + steps: true + } + } + ]); + } + + plotWithOptions(0); +} +// +// Graph4 created in element with id = box-four-content +// +function FlotGraph4() { + var d1 = []; + for (var i = 0; i < 14; i += 0.5) { + d1.push([i, Math.sin(i)]); + } + var d2 = [ + [0, 3], + [4, 8], + [8, 5], + [9, 13] + ]; + var d3 = []; + for (var i = 0; i < 14; i += 0.5) { + d3.push([i, Math.cos(i)]); + } + var d4 = []; + for (var i = 0; i < 14; i += 0.1) { + d4.push([i, Math.sqrt(i * 10)]); + } + var d5 = []; + for (var i = 0; i < 14; i += 0.5) { + d5.push([i, Math.sqrt(i)]); + } + var d6 = []; + for (var i = 0; i < 14; i += 0.5 + Math.random()) { + d6.push([i, Math.sqrt(2 * i + Math.sin(i) + 5)]); + } + $.plot("#box-four-content", [ + { + data: d1, + lines: { show: true, fill: true } + }, + { + data: d2, + bars: { show: true } + }, + { + data: d3, + points: { show: true } + }, + { + data: d4, + lines: { show: true } + }, + { + data: d5, + lines: { show: true }, + points: { show: true } + }, + { + data: d6, + lines: { show: true, steps: true } + } + ]); +} +/*------------------------------------------- + Demo graphs for Morris Chart page (charts_morris.html) + ---------------------------------------------*/ +// +// Graph1 created in element with id = morris-chart-1 +// +function MorrisChart1() { + var day_data = [ + {"period": "2013-10-01", "licensed": 3407, "sorned": 660}, + {"period": "2013-09-30", "licensed": 3351, "sorned": 629}, + {"period": "2013-09-29", "licensed": 3269, "sorned": 618}, + {"period": "2013-09-20", "licensed": 3246, "sorned": 661}, + {"period": "2013-09-19", "licensed": 3257, "sorned": 667}, + {"period": "2013-09-18", "licensed": 3248, "sorned": 627}, + {"period": "2013-09-17", "licensed": 3171, "sorned": 660}, + {"period": "2013-09-16", "licensed": 3171, "sorned": 676}, + {"period": "2013-09-15", "licensed": 3201, "sorned": 656}, + {"period": "2013-09-10", "licensed": 3215, "sorned": 622} + ]; + Morris.Bar({ + element: 'morris-chart-1', + data: day_data, + xkey: 'period', + ykeys: ['licensed', 'sorned'], + labels: ['Licensed', 'SORN'], + xLabelAngle: 60 + }); +} +// +// Graph2 created in element with id = morris-chart-2 +// +function MorrisChart2() { + // Use Morris.Area instead of Morris.Line + Morris.Area({ + element: 'morris-chart-2', + data: [ + {x: '2011 Q1', y: 3, z: 3, m: 1}, + {x: '2011 Q2', y: 2, z: 0, m: 7}, + {x: '2011 Q3', y: 2, z: 5, m: 2}, + {x: '2011 Q4', y: 4, z: 4, m: 5}, + {x: '2012 Q1', y: 6, z: 1, m: 11}, + {x: '2012 Q2', y: 4, z: 4, m: 3}, + {x: '2012 Q3', y: 4, z: 4, m: 7}, + {x: '2012 Q4', y: 4, z: 4, m: 9} + ], + xkey: 'x', + ykeys: ['y', 'z', 'm'], + labels: ['Y', 'Z', 'M'] + }) + .on('click', function (i, row) { + console.log(i, row); + }); +} +// +// Graph3 created in element with id = morris-chart-3 +// +function MorrisChart3() { + var decimal_data = []; + for (var x = 0; x <= 360; x += 10) { + decimal_data.push({ x: x, y: Math.sin(Math.PI * x / 180).toFixed(4), z: Math.cos(Math.PI * x / 180).toFixed(4) }); + } + Morris.Line({ + element: 'morris-chart-3', + data: decimal_data, + xkey: 'x', + ykeys: ['y', 'z'], + labels: ['sin(x)', 'cos(x)'], + parseTime: false, + goals: [-1, 0, 1] + }); +} +// +// Graph4 created in element with id = morris-chart-4 +// +function MorrisChart4() { + // Use Morris.Bar + Morris.Bar({ + element: 'morris-chart-4', + data: [ + {x: '2011 Q1', y: 0}, + {x: '2011 Q2', y: 1}, + {x: '2011 Q3', y: 2}, + {x: '2011 Q4', y: 3}, + {x: '2012 Q1', y: 4}, + {x: '2012 Q2', y: 5}, + {x: '2012 Q3', y: 6}, + {x: '2012 Q4', y: 7}, + {x: '2013 Q1', y: 8}, + {x: '2013 Q2', y: 7}, + {x: '2013 Q3', y: 6}, + {x: '2013 Q4', y: 5}, + {x: '2014 Q1', y: 9} + ], + xkey: 'x', + ykeys: ['y'], + labels: ['Y'], + barColors: function (row, series, type) { + if (type === 'bar') { + var red = Math.ceil(255 * row.y / this.ymax); + return 'rgb(' + red + ',0,0)'; + } + else { + return '#000'; + } + } + }); +} +// +// Graph5 created in element with id = morris-chart-5 +// +function MorrisChart5() { + Morris.Area({ + element: 'morris-chart-5', + data: [ + {period: '2010 Q1', iphone: 2666, ipad: null, itouch: 2647}, + {period: '2010 Q2', iphone: 2778, ipad: 2294, itouch: 2441}, + {period: '2010 Q3', iphone: 4912, ipad: 1969, itouch: 2501}, + {period: '2010 Q4', iphone: 3767, ipad: 3597, itouch: 5689}, + {period: '2011 Q1', iphone: 6810, ipad: 1914, itouch: 2293}, + {period: '2011 Q2', iphone: 5670, ipad: 4293, itouch: 1881}, + {period: '2011 Q3', iphone: 4820, ipad: 3795, itouch: 1588}, + {period: '2011 Q4', iphone: 15073, ipad: 5967, itouch: 5175}, + {period: '2012 Q1', iphone: 10687, ipad: 4460, itouch: 2028}, + {period: '2012 Q2', iphone: 8432, ipad: 5713, itouch: 1791} + ], + xkey: 'period', + ykeys: ['iphone', 'ipad', 'itouch'], + labels: ['iPhone', 'iPad', 'iPod Touch'], + pointSize: 2, + hideHover: 'auto' + }); +} +/*------------------------------------------- + Demo graphs for Google Chart page (charts_google.html) + ---------------------------------------------*/ +// +// One function for create all graphs on Google Chart page +// +function DrawAllCharts() { + // Chart 1 + var chart1_data = [ + ['Smartphones', 'PC', 'Notebooks', 'Monitors', 'Routers', 'Switches' ], + ['01.01.2014', 1234, 2342, 344, 232, 131], + ['02.01.2014', 1254, 232, 314, 232, 331], + ['03.01.2014', 2234, 342, 298, 232, 665], + ['04.01.2014', 2234, 42, 559, 232, 321], + ['05.01.2014', 1999, 82, 116, 232, 334], + ['06.01.2014', 1634, 834, 884, 232, 191], + ['07.01.2014', 321, 342, 383, 232, 556], + ['08.01.2014', 845, 112, 499, 232, 731] + ]; + var chart1_options = { + title: 'Sales of company', + hAxis: {title: 'Date', titleTextStyle: {color: 'red'}}, + backgroundColor: '#fcfcfc', + vAxis: {title: 'Quantity', titleTextStyle: {color: 'blue'}} + }; + var chart1_element = 'google-chart-1'; + var chart1_type = google.visualization.ColumnChart; + drawGoogleChart(chart1_data, chart1_options, chart1_element, chart1_type); + // Chart 2 + var chart2_data = [ + ['Height', 'Width'], + ['Samsung', 74.5], + ['Apple', 31.24], + ['LG', 12.10], + ['Huawei', 11.14], + ['Sony', 8.3], + ['Nokia', 7.4], + ['Blackberry', 6.8], + ['HTC', 6.63], + ['Motorola', 3.5], + ['Other', 43.15] + ]; + var chart2_options = { + title: 'Smartphone marketshare 2Q 2013', + backgroundColor: '#fcfcfc' + }; + var chart2_element = 'google-chart-2'; + var chart2_type = google.visualization.PieChart; + drawGoogleChart(chart2_data, chart2_options, chart2_element, chart2_type); + // Chart 3 + var chart3_data = [ + ['Age', 'Weight'], + [ 8, 12], + [ 4, 5.5], + [ 11, 14], + [ 4, 5], + [ 3, 3.5], + [ 6.5, 7] + ]; + var chart3_options = { + title: 'Age vs. Weight comparison', + hAxis: {title: 'Age', minValue: 0, maxValue: 15}, + vAxis: {title: 'Weight', minValue: 0, maxValue: 15}, + legend: 'none', + backgroundColor: '#fcfcfc' + }; + var chart3_element = 'google-chart-3'; + var chart3_type = google.visualization.ScatterChart; + drawGoogleChart(chart3_data, chart3_options, chart3_element, chart3_type); + // Chart 4 + var chart4_data = [ + ['ID', 'Life Expectancy', 'Fertility Rate', 'Region', 'Population'], + ['CAN', 80.66, 1.67, 'North America', 33739900], + ['DEU', 79.84, 1.36, 'Europe', 81902307], + ['DNK', 78.6, 1.84, 'Europe', 5523095], + ['EGY', 72.73, 2.78, 'Middle East', 79716203], + ['GBR', 80.05, 2, 'Europe', 61801570], + ['IRN', 72.49, 1.7, 'Middle East', 73137148], + ['IRQ', 68.09, 4.77, 'Middle East', 31090763], + ['ISR', 81.55, 2.96, 'Middle East', 7485600], + ['RUS', 68.6, 1.54, 'Europe', 141850000], + ['USA', 78.09, 2.05, 'North America', 307007000] + ]; + var chart4_options = { + title: 'Correlation between life expectancy, fertility rate and population of some world countries (2010)', + hAxis: {title: 'Life Expectancy'}, + vAxis: {title: 'Fertility Rate'}, + backgroundColor: '#fcfcfc', + bubble: {textStyle: {fontSize: 11}} + }; + var chart4_element = 'google-chart-4'; + var chart4_type = google.visualization.BubbleChart; + drawGoogleChart(chart4_data, chart4_options, chart4_element, chart4_type); + // Chart 5 + var chart5_data = [ + ['Country', 'Popularity'], + ['Germany', 200], + ['United States', 300], + ['Brazil', 400], + ['Canada', 500], + ['France', 600], + ['RU', 700] + ]; + var chart5_options = { + backgroundColor: '#fcfcfc', + enableRegionInteractivity: true + }; + var chart5_element = 'google-chart-5'; + var chart5_type = google.visualization.GeoChart; + drawGoogleChart(chart5_data, chart5_options, chart5_element, chart5_type); + // Chart 6 + var chart6_data = [ + ['Year', 'Sales', 'Expenses'], + ['2004', 1000, 400], + ['2005', 1170, 460], + ['2006', 660, 1120], + ['2007', 1030, 540], + ['2008', 2080, 740], + ['2009', 1949, 690], + ['2010', 2334, 820] + ]; + var chart6_options = { + backgroundColor: '#fcfcfc', + title: 'Company Performance' + }; + var chart6_element = 'google-chart-6'; + var chart6_type = google.visualization.LineChart; + drawGoogleChart(chart6_data, chart6_options, chart6_element, chart6_type); + // Chart 7 + var chart7_data = [ + ['Task', 'Hours per Day'], + ['Work', 11], + ['Eat', 2], + ['Commute', 2], + ['Watch TV', 2], + ['Sleep', 7] + ]; + var chart7_options = { + backgroundColor: '#fcfcfc', + title: 'My Daily Activities', + pieHole: 0.4 + }; + var chart7_element = 'google-chart-7'; + var chart7_type = google.visualization.PieChart; + drawGoogleChart(chart7_data, chart7_options, chart7_element, chart7_type); + // Chart 8 + var chart8_data = [ + ['Generation', 'Descendants'], + [0, 1], + [1, 33], + [2, 269], + [3, 2013] + ]; + var chart8_options = { + backgroundColor: '#fcfcfc', + title: 'Descendants by Generation', + hAxis: {title: 'Generation', minValue: 0, maxValue: 3}, + vAxis: {title: 'Descendants', minValue: 0, maxValue: 2100}, + trendlines: { + 0: { + type: 'exponential', + visibleInLegend: true + } + } + }; + var chart8_element = 'google-chart-8'; + var chart8_type = google.visualization.ScatterChart; + drawGoogleChart(chart8_data, chart8_options, chart8_element, chart8_type); +} +/*------------------------------------------- + Demo graphs for xCharts page (charts_xcharts.html) + ---------------------------------------------*/ +// +// Graph1 created in element with id = xchart-1 +// +function xGraph1() { + var tt = document.createElement('div'), + leftOffset = -(~~$('html').css('padding-left').replace('px', '') + ~~$('body').css('margin-left').replace('px', '')), + topOffset = -32; + tt.className = 'ex-tooltip'; + document.body.appendChild(tt); + var data = { + "xScale": "time", + "yScale": "linear", + "main": [ + { + "className": ".xchart-class-1", + "data": [ + { + "x": "2012-11-05", + "y": 6 + }, + { + "x": "2012-11-06", + "y": 6 + }, + { + "x": "2012-11-07", + "y": 8 + }, + { + "x": "2012-11-08", + "y": 3 + }, + { + "x": "2012-11-09", + "y": 4 + }, + { + "x": "2012-11-10", + "y": 9 + }, + { + "x": "2012-11-11", + "y": 6 + }, + { + "x": "2012-11-12", + "y": 16 + }, + { + "x": "2012-11-13", + "y": 4 + }, + { + "x": "2012-11-14", + "y": 9 + }, + { + "x": "2012-11-15", + "y": 2 + } + ] + } + ] + }; + var opts = { + "dataFormatX": function (x) { + return d3.time.format('%Y-%m-%d').parse(x); + }, + "tickFormatX": function (x) { + return d3.time.format('%A')(x); + }, + "mouseover": function (d, i) { + var pos = $(this).offset(); + $(tt).text(d3.time.format('%A')(d.x) + ': ' + d.y) + .css({top: topOffset + pos.top, left: pos.left + leftOffset}) + .show(); + }, + "mouseout": function (x) { + $(tt).hide(); + } + }; + var myChart = new xChart('line-dotted', data, '#xchart-1', opts); +} +// +// Graph2 created in element with id = xchart-2 +// +function xGraph2() { + var data = { + "xScale": "ordinal", + "yScale": "linear", + "main": [ + { + "className": ".xchart-class-2", + "data": [ + { + "x": "Apple", + "y": 575 + }, + { + "x": "Facebook", + "y": 163 + }, + { + "x": "Microsoft", + "y": 303 + }, + { + "x": "Cisco", + "y": 121 + }, + { + "x": "Google", + "y": 393 + } + ] + } + ] + }; + var myChart = new xChart('bar', data, '#xchart-2'); +} +// +// Graph3 created in element with id = xchart-3 +// +function xGraph3() { + var data = { + "xScale": "time", + "yScale": "linear", + "type": "line", + "main": [ + { + "className": ".xchart-class-3", + "data": [ + { + "x": "2012-11-05", + "y": 1 + }, + { + "x": "2012-11-06", + "y": 6 + }, + { + "x": "2012-11-07", + "y": 13 + }, + { + "x": "2012-11-08", + "y": -3 + }, + { + "x": "2012-11-09", + "y": -4 + }, + { + "x": "2012-11-10", + "y": 9 + }, + { + "x": "2012-11-11", + "y": 6 + }, + { + "x": "2012-11-12", + "y": 7 + }, + { + "x": "2012-11-13", + "y": -2 + }, + { + "x": "2012-11-14", + "y": -7 + } + ] + } + ] + }; + var opts = { + "dataFormatX": function (x) { + return d3.time.format('%Y-%m-%d').parse(x); + }, + "tickFormatX": function (x) { + return d3.time.format('%A')(x); + } + }; + var myChart = new xChart('line', data, '#xchart-3', opts); +} +/*------------------------------------------- + Demo graphs for CoinDesk page (charts_coindesk.html) + ---------------------------------------------*/ +// +// Main function for CoinDesk API Page +// (we get JSON data and make 4 graph from this) +// +function CoinDeskGraph() { + var dates = PrettyDates(); + var startdate = dates[0]; + var enddate = dates[1]; + // Load JSON data from CoinDesk API + var jsonURL = 'http://api.coindesk.com/v1/bpi/historical/close.json?start=' + startdate + '&end=' + enddate; + $.getJSON(jsonURL, function (result) { + // Create array of data for xChart + $.each(result.bpi, function (key, val) { + xchart_data.push({'x': key, 'y': val}); + }); + // Set handler for resize and create xChart plot + var graphXChartResize; + $('#coindesk-xchart').resize(function () { + clearTimeout(graphXChartResize); + graphXChartResize = setTimeout(DrawCoinDeskXCharts, 500); + }); + DrawCoinDeskXCharts(); + // Create array of data for Google Chart + $.each(result.bpi, function (key, val) { + google_data.push([key, val]); + }); + // Set handler for resize and create Google Chart plot + var graphGChartResize; + $('#coindesk-google-chart').resize(function () { + clearTimeout(graphGChartResize); + graphGChartResize = setTimeout(DrawCoinDeskGoogleCharts, 500); + }); + DrawCoinDeskGoogleCharts(); + // Create array of data for Flot and Sparkline + $.each(result.bpi, function (key, val) { + var parseDate = key; + parseDate = parseDate.split("-"); + var newDate = parseDate[1] + "/" + parseDate[2] + "/" + parseDate[0]; + var new_date = new Date(newDate).getTime(); + exchange_rate.push([new_date, val]); + }); + // Create Flot plot (not need bind to resize, cause Flot use plugin 'resize') + DrawCoinDeskFlot(); + // Set handler for resize and create Sparkline plot + var graphSparklineResize; + $('#coindesk-sparklines').resize(function () { + clearTimeout(graphSparklineResize); + graphSparklineResize = setTimeout(DrawCoinDeskSparkLine, 500); + }); + DrawCoinDeskSparkLine(); + }); +} +// +// Draw Sparkline Graph on Coindesk page +// +function DrawCoinDeskSparkLine() { + $('#coindesk-sparklines').sparkline(exchange_rate, { height: '100%', width: '100%' }); +} +// +// Draw xChart Graph on Coindesk page +// +function DrawCoinDeskXCharts() { + var data = { + "xScale": "ordinal", + "yScale": "linear", + "main": [ + { + "className": ".pizza", + "data": xchart_data + } + ] + }; + var myChart = new xChart('line-dotted', data, '#coindesk-xchart'); +} +// +// Draw Flot Graph on Coindesk page +// +function DrawCoinDeskFlot() { + var data1 = [ + { data: exchange_rate, label: "Bitcoin exchange rate ($)" } + ]; + var options = { + canvas: true, + xaxes: [ + { mode: "time" } + ], + yaxes: [ + { min: 0 }, + { + position: "right", + alignTicksWithAxis: 1, + tickFormatter: function (value, axis) { + return value.toFixed(axis.tickDecimals) + "€"; + } + } + ], + legend: { position: "sw" } + }; + $.plot("#coindesk-flot", data1, options); +} +// +// Draw Google Chart Graph on Coindesk page +// +function DrawCoinDeskGoogleCharts() { + var google_options = { + backgroundColor: '#fcfcfc', + title: 'Coindesk Exchange Rate' + }; + var google_element = 'coindesk-google-chart'; + var google_type = google.visualization.LineChart; + drawGoogleChart(google_data, google_options, google_element, google_type); +} +/*------------------------------------------- + Scripts for DataTables page (tables_datatables.html) + ---------------------------------------------*/ +// +// Function for table, located in element with id = datatable-1 +// +function TestTable1() { + $('#datatable-1').dataTable({ + "aaSorting": [ + [ 0, "asc" ] + ], + "sDom": "<'box-content'<'col-sm-6'f><'col-sm-6 text-right'l><'clearfix'>>rt<'box-content'<'col-sm-6'i><'col-sm-6 text-right'p><'clearfix'>>", + "sPaginationType": "bootstrap", + "oLanguage": { + "sSearch": "", + "sLengthMenu": '_MENU_' + } + }); +} +// +// Function for table, located in element with id = datatable-2 +// +function TestTable2() { + var asInitVals = []; + var oTable = $('#datatable-2').dataTable({ + "aaSorting": [ + [ 0, "asc" ] + ], + "sDom": "<'box-content'<'col-sm-6'f><'col-sm-6 text-right'l><'clearfix'>>rt<'box-content'<'col-sm-6'i><'col-sm-6 text-right'p><'clearfix'>>", + "sPaginationType": "bootstrap", + "oLanguage": { + "sSearch": "", + "sLengthMenu": '_MENU_' + }, + bAutoWidth: false + }); + var header_inputs = $("#datatable-2 thead input"); + header_inputs.on('keyup', function () { + /* Filter on the column (the index) of this element */ + oTable.fnFilter(this.value, header_inputs.index(this)); + }) + .on('focus', function () { + if (this.className == "search_init") { + this.className = ""; + this.value = ""; + } + }) + .on('blur', function (i) { + if (this.value == "") { + this.className = "search_init"; + this.value = asInitVals[header_inputs.index(this)]; + } + }); + header_inputs.each(function (i) { + asInitVals[i] = this.value; + }); +} +// +// Function for table, located in element with id = datatable-3 +// +function TestTable3() { + $('#datatable-3').dataTable({ + "aaSorting": [ + [ 0, "asc" ] + ], + "sDom": "T<'box-content'<'col-sm-6'f><'col-sm-6 text-right'l><'clearfix'>>rt<'box-content'<'col-sm-6'i><'col-sm-6 text-right'p><'clearfix'>>", + "sPaginationType": "bootstrap", + "oLanguage": { + "sSearch": "", + "sLengthMenu": '_MENU_' + }, + "oTableTools": { + "sSwfPath": "plugins/datatables/copy_csv_xls_pdf.swf", + "aButtons": [ + "copy", + "print", + { + "sExtends": "collection", + "sButtonText": 'Save ', + "aButtons": [ "csv", "xls", "pdf" ] + } + ] + } + }); +} +/*------------------------------------------- + Functions for Dashboard page (dashboard.html) + ---------------------------------------------*/ +// +// Helper for random change data (only test data for Sparkline plots) +// +function SmallChangeVal(val) { + var new_val = Math.floor(100 * Math.random()); + var plusOrMinus = Math.random() < 0.5 ? -1 : 1; + var result = val[0] + new_val * plusOrMinus; + if (parseInt(result) > 1000) { + return [val[0] - new_val] + } + if (parseInt(result) < 0) { + return [val[0] + new_val] + } + return [result]; +} +// +// Make array of random data +// +function SparklineTestData() { + var arr = []; + for (var i = 1; i < 9; i++) { + arr.push([Math.floor(1000 * Math.random())]) + } + return arr; +} +// +// Redraw Knob charts on Dashboard (panel- servers) +// +function RedrawKnob(elem) { + elem.animate({ + value: Math.floor(100 * Math.random()) + }, { + duration: 3000, + easing: 'swing', + progress: function () { + $(this).val(parseInt(Math.ceil(elem.val()))).trigger('change'); + } + }); +} +// +// Draw 3 Sparkline plot in Dashboard header +// +function SparklineLoop() { + SparkLineDrawBarGraph($('#sparkline-1'), sparkline_arr_1.map(SmallChangeVal)); + SparkLineDrawBarGraph($('#sparkline-2'), sparkline_arr_2.map(SmallChangeVal), '#7BC5D3'); + SparkLineDrawBarGraph($('#sparkline-3'), sparkline_arr_3.map(SmallChangeVal), '#B25050'); +} +// +// Draw Morris charts on Dashboard (panel- Statistics + 3 donut) +// +function MorrisDashboard() { + Morris.Line({ + element: 'stat-graph', + data: [ + {"period": "2014-01", "Win8": 13.4, "Win7": 55.3, 'Vista': 1.5, 'NT': 0.3, 'XP': 11, 'Linux': 4.9, 'Mac': 9.6, 'Mobile': 4}, + {"period": "2013-12", "Win8": 10, "Win7": 55.9, 'Vista': 1.5, 'NT': 3.1, 'XP': 11.6, 'Linux': 4.8, 'Mac': 9.2, 'Mobile': 3.8}, + {"period": "2013-11", "Win8": 8.6, "Win7": 56.4, 'Vista': 1.6, 'NT': 3.7, 'XP': 11.7, 'Linux': 4.8, 'Mac': 9.6, 'Mobile': 3.7}, + {"period": "2013-10", "Win8": 9.9, "Win7": 56.7, 'Vista': 1.6, 'NT': 1.4, 'XP': 12.4, 'Linux': 4.9, 'Mac': 9.6, 'Mobile': 3.3}, + {"period": "2013-09", "Win8": 10.2, "Win7": 56.8, 'Vista': 1.6, 'NT': 0.4, 'XP': 13.5, 'Linux': 4.8, 'Mac': 9.3, 'Mobile': 3.3}, + {"period": "2013-08", "Win8": 9.6, "Win7": 55.9, 'Vista': 1.7, 'NT': 0.4, 'XP': 14.7, 'Linux': 5, 'Mac': 9.2, 'Mobile': 3.4}, + {"period": "2013-07", "Win8": 9, "Win7": 56.2, 'Vista': 1.8, 'NT': 0.4, 'XP': 15.8, 'Linux': 4.9, 'Mac': 8.7, 'Mobile': 3.2}, + {"period": "2013-06", "Win8": 8.6, "Win7": 56.3, 'Vista': 2, 'NT': 0.4, 'XP': 15.4, 'Linux': 4.9, 'Mac': 9.1, 'Mobile': 3.2}, + {"period": "2013-05", "Win8": 7.9, "Win7": 56.4, 'Vista': 2.1, 'NT': 0.4, 'XP': 15.7, 'Linux': 4.9, 'Mac': 9.7, 'Mobile': 2.6}, + {"period": "2013-04", "Win8": 7.3, "Win7": 56.4, 'Vista': 2.2, 'NT': 0.4, 'XP': 16.4, 'Linux': 4.8, 'Mac': 9.7, 'Mobile': 2.2}, + {"period": "2013-03", "Win8": 6.7, "Win7": 55.9, 'Vista': 2.4, 'NT': 0.4, 'XP': 17.6, 'Linux': 4.7, 'Mac': 9.5, 'Mobile': 2.3}, + {"period": "2013-02", "Win8": 5.7, "Win7": 55.3, 'Vista': 2.4, 'NT': 0.4, 'XP': 19.1, 'Linux': 4.8, 'Mac': 9.6, 'Mobile': 2.2}, + {"period": "2013-01", "Win8": 4.8, "Win7": 55.3, 'Vista': 2.6, 'NT': 0.5, 'XP': 19.9, 'Linux': 4.8, 'Mac': 9.3, 'Mobile': 2.2} + ], + xkey: 'period', + ykeys: ['Win8', 'Win7', 'Vista', 'NT', 'XP', 'Linux', 'Mac', 'Mobile'], + labels: ['Win8', 'Win7', 'Vista', 'NT', 'XP', 'Linux', 'Mac', 'Mobile'] + }); + Morris.Donut({ + element: 'morris_donut_1', + data: [ + {value: 70, label: 'pay', formatted: 'at least 70%' }, + {value: 15, label: 'client', formatted: 'approx. 15%' }, + {value: 10, label: 'buy', formatted: 'approx. 10%' }, + {value: 5, label: 'hosted', formatted: 'at most 5%' } + ], + formatter: function (x, data) { + return data.formatted; + } + }); + Morris.Donut({ + element: 'morris_donut_2', + data: [ + {value: 20, label: 'office', formatted: 'current' }, + {value: 35, label: 'store', formatted: 'approx. 35%' }, + {value: 20, label: 'shop', formatted: 'approx. 20%' }, + {value: 25, label: 'cars', formatted: 'at most 25%' } + ], + formatter: function (x, data) { + return data.formatted; + } + }); + Morris.Donut({ + element: 'morris_donut_3', + data: [ + {value: 17, label: 'current', formatted: 'current' }, + {value: 22, label: 'week', formatted: 'last week' }, + {value: 10, label: 'month', formatted: 'last month' }, + {value: 25, label: 'period', formatted: 'period' }, + {value: 25, label: 'year', formatted: 'this year' } + ], + formatter: function (x, data) { + return data.formatted; + } + }); +} +// +// Draw SparkLine example Charts for Dashboard (table- Tickers) +// +function DrawSparklineDashboard() { + SparklineLoop(); + setInterval(SparklineLoop, 1000); + var sparkline_clients = [ + [309], + [223], + [343], + [652], + [455], + [18], + [912], + [15] + ]; + $('.bar').each(function () { + $(this).sparkline(sparkline_clients.map(SmallChangeVal), {type: 'bar', barWidth: 5, highlightColor: '#000', barSpacing: 2, height: 30, stackedBarColor: '#6AA6D6'}); + }); + var sparkline_table = [ + [1, 341], + [2, 464], + [4, 564], + [5, 235], + [6, 335], + [7, 535], + [8, 642], + [9, 342], + [10, 765] + ]; + $('.td-graph').each(function () { + var arr = $.map(sparkline_table, function (val, index) { + return [ + [val[0], SmallChangeVal([val[1]])] + ]; + }); + $(this).sparkline(arr, + {defaultPixelsPerValue: 10, minSpotColor: null, maxSpotColor: null, spotColor: null, + fillColor: false, lineWidth: 2, lineColor: '#5A8DB6'}); + }); +} +// +// Draw Knob Charts for Dashboard (for servers) +// +function DrawKnobDashboard() { + var srv_monitoring_selectors = [ + $("#knob-srv-1"), $("#knob-srv-2"), $("#knob-srv-3"), + $("#knob-srv-4"), $("#knob-srv-5"), $("#knob-srv-6") + ]; + srv_monitoring_selectors.forEach(DrawKnob); + setInterval(function () { + srv_monitoring_selectors.forEach(RedrawKnob); + }, 3000); +} +/*------------------------------------------- + Function for File upload page (form_file_uploader.html) + ---------------------------------------------*/ +function FileUpload() { + $('#bootstrapped-fine-uploader').fineUploader({ + template: 'qq-template-bootstrap', + classes: { + success: 'alert alert-success', + fail: 'alert alert-error' + }, + thumbnails: { + placeholders: { + waitingPath: "assets/waiting-generic.png", + notAvailablePath: "assets/not_available-generic.png" + } + }, + request: { + endpoint: 'server/handleUploads' + }, + validation: { + allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'] + } + }); +} +/*------------------------------------------- + Function for OpenStreetMap page (maps.html) + ---------------------------------------------*/ +// +// Load GeoIP JSON data and draw 3 maps +// +function LoadTestMap() { + $.getJSON("http://www.telize.com/geoip?callback=?", + function (json) { + var osmap = new OpenLayers.Layer.OSM("OpenStreetMap");//создание слоя карты + var googlestreets = new OpenLayers.Layer.Google("Google Streets", {numZoomLevels: 22, visibility: false}); + var googlesattelite = new OpenLayers.Layer.Google("Google Sattelite", {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}); + var map1_layers = [googlestreets, osmap, googlesattelite]; + // Create map in element with ID - map-1 + var map1 = drawMap(json.longitude, json.latitude, "map-1", map1_layers); + $("#map-1").resize(function () { + setTimeout(map1.updateSize(), 500); + }); + // Create map in element with ID - map-2 + var osmap1 = new OpenLayers.Layer.OSM("OpenStreetMap");//создание слоя карты + var map2_layers = [osmap1]; + var map2 = drawMap(json.longitude, json.latitude, "map-2", map2_layers); + $("#map-2").resize(function () { + setTimeout(map2.updateSize(), 500); + }); + // Create map in element with ID - map-3 + var sattelite = new OpenLayers.Layer.Google("Google Sattelite", {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}); + var map3_layers = [sattelite]; + var map3 = drawMap(json.longitude, json.latitude, "map-3", map3_layers); + $("#map-3").resize(function () { + setTimeout(map3.updateSize(), 500); + }); + } + ); +} +/*------------------------------------------- + Function for Fullscreen Map page (map_fullscreen.html) + ---------------------------------------------*/ +// +// Create Fullscreen Map +// +function FullScreenMap() { + $.getJSON("http://www.telize.com/geoip?callback=?", + function (json) { + var osmap = new OpenLayers.Layer.OSM("OpenStreetMap");//создание слоя карты + var googlestreets = new OpenLayers.Layer.Google("Google Streets", {numZoomLevels: 22, visibility: false}); + var googlesattelite = new OpenLayers.Layer.Google("Google Sattelite", {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}); + var map1_layers = [googlestreets, osmap, googlesattelite]; + var map_fs = drawMap(json.longitude, json.latitude, "full-map", map1_layers); + } + ); +} +/*------------------------------------------- + Function for Flickr Gallery page (gallery_flickr.html) + ---------------------------------------------*/ +// +// Load data from Flicks, parse and create gallery +// +function displayFlickrImages(data) { + var res; + $.each(data.items, function (i, item) { + if (i > 11) { + return false; + } + res = " + item.title + "; + $('#box-one-content').append(res); + }); + setTimeout(function () { + $("#box-one-content").justifiedGallery({ + 'usedSuffix': 'lt240', + 'justifyLastRow': true, + 'rowHeight': 150, + 'fixedHeight': false, + 'captions': true, + 'margins': 1 + }); + $('#box-one-content').fadeIn('slow'); + }, 100); +} +/*------------------------------------------- + Function for Form Layout page (form layouts.html) + ---------------------------------------------*/ +// +// Example form validator function +// +function DemoFormValidator() { + $('#defaultForm').bootstrapValidator({ + message: 'This value is not valid', + fields: { + username: { + message: 'The username is not valid', + validators: { + notEmpty: { + message: 'The username is required and can\'t be empty' + }, + stringLength: { + min: 6, + max: 30, + message: 'The username must be more than 6 and less than 30 characters long' + }, + regexp: { + regexp: /^[a-zA-Z0-9_\.]+$/, + message: 'The username can only consist of alphabetical, number, dot and underscore' + } + } + }, + country: { + validators: { + notEmpty: { + message: 'The country is required and can\'t be empty' + } + } + }, + acceptTerms: { + validators: { + notEmpty: { + message: 'You have to accept the terms and policies' + } + } + }, + email: { + validators: { + notEmpty: { + message: 'The email address is required and can\'t be empty' + }, + emailAddress: { + message: 'The input is not a valid email address' + } + } + }, + website: { + validators: { + uri: { + message: 'The input is not a valid URL' + } + } + }, + phoneNumber: { + validators: { + digits: { + message: 'The value can contain only digits' + } + } + }, + color: { + validators: { + hexColor: { + message: 'The input is not a valid hex color' + } + } + }, + zipCode: { + validators: { + usZipCode: { + message: 'The input is not a valid US zip code' + } + } + }, + password: { + validators: { + notEmpty: { + message: 'The password is required and can\'t be empty' + }, + identical: { + field: 'confirmPassword', + message: 'The password and its confirm are not the same' + } + } + }, + confirmPassword: { + validators: { + notEmpty: { + message: 'The confirm password is required and can\'t be empty' + }, + identical: { + field: 'password', + message: 'The password and its confirm are not the same' + } + } + }, + ages: { + validators: { + lessThan: { + value: 100, + inclusive: true, + message: 'The ages has to be less than 100' + }, + greaterThan: { + value: 10, + inclusive: false, + message: 'The ages has to be greater than or equals to 10' + } + } + } + } + }); +} +// +// Function for Dynamically Change input size on Form Layout page +// +function FormLayoutExampleInputLength(selector) { + var steps = [ + "col-sm-1", + "col-sm-2", + "col-sm-3", + "col-sm-4", + "col-sm-5", + "col-sm-6", + "col-sm-7", + "col-sm-8", + "col-sm-9", + "col-sm-10", + "col-sm-11", + "col-sm-12" + ]; + selector.slider({ + range: 'min', + value: 1, + min: 0, + max: 11, + step: 1, + slide: function (event, ui) { + if (ui.value < 1) { + return false; + } + var input = $("#form-styles"); + var f = input.parent(); + f.removeClass(); + f.addClass(steps[ui.value]); + input.attr("placeholder", '.' + steps[ui.value]); + } + }); +} +/*------------------------------------------- + Functions for Progressbar page (ui_progressbars.html) + ---------------------------------------------*/ +// +// Function for Knob clock +// +function RunClock() { + var second = $(".second"); + var minute = $(".minute"); + var hour = $(".hour"); + var d = new Date(); + var s = d.getSeconds(); + var m = d.getMinutes(); + var h = d.getHours(); + if (h > 11) { + h = h - 12; + } + $('#knob-clock-value').html(h + ':' + m + ':' + s); + second.val(s).trigger("change"); + minute.val(m).trigger("change"); + hour.val(h).trigger("change"); +} +// +// Function for create test sliders on Progressbar page +// +function CreateAllSliders() { + $(".slider-default").slider(); + var slider_range_min_amount = $(".slider-range-min-amount"); + var slider_range_min = $(".slider-range-min"); + var slider_range_max = $(".slider-range-max"); + var slider_range_max_amount = $(".slider-range-max-amount"); + var slider_range = $(".slider-range"); + var slider_range_amount = $(".slider-range-amount"); + slider_range_min.slider({ + range: "min", + value: 37, + min: 1, + max: 700, + slide: function (event, ui) { + slider_range_min_amount.val("$" + ui.value); + } + }); + slider_range_min_amount.val("$" + slider_range_min.slider("value")); + slider_range_max.slider({ + range: "max", + min: 1, + max: 100, + value: 2, + slide: function (event, ui) { + slider_range_max_amount.val(ui.value); + } + }); + slider_range_max_amount.val(slider_range_max.slider("value")); + slider_range.slider({ + range: true, + min: 0, + max: 500, + values: [ 75, 300 ], + slide: function (event, ui) { + slider_range_amount.val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); + } + }); + slider_range_amount.val("$" + slider_range.slider("values", 0) + + " - $" + slider_range.slider("values", 1)); + $("#equalizer > div.progress > div").each(function () { + // read initial values from markup and remove that + var value = parseInt($(this).text(), 10); + $(this).empty().slider({ + value: value, + range: "min", + animate: true, + orientation: "vertical" + }); + }); +} +/*------------------------------------------- + Function for jQuery-UI page (ui_jquery-ui.html) + ---------------------------------------------*/ +// +// Function for make all Date-Time pickers on page +// +function AllTimePickers() { + $('#datetime_example').datetimepicker({}); + $('#time_example').timepicker({ + hourGrid: 4, + minuteGrid: 10, + timeFormat: 'hh:mm tt' + }); + $('#date3_example').datepicker({ numberOfMonths: 3, showButtonPanel: true}); + $('#date3-1_example').datepicker({ numberOfMonths: 3, showButtonPanel: true}); + $('#date_example').datepicker({}); +} +/*------------------------------------------- + Function for Calendar page (calendar.html) + ---------------------------------------------*/ +// +// Example form validator function +// +function DrawCalendar() { + /* initialize the external events + -----------------------------------------------------------------*/ + $('#external-events div.external-event').each(function () { + // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) + var eventObject = { + title: $.trim($(this).text()) // use the element's text as the event title + }; + // store the Event Object in the DOM element so we can get to it later + $(this).data('eventObject', eventObject); + // make the event draggable using jQuery UI + $(this).draggable({ + zIndex: 999, + revert: true, // will cause the event to go back to its + revertDuration: 0 // original position after the drag + }); + }); + /* initialize the calendar + -----------------------------------------------------------------*/ + var calendar = $('#calendar').fullCalendar({ + header: { + left: 'prev,next today', + center: 'title', + right: 'month,agendaWeek,agendaDay' + }, + selectable: true, + selectHelper: true, + select: function (start, end, allDay) { + var form = $('
' + + '
' + + 'Event name' + + '
' + + '' + + '
' + + '' + + '
' + + '' + + '
' + + '
' + + '
'); + var buttons = $('' + + ''); + OpenModalBox('Add event', form, buttons); + $('#event_cancel').on('click', function () { + CloseModalBox(); + }); + $('#event_submit').on('click', function () { + var new_event_name = $('#newevent_name').val(); + if (new_event_name != '') { + calendar.fullCalendar('renderEvent', + { + title: new_event_name, + description: $('#newevent_desc').val(), + start: start, + end: end, + allDay: allDay + }, + true // make the event "stick" + ); + } + CloseModalBox(); + }); + calendar.fullCalendar('unselect'); + }, + editable: true, + droppable: true, // this allows things to be dropped onto the calendar !!! + drop: function (date, allDay) { // this function is called when something is dropped + // retrieve the dropped element's stored Event Object + var originalEventObject = $(this).data('eventObject'); + // we need to copy it, so that multiple events don't have a reference to the same object + var copiedEventObject = $.extend({}, originalEventObject); + // assign it the date that was reported + copiedEventObject.start = date; + copiedEventObject.allDay = allDay; + // render the event on the calendar + // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) + $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); + // is the "remove after drop" checkbox checked? + if ($('#drop-remove').is(':checked')) { + // if so, remove the element from the "Draggable Events" list + $(this).remove(); + } + }, + eventRender: function (event, element, icon) { + if (event.description != "") { + element.attr('title', event.description); + } + }, + eventClick: function (calEvent, jsEvent, view) { + var form = $('
' + + '
' + + 'Event name' + + '
' + + '' + + '
' + + '' + + '
' + + '' + + '
' + + '
' + + '
'); + var buttons = $('' + + '' + + ''); + OpenModalBox('Change event', form, buttons); + $('#event_cancel').on('click', function () { + CloseModalBox(); + }); + $('#event_delete').on('click', function () { + calendar.fullCalendar('removeEvents', function (ev) { + return (ev._id == calEvent._id); + }); + CloseModalBox(); + }); + $('#event_change').on('click', function () { + calEvent.title = $('#newevent_name').val(); + calEvent.description = $('#newevent_desc').val(); + calendar.fullCalendar('updateEvent', calEvent); + CloseModalBox() + }); + } + }); + $('#new-event-add').on('click', function (event) { + event.preventDefault(); + var event_name = $('#new-event-title').val(); + var event_description = $('#new-event-desc').val(); + if (event_name != '') { + var event_template = $('
' + event_name + '
'); + $('#events-templates-header').after(event_template); + var eventObject = { + title: event_name, + description: event_description + }; + // store the Event Object in the DOM element so we can get to it later + event_template.data('eventObject', eventObject); + event_template.draggable({ + zIndex: 999, + revert: true, + revertDuration: 0 + }); + } + }); +} +// +// Load scripts and draw Calendar +// +function DrawFullCalendar() { + LoadCalendarScript(DrawCalendar); +} +////////////////////////////////////////////////////// +////////////////////////////////////////////////////// +// +// MAIN DOCUMENT READY SCRIPT OF DEVOOPS THEME +// +// In this script main logic of theme +// +////////////////////////////////////////////////////// +////////////////////////////////////////////////////// +$(document).ready(function () { + $('.show-sidebar').on('click', function () { + $('div#main').toggleClass('sidebar-show'); + setTimeout(MessagesMenuWidth, 250); + }); + var ajax_url = location.hash.replace(/^#/, ''); + if (ajax_url.length < 1) { + ajax_url = 'ajax/dashboard.html'; + } + LoadAjaxContent(ajax_url); + $('.main-menu').on('click', 'a', function (e) { + var parents = $(this).parents('li'); + var li = $(this).closest('li.dropdown'); + var another_items = $('.main-menu li').not(parents); + another_items.find('a').removeClass('active'); + another_items.find('a').removeClass('active-parent'); + if ($(this).hasClass('dropdown-toggle') || $(this).closest('li').find('ul').length == 0) { + $(this).addClass('active-parent'); + var current = $(this).next(); + if (current.is(':visible')) { + li.find("ul.dropdown-menu").slideUp('fast'); + li.find("ul.dropdown-menu a").removeClass('active') + } + else { + another_items.find("ul.dropdown-menu").slideUp('fast'); + current.slideDown('fast'); + } + } + else { + if (li.find('a.dropdown-toggle').hasClass('active-parent')) { + var pre = $(this).closest('ul.dropdown-menu'); + pre.find("li.dropdown").not($(this).closest('li')).find('ul.dropdown-menu').slideUp('fast'); + } + } + if ($(this).hasClass('active') == false) { + $(this).parents("ul.dropdown-menu").find('a').removeClass('active'); + $(this).addClass('active') + } + if ($(this).hasClass('ajax-link')) { + e.preventDefault(); + if ($(this).hasClass('add-full')) { + $('#content').addClass('full-content'); + } + else { + $('#content').removeClass('full-content'); + } + var url = $(this).attr('href'); + window.location.hash = url; + LoadAjaxContent(url); + } + if ($(this).attr('href') == '#') { + e.preventDefault(); + } + }); + var height = window.innerHeight - 49; + $('#main').css('min-height', height) + .on('click', '.expand-link', function (e) { + var body = $('body'); + e.preventDefault(); + var box = $(this).closest('div.box'); + var button = $(this).find('i'); + button.toggleClass('fa-expand').toggleClass('fa-compress'); + box.toggleClass('expanded'); + body.toggleClass('body-expanded'); + var timeout = 0; + if (body.hasClass('body-expanded')) { + timeout = 100; + } + setTimeout(function () { + box.toggleClass('expanded-padding'); + }, timeout); + setTimeout(function () { + box.resize(); + box.find('[id^=map-]').resize(); + }, timeout + 50); + }) + .on('click', '.collapse-link', function (e) { + e.preventDefault(); + var box = $(this).closest('div.box'); + var button = $(this).find('i'); + var content = box.find('div.box-content'); + content.slideToggle('fast'); + button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down'); + setTimeout(function () { + box.resize(); + box.find('[id^=map-]').resize(); + }, 50); + }) + .on('click', '.close-link', function (e) { + e.preventDefault(); + var content = $(this).closest('div.box'); + content.remove(); + }); + $('#locked-screen').on('click', function (e) { + e.preventDefault(); + $('body').addClass('body-screensaver'); + $('#screensaver').addClass("show"); + ScreenSaver(); + }); + $('body').on('click', 'a.close-link', function (e) { + e.preventDefault(); + CloseModalBox(); + }); + $('#top-panel').on('click', 'a', function (e) { + if ($(this).hasClass('ajax-link')) { + e.preventDefault(); + if ($(this).hasClass('add-full')) { + $('#content').addClass('full-content'); + } + else { + $('#content').removeClass('full-content'); + } + var url = $(this).attr('href'); + window.location.hash = url; + LoadAjaxContent(url); + } + }); + $('#search').on('keydown', function (e) { + if (e.keyCode == 13) { + e.preventDefault(); + $('#content').removeClass('full-content'); + ajax_url = 'ajax/page_search.html'; + window.location.hash = ajax_url; + LoadAjaxContent(ajax_url); + } + }); + $('#screen_unlock').on('mouseover', function () { + var header = 'Enter current username and password'; + var form = $('
' + + '
'); + var button = $('
Unlock
'); + OpenModalBox(header, form, button); + }); +}); + diff --git a/app/scripts/controllers/header.js b/app/scripts/controllers/header.js new file mode 100644 index 0000000..50cab93 --- /dev/null +++ b/app/scripts/controllers/header.js @@ -0,0 +1,26 @@ +'use strict'; + +angular.module('robotoPromotoApp') + .controller('HeaderCtrl', function ($scope, $location, Auth) { + $scope.menu = [ + { + 'title': 'Home', + 'link': '/' + }, + { + 'title': 'Settings', + 'link': '/settings' + } + ]; + + $scope.logout = function () { + Auth.logout() + .then(function () { + $location.path('/login'); + }); + }; + + $scope.isActive = function (route) { + return route === $location.path(); + }; + }); diff --git a/app/scripts/controllers/navbar.js b/app/scripts/controllers/navbar.js index a7b015c..7a738c8 100644 --- a/app/scripts/controllers/navbar.js +++ b/app/scripts/controllers/navbar.js @@ -1,23 +1,10 @@ 'use strict'; angular.module('robotoPromotoApp') - .controller('NavbarCtrl', function ($scope, $location, Auth) { - $scope.menu = [{ - 'title': 'Home', - 'link': '/' - }, { - 'title': 'Settings', - 'link': '/settings' - }]; - - $scope.logout = function() { - Auth.logout() - .then(function() { - $location.path('/login'); - }); - }; - - $scope.isActive = function(route) { - return route === $location.path(); - }; + .controller('NavbarCtrl', function ($scope) { + $scope.awesomeThings = [ + 'HTML5 Boilerplate', + 'AngularJS', + 'Karma' + ]; }); diff --git a/app/scripts/controllers/promotions.js b/app/scripts/controllers/promotions.js index 9bb7fd0..fc201f9 100644 --- a/app/scripts/controllers/promotions.js +++ b/app/scripts/controllers/promotions.js @@ -11,12 +11,11 @@ angular.module('robotoPromotoApp') pageSizes: [5, 10, 20], pageSize: 5, currentPage: 1 - } + }; - $scope.setPagingData = function(data, page, pageSize){ - var pagedData = data.slice((page-1) * pageSize, page * pageSize); - $scope.promotionData = pagedData; - $scope.totalServerItems = data.length; + $scope.setPagingData = function(data, total){ + $scope.promotionData = data; + $scope.totalServerItems = total; if (!$scope.$$phase){ $scope.$apply(); } @@ -27,10 +26,10 @@ angular.module('robotoPromotoApp') if (searchText){ var ft = searchText.toLowerCase(); }else{ - $http.get('api/promotions') - .success(function (promotions) { - $scope.setPagingData(promotions, page, pageSize); - }); + $http.get('api/promotion?sort=created&limit=' + pageSize + '&skip=' + pageSize * (page-1)) + .success(function (promotions) { + $scope.setPagingData(promotions.payload, promotions.total); + }); } }, 3000); }; diff --git a/app/styles/bs/base.css b/app/styles/bs/base.css new file mode 100644 index 0000000..946013f --- /dev/null +++ b/app/styles/bs/base.css @@ -0,0 +1,5824 @@ +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + margin: .67em 0; + font-size: 2em; +} +mark { + color: #000; + background: #ff0; +} +small { + font-size: 80%; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sup { + top: -.5em; +} +sub { + bottom: -.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + margin: 0; + font: inherit; + color: inherit; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + padding: .35em .625em .75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} +legend { + padding: 0; + border: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-spacing: 0; + border-collapse: collapse; +} +td, +th { + padding: 0; +} +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333; + background-color: #fff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #428bca; + text-decoration: none; +} +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 6px; +} +.img-thumbnail { + display: inline-block; + max-width: 100%; + height: auto; + padding: 4px; + line-height: 1.428571429; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999; +} +.text-primary { + color: #428bca; +} +a.text-primary:hover { + color: #3071a9; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #428bca; +} +a.bg-primary:hover { + background-color: #3071a9; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; +} +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} +.list-inline > li:first-child { + padding-left: 0; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.428571429; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.428571429; + color: #999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eee; + border-left: 0; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; + border-radius: 4px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.428571429; + color: #333; + word-break: break-all; + word-wrap: break-word; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} +.row { + margin-right: -15px; + margin-left: -15px; +} +.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; + padding-right: 15px; + padding-left: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666666666666%; +} +.col-xs-10 { + width: 83.33333333333334%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666666666666%; +} +.col-xs-7 { + width: 58.333333333333336%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666666666667%; +} +.col-xs-4 { + width: 33.33333333333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.666666666666664%; +} +.col-xs-1 { + width: 8.333333333333332%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666666666666%; +} +.col-xs-pull-10 { + right: 83.33333333333334%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666666666666%; +} +.col-xs-pull-7 { + right: 58.333333333333336%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666666666667%; +} +.col-xs-pull-4 { + right: 33.33333333333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.666666666666664%; +} +.col-xs-pull-1 { + right: 8.333333333333332%; +} +.col-xs-pull-0 { + right: 0; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666666666666%; +} +.col-xs-push-10 { + left: 83.33333333333334%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666666666666%; +} +.col-xs-push-7 { + left: 58.333333333333336%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666666666667%; +} +.col-xs-push-4 { + left: 33.33333333333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.666666666666664%; +} +.col-xs-push-1 { + left: 8.333333333333332%; +} +.col-xs-push-0 { + left: 0; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666666666666%; +} +.col-xs-offset-10 { + margin-left: 83.33333333333334%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666666666666%; +} +.col-xs-offset-7 { + margin-left: 58.333333333333336%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666666666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.666666666666664%; +} +.col-xs-offset-1 { + margin-left: 8.333333333333332%; +} +.col-xs-offset-0 { + margin-left: 0; +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666666666666%; + } + .col-sm-10 { + width: 83.33333333333334%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666666666666%; + } + .col-sm-7 { + width: 58.333333333333336%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666666666667%; + } + .col-sm-4 { + width: 33.33333333333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.666666666666664%; + } + .col-sm-1 { + width: 8.333333333333332%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666666666666%; + } + .col-sm-pull-10 { + right: 83.33333333333334%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666666666666%; + } + .col-sm-pull-7 { + right: 58.333333333333336%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666666666667%; + } + .col-sm-pull-4 { + right: 33.33333333333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.666666666666664%; + } + .col-sm-pull-1 { + right: 8.333333333333332%; + } + .col-sm-pull-0 { + right: 0; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666666666666%; + } + .col-sm-push-10 { + left: 83.33333333333334%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666666666666%; + } + .col-sm-push-7 { + left: 58.333333333333336%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666666666667%; + } + .col-sm-push-4 { + left: 33.33333333333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.666666666666664%; + } + .col-sm-push-1 { + left: 8.333333333333332%; + } + .col-sm-push-0 { + left: 0; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666666666666%; + } + .col-sm-offset-10 { + margin-left: 83.33333333333334%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666666666666%; + } + .col-sm-offset-7 { + margin-left: 58.333333333333336%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666666666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.666666666666664%; + } + .col-sm-offset-1 { + margin-left: 8.333333333333332%; + } + .col-sm-offset-0 { + margin-left: 0; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666666666666%; + } + .col-md-10 { + width: 83.33333333333334%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666666666666%; + } + .col-md-7 { + width: 58.333333333333336%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666666666667%; + } + .col-md-4 { + width: 33.33333333333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.666666666666664%; + } + .col-md-1 { + width: 8.333333333333332%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666666666666%; + } + .col-md-pull-10 { + right: 83.33333333333334%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666666666666%; + } + .col-md-pull-7 { + right: 58.333333333333336%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666666666667%; + } + .col-md-pull-4 { + right: 33.33333333333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.666666666666664%; + } + .col-md-pull-1 { + right: 8.333333333333332%; + } + .col-md-pull-0 { + right: 0; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666666666666%; + } + .col-md-push-10 { + left: 83.33333333333334%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666666666666%; + } + .col-md-push-7 { + left: 58.333333333333336%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666666666667%; + } + .col-md-push-4 { + left: 33.33333333333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.666666666666664%; + } + .col-md-push-1 { + left: 8.333333333333332%; + } + .col-md-push-0 { + left: 0; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666666666666%; + } + .col-md-offset-10 { + margin-left: 83.33333333333334%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666666666666%; + } + .col-md-offset-7 { + margin-left: 58.333333333333336%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666666666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.666666666666664%; + } + .col-md-offset-1 { + margin-left: 8.333333333333332%; + } + .col-md-offset-0 { + margin-left: 0; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666666666666%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666666666666%; + } + .col-lg-pull-10 { + right: 83.33333333333334%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666666666666%; + } + .col-lg-pull-7 { + right: 58.333333333333336%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666666666667%; + } + .col-lg-pull-4 { + right: 33.33333333333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.666666666666664%; + } + .col-lg-pull-1 { + right: 8.333333333333332%; + } + .col-lg-pull-0 { + right: 0; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666666666666%; + } + .col-lg-push-10 { + left: 83.33333333333334%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666666666666%; + } + .col-lg-push-7 { + left: 58.333333333333336%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666666666667%; + } + .col-lg-push-4 { + left: 33.33333333333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.666666666666664%; + } + .col-lg-push-1 { + left: 8.333333333333332%; + } + .col-lg-push-0 { + left: 0; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666666666666%; + } + .col-lg-offset-10 { + margin-left: 83.33333333333334%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666666666666%; + } + .col-lg-offset-7 { + margin-left: 58.333333333333336%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666666666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.666666666666664%; + } + .col-lg-offset-1 { + margin-left: 8.333333333333332%; + } + .col-lg-offset-0 { + margin-left: 0; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #ddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #ddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #ddd; +} +.table .table { + background-color: #fff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #ddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + display: table-column; + float: none; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + display: table-cell; + float: none; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-x: scroll; + overflow-y: hidden; + -webkit-overflow-scrolling: touch; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.428571429; + color: #555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); +} +.form-control:-moz-placeholder { + color: #999; +} +.form-control::-moz-placeholder { + color: #999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999; +} +.form-control::-webkit-input-placeholder { + color: #999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-top: 10px; + margin-bottom: 10px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + background-color: #dff0d8; + border-color: #3c763d; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #8a6d3b; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + background-color: #f2dede; + border-color: #a94442; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 7px; + margin-top: 0; + margin-bottom: 0; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-right: -15px; + margin-left: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.btn:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #333; + text-decoration: none; +} +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + pointer-events: none; + cursor: not-allowed; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; + opacity: .65; +} +.btn-default { + color: #333; + background-color: #fff; + border-color: #ccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #fff; + border-color: #ccc; +} +.btn-default .badge { + color: #fff; + background-color: #333; +} +.btn-primary { + color: #fff; + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #fff; + background-color: #3276b1; + border-color: #285e8e; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary .badge { + color: #428bca; + background-color: #fff; +} +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #fff; + background-color: #47a447; + border-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #fff; +} +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #fff; + background-color: #39b3d7; + border-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #fff; +} +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #fff; + background-color: #ed9c28; + border-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff; +} +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #fff; + background-color: #d2322d; + border-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #fff; +} +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999; + text-decoration: none; +} +.btn-lg { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + transition: opacity .15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height .35s ease; + transition: height .35s ease; +} +@font-face { + font-family: 'Glyphicons Halflings'; + + src: url('../fonts/glyphicons-halflings-regular.eot'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\2a"; +} +.glyphicon-plus:before { + content: "\2b"; +} +.glyphicon-euro:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + font-size: 14px; + list-style: none; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); + box-shadow: 0 6px 12px rgba(0, 0, 0, .175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + color: #262626; + text-decoration: none; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #fff; + text-decoration: none; + background-color: #428bca; + outline: 0; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: not-allowed; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + right: 0; + left: auto; +} +.dropdown-menu-left { + right: auto; + left: 0; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.428571429; + color: #999; +} +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + content: ""; + border-top: 0; + border-bottom: 4px solid; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + right: 0; + left: auto; + } + .navbar-right .dropdown-menu-left { + right: auto; + left: 0; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + display: table-cell; + float: none; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-right: 0; + padding-left: 0; +} +.input-group .form-control { + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eee; +} +.nav > li.disabled > a { + color: #999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999; + text-decoration: none; + cursor: not-allowed; + background-color: transparent; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eee; + border-color: #428bca; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eee #eee #ddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555; + cursor: default; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #fff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #fff; + background-color: #428bca; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + margin-bottom: 5px; + text-align: center; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #ddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #fff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + padding-right: 15px; + padding-left: 15px; + overflow-x: visible; + -webkit-overflow-scrolling: touch; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-right: 0; + padding-left: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + height: 20px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + padding: 9px 10px; + margin-top: 8px; + margin-right: 15px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + padding: 10px 15px; + margin-top: 8px; + margin-right: -15px; + margin-bottom: 8px; + margin-left: -15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + padding-left: 0; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + padding-top: 0; + padding-bottom: 0; + margin-right: 0; + margin-left: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-right: 15px; + margin-left: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777; +} +.navbar-default .navbar-nav > li > a { + color: #777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #ccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #ddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #ddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + color: #555; + background-color: #e7e7e7; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #ccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #fff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + color: #fff; + background-color: #080808; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #999; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #fff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #fff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #999; +} +.navbar-inverse .navbar-link:hover { + color: #fff; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + padding: 0 5px; + color: #ccc; + content: "/\00a0"; +} +.breadcrumb > .active { + color: #999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.428571429; + color: #428bca; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #2a6496; + background-color: #eee; + border-color: #ddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #fff; + cursor: default; + background-color: #428bca; + border-color: #428bca; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} +.pager { + padding-left: 0; + margin: 20px 0; + text-align: center; + list-style: none; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999; + cursor: not-allowed; + background-color: #fff; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #428bca; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3071a9; +} +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; +} +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; +} +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; +} +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + background-color: #999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #fff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.428571429; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + display: block; + max-width: 100%; + height: auto; + margin-right: auto; + margin-left: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #428bca; +} +.thumbnail .caption { + padding: 9px; + color: #333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); +} +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + -webkit-transition: width .6s ease; + transition: width .6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + padding-left: 0; + margin-bottom: 20px; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd; +} +.list-group-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555; +} +a.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #fff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); +} +.panel-body { + padding: 15px; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group .list-group-item:first-child { + border-top: 0; +} +.panel > .list-group .list-group-item:last-child { + border-bottom: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #ddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, +.panel > .table-bordered > tfoot > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th, +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > tfoot > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td { + border-top: 0; +} +.panel > .table-bordered > thead > tr:last-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:last-child > th, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-bordered > thead > tr:last-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; +} +.panel > .table-responsive { + margin-bottom: 0; + border: 0; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + overflow: hidden; + border-radius: 4px; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #ddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #ddd; +} +.panel-default { + border-color: #ddd; +} +.panel-default > .panel-heading { + color: #333; + background-color: #f5f5f5; + border-color: #ddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ddd; +} +.panel-primary { + border-color: #428bca; +} +.panel-primary > .panel-heading { + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, .15); +} +.well-lg { + padding: 24px; + border-radius: 6px; +} +.well-sm { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + filter: alpha(opacity=20); + opacity: .2; +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + filter: alpha(opacity=50); + opacity: .5; +} +button.close { + -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: transparent; + border: 0; +} +.modal-open { + overflow: hidden; +} +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform .3s ease-out; + -moz-transition: -moz-transform .3s ease-out; + -o-transition: -o-transform .3s ease-out; + transition: transform .3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} +.modal-backdrop.fade { + filter: alpha(opacity=0); + opacity: 0; +} +.modal-backdrop.in { + filter: alpha(opacity=50); + opacity: .5; +} +.modal-header { + min-height: 16.428571429px; + padding: 15px; + border-bottom: 1px solid #e5e5e5; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.428571429; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + padding: 19px 20px 20px; + margin-top: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + } + .modal-sm { + width: 300px; + } + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 12px; + line-height: 1.4; + visibility: visible; + filter: alpha(opacity=0); + opacity: 0; +} +.tooltip.in { + filter: alpha(opacity=90); + opacity: .9; +} +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.top-right .tooltip-arrow { + right: 5px; + bottom: 0; + border-width: 5px 5px 0; + border-top-color: #000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + box-shadow: 0 5px 10px rgba(0, 0, 0, .2); +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover .arrow { + border-width: 11px; +} +.popover .arrow:after { + content: ""; + border-width: 10px; +} +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, .25); + border-bottom-width: 0; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + content: " "; + border-top-color: #fff; + border-bottom-width: 0; +} +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, .25); + border-left-width: 0; +} +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + content: " "; + border-right-color: #fff; + border-left-width: 0; +} +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, .25); +} +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + content: " "; + border-top-width: 0; + border-bottom-color: #fff; +} +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, .25); +} +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + content: " "; + border-right-width: 0; + border-left-color: #fff; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: .6s ease-in-out left; + transition: .6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); + filter: alpha(opacity=50); + opacity: .5; +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control.right { + right: 0; + left: auto; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-repeat: repeat-x; +} +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + filter: alpha(opacity=90); + outline: none; + opacity: .9; +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + padding-left: 0; + margin-left: -30%; + text-align: center; + list-style: none; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); + border: 1px solid #fff; + border-radius: 10px; +} +.carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; +} +.carousel-caption { + position: absolute; + right: 15%; + bottom: 20px; + left: 15%; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, .6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicons-chevron-left, + .carousel-control .glyphicons-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + right: 20%; + left: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-right: auto; + margin-left: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +tr.visible-xs, +th.visible-xs, +td.visible-xs { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +.visible-sm, +tr.visible-sm, +th.visible-sm, +td.visible-sm { + display: none !important; +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +.visible-md, +tr.visible-md, +th.visible-md, +td.visible-md { + display: none !important; +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +.visible-lg, +tr.visible-lg, +th.visible-lg, +td.visible-lg { + display: none !important; +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs, + tr.hidden-xs, + th.hidden-xs, + td.hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm, + tr.hidden-sm, + th.hidden-sm, + td.hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md, + tr.hidden-md, + th.hidden-md, + td.hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg, + tr.hidden-lg, + th.hidden-lg, + td.hidden-lg { + display: none !important; + } +} +.visible-print, +tr.visible-print, +th.visible-print, +td.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print, + tr.hidden-print, + th.hidden-print, + td.hidden-print { + display: none !important; + } +} +/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/app/styles/bs/style.css b/app/styles/bs/style.css new file mode 100644 index 0000000..508dc69 --- /dev/null +++ b/app/styles/bs/style.css @@ -0,0 +1,2802 @@ +body { + color: #525252; + background: #6AA6D6 url(/images/bs/devoops_pattern_b10.png) 0 0 repeat; +} + +.body-expanded, .modal-open { + overflow-y: hidden; + margin-right: 15px; +} + +.body-expanded .expanded-panel, .fancybox-margin .expanded-panel, .modal-open .expanded-panel { + margin-right: 15px; +} + +.body-screensaver { + overflow: hidden; +} + +h1, .h1, h2, .h2, h3, .h3 { + margin: 0; +} + +#logo { + position: relative; + background: #525252 url(/images/bs/devoops_pattern_b10.png) 0 0 repeat; +} + +#logo a { + color: #fff; + font-family: 'Righteous', cursive; + display: block; + font-size: 20px; + line-height: 50px; + background: url(/images/bs/logo.png) right 42px no-repeat; + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +#logo a:hover { + background-position: right 25px; + text-decoration: none; +} + +.navbar { + margin: 0; + border: 0; + position: fixed; + top: 0; + left: 0; + width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + box-shadow: 0 1px 2px #272727; + z-index: 2000; +} + +.body-expanded .navbar { + z-index: 9; +} + +a.show-sidebar { + float: left; + color: #6d6d6d; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +a.show-sidebar:hover { + color: #000; +} + +#sidebar-left { + position: relative; + z-index: inherit; + padding-bottom: 3000px !important; + margin-bottom: -3000px !important; + background: #6AA6D6 url(/images/bs/devoops_pattern_b10.png) 0 0 repeat; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +#content { + position: relative; + z-index: 10; + background: #ebebeb; + box-shadow: 0 0 6px #131313; + padding-bottom: 3000px !important; + margin-bottom: -2980px !important; + overflow: hidden; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.full-content { + overflow: hidden; + padding: 0; + margin: 0; +} + +.nav.main-menu, .nav.msg-menu { + margin: 0 -15px; +} + +.nav.main-menu > li > a, .nav.msg-menu > li > a { + text-align: center; + color: #f0f0f0; + min-height: 40px; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background: rgba(0, 0, 0, 0.1); +} + +.nav.main-menu > li > a:hover, .nav.main-menu > li > a:focus, .nav.main-menu > li.active > a, .nav.main-menu .open > a, .nav.main-menu .open > a:hover, .nav.main-menu .open > a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li.active > a, +.nav.msg-menu > li > a:hover, .nav.msg-menu > li > a:focus, .nav.msg-menu > li.active > a, .nav.msg-menu .open > a, .nav.msg-menu .open > a:hover, .nav.msg-menu .open > a:focus { + background: rgba(0, 0, 0, 0.1); + color: #f0f0f0; +} + +.nav.main-menu a.active, .nav.msg-menu a.active { + background: rgba(0, 0, 0, 0.2); +} + +.nav.main-menu a.active:hover, .nav.msg-menu a.active:hover { + background: rgba(0, 0, 0, 0.2); +} + +.nav.main-menu a.active-parent, .nav.msg-menu a.active-parent { + background: rgba(0, 0, 0, 0.3); +} + +.nav.main-menu a.active-parent:hover, .nav.msg-menu a.active-parent:hover { + background: rgba(0, 0, 0, 0.3); +} + +.nav.main-menu > li > a > i, .nav.msg-menu > li > a > i { + font-size: 18px; + width: auto; + display: block; + text-align: center; + vertical-align: middle; +} + +.main-menu .dropdown-menu { + position: absolute; + z-index: 2001; + left: 100%; + top: 0; + float: none; + margin: 0; + border: 0; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + padding: 0; + background: #6AA6D6 url(/images/bs/devoops_pattern_b10.png) 0 0 repeat; + box-shadow: none; + visibility: hidden; +} + +.main-menu .active-parent:hover + .dropdown-menu { + visibility: visible; +} + +.main-menu .active-parent + .dropdown-menu:hover { + visibility: visible; +} + +.main-menu .dropdown-menu > li > a { + padding: 9px 15px 9px 40px; + color: #f0f0f0; +} + +.main-menu .dropdown-menu > li:first-child > a { + -webkit-border-radius: 0 4px 0 0; + -moz-border-radius: 0 4px 0 0; + border-radius: 0 4px 0 0; +} + +.main-menu .dropdown-menu > li:last-child > a { + -webkit-border-radius: 0 0 4px 0; + -moz-border-radius: 0 0 4px 0; + border-radius: 0 0 4px 0; +} + +#top-panel { + line-height: 50px; + height: 50px; + background: #ebebeb; +} + +#main { + margin-top: 50px; + min-height: 800px; + overflow: hidden; +} + +#search { + position: relative; + margin-left: 20px; +} + +#search > input { + width: 80%; + background: #dfdfdf; + border: 1px solid #C7C7C7; + text-shadow: 0 1px 1px #EEE; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color: #686868; + line-height: 1em; + height: 30px; + padding: 0 35px 0 10px; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +#search > input + i { + opacity: 0; + position: absolute; + top: 18px; + right: 10px; + color: #fff; + -webkit-transition: 0.4s; + -moz-transition: 0.4s; + -o-transition: 0.4s; + transition: 0.4s; +} + +#search > input:focus { + width: 100%; + outline: none; +} + +#search > input:focus + i { + opacity: 1; +} + +.panel-menu { + margin: 0; +} + +.top-panel-right { + padding-left: 0; +} + +.panel-menu > li > a { + padding: 0 5px 0 10px; + line-height: 50px; +} + +.panel-menu > li > a:hover { + background: none; +} + +.panel-menu a.account { + height: 50px; + padding: 5px 0 5px 10px; + line-height: 18px; +} + +.panel-menu i { + margin-top: 8px; + padding: 5px; + font-size: 20px; + color: #7BC5D3; + line-height: 1em; + vertical-align: top; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.panel-menu > li > a:hover > i { + background: #f5f5f5; +} + +.panel-menu i.pull-right { + color: #000; + border: 0; + box-shadow: none; + font-size: 16px; + background: none !important; +} + +.panel-menu .badge { + margin-top: 3px; + padding: 3px 6px; + vertical-align: top; + background: #CEA9A9; +} + +.avatar { + width: 40px; + float: left; + margin-right: 5px; +} + +.avatar > img { + width: 40px; + height: 40px; + border: 1px solid #F8F8F8; +} + +.user-mini > span { + display: block; + font-size: 12px; + color: #363636; + margin-bottom: -4px; +} + +.user-mini > span.welcome { + font-weight: bold; + margin-top: 2px; +} + +.panel-menu .dropdown-menu { + position: absolute !important; + background: rgba(0, 0, 0, 0.7) !important; + padding: 0; + border: 0; + right: 0; + left: auto; + min-width: 100%; +} + +.panel-menu .dropdown-menu > li > a { + padding: 5px 10px !important; + color: #f0f0f0; +} + +.panel-menu .dropdown-menu > li > a > i { + border: 0; + padding: 0; + margin: 0; + font-size: 14px; + width: 20px; + display: inline-block; + text-align: center; + vertical-align: middle; +} + +.well { + padding: 15px; +} + +.box { + display: block; + z-index: 1999; + position: relative; + border: 1px solid #f8f8f8; + box-shadow: 0 0 4px #D8D8D8; + background: transparent; + margin-bottom: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.full-content .box { + border: 0; + margin-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.box-header { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + color: #363636; + font-size: 16px; + position: relative; + overflow: hidden; + background: #f5f5f5; + border-bottom: 1px solid #E4E4E4; + height: 28px; +} + +.box-name, .modal-header-name { + padding-left: 15px; + line-height: 28px; +} + +.box-name:hover { + cursor: move; +} + +.box-name > i { + margin-right: 5px; +} + +.box-icons { + position: absolute; + top: 0; + right: 0; + z-index: 9; +} + +.no-move { + display: none; +} + +.expanded .no-move { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + display: block; +} + +.box-content { + position: relative; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + padding: 15px; + background: #FCFCFC; +} + +.box-content.dropbox, .box-content.sortablebox { + overflow: hidden; +} + +.full-content .box-content { + height: 100%; + position: absolute; + width: 100%; + left: 0; + top: 0; +} + +.box-icons a { + cursor: pointer; + text-decoration: none !important; + border-left: 1px solid #fafafa; + height: 26px; + line-height: 26px; + width: 28px; + display: block; + float: left; + text-align: center; + color: #b8b8b8 !important; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.box-icons a.beauty-table-to-json { + width: auto; + padding: 0 10px; + font-size: 14px; +} + +.box-icons a:hover { + box-shadow: inset 0 0 1px 0 #CECECE; +} + +.expanded a.close-link { + display: none; +} + +#sidebar-left.col-xs-2 { + opacity: 0; + width: 0%; + padding: 0; +} + +.sidebar-show #sidebar-left.col-xs-2 { + opacity: 1; + width: 16.666666666666664%; + padding: 0 15px; +} + +.sidebar-show #content.col-xs-12 { + opacity: 1; + width: 83.33333333333334%; +} + +.expanded { + overflow-y: scroll; + border: 0; + z-index: 3000 !important; + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + padding: 0px; + background: rgba(0, 0, 0, 0.2); + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.expanded-padding { + background: rgba(0, 0, 0, 0.7); + padding: 50px; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.no-padding { + padding: 0 !important; +} + +.padding-15 { + padding: 15px !important; +} + +.no-padding .table-bordered { + border: 0; + margin: 0; +} + +.no-padding .table-bordered thead tr th:first-child, .no-padding .table-bordered tbody tr th:first-child, .no-padding .table-bordered tfoot tr th:first-child, .no-padding .table-bordered thead tr td:first-child, .no-padding .table-bordered tbody tr td:first-child, .no-padding .table-bordered tfoot tr td:first-child { + border-left: 0px !important; +} + +.no-padding .table-bordered thead tr th:last-child, .no-padding .table-bordered tbody tr th:last-child, .no-padding .table-bordered tfoot tr th:last-child, .no-padding .table-bordered thead tr td:last-child, .no-padding .table-bordered tbody tr td:last-child, .no-padding .table-bordered tfoot tr td:last-child { + border-right: 0px !important; +} + +.table-heading thead tr { + background-color: #f0f0f0; + background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf); +} + +table.no-border-bottom tr:last-child td { + border-bottom: 0; +} + +.dataTables_wrapper { + overflow: hidden; +} + +.dataTables_wrapper table.table { + clear: both; + max-width: inherit; + margin-bottom: 0; +} + +.table-datatable *, .table-datatable :after, .table-datatable :before { + margin: 0; + padding: 0; + -webkit-box-sizing: content-box; + box-sizing: content-box; + -moz-box-sizing: content-box; +} + +.table-datatable label { + position: relative; + display: block; + font-weight: 400; +} + +.table-datatable tbody td { + vertical-align: middle !important; +} + +.table-datatable img { + margin-right: 10px; + border: 1px solid #F8F8F8; + width: 40px; +} + +.table-datatable .sorting { + background: url(/images/bs/sort.png) right center no-repeat; + padding-right: 16px; + cursor: pointer; +} + +.table-datatable .sorting_asc { + background: url(/images/bs/sort-asc.png) right center no-repeat; + padding-right: 16px; + cursor: pointer; +} + +.table-datatable .sorting_desc { + background: url(/images/bs/sort-desc.png) right center no-repeat; + padding-right: 16px; + cursor: pointer; +} + +div.DTTT_collection_background { + z-index: 2002; +} + +div.DTTT .btn { + color: #333 !important; + font-size: 12px; +} + +ul.DTTT_dropdown.dropdown-menu { + z-index: 2003; + background: rgba(0, 0, 0, 0.7) !important; + padding: 0; + border: 0; + margin: 0; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + min-width: 157px; +} + +ul.DTTT_dropdown.dropdown-menu li { + position: relative; +} + +ul.DTTT_dropdown.dropdown-menu > li > a { + position: relative; + display: block; + padding: 5px 10px !important; + color: #f0f0f0 !important; +} + +ul.DTTT_dropdown.dropdown-menu > li:first-child > a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +ul.DTTT_dropdown.dropdown-menu > li:last-child > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +ul.DTTT_dropdown.dropdown-menu > li:hover > a { + background: rgba(0, 0, 0, 0.3); + color: #f0f0f0; +} + +.dataTables_wrapper input[type="text"] { + display: block; + width: 90%; + height: 26px; + padding: 2px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-appearance: none; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.dataTables_wrapper input[type="text"]:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); +} + +#breadcrumb { + padding: 0; + line-height: 40px; + background: #525252; + background: #5a8db6 url(/images/bs/devoops_pattern_b10.png) 0 0 repeat; + margin-bottom: 20px; +} + +.breadcrumb { + padding: 0 15px; + background: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + margin: 0; +} + +.breadcrumb > li > a { + color: #d8d8d8; +} + +.breadcrumb > li > a:hover, .breadcrumb > li:last-child > a { + color: #f8f8f8; +} + +.bs-callout { + padding: 15px; + border-left: 3px solid #525252; + background: #dfdfdf; +} + +.bs-callout h4 { + margin-top: 0; + margin-bottom: 5px; + color: #525252; +} + +.no-padding .bs-callout { + border: 0; +} + +.page-header { + margin: 0 0 10px; + border-bottom: 1px solid #c7c7c7; +} + +.box-content .page-header, legend, .full-calendar .page-header { + margin: 0 0 10px; + border-bottom: 1px dashed #B6B6B6; +} + +.invoice-header { + margin: 0 0 10px; + border-bottom: 1px dashed #B6B6B6; + display: inline-block; +} + +.box-content .form-group, .devoops-modal-inner .form-group { + margin-top: 15px; + margin-bottom: 15px; +} + +.show-grid [class^="col-"] { + padding-top: 10px; + padding-bottom: 10px; + background-color: #525252; + background-color: rgba(129, 199, 199, 0.2); + border: 1px solid #ebebeb; +} + +.show-grid [class^="col-"]:hover { + padding-top: 10px; + padding-bottom: 10px; + background-color: rgba(107, 134, 182, 0.2); + border: 1px solid #ebebeb; +} + +.show-grid, .show-grid-forms { + margin-bottom: 15px; +} + +.show-grid-forms [class^="col-"] { + padding-top: 10px; + padding-bottom: 10px; +} + +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th, +td.beauty-hover { + background-color: rgba(219, 219, 219, 0.3) !important; +} + +.table-hover > tbody > tr:hover > td.beauty-hover:hover { + background-color: rgba(219, 219, 219, 0.9) !important; +} + +.DTTT.btn-group { + position: absolute; + top: -28px; + right: 83px; + border-right: 1px solid #DBDBDB; +} + +.DTTT.btn-group a { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + line-height: 1em; + font-size: 14px; + font-weight: bold; + outline: none; + box-shadow: none !important; + padding: 6px 12px; + margin: 0; + background: #F7F7F7; + border: 0; +} + +#screensaver { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 3000; + background: #000; + display: none; +} + +#screensaver.show { + display: block; +} + +#canvas { + position: relative; +} + +#screensaver i { + position: absolute; + top: 50px; + right: 50px; + background: rgba(255, 255, 255, 0.5); + line-height: 100px; + width: 100px; + height: 100px; + text-align: center; + font-size: 60px; + color: rgba(0, 0, 0, 0.8); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.well pre { + padding: 0; + margin-top: 0; + margin-bottom: 0; + background-color: transparent; + border: 0; + white-space: nowrap; +} + +.well pre code { + white-space: normal; +} + +.btn { + border-width: 1px; + border-style: solid; + border-width: 1px; + text-decoration: none; + border-color: rgba(0, 0, 0, 0.3); + cursor: pointer; + outline: none; + font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Segoe UI", Verdana, sans-serif; + display: inline-block; + vertical-align: top; + position: relative; + font-size: 12px; + font-weight: bold; + text-align: center; + background-color: #a2a2a2; + background: #a2a2a2 -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)); + background: #a2a2a2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))); + line-height: 24px; + margin: 0 0 10px 0; + padding: 0 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -moz-user-select: none; + -webkit-user-select: none; + outline: none !important; +} + +.btn-label-left, .btn-label-right { + padding: 0 10px; +} + +.btn-label-left span { + position: relative; + left: -10px; + display: inline-block; + padding: 0px 8px; + background: rgba(0, 0, 0, 0.1); +} + +.btn-label-right span { + position: relative; + right: -10px; + display: inline-block; + padding: 0px 8px; + background: rgba(0, 0, 0, 0.1); +} + +.btn i { + vertical-align: middle; +} + +.btn-app { + width: 80px; + height: 80px; + padding: 0; + font-size: 16px; +} + +.btn-app i { + font-size: 36px; + line-height: 78px; + display: block; +} + +.btn-app-sm { + width: 50px; + height: 50px; + padding: 0; + font-size: 12px; +} + +.btn-app-sm i { + font-size: 18px; + line-height: 48px; + display: block; +} + +.btn-circle { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + border: 2px solid rgba(0, 0, 0, 0.25); +} + +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-default, .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .progress-bar { + background-color: #D8D8D8; + border-color: rgba(0, 0, 0, 0.3); + color: #929292; +} + +.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, +.table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { + background-color: #6AA6D6; + border-color: rgba(0, 0, 0, 0.3); + color: #f8f8f8; +} + +.btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active, .progress-bar-success, +.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { + background-color: #63CC9E; + border-color: rgba(0, 0, 0, 0.3); + color: #f8f8f8; +} + +.btn-info, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active, .progress-bar-info, +.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { + background-color: #7BC5D3; + border-color: rgba(0, 0, 0, 0.3); + color: #f8f8f8; +} + +.btn-warning, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active, .progress-bar-warning, +.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { + background-color: #DFD271; + border-color: rgba(0, 0, 0, 0.3); + color: #f8f8f8; +} + +.btn-danger, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active, .progress-bar-danger, +.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { + background-color: #D15E5E; + border-color: rgba(0, 0, 0, 0.3); + color: #f8f8f8; +} + +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { + color: #525252; + background-color: #b8b8b8; + border-color: rgba(0, 0, 0, 0.3); +} + +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, +.table-hover > tbody > tr > td.primary:hover, .table-hover > tbody > tr > th.primary:hover, .table-hover > tbody > tr.primary:hover > td, .table-hover > tbody > tr.primary:hover > th { + color: #fff; + background-color: #5a8db6; + border-color: rgba(0, 0, 0, 0.3); +} + +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, +.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { + color: #fff; + background-color: #54ae86; + border-color: rgba(0, 0, 0, 0.3); +} + +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, +.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { + color: #fff; + background-color: #69a8b4; + border-color: rgba(0, 0, 0, 0.3); +} + +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, +.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { + color: #fff; + background-color: #beb360; + border-color: rgba(0, 0, 0, 0.3); +} + +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, +.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { + color: #fff; + background-color: #b25050; + border-color: rgba(0, 0, 0, 0.3); +} + +.progress { + overflow: visible; +} + +.progress-ui { + height: 10px; +} + +.progress-bar { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.progress-bar.ui-widget-content { + background: none; + border: 0; + height: 100%; + position: relative; +} + +.progress-bar .ui-state-default { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + height: 10px; + width: 10px; + top: 0; + margin-left: -5px; + cursor: pointer; + border: 0px solid #d3d3d3; + outline: none !important; + background-color: #f0f0f0; + background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf); +} + +.progress-bar .ui-widget-header { + background: #D8D8D8; +} + +.progress-bar-primary .ui-widget-header { + background: #6AA6D6; + color: #f8f8f8; +} + +.progress-bar-success .ui-widget-header { + background: #63CC9E; + color: #f8f8f8; +} + +.progress-bar-info .ui-widget-header { + background: #7BC5D3; + color: #f8f8f8; +} + +.progress-bar-warning .ui-widget-header { + background: #DFD271; + color: #f8f8f8; +} + +.progress-bar-danger .ui-widget-header { + background: #D15E5E; + color: #f8f8f8; +} + +.progress-bar .ui-state-default { + background: #b8b8b8; +} + +.progress-bar-primary .ui-state-default { + background: #5a8db6; +} + +.progress-bar-success .ui-state-default { + background: #54ae86; +} + +.progress-bar-info .ui-state-default { + background: #69a8b4; +} + +.progress-bar-warning .ui-state-default { + background: #beb360; +} + +.progress-bar-danger .ui-state-default { + background: #b25050; +} + +.slider-range-min-amount, .slider-range-max-amount, .slider-range-amount { + border: 0; + background: none; + outline: none !important; +} + +.progress-bar.ui-slider-vertical { + width: 20px; +} + +.progress-bar.ui-slider-vertical .ui-state-default { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + height: 20px; + width: 20px; + top: auto; + margin-left: 0px; + left: 0; +} + +#equalizer .progress { + height: 160px; + display: inline-block; + margin: 15px; +} + +.beauty-table { + width: 100%; + border-collapse: separate; + border-spacing: 0; +} + +.beauty-table input { + border: 1px solid transparent; + background: none; + font-size: 16px; + text-align: center; + padding: 2px 15px !important; + width: 100%; + outline: none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.beauty-table input:focus { + border: 1px solid #dfdfdf; + background: #fefefe; + font-size: 16px; + text-align: center; + padding: 2px 15px !important; + width: 100%; + outline: none; +} + +.c { + color: #999; + display: block; +} + +.nt { + color: #2f6f9f; +} + +.na { + color: #4f9fcf; +} + +.s { + color: #d44950; +} + +.radio, .checkbox, .radio-inline, .checkbox-inline { + position: relative; +} + +.radio label, .checkbox label, .radio-inline label, .checkbox-inline label { + font-weight: normal; + cursor: pointer; + padding-left: 8px; + -webkit-transition: 1s; + -moz-transition: 1s; + -o-transition: 1s; + transition: 1s; +} + +.radio + .radio, .checkbox + .checkbox { + margin-top: 10px; +} + +.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { + position: absolute; + clip: rect(0, 0, 0, 0); +} + +.checkbox i, .checkbox-inline i, .radio i, .radio-inline i { + cursor: pointer; + position: absolute; + left: 0; + top: 0; + font-size: 24px; + -webkit-transition: 1s; + -moz-transition: 1s; + -o-transition: 1s; + transition: 1s; +} + +.checkbox i.small, .checkbox-inline i.small, .radio i.small, .radio-inline i.small { + font-size: 18px; + top: 2px; +} + +.checkbox input[type=checkbox]:checked + i:before, .checkbox-inline input[type=checkbox]:checked + i:before { + content: "\f046"; +} + +.radio input[type=radio]:checked + i:before, .radio-inline input[type=radio]:checked + i:before { + content: "\f192"; +} + +.toggle-switch { + position: relative; + width: 60px; +} + +.toggle-switch input { + display: none; +} + +.toggle-switch label { + display: block; + overflow: hidden; + cursor: pointer; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; +} + +.toggle-switch-inner { + width: 200%; + margin-left: -100%; + -webkit-transition: margin 0.3s ease-in 0s; + -moz-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.toggle-switch-inner:before, .toggle-switch-inner:after { + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 20px; + font-size: 12px; + text-shadow: 1px 1px 1px #FFFFFF; + color: #929292; + background-color: #F5F5F5; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); +} + +.toggle-switch-inner:before { + content: "ON"; + padding-left: 15px; + -webkit-border-radius: 20px 0 0 20px; + -moz-border-radius: 20px 0 0 20px; + border-radius: 20px 0 0 20px; +} + +.toggle-switch-inner:after { + content: "OFF"; + padding-right: 15px; + text-align: right; + -webkit-border-radius: 0 20px 20px 0; + -moz-border-radius: 0 20px 20px 0; + border-radius: 0 20px 20px 0; +} + +.toggle-switch-switch { + width: 20px; + margin: 0; + border: 2px solid #d8d8d8; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + position: absolute; + top: 0; + bottom: 0; + right: 40px; + color: #f8f8f8; + line-height: 1em; + text-shadow: 0 0px 1px #ADADAD; + text-align: center; + -webkit-transition: all 0.3s ease-in 0s; + -moz-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-color: #f0f0f0; + background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf); + background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf); +} + +.toggle-switch input:checked + .toggle-switch-inner { + margin-left: 0; +} + +.toggle-switch input:checked + .toggle-switch-inner + .toggle-switch-switch { + right: 0px; +} + +.toggle-switch-danger input:checked + .toggle-switch-inner + .toggle-switch-switch { + border: 2px solid #D15E5E; + background: #D15E5E; +} + +.toggle-switch-warning input:checked + .toggle-switch-inner + .toggle-switch-switch { + border: 2px solid #DFD271; + background: #DFD271; +} + +.toggle-switch-info input:checked + .toggle-switch-inner + .toggle-switch-switch { + border: 2px solid #7BC5D3; + background: #7BC5D3; +} + +.toggle-switch-success input:checked + .toggle-switch-inner + .toggle-switch-switch { + border: 2px solid #63CC9E; + background: #63CC9E; +} + +.toggle-switch-primary input:checked + .toggle-switch-inner + .toggle-switch-switch { + border: 2px solid #6AA6D6; + background: #6AA6D6; +} + +.select2-container { + width: 100%; +} + +.select2-container .select2-choice { + height: 30px; +} + +.knob-slider { + position: relative; + text-align: center; + display: inline-block; + width: 100%; + margin-bottom: 5px; +} + +.knob-slider > div { + display: inline-block !important; +} + +.knob-slider input { + outline: none !important; +} + +.ipod { + background: #dedede; + text-align: center; + padding: 50px 0; +} + +.knob-clock { + text-align: center; +} + +.knob-clock > div { + font-size: 50px; + text-align: center; + color: #a2a2a2; +} + +.knob { + border: 0; + background: 0; +} + +.box-pricing:hover { + box-shadow: 0 0 5px #525252; + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -o-transition: 0.5s; + transition: 0.5s; +} + +.box-pricing .row-fluid > div { + padding: 18px 15px 8px; + line-height: 1.428571429; + vertical-align: top; +} + +.box-pricing .row-fluid.centered > div { + background-color: #f5f5f5; + padding: 8px; + text-align: center; +} + +.box-pricing .row-fluid.centered > div:nth-child(odd) { + background-color: #f9f9f9; +} + +.box-pricing .box-header { + height: 80px; + padding: 10px 0; +} + +.box-pricing .box-name { + padding: 0 10px; + text-align: center; +} + +.box-pricing .box-name:hover { + cursor: inherit; +} + +#messages #breadcrumb { + margin-bottom: 0; + position: fixed; + width: 100%; + z-index: 2; +} + +#messages-menu { + position: fixed; + top: 90px; + background: #a5a5a5; + margin: 0; + height: 100%; + z-index: 2; +} + +#messages-list { + margin-top: 40px; + padding: 0; +} + +.one-list-message { + background: #F1F1F1; + border-bottom: 1px solid #CCC; + padding: 15px 15px 15px 25px; + margin: 0; +} + +.one-list-message .checkbox { + margin: 0; + overflow: hidden; + white-space: nowrap; +} + +.one-list-message .message-title { + overflow: hidden; + white-space: nowrap; + width: 80%; +} + +.one-list-message .message-date { + overflow: hidden; + white-space: nowrap; + font-size: 11px; + line-height: 20px; + text-align: center; + position: absolute; + right: 10px; + font-weight: bold; + background: #D8D8D8; + padding: 0; + width: 50px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + color: #000; +} + +.form-control { + height: 26px; + padding: 2px 12px; +} + +.input-lg { + height: 39px; +} + +.input-sm { + height: 18px; +} + +.bg-default { + background: #D8D8D8 !important; +} + +.bg-primary { + background: #6AA6D6 !important; + color: #f8f8f8 !important; +} + +.bg-success { + background: #63CC9E !important; + color: #f8f8f8 !important; +} + +.bg-info { + background: #7BC5D3 !important; + color: #f8f8f8 !important; +} + +.bg-warning { + background: #DFD271 !important; + color: #f8f8f8 !important; +} + +.bg-danger { + background: #D15E5E !important; + color: #f8f8f8 !important; +} + +.txt-default { + color: #D8D8D8 !important; +} + +.txt-primary { + color: #6AA6D6 !important; +} + +.txt-success, .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { + color: #63CC9E !important; +} + +.txt-info { + color: #7BC5D3 !important; +} + +.txt-warning, .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { + color: #DFD271 !important; +} + +.txt-danger, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { + color: #D15E5E !important; +} + +.has-success .form-control { + border-color: #63CC9E; +} + +.has-warning .form-control { + border-color: #DFD271; +} + +.has-error .form-control { + border-color: #D15E5E; +} + +.has-success .form-control:focus { + border-color: #63CC9E; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #63CC9E; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #63CC9E; +} + +.has-warning .form-control:focus { + border-color: #DFD271; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DFD271; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DFD271; +} + +.has-error .form-control:focus { + border-color: #D15E5E; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #D15E5E; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #D15E5E; +} + +.select2-container-multi .select2-choices { + min-height: 26px; + display: block; + height: 26px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + border: 1px solid #aaa; + white-space: nowrap; + line-height: 26px; + color: #444; + text-decoration: none; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + background-clip: padding-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #fff; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); + background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); + background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); + background-image: linear-gradient(top, #fff 0%, #eee 50%); +} + +.select2-container-multi .select2-choices .select2-search-field input { + padding: 0; + margin: 0; +} + +.has-feedback .form-control-feedback { + width: 26px; + height: 26px; + line-height: 26px; +} + +.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { + min-height: inherit; + padding-top: 0; +} + +.form-horizontal .control-label { + padding-top: 4px; +} + +.input-group-addon { + padding: 0px 6px; +} + +.form-group .form-control, .form-group .input-group { + margin-bottom: 5px; +} + +.input-group .form-control { + margin: 0; +} + +#ui-datepicker-div { + background: rgba(0, 0, 0, 0.7) !important; + border: 0; +} + +#ui-datepicker-div .ui-widget-header { + background: rgba(0, 0, 0, 0.2); + border: 0; + border-bottom: 1px solid #686868; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + color: #f8f8f8; + padding: 1px 0; +} + +#ui-datepicker-div.ui-widget-content { + color: #f8f8f8 !important; +} + +#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default { + background: none; + border: 0; + color: #f8f8f8; + text-align: center; +} + +#ui-datepicker-div .ui-state-hover, #ui-datepicker-div.ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div.ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus, +#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div.ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight { + background: rgba(0, 0, 0, 0.3) !important; + border: 0; + top: 2px; +} + +#ui-datepicker-div .ui-datepicker-group { + border-left: 1px solid #686868; +} + +#ui-datepicker-div .ui-datepicker-group:first-child { + border-left: 0; +} + +#ui-datepicker-div .ui-datepicker-buttonpane { + margin: 0; +} + +#ui-datepicker-div .ui-datepicker-group table { + margin: 0 auto !important; +} + +.ui-datepicker .ui-datepicker-prev { + left: 2px !important; + cursor: pointer; +} + +.ui-datepicker .ui-datepicker-next { + right: 2px !important; + cursor: pointer; +} + +.ui-icon-circle-triangle-w { + background: url(/images/bs/ui-left.png) 0 0 no-repeat !important; +} + +.ui-icon-circle-triangle-e { + background: url(/images/bs/ui-right.png) 0 0 no-repeat !important; +} + +.ui-icon-circle-arrow-s { + background: url(/images/bs/ui-accordion-down.png) 0 0 no-repeat !important; +} + +.ui-icon-circle-arrow-e { + background: url(/images/bs/ui-accordion-right.png) 0 0 no-repeat !important; +} + +#ui-datepicker-div .ui-slider-horizontal { + background: rgba(0, 0, 0, 0.5); + height: 4px; + border: 0; +} + +#ui-datepicker-div .ui-slider-horizontal .ui-slider-handle { + background: #D8D8D8 !important; + border: 1px solid #f8f8f8; + height: 8px; + width: 8px; + top: -2px; + margin-left: -4px; + outline: none; + cursor: pointer; +} + +.ui-spinner-input { + margin: 0; +} + +.ui-spinner .form-control { + margin-bottom: 0; +} + +#tabs.ui-widget-content, #tabs .ui-widget-header { + border: 0; + background: none; + padding: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +#tabs .ui-widget-header { + border-bottom: 1px solid #d8d8d8; +} + +#tabs .ui-state-default, #tabs.ui-widget-content .ui-state-default, #tabs .ui-widget-header .ui-state-default { + border: 0; + margin: 0 0 -1px 0; + background: none !important; +} + +#tabs .ui-state-active, #tabs.ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active { + background: none !important; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { + cursor: pointer; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin: 0; + padding: 0; +} + +.ui-tabs .ui-tabs-nav .ui-tabs-anchor { + padding: 5px 15px; + outline: none !important; +} + +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { + background: #fcfcfc; + border: 1px solid #d8d8d8; + border-bottom: 0; +} + +.ui-tabs .ui-tabs-nav { + padding: 0; +} + +.ui-tabs .ui-tabs-panel { + padding: 1em 0; +} + +.ui-widget { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +.jqstooltip { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: 0 !important; + text-align: center !important; + margin: 0px !important; + width: 50px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 0px; +} + +.ui-accordion .ui-accordion-header { + padding: 6px 12px; + margin: 0; + top: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.ui-accordion .ui-accordion-icons { + padding-left: 28px; +} + +.ui-accordion-header.ui-state-default { + background: #f5f5f5 !important; + border: 1px solid #fcfcfc; + border-left: 0; + border-right: 0; +} + +.ui-accordion-header.ui-state-hover, .ui-accordion-header.ui-state-focus { + background: #ebebeb !important; +} + +.ui-accordion-header.ui-state-active { + background: #d8d8d8 !important; +} + +.ui-accordion .ui-accordion-content { + padding: 10px 12px; + background: none; + border: 1px solid #d8d8d8; + border-top: 0; + border-bottom: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +#simple_gallery { + text-align: center; +} + +#simple_gallery a.fancybox { + display: inline-block; + padding: 5px; +} + +#simple_gallery a.fancybox img { + width: 100%; + padding: 2px; + border: 1px solid #979797; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +#simple_gallery a.fancybox img:hover { + box-shadow: 0 0 10px #C7C7C7; +} + +.justifiedGallery { + overflow: hidden; + width: 100%; +} + +.jg-row { + position: relative; + white-space: nowrap; +} + +.justifiedGallery .jg-image { + position: absolute; + display: inline-block; + vertical-align: top; + margin-left: 0; +} + +.justifiedGallery .jg-image a { + text-decoration: none; +} + +.justifiedGallery .jg-image img { + border: none; +} + +.justifiedGallery .jg-image-label { + white-space: normal; + font: normal 12px arial; + background: #000; + color: #fff; + position: absolute; + left: 0; + right: 0; + padding: 5px 5px 10px 8px; + text-align: left; + opacity: 0; +} + +.ex-tooltip { + position: absolute; + display: none; + z-index: 2000; +} + +.morris-hover { + position: absolute; + z-index: 1000; +} + +.morris-hover.morris-default-style, .ex-tooltip { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 6px 20px; + color: #525252; + background: rgba(255, 255, 255, 0.8); + 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; +} + +#dashboard-header { + margin-bottom: 20px; +} + +#dashboard_links { + padding: 0; +} + +#dashboard_links .nav { + background: #3575A0 url(/images/bs/devoops_pattern_b10.png) 0 0 repeat; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + overflow: hidden; +} + +#dashboard_links .nav-stacked > li { + border-bottom: 1px solid rgba(0, 0, 0, 0.25); + border-top: 1px solid rgba(255, 255, 255, 0.12); + font-size: 12px; + font-weight: 700; + line-height: 15px; + padding: 0; + margin: 0; +} + +#dashboard_links .nav-pills > li > a { + color: #f8f8f8; + display: block; + padding: 20px 10px 20px 15px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + outline: none; +} + +#dashboard_links .nav-pills > li.active { + border-top-color: rgba(0, 0, 0, 0.11); + position: relative; + margin: 0; +} + +#dashboard_links .nav-pills > li.active > a, #dashboard_links .nav-pills > li.active > a:hover, #dashboard_links .nav-pills > li.active > a:focus, #dashboard_links .nav > li > a:hover, #dashboard_links .nav > li > a:focus { + background: rgba(0, 0, 0, 0.1); +} + +#dashboard_links .nav-pills > li.active > a:before { + font-family: FontAwesome; + content: "\f0da"; + position: absolute; + left: -2px; + font-size: 30px; + color: #f8f8f8; +} + +#dashboard_tabs { + background: #f8f8f8; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +#dashboard-overview { + padding-bottom: 15px; +} + +.sparkline-dashboard { + float: left; + margin-right: 10px; + text-align: center; +} + +.sparkline-dashboard-info { + float: left; + display: block; + text-align: center; +} + +.sparkline-dashboard-info span { + display: block; + font-weight: bold; + color: #b25050; +} + +#ow-marketplace { + margin-top: 20px; +} + +.ow-server { + padding-top: 8px; + padding-bottom: 25px; +} + +.ow-server:hover { + background: #e7e7e7; +} + +.ow-server .page-header { + padding-bottom: 3px; +} + +.ow-server h4 i { + position: absolute; + left: 15px; +} + +.ow-server small { + position: absolute; + right: 15px; + top: 51px; +} + +.ow-server-bottom { + margin-top: 25px; +} + +.ow-server-bottom .knob-slider { + font-size: 11px; +} + +#ow-server-footer { + overflow: hidden; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.ow-settings { + position: absolute; + top: 7px; + left: 40px; + display: none; +} + +.ow-settings a { + color: #525252; +} + +.ow-server:hover .ow-settings { + display: block; +} + +#ow-server-footer a { + display: block; + padding: 10px 0; + border-left: 1px solid #f8f8f8; + text-decoration: none; +} + +#ow-server-footer a:first-child { + border-left: 0; +} + +#ow-server-footer span { + display: block; +} + +.m-table > thead > tr > th, .m-table > tbody > tr > th, .m-table > tfoot > tr > th, .m-table > thead > tr > td, .m-table > tbody > tr > td, .m-table > tfoot > tr > td { + vertical-align: middle; + padding: 2px 5px; +} + +.m-ticker span { + display: block; + font-size: 0.8em; + line-height: 1em; +} + +.m-price { + text-align: right; +} + +.m-change .fa-angle-up { + color: #54ae86; + font-weight: bold; +} + +.m-change .fa-angle-down { + color: #b25050; + font-weight: bold; +} + +#ow-summary { + font-size: 12px; +} + +#ow-summary b { + float: right; + padding: 1px 4px; + margin: 1px; + border: 1px solid #d8d8d8; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +#ow-donut { + margin: 0 0 20px; +} + +#ow-donut > div { + padding: 0; +} + +#ow-activity .row { + margin: 0 0 0 -15px; + font-size: 13px; +} + +#ow-setting { + border: 1px solid #C7C7C7; + padding: 0; + position: absolute; + width: 158px; + height: 28px; + top: 1px; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + opacity: 0; + right: -200px; + -webkit-transition: 0.1s; + -moz-transition: 0.1s; + -o-transition: 0.1s; + transition: 0.1s; +} + +#ow-marketplace:hover #ow-setting { + opacity: 1; + right: 15px; +} + +#ow-setting a { + text-align: center; + float: left; + margin-left: 10px; + color: #d8d8d8; + font-size: 16px; + display: block; + line-height: 28px; + width: 20px; + height: 26px; + -webkit-transition: 0.1s; + -moz-transition: 0.1s; + -o-transition: 0.1s; + transition: 0.1s; +} + +#ow-setting a:hover { + font-size: 16px; + color: #222; + line-height: 24px; +} + +#ow-licenced { + margin: 20px 0; +} + +#ow-licenced .row { + margin: 0; +} + +#ow-stat .row { + margin: 0; +} + +#dashboard-clients .one-list-message { + background: none; + padding: 10px 15px; +} + +#dashboard-clients .one-list-message:last-child { + border-bottom: 0; +} + +#dashboard-clients .one-list-message .message-date { + position: relative; + width: auto; + right: auto; + left: 15px; + padding: 0 15px; +} + +.btn + .dropdown-menu { + margin-top: -10px; + background: rgba(0, 0, 0, 0.7) !important; + padding: 0; + border: 0; + right: 0; + left: auto; + min-width: 100%; +} + +.btn + .dropdown-menu > li > a { + padding: 5px 10px !important; + color: #f0f0f0; +} + +.v-txt { + -moz-transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + position: absolute; + top: 60px; + left: -20px; + color: #d8d8d8; + font-size: 18px; + box-shadow: 0 0 10px #d8d8d8; + padding: 0px 5px; +} + +.full-calendar { + padding: 25px 0; + background: #FCFCFC; +} + +.external-event { + padding: 2px 6px; + margin: 4px 0; + background: #f5f5f5; +} + +.external-event:hover { + cursor: move; + background: #6AA6D6; + color: #f8f8f8; +} + +#add-new-event { + background: #EBEBEB; + margin-bottom: 30px; + padding: 10px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.modal-backdrop { + z-index: 2000; +} + +.modal { + z-index: 2001; +} + +.fc-event { + border: 1px solid #6AA6D6; + background-color: #6AA6D6; +} + +.qq-upload-drop-area { + position: absolute; + background: #fcfcfc; + width: 100%; + height: 100%; +} + +.qq-upload-button { + float: right; + margin: 20px 15px 0 0; +} + +.qq-upload-list { + position: relative; + z-index: 3; + margin: 60px 15px 0; + padding: 0; + list-style: none; +} + +.qq-upload-list li { + position: relative; + display: inline-block; + padding: 15px; + margin: 15px; + border: 1px solid #E6E6E6; + text-align: center; + font-size: 12px; + background: rgba(245, 245, 245, 0.9); +} + +.qq-upload-settings { + opacity: 0; + visibility: hidden; + bottom: 0; + position: absolute; + width: 100%; + left: 0; + padding: 7px 0; + background: #FFF; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; +} + +.qq-upload-list li:hover .qq-upload-settings { + opacity: 1; + visibility: visible; +} + +.qq-upload-list li img { + border: 1px solid #b4b4b4; + margin-bottom: 5px; +} + +.qq-upload-filename { + display: block; + overflow: hidden; +} + +.qq-upload-file, .qq-upload-size, .qq-upload-status-text { + display: block; +} + +.qq-dropped-zone { + position: absolute; + top: 5%; + left: 50%; + margin-left: -71px; + text-align: center; + font-weight: bold; +} + +.qq-dropped-zone i { + font-size: 5em; + display: block; + color: #f5f5f5; + text-shadow: 0 -1px 1px #d8d8d8; +} + +#page-500 h1, .page-404 h1 { + font-size: 5em; +} + +.page-404 .form-inline { + margin: 40px auto; + width: 60%; + padding: 15px; + background: #FAFAFA; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.page-404 .input-group-btn:last-child > .btn, .page-404 .input-group-btn:last-child > .btn-group { + margin-left: -1px; + margin-bottom: 0; + height: 39px; +} + +#page-500 h3, .page-404 h3 { + margin: 5px 0 20px; +} + +.preloader { + position: absolute; + width: 100%; + height: 100%; + left: 0; + background: #ebebeb; + z-index: 2000; +} + +.devoops-getdata { + position: absolute; + top: 25px; + left: 15px; + color: #ebebeb; +} + +#page-500, #page-login { + position: absolute; + height: 100%; + width: 100%; +} + +#page-500 { + background: #ebebeb; +} + +#page-500 img { + display: block; + margin: 30px auto; +} + +#page-login .logo { + position: absolute; +} + +#page-login h3 { + font-size: 20px; + font-family: 'Righteous', cursive; +} + +#page-login .text-right { + margin-top: 15px; +} + +#page-login .box { + margin-top: 15%; +} + +.one-result { + margin-top: 20px; +} + +.one-result p { + margin: 0; +} + +.large { + font-size: 1.25em; +} + +.nav-search > li.active > a { + background: #F0F0F0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: #525252; + border-bottom: 1px solid #CECECE; + font-weight: bold; +} + +.page-feed .avatar { + width: 60px; + float: left; + margin: 10px 15px; + text-align: center; + overflow: hidden; +} + +.page-feed .avatar img { + width: 60px; + height: 60px; + border: 1px solid #F8F8F8; +} + +.page-feed-content { + position: relative; + padding: 3px 15px 5px; + background: #FCFCFC; + margin-left: 90px; + min-height: 80px; +} + +.page-feed-content small.time { + font-style: italic; +} + +.page-feed .page-feed-content:before { + font-family: FontAwesome; + content: "\f0d9"; + position: absolute; + left: -10px; + top: 15px; + font-size: 30px; + color: #fcfcfc; +} + +.likebox { + overflow: hidden; +} + +.likebox .navbar-nav { + margin: 0; +} + +.likebox .navbar-nav li { + margin-right: 15px; + float: left; +} + +.likebox .fa-thumbs-up { + color: #6AA6D6; +} + +.likebox .fa-thumbs-down { + color: #D15E5E; +} + +#modalbox { + display: none; + position: fixed; + overflow: auto; + overflow-x: hidden; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 5000; + background: rgba(0, 0, 0, 0.8); +} + +#modalbox .devoops-modal { + position: absolute; + top: 90px; + margin-left: -300px; + left: 50%; + border: 1px solid #f8f8f8; + box-shadow: 0 0 20px #6AA6D6; + background: transparent; + margin-bottom: 20px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + width: 600px; + z-index: 6000; +} + +#modalbox .devoops-modal-header { + color: #363636; + font-size: 16px; + position: relative; + overflow: hidden; + background: #f5f5f5; + border-bottom: 1px solid #E4E4E4; + height: 28px; +} + +#modalbox .devoops-modal-inner { + position: relative; + overflow: hidden; + padding: 15px; + background: #FCFCFC; +} + +#modalbox .devoops-modal-bottom { + position: relative; + overflow: hidden; + padding: 15px; + background: #d8d8d8; +} + +.pagination > li > a, .pagination > li > span { + position: relative; + float: left; + padding: 4px 10px; + margin-left: -1px; + line-height: 1.428571429; + color: #969696; + text-decoration: none; + background-color: #F5F5F5; + border: 1px solid #D8D8D8; +} + +.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { + color: #8A8A8A; + background-color: #eee; +} + +.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { + color: #979797; + cursor: not-allowed; + background-color: #FCFCFC; + border-color: #D8D8D8; +} + +.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { + z-index: 2; + color: #fff; + cursor: default; + background-color: #6AA6D6; + border-color: #6AA6D6; +} + +.fancybox-nav { + position: fixed; + width: 50%; +} + +.fancybox-close { + position: fixed; + top: 20px; + right: 36px; + background: url(/images/bs/times.png) 0 0 no-repeat; +} + +.fancybox-prev span { + left: 21px; + background: url(/images/bs/chevron-left.png) 0 0 no-repeat; +} + +.fancybox-next span { + right: 36px; + background: url(/images/bs/chevron-right.png) 0 0 no-repeat; +} + +#social a { + margin: 10px 3px; + color: #666; + display: block; + float: left; +} + +#event_delete { + margin-left: 20px; +} + +@media (min-width: 768px) { + #sidebar-left.col-sm-2 { + opacity: 1; + width: 16.666666666666664%; + padding: 0 15px; + } + + .sidebar-show #sidebar-left.col-sm-2 { + opacity: 0; + width: 0; + padding: 0; + } + + .sidebar-show #content.col-sm-10 { + opacity: 1; + width: 100%; + } + + .page-404 .form-inline { + width: 60%; + } +} + +@media (min-width: 992px) { + .nav.main-menu > li > a, .nav.msg-menu > li > a { + text-align: left; + } + + .nav.main-menu > li > a > i, .nav.msg-menu > li > a > i { + font-size: 14px; + width: 20px; + display: inline-block; + } + + .main-menu .dropdown-menu { + position: relative; + z-index: inherit; + left: 0; + margin: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background: rgba(0, 0, 0, 0.2); + visibility: visible; + } + + .main-menu .dropdown-menu > li > a { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; + } + + .page-404 .form-inline { + width: 40%; + } +} + +@media (max-width: 767px) { + #main { + margin-top: 100px; + } + + #messages-menu { + top: 140px; + } + + .page-404 .form-inline { + width: 100%; + } + + #dashboard_links .nav { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + } + + #dashboard_links .nav-stacked > li { + float: left; + } + + #dashboard_links .nav-pills > li > a { + padding: 15px; + } + + #dashboard_links .nav-pills > li.active > a:before { + bottom: 0; + left: 50%; + margin-left: -9px; + } +} + +@media (max-width: 620px) { + .user-mini { + display: none; + } +} + +@media (max-width: 400px) { + .panel-menu a.account { + padding: 5px 0px 5px 0; + } + + .avatar { + margin: 0; + } + + .panel-menu i.pull-right { + margin-left: 0; + } + + .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { + background: none; + } + + #dashboard_links .nav-stacked > li { + float: none; + } + + #dashboard_links .nav-pills > li.active > a:before { + display: none; + } +} \ No newline at end of file diff --git a/app/styles/bs/style.min.css b/app/styles/bs/style.min.css new file mode 100644 index 0000000..a07d50c --- /dev/null +++ b/app/styles/bs/style.min.css @@ -0,0 +1 @@ +body{color:#525252;background:#6aa6d6 url(../img/devoops_pattern_b10.png) 0 0 repeat}.body-expanded,.modal-open{overflow-y:hidden;margin-right:15px}.body-expanded .expanded-panel,.fancybox-margin .expanded-panel,.modal-open .expanded-panel{margin-right:15px}.body-screensaver{overflow:hidden}h1,.h1,h2,.h2,h3,.h3{margin:0}#logo{position:relative;background:#525252 url(../img/devoops_pattern_b10.png) 0 0 repeat}#logo a{color:#fff;font-family:'Righteous',cursive;display:block;font-size:20px;line-height:50px;background:url(../img/logo.png) right 42px no-repeat;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}#logo a:hover{background-position:right 25px;text-decoration:none}.navbar{margin:0;border:0;position:fixed;top:0;left:0;width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:0 1px 2px #272727;z-index:2000}.body-expanded .navbar{z-index:9}a.show-sidebar{float:left;color:#6d6d6d;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}a.show-sidebar:hover{color:#000}#sidebar-left{position:relative;z-index:inherit;padding-bottom:3000px !important;margin-bottom:-3000px !important;background:#6aa6d6 url(../img/devoops_pattern_b10.png) 0 0 repeat;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}#content{position:relative;z-index:10;background:#ebebeb;box-shadow:0 0 6px #131313;padding-bottom:3000px !important;margin-bottom:-2980px !important;overflow:hidden;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.full-content{overflow:hidden;padding:0;margin:0}.nav.main-menu,.nav.msg-menu{margin:0 -15px}.nav.main-menu>li>a,.nav.msg-menu>li>a{text-align:center;color:#f0f0f0;min-height:40px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background:rgba(0,0,0,0.1)}.nav.main-menu>li>a:hover,.nav.main-menu>li>a:focus,.nav.main-menu>li.active>a,.nav.main-menu .open>a,.nav.main-menu .open>a:hover,.nav.main-menu .open>a:focus,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li.active>a,.nav.msg-menu>li>a:hover,.nav.msg-menu>li>a:focus,.nav.msg-menu>li.active>a,.nav.msg-menu .open>a,.nav.msg-menu .open>a:hover,.nav.msg-menu .open>a:focus{background:rgba(0,0,0,0.1);color:#f0f0f0}.nav.main-menu a.active,.nav.msg-menu a.active{background:rgba(0,0,0,0.2)}.nav.main-menu a.active:hover,.nav.msg-menu a.active:hover{background:rgba(0,0,0,0.2)}.nav.main-menu a.active-parent,.nav.msg-menu a.active-parent{background:rgba(0,0,0,0.3)}.nav.main-menu a.active-parent:hover,.nav.msg-menu a.active-parent:hover{background:rgba(0,0,0,0.3)}.nav.main-menu>li>a>i,.nav.msg-menu>li>a>i{font-size:18px;width:auto;display:block;text-align:center;vertical-align:middle}.main-menu .dropdown-menu{position:absolute;z-index:2001;left:100%;top:0;float:none;margin:0;border:0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;padding:0;background:#6aa6d6 url(../img/devoops_pattern_b10.png) 0 0 repeat;box-shadow:none;visibility:hidden}.main-menu .active-parent:hover+.dropdown-menu{visibility:visible}.main-menu .active-parent+.dropdown-menu:hover{visibility:visible}.main-menu .dropdown-menu>li>a{padding:9px 15px 9px 40px;color:#f0f0f0}.main-menu .dropdown-menu>li:first-child>a{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.main-menu .dropdown-menu>li:last-child>a{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0}#top-panel{line-height:50px;height:50px;background:#ebebeb}#main{margin-top:50px;min-height:800px;overflow:hidden}#search{position:relative;margin-left:20px}#search>input{width:80%;background:#dfdfdf;border:1px solid #c7c7c7;text-shadow:0 1px 1px #EEE;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#686868;line-height:1em;height:30px;padding:0 35px 0 10px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}#search>input+i{opacity:0;position:absolute;top:18px;right:10px;color:#fff;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}#search>input:focus{width:100%;outline:0}#search>input:focus+i{opacity:1}.panel-menu{margin:0}.top-panel-right{padding-left:0}.panel-menu>li>a{padding:0 5px 0 10px;line-height:50px}.panel-menu>li>a:hover{background:0}.panel-menu a.account{height:50px;padding:5px 0 5px 10px;line-height:18px}.panel-menu i{margin-top:8px;padding:5px;font-size:20px;color:#7bc5d3;line-height:1em;vertical-align:top;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.panel-menu>li>a:hover>i{background:#f5f5f5}.panel-menu i.pull-right{color:#000;border:0;box-shadow:none;font-size:16px;background:none !important}.panel-menu .badge{margin-top:3px;padding:3px 6px;vertical-align:top;background:#cea9a9}.avatar{width:40px;float:left;margin-right:5px}.avatar>img{width:40px;height:40px;border:1px solid #f8f8f8}.user-mini>span{display:block;font-size:12px;color:#363636;margin-bottom:-4px}.user-mini>span.welcome{font-weight:bold;margin-top:2px}.panel-menu .dropdown-menu{position:absolute !important;background:rgba(0,0,0,0.7) !important;padding:0;border:0;right:0;left:auto;min-width:100%}.panel-menu .dropdown-menu>li>a{padding:5px 10px !important;color:#f0f0f0}.panel-menu .dropdown-menu>li>a>i{border:0;padding:0;margin:0;font-size:14px;width:20px;display:inline-block;text-align:center;vertical-align:middle}.well{padding:15px}.box{display:block;z-index:1999;position:relative;border:1px solid #f8f8f8;box-shadow:0 0 4px #d8d8d8;background:transparent;margin-bottom:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.full-content .box{border:0;margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.box-header{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;color:#363636;font-size:16px;position:relative;overflow:hidden;background:#f5f5f5;border-bottom:1px solid #e4e4e4;height:28px}.box-name,.modal-header-name{padding-left:15px;line-height:28px}.box-name:hover{cursor:move}.box-name>i{margin-right:5px}.box-icons{position:absolute;top:0;right:0;z-index:9}.no-move{display:none}.expanded .no-move{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.box-content{position:relative;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:15px;background:#fcfcfc}.box-content.dropbox,.box-content.sortablebox{overflow:hidden}.full-content .box-content{height:100%;position:absolute;width:100%;left:0;top:0}.box-icons a{cursor:pointer;text-decoration:none !important;border-left:1px solid #fafafa;height:26px;line-height:26px;width:28px;display:block;float:left;text-align:center;color:#b8b8b8 !important;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.box-icons a.beauty-table-to-json{width:auto;padding:0 10px;font-size:14px}.box-icons a:hover{box-shadow:inset 0 0 1px 0 #cecece}.expanded a.close-link{display:none}#sidebar-left.col-xs-2{opacity:0;width:0;padding:0}.sidebar-show #sidebar-left.col-xs-2{opacity:1;width:16.666666666666664%;padding:0 15px}.sidebar-show #content.col-xs-12{opacity:1;width:83.33333333333334%}.expanded{overflow-y:scroll;border:0;z-index:3000 !important;position:fixed;width:100%;height:100%;top:0;left:0;padding:0;background:rgba(0,0,0,0.2);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.expanded-padding{background:rgba(0,0,0,0.7);padding:50px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.no-padding{padding:0 !important}.padding-15{padding:15px !important}.no-padding .table-bordered{border:0;margin:0}.no-padding .table-bordered thead tr th:first-child,.no-padding .table-bordered tbody tr th:first-child,.no-padding .table-bordered tfoot tr th:first-child,.no-padding .table-bordered thead tr td:first-child,.no-padding .table-bordered tbody tr td:first-child,.no-padding .table-bordered tfoot tr td:first-child{border-left:0 !important}.no-padding .table-bordered thead tr th:last-child,.no-padding .table-bordered tbody tr th:last-child,.no-padding .table-bordered tfoot tr th:last-child,.no-padding .table-bordered thead tr td:last-child,.no-padding .table-bordered tbody tr td:last-child,.no-padding .table-bordered tfoot tr td:last-child{border-right:0 !important}.table-heading thead tr{background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:linear-gradient(to bottom,#f0f0f0,#dfdfdf)}table.no-border-bottom tr:last-child td{border-bottom:0}.dataTables_wrapper{overflow:hidden}.dataTables_wrapper table.table{clear:both;max-width:inherit;margin-bottom:0}.table-datatable *,.table-datatable :after,.table-datatable :before{margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box}.table-datatable label{position:relative;display:block;font-weight:400}.table-datatable tbody td{vertical-align:middle !important}.table-datatable img{margin-right:10px;border:1px solid #f8f8f8;width:40px}.table-datatable .sorting{background:url(../img/sort.png) right center no-repeat;padding-right:16px;cursor:pointer}.table-datatable .sorting_asc{background:url(../img/sort-asc.png) right center no-repeat;padding-right:16px;cursor:pointer}.table-datatable .sorting_desc{background:url(../img/sort-desc.png) right center no-repeat;padding-right:16px;cursor:pointer}div.DTTT_collection_background{z-index:2002}div.DTTT .btn{color:#333 !important;font-size:12px}ul.DTTT_dropdown.dropdown-menu{z-index:2003;background:rgba(0,0,0,0.7) !important;padding:0;border:0;margin:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;min-width:157px}ul.DTTT_dropdown.dropdown-menu li{position:relative}ul.DTTT_dropdown.dropdown-menu>li>a{position:relative;display:block;padding:5px 10px !important;color:#f0f0f0 !important}ul.DTTT_dropdown.dropdown-menu>li:first-child>a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}ul.DTTT_dropdown.dropdown-menu>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}ul.DTTT_dropdown.dropdown-menu>li:hover>a{background:rgba(0,0,0,0.3);color:#f0f0f0}.dataTables_wrapper input[type="text"]{display:block;width:90%;height:26px;padding:2px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-appearance:none;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.dataTables_wrapper input[type="text"]:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}#breadcrumb{padding:0;line-height:40px;background:#525252;background:#5a8db6 url(../img/devoops_pattern_b10.png) 0 0 repeat;margin-bottom:20px}.breadcrumb{padding:0 15px;background:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0}.breadcrumb>li>a{color:#d8d8d8}.breadcrumb>li>a:hover,.breadcrumb>li:last-child>a{color:#f8f8f8}.bs-callout{padding:15px;border-left:3px solid #525252;background:#dfdfdf}.bs-callout h4{margin-top:0;margin-bottom:5px;color:#525252}.no-padding .bs-callout{border:0}.page-header{margin:0 0 10px;border-bottom:1px solid #c7c7c7}.box-content .page-header,legend,.full-calendar .page-header{margin:0 0 10px;border-bottom:1px dashed #b6b6b6}.invoice-header{margin:0 0 10px;border-bottom:1px dashed #b6b6b6;display:inline-block}.box-content .form-group,.devoops-modal-inner .form-group{margin-top:15px;margin-bottom:15px}.show-grid [class^="col-"]{padding-top:10px;padding-bottom:10px;background-color:#525252;background-color:rgba(129,199,199,0.2);border:1px solid #ebebeb}.show-grid [class^="col-"]:hover{padding-top:10px;padding-bottom:10px;background-color:rgba(107,134,182,0.2);border:1px solid #ebebeb}.show-grid,.show-grid-forms{margin-bottom:15px}.show-grid-forms [class^="col-"]{padding-top:10px;padding-bottom:10px}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th,td.beauty-hover{background-color:rgba(219,219,219,0.3) !important}.table-hover>tbody>tr:hover>td.beauty-hover:hover{background-color:rgba(219,219,219,0.9) !important}.DTTT.btn-group{position:absolute;top:-28px;right:83px;border-right:1px solid #dbdbdb}.DTTT.btn-group a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:1em;font-size:14px;font-weight:bold;outline:0;box-shadow:none !important;padding:6px 12px;margin:0;background:#f7f7f7;border:0}#screensaver{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;background:#000;display:none}#screensaver.show{display:block}#canvas{position:relative}#screensaver i{position:absolute;top:50px;right:50px;background:rgba(255,255,255,0.5);line-height:100px;width:100px;height:100px;text-align:center;font-size:60px;color:rgba(0,0,0,0.8);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.well pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0;white-space:nowrap}.well pre code{white-space:normal}.btn{border-width:1px;border-style:solid;border-width:1px;text-decoration:none;border-color:rgba(0,0,0,0.3);cursor:pointer;outline:0;font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;display:inline-block;vertical-align:top;position:relative;font-size:12px;font-weight:bold;text-align:center;background-color:#a2a2a2;background:#a2a2a2 -moz-linear-gradient(top,rgba(255,255,255,0.6),rgba(255,255,255,0));background:#a2a2a2 -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.6)),to(rgba(255,255,255,0)));line-height:24px;margin:0 0 10px 0;padding:0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-moz-user-select:none;-webkit-user-select:none;outline:none !important}.btn-label-left,.btn-label-right{padding:0 10px}.btn-label-left span{position:relative;left:-10px;display:inline-block;padding:0 8px;background:rgba(0,0,0,0.1)}.btn-label-right span{position:relative;right:-10px;display:inline-block;padding:0 8px;background:rgba(0,0,0,0.1)}.btn i{vertical-align:middle}.btn-app{width:80px;height:80px;padding:0;font-size:16px}.btn-app i{font-size:36px;line-height:78px;display:block}.btn-app-sm{width:50px;height:50px;padding:0;font-size:12px}.btn-app-sm i{font-size:18px;line-height:48px;display:block}.btn-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid rgba(0,0,0,0.25)}.btn.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}.btn-default,.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active,.progress-bar{background-color:#d8d8d8;border-color:rgba(0,0,0,0.3);color:#929292}.btn-primary,.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active,.table>thead>tr>td.primary,.table>tbody>tr>td.primary,.table>tfoot>tr>td.primary,.table>thead>tr>th.primary,.table>tbody>tr>th.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>tbody>tr.primary>td,.table>tfoot>tr.primary>td,.table>thead>tr.primary>th,.table>tbody>tr.primary>th,.table>tfoot>tr.primary>th{background-color:#6aa6d6;border-color:rgba(0,0,0,0.3);color:#f8f8f8}.btn-success,.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active,.progress-bar-success,.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#63cc9e;border-color:rgba(0,0,0,0.3);color:#f8f8f8}.btn-info,.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active,.progress-bar-info,.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#7bc5d3;border-color:rgba(0,0,0,0.3);color:#f8f8f8}.btn-warning,.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active,.progress-bar-warning,.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#dfd271;border-color:rgba(0,0,0,0.3);color:#f8f8f8}.btn-danger,.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active,.progress-bar-danger,.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#d15e5e;border-color:rgba(0,0,0,0.3);color:#f8f8f8}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#525252;background-color:#b8b8b8;border-color:rgba(0,0,0,0.3)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th{color:#fff;background-color:#5a8db6;border-color:rgba(0,0,0,0.3)}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{color:#fff;background-color:#54ae86;border-color:rgba(0,0,0,0.3)}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{color:#fff;background-color:#69a8b4;border-color:rgba(0,0,0,0.3)}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{color:#fff;background-color:#beb360;border-color:rgba(0,0,0,0.3)}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{color:#fff;background-color:#b25050;border-color:rgba(0,0,0,0.3)}.progress{overflow:visible}.progress-ui{height:10px}.progress-bar{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.progress-bar.ui-widget-content{background:0;border:0;height:100%;position:relative}.progress-bar .ui-state-default{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:10px;width:10px;top:0;margin-left:-5px;cursor:pointer;border:0 solid #d3d3d3;outline:none !important;background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:linear-gradient(to bottom,#f0f0f0,#dfdfdf)}.progress-bar .ui-widget-header{background:#d8d8d8}.progress-bar-primary .ui-widget-header{background:#6aa6d6;color:#f8f8f8}.progress-bar-success .ui-widget-header{background:#63cc9e;color:#f8f8f8}.progress-bar-info .ui-widget-header{background:#7bc5d3;color:#f8f8f8}.progress-bar-warning .ui-widget-header{background:#dfd271;color:#f8f8f8}.progress-bar-danger .ui-widget-header{background:#d15e5e;color:#f8f8f8}.progress-bar .ui-state-default{background:#b8b8b8}.progress-bar-primary .ui-state-default{background:#5a8db6}.progress-bar-success .ui-state-default{background:#54ae86}.progress-bar-info .ui-state-default{background:#69a8b4}.progress-bar-warning .ui-state-default{background:#beb360}.progress-bar-danger .ui-state-default{background:#b25050}.slider-range-min-amount,.slider-range-max-amount,.slider-range-amount{border:0;background:0;outline:none !important}.progress-bar.ui-slider-vertical{width:20px}.progress-bar.ui-slider-vertical .ui-state-default{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;height:20px;width:20px;top:auto;margin-left:0;left:0}#equalizer .progress{height:160px;display:inline-block;margin:15px}.beauty-table{width:100%;border-collapse:separate;border-spacing:0}.beauty-table input{border:1px solid transparent;background:0;font-size:16px;text-align:center;padding:2px 15px !important;width:100%;outline:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.beauty-table input:focus{border:1px solid #dfdfdf;background:#fefefe;font-size:16px;text-align:center;padding:2px 15px !important;width:100%;outline:0}.c{color:#999;display:block}.nt{color:#2f6f9f}.na{color:#4f9fcf}.s{color:#d44950}.radio,.checkbox,.radio-inline,.checkbox-inline{position:relative}.radio label,.checkbox label,.radio-inline label,.checkbox-inline label{font-weight:normal;cursor:pointer;padding-left:8px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}.radio+.radio,.checkbox+.checkbox{margin-top:10px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;clip:rect(0,0,0,0)}.checkbox i,.checkbox-inline i,.radio i,.radio-inline i{cursor:pointer;position:absolute;left:0;top:0;font-size:24px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}.checkbox i.small,.checkbox-inline i.small,.radio i.small,.radio-inline i.small{font-size:18px;top:2px}.checkbox input[type=checkbox]:checked+i:before,.checkbox-inline input[type=checkbox]:checked+i:before{content:"\f046"}.radio input[type=radio]:checked+i:before,.radio-inline input[type=radio]:checked+i:before{content:"\f192"}.toggle-switch{position:relative;width:60px}.toggle-switch input{display:none}.toggle-switch label{display:block;overflow:hidden;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.toggle-switch-inner{width:200%;margin-left:-100%;-webkit-transition:margin .3s ease-in 0;-moz-transition:margin .3s ease-in 0;-o-transition:margin .3s ease-in 0;transition:margin .3s ease-in 0}.toggle-switch-inner:before,.toggle-switch-inner:after{float:left;width:50%;height:20px;padding:0;line-height:20px;font-size:12px;text-shadow:1px 1px 1px #fff;color:#929292;background-color:#f5f5f5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.toggle-switch-inner:before{content:"ON";padding-left:15px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}.toggle-switch-inner:after{content:"OFF";padding-right:15px;text-align:right;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}.toggle-switch-switch{width:20px;margin:0;border:2px solid #d8d8d8;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:0;bottom:0;right:40px;color:#f8f8f8;line-height:1em;text-shadow:0 0 1px #adadad;text-align:center;-webkit-transition:all .3s ease-in 0;-moz-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;transition:all .3s ease-in 0;background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-moz-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-ms-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:-o-linear-gradient(top,#f0f0f0,#dfdfdf);background-image:linear-gradient(to bottom,#f0f0f0,#dfdfdf)}.toggle-switch input:checked+.toggle-switch-inner{margin-left:0}.toggle-switch input:checked+.toggle-switch-inner+.toggle-switch-switch{right:0}.toggle-switch-danger input:checked+.toggle-switch-inner+.toggle-switch-switch{border:2px solid #d15e5e;background:#d15e5e}.toggle-switch-warning input:checked+.toggle-switch-inner+.toggle-switch-switch{border:2px solid #dfd271;background:#dfd271}.toggle-switch-info input:checked+.toggle-switch-inner+.toggle-switch-switch{border:2px solid #7bc5d3;background:#7bc5d3}.toggle-switch-success input:checked+.toggle-switch-inner+.toggle-switch-switch{border:2px solid #63cc9e;background:#63cc9e}.toggle-switch-primary input:checked+.toggle-switch-inner+.toggle-switch-switch{border:2px solid #6aa6d6;background:#6aa6d6}.select2-container{width:100%}.select2-container .select2-choice{height:30px}.knob-slider{position:relative;text-align:center;display:inline-block;width:100%;margin-bottom:5px}.knob-slider>div{display:inline-block !important}.knob-slider input{outline:none !important}.ipod{background:#dedede;text-align:center;padding:50px 0}.knob-clock{text-align:center}.knob-clock>div{font-size:50px;text-align:center;color:#a2a2a2}.knob{border:0;background:0}.box-pricing:hover{box-shadow:0 0 5px #525252;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.box-pricing .row-fluid>div{padding:18px 15px 8px;line-height:1.428571429;vertical-align:top}.box-pricing .row-fluid.centered>div{background-color:#f5f5f5;padding:8px;text-align:center}.box-pricing .row-fluid.centered>div:nth-child(odd){background-color:#f9f9f9}.box-pricing .box-header{height:80px;padding:10px 0}.box-pricing .box-name{padding:0 10px;text-align:center}.box-pricing .box-name:hover{cursor:inherit}#messages #breadcrumb{margin-bottom:0;position:fixed;width:100%;z-index:2}#messages-menu{position:fixed;top:90px;background:#a5a5a5;margin:0;height:100%;z-index:2}#messages-list{margin-top:40px;padding:0}.one-list-message{background:#f1f1f1;border-bottom:1px solid #CCC;padding:15px 15px 15px 25px;margin:0}.one-list-message .checkbox{margin:0;overflow:hidden;white-space:nowrap}.one-list-message .message-title{overflow:hidden;white-space:nowrap;width:80%}.one-list-message .message-date{overflow:hidden;white-space:nowrap;font-size:11px;line-height:20px;text-align:center;position:absolute;right:10px;font-weight:bold;background:#d8d8d8;padding:0;width:50px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#000}.form-control{height:26px;padding:2px 12px}.input-lg{height:39px}.input-sm{height:18px}.bg-default{background:#d8d8d8 !important}.bg-primary{background:#6aa6d6 !important;color:#f8f8f8 !important}.bg-success{background:#63cc9e !important;color:#f8f8f8 !important}.bg-info{background:#7bc5d3 !important;color:#f8f8f8 !important}.bg-warning{background:#dfd271 !important;color:#f8f8f8 !important}.bg-danger{background:#d15e5e !important;color:#f8f8f8 !important}.txt-default{color:#d8d8d8 !important}.txt-primary{color:#6aa6d6 !important}.txt-success,.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#63cc9e !important}.txt-info{color:#7bc5d3 !important}.txt-warning,.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#dfd271 !important}.txt-danger,.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#d15e5e !important}.has-success .form-control{border-color:#63cc9e}.has-warning .form-control{border-color:#dfd271}.has-error .form-control{border-color:#d15e5e}.has-success .form-control:focus{border-color:#63cc9e;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #63cc9e;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #63cc9e}.has-warning .form-control:focus{border-color:#dfd271;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dfd271;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dfd271}.has-error .form-control:focus{border-color:#d15e5e;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d15e5e;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d15e5e}.select2-container-multi .select2-choices{min-height:26px;display:block;height:26px;padding:0 0 0 8px;overflow:hidden;position:relative;border:1px solid #aaa;white-space:nowrap;line-height:26px;color:#444;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-clip:padding-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(0.5,#fff));background-image:-webkit-linear-gradient(center bottom,#eee 0,#fff 50%);background-image:-moz-linear-gradient(center bottom,#eee 0,#fff 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff',endColorstr = '#eeeeee',GradientType = 0);background-image:linear-gradient(top,#fff 0,#eee 50%)}.select2-container-multi .select2-choices .select2-search-field input{padding:0;margin:0}.has-feedback .form-control-feedback{width:26px;height:26px;line-height:26px}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{min-height:inherit;padding-top:0}.form-horizontal .control-label{padding-top:4px}.input-group-addon{padding:0 6px}.form-group .form-control,.form-group .input-group{margin-bottom:5px}.input-group .form-control{margin:0}#ui-datepicker-div{background:rgba(0,0,0,0.7) !important;border:0}#ui-datepicker-div .ui-widget-header{background:rgba(0,0,0,0.2);border:0;border-bottom:1px solid #686868;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#f8f8f8;padding:1px 0}#ui-datepicker-div.ui-widget-content{color:#f8f8f8 !important}#ui-datepicker-div .ui-state-default,#ui-datepicker-div .ui-widget-content .ui-state-default,#ui-datepicker-div .ui-widget-header .ui-state-default{background:0;border:0;color:#f8f8f8;text-align:center}#ui-datepicker-div .ui-state-hover,#ui-datepicker-div.ui-widget-content .ui-state-hover,#ui-datepicker-div .ui-widget-header .ui-state-hover,#ui-datepicker-div .ui-state-focus,#ui-datepicker-div.ui-widget-content .ui-state-focus,#ui-datepicker-div .ui-widget-header .ui-state-focus,#ui-datepicker-div .ui-state-highlight,#ui-datepicker-div.ui-widget-content .ui-state-highlight,#ui-datepicker-div .ui-widget-header .ui-state-highlight{background:rgba(0,0,0,0.3) !important;border:0;top:2px}#ui-datepicker-div .ui-datepicker-group{border-left:1px solid #686868}#ui-datepicker-div .ui-datepicker-group:first-child{border-left:0}#ui-datepicker-div .ui-datepicker-buttonpane{margin:0}#ui-datepicker-div .ui-datepicker-group table{margin:0 auto !important}.ui-datepicker .ui-datepicker-prev{left:2px !important;cursor:pointer}.ui-datepicker .ui-datepicker-next{right:2px !important;cursor:pointer}.ui-icon-circle-triangle-w{background:url(../img/ui-left.png) 0 0 no-repeat !important}.ui-icon-circle-triangle-e{background:url(../img/ui-right.png) 0 0 no-repeat !important}.ui-icon-circle-arrow-s{background:url(../img/ui-accordion-down.png) 0 0 no-repeat !important}.ui-icon-circle-arrow-e{background:url(../img/ui-accordion-right.png) 0 0 no-repeat !important}#ui-datepicker-div .ui-slider-horizontal{background:rgba(0,0,0,0.5);height:4px;border:0}#ui-datepicker-div .ui-slider-horizontal .ui-slider-handle{background:#d8d8d8 !important;border:1px solid #f8f8f8;height:8px;width:8px;top:-2px;margin-left:-4px;outline:0;cursor:pointer}.ui-spinner-input{margin:0}.ui-spinner .form-control{margin-bottom:0}#tabs.ui-widget-content,#tabs .ui-widget-header{border:0;background:0;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}#tabs .ui-widget-header{border-bottom:1px solid #d8d8d8}#tabs .ui-state-default,#tabs.ui-widget-content .ui-state-default,#tabs .ui-widget-header .ui-state-default{border:0;margin:0 0 -1px 0;background:none !important}#tabs .ui-state-active,#tabs.ui-widget-content .ui-state-active,#tabs .ui-widget-header .ui-state-active{background:none !important}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin:0;padding:0}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:5px 15px;outline:none !important}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{background:#fcfcfc;border:1px solid #d8d8d8;border-bottom:0}.ui-tabs .ui-tabs-nav{padding:0}.ui-tabs .ui-tabs-panel{padding:1em 0}.ui-widget{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.jqstooltip{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:0 !important;text-align:center !important;margin:0 !important;width:50px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:0}.ui-accordion .ui-accordion-header{padding:6px 12px;margin:0;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-accordion .ui-accordion-icons{padding-left:28px}.ui-accordion-header.ui-state-default{background:#f5f5f5 !important;border:1px solid #fcfcfc;border-left:0;border-right:0}.ui-accordion-header.ui-state-hover,.ui-accordion-header.ui-state-focus{background:#ebebeb !important}.ui-accordion-header.ui-state-active{background:#d8d8d8 !important}.ui-accordion .ui-accordion-content{padding:10px 12px;background:0;border:1px solid #d8d8d8;border-top:0;border-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}#simple_gallery{text-align:center}#simple_gallery a.fancybox{display:inline-block;padding:5px}#simple_gallery a.fancybox img{width:100%;padding:2px;border:1px solid #979797;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}#simple_gallery a.fancybox img:hover{box-shadow:0 0 10px #c7c7c7}.justifiedGallery{overflow:hidden;width:100%}.jg-row{position:relative;white-space:nowrap}.justifiedGallery .jg-image{position:absolute;display:inline-block;vertical-align:top;margin-left:0}.justifiedGallery .jg-image a{text-decoration:none}.justifiedGallery .jg-image img{border:0}.justifiedGallery .jg-image-label{white-space:normal;font:normal 12px arial;background:#000;color:#fff;position:absolute;left:0;right:0;padding:5px 5px 10px 8px;text-align:left;opacity:0}.ex-tooltip{position:absolute;display:none;z-index:2000}.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style,.ex-tooltip{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 20px;color:#525252;background:rgba(255,255,255,0.8);font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:.25em 0}.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:.1em 0}#dashboard-header{margin-bottom:20px}#dashboard_links{padding:0}#dashboard_links .nav{background:#3575a0 url(../img/devoops_pattern_b10.png) 0 0 repeat;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;overflow:hidden}#dashboard_links .nav-stacked>li{border-bottom:1px solid rgba(0,0,0,0.25);border-top:1px solid rgba(255,255,255,0.12);font-size:12px;font-weight:700;line-height:15px;padding:0;margin:0}#dashboard_links .nav-pills>li>a{color:#f8f8f8;display:block;padding:20px 10px 20px 15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;outline:0}#dashboard_links .nav-pills>li.active{border-top-color:rgba(0,0,0,0.11);position:relative;margin:0}#dashboard_links .nav-pills>li.active>a,#dashboard_links .nav-pills>li.active>a:hover,#dashboard_links .nav-pills>li.active>a:focus,#dashboard_links .nav>li>a:hover,#dashboard_links .nav>li>a:focus{background:rgba(0,0,0,0.1)}#dashboard_links .nav-pills>li.active>a:before{font-family:FontAwesome;content:"\f0da";position:absolute;left:-2px;font-size:30px;color:#f8f8f8}#dashboard_tabs{background:#f8f8f8;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}#dashboard-overview{padding-bottom:15px}.sparkline-dashboard{float:left;margin-right:10px;text-align:center}.sparkline-dashboard-info{float:left;display:block;text-align:center}.sparkline-dashboard-info span{display:block;font-weight:bold;color:#b25050}#ow-marketplace{margin-top:20px}.ow-server{padding-top:8px;padding-bottom:25px}.ow-server:hover{background:#e7e7e7}.ow-server .page-header{padding-bottom:3px}.ow-server h4 i{position:absolute;left:15px}.ow-server small{position:absolute;right:15px;top:51px}.ow-server-bottom{margin-top:25px}.ow-server-bottom .knob-slider{font-size:11px}#ow-server-footer{overflow:hidden;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.ow-settings{position:absolute;top:7px;left:40px;display:none}.ow-settings a{color:#525252}.ow-server:hover .ow-settings{display:block}#ow-server-footer a{display:block;padding:10px 0;border-left:1px solid #f8f8f8;text-decoration:none}#ow-server-footer a:first-child{border-left:0}#ow-server-footer span{display:block}.m-table>thead>tr>th,.m-table>tbody>tr>th,.m-table>tfoot>tr>th,.m-table>thead>tr>td,.m-table>tbody>tr>td,.m-table>tfoot>tr>td{vertical-align:middle;padding:2px 5px}.m-ticker span{display:block;font-size:.8em;line-height:1em}.m-price{text-align:right}.m-change .fa-angle-up{color:#54ae86;font-weight:bold}.m-change .fa-angle-down{color:#b25050;font-weight:bold}#ow-summary{font-size:12px}#ow-summary b{float:right;padding:1px 4px;margin:1px;border:1px solid #d8d8d8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#ow-donut{margin:0 0 20px}#ow-donut>div{padding:0}#ow-activity .row{margin:0 0 0 -15px;font-size:13px}#ow-setting{border:1px solid #c7c7c7;padding:0;position:absolute;width:158px;height:28px;top:1px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;opacity:0;right:-200px;-webkit-transition:.1s;-moz-transition:.1s;-o-transition:.1s;transition:.1s}#ow-marketplace:hover #ow-setting{opacity:1;right:15px}#ow-setting a{text-align:center;float:left;margin-left:10px;color:#d8d8d8;font-size:16px;display:block;line-height:28px;width:20px;height:26px;-webkit-transition:.1s;-moz-transition:.1s;-o-transition:.1s;transition:.1s}#ow-setting a:hover{font-size:16px;color:#222;line-height:24px}#ow-licenced{margin:20px 0}#ow-licenced .row{margin:0}#ow-stat .row{margin:0}#dashboard-clients .one-list-message{background:0;padding:10px 15px}#dashboard-clients .one-list-message:last-child{border-bottom:0}#dashboard-clients .one-list-message .message-date{position:relative;width:auto;right:auto;left:15px;padding:0 15px}.btn+.dropdown-menu{margin-top:-10px;background:rgba(0,0,0,0.7) !important;padding:0;border:0;right:0;left:auto;min-width:100%}.btn+.dropdown-menu>li>a{padding:5px 10px !important;color:#f0f0f0}.v-txt{-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);position:absolute;top:60px;left:-20px;color:#d8d8d8;font-size:18px;box-shadow:0 0 10px #d8d8d8;padding:0 5px}.full-calendar{padding:25px 0;background:#fcfcfc}.external-event{padding:2px 6px;margin:4px 0;background:#f5f5f5}.external-event:hover{cursor:move;background:#6aa6d6;color:#f8f8f8}#add-new-event{background:#ebebeb;margin-bottom:30px;padding:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.modal-backdrop{z-index:2000}.modal{z-index:2001}.fc-event{border:1px solid #6aa6d6;background-color:#6aa6d6}.qq-upload-drop-area{position:absolute;background:#fcfcfc;width:100%;height:100%}.qq-upload-button{float:right;margin:20px 15px 0 0}.qq-upload-list{position:relative;z-index:3;margin:60px 15px 0;padding:0;list-style:none}.qq-upload-list li{position:relative;display:inline-block;padding:15px;margin:15px;border:1px solid #e6e6e6;text-align:center;font-size:12px;background:rgba(245,245,245,0.9)}.qq-upload-settings{opacity:0;visibility:hidden;bottom:0;position:absolute;width:100%;left:0;padding:7px 0;background:#FFF;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.qq-upload-list li:hover .qq-upload-settings{opacity:1;visibility:visible}.qq-upload-list li img{border:1px solid #b4b4b4;margin-bottom:5px}.qq-upload-filename{display:block;overflow:hidden}.qq-upload-file,.qq-upload-size,.qq-upload-status-text{display:block}.qq-dropped-zone{position:absolute;top:5%;left:50%;margin-left:-71px;text-align:center;font-weight:bold}.qq-dropped-zone i{font-size:5em;display:block;color:#f5f5f5;text-shadow:0 -1px 1px #d8d8d8}#page-500 h1,.page-404 h1{font-size:5em}.page-404 .form-inline{margin:40px auto;width:60%;padding:15px;background:#fafafa;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.page-404 .input-group-btn:last-child>.btn,.page-404 .input-group-btn:last-child>.btn-group{margin-left:-1px;margin-bottom:0;height:39px}#page-500 h3,.page-404 h3{margin:5px 0 20px}.preloader{position:absolute;width:100%;height:100%;left:0;background:#ebebeb;z-index:2000}.devoops-getdata{position:absolute;top:25px;left:15px;color:#ebebeb}#page-500,#page-login{position:absolute;height:100%;width:100%}#page-500{background:#ebebeb}#page-500 img{display:block;margin:30px auto}#page-login .logo{position:absolute}#page-login h3{font-size:20px;font-family:'Righteous',cursive}#page-login .text-right{margin-top:15px}#page-login .box{margin-top:15%}.one-result{margin-top:20px}.one-result p{margin:0}.large{font-size:1.25em}.nav-search>li.active>a{background:#f0f0f0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#525252;border-bottom:1px solid #cecece;font-weight:bold}.page-feed .avatar{width:60px;float:left;margin:10px 15px;text-align:center;overflow:hidden}.page-feed .avatar img{width:60px;height:60px;border:1px solid #f8f8f8}.page-feed-content{position:relative;padding:3px 15px 5px;background:#fcfcfc;margin-left:90px;min-height:80px}.page-feed-content small.time{font-style:italic}.page-feed .page-feed-content:before{font-family:FontAwesome;content:"\f0d9";position:absolute;left:-10px;top:15px;font-size:30px;color:#fcfcfc}.likebox{overflow:hidden}.likebox .navbar-nav{margin:0}.likebox .navbar-nav li{margin-right:15px;float:left}.likebox .fa-thumbs-up{color:#6aa6d6}.likebox .fa-thumbs-down{color:#d15e5e}#modalbox{display:none;position:fixed;overflow:auto;overflow-x:hidden;top:0;right:0;bottom:0;left:0;z-index:5000;background:rgba(0,0,0,0.8)}#modalbox .devoops-modal{position:absolute;top:90px;margin-left:-300px;left:50%;border:1px solid #f8f8f8;box-shadow:0 0 20px #6aa6d6;background:transparent;margin-bottom:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:600px;z-index:6000}#modalbox .devoops-modal-header{color:#363636;font-size:16px;position:relative;overflow:hidden;background:#f5f5f5;border-bottom:1px solid #e4e4e4;height:28px}#modalbox .devoops-modal-inner{position:relative;overflow:hidden;padding:15px;background:#fcfcfc}#modalbox .devoops-modal-bottom{position:relative;overflow:hidden;padding:15px;background:#d8d8d8}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:4px 10px;margin-left:-1px;line-height:1.428571429;color:#969696;text-decoration:none;background-color:#f5f5f5;border:1px solid #d8d8d8}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#8a8a8a;background-color:#eee}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#979797;cursor:not-allowed;background-color:#fcfcfc;border-color:#d8d8d8}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#6aa6d6;border-color:#6aa6d6}.fancybox-nav{position:fixed;width:50%}.fancybox-close{position:fixed;top:20px;right:36px;background:url(../img/times.png) 0 0 no-repeat}.fancybox-prev span{left:21px;background:url(../img/chevron-left.png) 0 0 no-repeat}.fancybox-next span{right:36px;background:url(../img/chevron-right.png) 0 0 no-repeat}#social a{margin:10px 3px;color:#666;display:block;float:left}#event_delete{margin-left:20px}@media(min-width:768px){#sidebar-left.col-sm-2{opacity:1;width:16.666666666666664%;padding:0 15px}.sidebar-show #sidebar-left.col-sm-2{opacity:0;width:0;padding:0}.sidebar-show #content.col-sm-10{opacity:1;width:100%}.page-404 .form-inline{width:60%}}@media(min-width:992px){.nav.main-menu>li>a,.nav.msg-menu>li>a{text-align:left}.nav.main-menu>li>a>i,.nav.msg-menu>li>a>i{font-size:14px;width:20px;display:inline-block}.main-menu .dropdown-menu{position:relative;z-index:inherit;left:0;margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:rgba(0,0,0,0.2);visibility:visible}.main-menu .dropdown-menu>li>a{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}.page-404 .form-inline{width:40%}}@media(max-width:767px){#main{margin-top:100px}#messages-menu{top:140px}.page-404 .form-inline{width:100%}#dashboard_links .nav{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}#dashboard_links .nav-stacked>li{float:left}#dashboard_links .nav-pills>li>a{padding:15px}#dashboard_links .nav-pills>li.active>a:before{bottom:0;left:50%;margin-left:-9px}}@media(max-width:620px){.user-mini{display:none}}@media(max-width:400px){.panel-menu a.account{padding:5px 0 5px 0}.avatar{margin:0}.panel-menu i.pull-right{margin-left:0}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background:0}#dashboard_links .nav-stacked>li{float:none}#dashboard_links .nav-pills>li.active>a:before{display:none}} diff --git a/app/styles/main.scss b/app/styles/main.scss index ac376dc..21f4888 100644 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -1,98 +1,4 @@ $icon-font-path: "/bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/"; -@import 'bootstrap-sass-official/vendor/assets/stylesheets/bootstrap'; - -.browsehappy { - margin: 0.2em 0; - background: #ccc; - color: #000; - padding: 0.2em 0; -} - -/* Space out content a bit */ -body { - padding-top: 20px; - padding-bottom: 20px; -} - -/* Everything but the jumbotron gets side spacing for mobile first views */ -.header, -.marketing, -.footer { - padding-left: 15px; - padding-right: 15px; -} - -/* Custom page header */ -.header { - border-bottom: 1px solid #e5e5e5; -} - -/* Make the masthead heading the same height as the navigation */ -.header h3 { - margin-top: 0; - margin-bottom: 0; - line-height: 40px; - padding-bottom: 19px; -} - -/* Custom page footer */ -.footer { - padding-top: 19px; - color: #777; - border-top: 1px solid #e5e5e5; -} - -.container-narrow > hr { - margin: 30px 0; -} - -/* Main marketing message and sign up button */ -.jumbotron { - text-align: center; - border-bottom: 1px solid #e5e5e5; -} - -.jumbotron .btn { - font-size: 21px; - padding: 14px 24px; -} - -/* Supporting marketing content */ -.marketing { - margin: 40px 0; -} - -.marketing p + h4 { - margin-top: 28px; -} - -/* Responsive: Portrait tablets and up */ -@media screen and (min-width: 768px) { - .container { - max-width: 730px; - } - - /* Remove the padding we set earlier */ - .header, - .marketing, - .footer { - padding-left: 0; - padding-right: 0; - } - /* Space out the masthead */ - .header { - margin-bottom: 30px; - } - /* Remove the bottom border on the jumbotron for visual effect */ - .jumbotron { - border-bottom: 0; - } -} - -/* Grids */ -.roboto-grid { - border: 1px solid rgb(212,212,212); - width: 600px; - height: 300px; -} +@import 'bs/base.css'; +@import '../styles/bs/style.css'; diff --git a/app/views/index.html b/app/views/index.html index 91bc85b..30e4af8 100644 --- a/app/views/index.html +++ b/app/views/index.html @@ -20,6 +20,7 @@ + @@ -29,25 +30,184 @@

You are using an outdated browser. Please upgrade your browser to improve your experience.

+
+ +
+
+ +
+
+
- -
- - + + diff --git a/app/views/partials/header.html b/app/views/partials/header.html new file mode 100644 index 0000000..9d89574 --- /dev/null +++ b/app/views/partials/header.html @@ -0,0 +1,96 @@ +
+
+
+ + +
+
+
\ No newline at end of file diff --git a/app/views/partials/login.html b/app/views/partials/login.html index 2463f52..e074eb6 100644 --- a/app/views/partials/login.html +++ b/app/views/partials/login.html @@ -1,40 +1,42 @@ -
-
-
-

Login

-

Accounts are reset on server restart from dummydata.js. Default account is test@test.com / test

-
-
-
+
+

Login

-
- +

Accounts are reset on server restart from dummydata.js. Default account is + test@test.com / test

+
+
+ - -
+
+ -
- - - -
+ +
-
-

- Please enter your email and password. -

-

{{ errors.other }}

-
+
+ - - -
+ +
+ +
+

+ Please enter your email and password. +

+ +

{{ errors.other }}

+
+ + + +
-
-
- Not registered? -
+
+
+ Not registered? +
\ No newline at end of file diff --git a/app/views/partials/main.html b/app/views/partials/main.html index 64dddd4..32ea935 100644 --- a/app/views/partials/main.html +++ b/app/views/partials/main.html @@ -1,12 +1,355 @@ -
- -
-

- I'm Roboto
- Intelligent Promotion Distribution for Humans -

+ +
+
- -
-

♥ from the PodNoms team

+ + +
+
+

This is how your promotions should look!

+
+ + +
+ +
+ +
+
+
+ + + + + +
+

ACTIVE PROMOTIONS

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PromotionRecipientsListenedDownloaded
RP001Robo Vibes 1.65 48 37
RP002Robo Vibes 2.65 36
RP003Robo Vibes 3.65 22 9
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ACTIVITY
+
+
+
Release published 01:17:34
+
Backup created 03:23:34
+
Snapshot created 04:22:11
+
Invoice pay 05:11:51
+
Project edited 04:52:23
+
Project saved 07:11:01
+
Bug fixed 09:10:31
+
+
+
Ow Stat.:
+
%user 20,43
+
%nice 1,01
+
%system 27,34
+
%iowait 2,02
+
%steal 1,22
+
%idle 47,98
+
tps 296546
+
+
+
+
+

Σ SUMMARY

+
+
+
+
Total commits1245634
+
Release count227
+
+
+
Tests passed5222345
+
Tickets solved324322
+
+
+
Active clients52145
+
Support team288
+
+
+
+
+
+
+
+ + + + + + + + + + +
+
+
+ +
+ diff --git a/app/views/partials/navbar.html b/app/views/partials/navbar.html index f055c48..7fa5138 100644 --- a/app/views/partials/navbar.html +++ b/app/views/partials/navbar.html @@ -1,12 +1,180 @@ -
-
+
  • + + + + + +
    • +
  • + + + + + +
    • +
  • + + + + + +
    • +
  • + + + + + +
    • +
  • + + + + + +
    • +
  • + + + + + +
    • +
  • + + + + + +
    • +
  • + + + + +
    • +
  • + + + + +
    • +
  • + + + + + +
    • + diff --git a/app/views/partials/promotions.html b/app/views/partials/promotions.html index 6034e18..7c49dea 100644 --- a/app/views/partials/promotions.html +++ b/app/views/partials/promotions.html @@ -1,4 +1,2 @@ -
    -

    Filter:

    diff --git a/app/views/partials/settings.html b/app/views/partials/settings.html index 2e66903..b22e80a 100644 --- a/app/views/partials/settings.html +++ b/app/views/partials/settings.html @@ -1,5 +1,3 @@ -
    -

    Change Password

    diff --git a/app/views/partials/signup.html b/app/views/partials/signup.html index 71d75fe..cb665b5 100644 --- a/app/views/partials/signup.html +++ b/app/views/partials/signup.html @@ -1,66 +1,70 @@ -
    -
    -
    -

    Sign up

    -
    -
    -
    +
    +

    Sign up

    +
    +
    + -
    - + - -

    - A name is required -

    -
    + -
    + A name is required +

    +
    + +
    - + - -

    - Doesn't look like a valid email. -

    -

    - What's your email address? -

    -

    - {{ errors.email }} -

    -
    + -
    + Doesn't look like a valid email. +

    + +

    + What's your email address? +

    + +

    + {{ errors.email }} +

    +
    + +
    - - - -

    - Password must be at least 3 characters. -

    -

    - {{ errors.password }} -

    -
    + - - -
    + + +

    + Password must be at least 3 characters. +

    + +

    + {{ errors.password }} +

    +
    + + + +
    -
    -
    - Have an account? -
    +
    +
    + Have an account? +
    \ No newline at end of file diff --git a/lib/config/dummydata.js b/lib/config/dummydata.js index 21400f2..99b20ef 100644 --- a/lib/config/dummydata.js +++ b/lib/config/dummydata.js @@ -15,11 +15,21 @@ var user = new User({ email: 'test@test.com', password: 'password' }); -user.save(function(err){ if (err) console.dir(err);}); +user.save(function (err) { + if (err) console.dir(err); +}); -for (var i=0;i<=100;i++){ - var promotion = new Promotion({ title: 'Test Prom ' + i, user: user }).save(function(err){ if (err) console.dir(err);}); - console.log("Bootstrapping promotion: " + i); +var date = new Date(2013, 0, 1); +for (var i = 0; i <= 100; i++) { + new Promotion({ + title: 'Test Prom ' + i, + user: user, + created: date.getTime() + }).save(function (err) { + if (err) console.dir(err); + }); + console.log("Bootstrapping promotion: " + (date + (i * 86400000))); + date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)) } console.log("Bootstrap complete"); diff --git a/lib/controllers/index.js b/lib/controllers/index.js index 5b78178..41dd811 100644 --- a/lib/controllers/index.js +++ b/lib/controllers/index.js @@ -5,23 +5,23 @@ var path = require('path'); /** * Send partial, or 404 if it doesn't exist */ -exports.partials = function(req, res) { - var stripped = req.url.split('.')[0]; - var requestedView = path.join('./', stripped); - res.render(requestedView, function(err, html) { - if(err) { - console.log("Error rendering partial '" + requestedView + "'\n", err); - res.status(404); - res.send(404); - } else { - res.send(html); - } - }); +exports.partials = function (req, res) { + var stripped = req.url.split('.')[0]; + var requestedView = path.join('./', stripped); + res.render(requestedView, function (err, html) { + if (err) { + console.log("Error rendering partial '" + requestedView + "'\n", err); + res.status(404); + res.send(404); + } else { + res.send(html); + } + }); }; /** * Send our single page app */ -exports.index = function(req, res) { - res.render('index'); +exports.index = function (req, res) { + res.render('index'); }; diff --git a/lib/routes.js b/lib/routes.js index b48b48e..a4d9142 100644 --- a/lib/routes.js +++ b/lib/routes.js @@ -3,15 +3,16 @@ var index = require('./controllers'), users = require('./controllers/users'), promotions = require('./controllers/promotions'), - session = require('./controllers/session'); + session = require('./controllers/session'), + mongoose = require('mongoose'), + middleware = require('./middleware'), + mers = require('mers'); -var middleware = require('./middleware'); +module.exports = function (app) { -/** - * Application routes - */ -module.exports = function(app) { + app.use('/api', mers({mongoose: mongoose}).rest()); +/* // Server API Routes app.get('/api/promotions', promotions.list); app.post('/api/promotions', promotions.create); @@ -26,9 +27,10 @@ module.exports = function(app) { app.del('/api/session', session.logout); // All undefined api routes should return a 404 - app.get('/api/*', function(req, res) { + app.get('/api/*', function (req, res) { res.send(404); }); +*/ // All other routes to use Angular routing in app/scripts/app.js app.get('/partials/*', index.partials); diff --git a/package.json b/package.json index d33e993..0ec5ffe 100644 --- a/package.json +++ b/package.json @@ -2,14 +2,14 @@ "name": "roboto-promoto", "version": "0.0.0", "dependencies": { + "connect-mongo": "~0.4.0", + "ejs": "~0.8.4", "express": "~3.4.3", "lodash": "~2.4.1", "mongoose": "~3.8.8", - "connect-mongo": "~0.4.0", + "ng-grid": "~2.0.1", "passport": "~0.2.0", - "passport-local": "~0.1.6", - "ejs": "~0.8.4", - "ng-grid": "~2.0.1" + "passport-local": "~0.1.6" }, "devDependencies": { "grunt": "~0.4.1", diff --git a/server.js b/server.js index 572ee92..44100ab 100644 --- a/server.js +++ b/server.js @@ -27,7 +27,7 @@ fs.readdirSync(modelsPath).forEach(function (file) { }); // Populate empty DB with sample data -require('./lib/config/dummydata'); +//require('./lib/config/dummydata'); // Passport Configuration var passport = require('./lib/config/passport'); @@ -40,6 +40,7 @@ require('./lib/config/express')(app); // Routing require('./lib/routes')(app); + // Start server app.listen(config.port, function () { console.log('Express server listening on port %d in %s mode', config.port, app.get('env')); diff --git a/test/client/spec/controllers/header.js b/test/client/spec/controllers/header.js new file mode 100644 index 0000000..5e3b108 --- /dev/null +++ b/test/client/spec/controllers/header.js @@ -0,0 +1,22 @@ +'use strict'; + +describe('Controller: HeaderCtrl', function () { + + // load the controller's module + beforeEach(module('robotoPromotoApp')); + + var HeaderCtrl, + scope; + + // Initialize the controller and a mock scope + beforeEach(inject(function ($controller, $rootScope) { + scope = $rootScope.$new(); + HeaderCtrl = $controller('HeaderCtrl', { + $scope: scope + }); + })); + + it('should attach a list of awesomeThings to the scope', function () { + expect(scope.awesomeThings.length).toBe(3); + }); +}); diff --git a/test/client/spec/controllers/navbar.js b/test/client/spec/controllers/navbar.js new file mode 100644 index 0000000..c0dadfb --- /dev/null +++ b/test/client/spec/controllers/navbar.js @@ -0,0 +1,22 @@ +'use strict'; + +describe('Controller: NavbarCtrl', function () { + + // load the controller's module + beforeEach(module('robotoPromotoApp')); + + var NavbarCtrl, + scope; + + // Initialize the controller and a mock scope + beforeEach(inject(function ($controller, $rootScope) { + scope = $rootScope.$new(); + NavbarCtrl = $controller('NavbarCtrl', { + $scope: scope + }); + })); + + it('should attach a list of awesomeThings to the scope', function () { + expect(scope.awesomeThings.length).toBe(3); + }); +}); diff --git a/test/server/promotion/api.js b/test/server/promotion/api.js index 521e5f4..8526687 100644 --- a/test/server/promotion/api.js +++ b/test/server/promotion/api.js @@ -33,23 +33,23 @@ describe('Promotions Api', function(){ }); }); }); - describe('GET /api/promotions', function () { + describe('GET /api/promotion', function () { it('should respond with JSON array', function (done) { request(app) - .get('/api/promotions') + .get('/api/promotion') .expect(200) .expect('Content-Type', /json/) .end(function (err, res) { if (err) return done(err); - res.body.should.be.instanceof(Array); + res.body.payload.should.be.instanceof(Array); done(); }); }); }); - describe('POST /api/promotions', function () { + describe('POST /api/promotion', function () { it('should respond with the item POSTed', function (done) { request(app) - .post('/api/promotions') + .post('/api/promotion') .send({ title: 'API - Test 2', user: auth