Commit inicial Ventas Productivo

Metronic/assets/layouts/global/scripts/cookie-consent.js

@@ -0,0 +1,25 @@
+/**
+Cookie consent init
+**/
+
+var CookieConsent = function () {
+
+    var _init = function () {
+        $('.mt-cookie-consent-bar').cookieBar({ 
+            closeButton : '.mt-cookie-consent-btn' 
+        });
+    };
+
+    return {
+        init: function () {
+            _init();
+        }
+    };
+
+}();
+
+if (App.isAngularJsApp() === false) { 
+    jQuery(document).ready(function() {    
+       CookieConsent.init(); 
+    });
+}

Metronic/assets/layouts/global/scripts/cookie-consent.min.js

@@ -0,0 +1 @@
+var CookieConsent=function(){var n=function(){$(".mt-cookie-consent-bar").cookieBar({closeButton:".mt-cookie-consent-btn"})};return{init:function(){n()}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){CookieConsent.init()});

Metronic/assets/layouts/global/scripts/datatable.js

@@ -0,0 +1,304 @@
+/***
+Wrapper/Helper Class for datagrid based on jQuery Datatable Plugin
+***/
+var Datatable = function() {
+
+    var tableOptions; // main options
+    var dataTable; // datatable object
+    var table; // actual table jquery object
+    var tableContainer; // actual table container object
+    var tableWrapper; // actual table wrapper jquery object
+    var tableInitialized = false;
+    var ajaxParams = {}; // set filter mode
+    var the;
+
+    var countSelectedRecords = function() {
+        var selected = $('tbody > tr > td:nth-child(1) input[type="checkbox"]:checked', table).size();
+        var text = tableOptions.dataTable.language.metronicGroupActions;
+        if (selected > 0) {
+            $('.table-group-actions > span', tableWrapper).text(text.replace("_TOTAL_", selected));
+        } else {
+            $('.table-group-actions > span', tableWrapper).text("");
+        }
+    };
+
+    return {
+
+        //main function to initiate the module
+        init: function(options) {
+
+            if (!$().dataTable) {
+                return;
+            }
+
+            the = this;
+
+            // default settings
+            options = $.extend(true, {
+                src: "", // actual table  
+                filterApplyAction: "filter",
+                filterCancelAction: "filter_cancel",
+                resetGroupActionInputOnSuccess: true,
+                loadingMessage: 'Loading...',
+                dataTable: {
+                    "dom": "<'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'<'table-group-actions pull-right'>>r><'table-scrollable't><'row'<'col-md-8 col-sm-12'pli><'col-md-4 col-sm-12'>>", // datatable layout
+                    "pageLength": 10, // default records per page
+                    "language": { // language settings
+                        // metronic spesific
+                        "metronicGroupActions": "_TOTAL_ records selected:  ",
+                        "metronicAjaxRequestGeneralError": "Could not complete request. Please check your internet connection",
+
+                        // data tables spesific
+                        "lengthMenu": "<span class='seperator'>|</span>View _MENU_ records",
+                        "info": "<span class='seperator'>|</span>Found total _TOTAL_ records",
+                        "infoEmpty": "No records found to show",
+                        "emptyTable": "No data available in table",
+                        "zeroRecords": "No matching records found",
+                        "paginate": {
+                            "previous": "Prev",
+                            "next": "Next",
+                            "last": "Last",
+                            "first": "First",
+                            "page": "Page",
+                            "pageOf": "of"
+                        }
+                    },
+
+                    "orderCellsTop": true,
+                    "columnDefs": [{ // define columns sorting options(by default all columns are sortable extept the first checkbox column)
+                        'orderable': false,
+                        'targets': [0]
+                    }],
+
+                    "pagingType": "bootstrap_extended", // pagination type(bootstrap, bootstrap_full_number or bootstrap_extended)
+                    "autoWidth": false, // disable fixed width and enable fluid table
+                    "processing": false, // enable/disable display message box on record load
+                    "serverSide": true, // enable/disable server side ajax loading
+
+                    "ajax": { // define ajax settings
+                        "url": "", // ajax URL
+                        "type": "POST", // request type
+                        "timeout": 20000,
+                        "data": function(data) { // add request parameters before submit
+                            $.each(ajaxParams, function(key, value) {
+                                data[key] = value;
+                            });
+                            Metronic.blockUI({
+                                message: tableOptions.loadingMessage,
+                                target: tableContainer,
+                                overlayColor: 'none',
+                                cenrerY: true,
+                                boxed: true
+                            });
+                        },
+                        "dataSrc": function(res) { // Manipulate the data returned from the server
+                            if (res.customActionMessage) {
+                                Metronic.alert({
+                                    type: (res.customActionStatus == 'OK' ? 'success' : 'danger'),
+                                    icon: (res.customActionStatus == 'OK' ? 'check' : 'warning'),
+                                    message: res.customActionMessage,
+                                    container: tableWrapper,
+                                    place: 'prepend'
+                                });
+                            }
+
+                            if (res.customActionStatus) {
+                                if (tableOptions.resetGroupActionInputOnSuccess) {
+                                    $('.table-group-action-input', tableWrapper).val("");
+                                }
+                            }
+
+                            if ($('.group-checkable', table).size() === 1) {
+                                $('.group-checkable', table).attr("checked", false);
+                                $.uniform.update($('.group-checkable', table));
+                            }
+
+                            if (tableOptions.onSuccess) {
+                                tableOptions.onSuccess.call(undefined, the);
+                            }
+
+                            Metronic.unblockUI(tableContainer);
+
+                            return res.data;
+                        },
+                        "error": function() { // handle general connection errors
+                            if (tableOptions.onError) {
+                                tableOptions.onError.call(undefined, the);
+                            }
+
+                            Metronic.alert({
+                                type: 'danger',
+                                icon: 'warning',
+                                message: tableOptions.dataTable.language.metronicAjaxRequestGeneralError,
+                                container: tableWrapper,
+                                place: 'prepend'
+                            });
+
+                            Metronic.unblockUI(tableContainer);
+                        }
+                    },
+
+                    "drawCallback": function(oSettings) { // run some code on table redraw
+                        if (tableInitialized === false) { // check if table has been initialized
+                            tableInitialized = true; // set table initialized
+                            table.show(); // display table
+                        }
+                        Metronic.initUniform($('input[type="checkbox"]', table)); // reinitialize uniform checkboxes on each table reload
+                        countSelectedRecords(); // reset selected records indicator
+
+                        // callback for ajax data load
+                        if (tableOptions.onDataLoad) {
+                            tableOptions.onDataLoad.call(undefined, the);
+                        }
+                    }
+                }
+            }, options);
+
+            tableOptions = options;
+
+            // create table's jquery object
+            table = $(options.src);
+            tableContainer = table.parents(".table-container");
+
+            // apply the special class that used to restyle the default datatable
+            var tmp = $.fn.dataTableExt.oStdClasses;
+
+            $.fn.dataTableExt.oStdClasses.sWrapper = $.fn.dataTableExt.oStdClasses.sWrapper + " dataTables_extended_wrapper";
+            $.fn.dataTableExt.oStdClasses.sFilterInput = "form-control input-small input-sm input-inline";
+            $.fn.dataTableExt.oStdClasses.sLengthSelect = "form-control input-xsmall input-sm input-inline";
+
+            // initialize a datatable
+            dataTable = table.DataTable(options.dataTable);
+
+            // revert back to default
+            $.fn.dataTableExt.oStdClasses.sWrapper = tmp.sWrapper;
+            $.fn.dataTableExt.oStdClasses.sFilterInput = tmp.sFilterInput;
+            $.fn.dataTableExt.oStdClasses.sLengthSelect = tmp.sLengthSelect;
+
+            // get table wrapper
+            tableWrapper = table.parents('.dataTables_wrapper');
+
+            // build table group actions panel
+            if ($('.table-actions-wrapper', tableContainer).size() === 1) {
+                $('.table-group-actions', tableWrapper).html($('.table-actions-wrapper', tableContainer).html()); // place the panel inside the wrapper
+                $('.table-actions-wrapper', tableContainer).remove(); // remove the template container
+            }
+            // handle group checkboxes check/uncheck
+            $('.group-checkable', table).change(function() {
+                var set = $('tbody > tr > td:nth-child(1) input[type="checkbox"]', table);
+                var checked = $(this).is(":checked");
+                $(set).each(function() {
+                    $(this).attr("checked", checked);
+                });
+                $.uniform.update(set);
+                countSelectedRecords();
+            });
+
+            // handle row's checkbox click
+            table.on('change', 'tbody > tr > td:nth-child(1) input[type="checkbox"]', function() {
+                countSelectedRecords();
+            });
+
+            // handle filter submit button click
+            table.on('click', '.filter-submit', function(e) {
+                e.preventDefault();
+                the.submitFilter();
+            });
+
+            // handle filter cancel button click
+            table.on('click', '.filter-cancel', function(e) {
+                e.preventDefault();
+                the.resetFilter();
+            });
+        },
+
+        submitFilter: function() {
+            the.setAjaxParam("action", tableOptions.filterApplyAction);
+
+            // get all typeable inputs
+            $('textarea.form-filter, select.form-filter, input.form-filter:not([type="radio"],[type="checkbox"])', table).each(function() {
+                the.setAjaxParam($(this).attr("name"), $(this).val());
+            });
+
+            // get all checkboxes
+            $('input.form-filter[type="checkbox"]:checked', table).each(function() {
+                the.addAjaxParam($(this).attr("name"), $(this).val());
+            });
+
+            // get all radio buttons
+            $('input.form-filter[type="radio"]:checked', table).each(function() {
+                the.setAjaxParam($(this).attr("name"), $(this).val());
+            });
+
+            dataTable.ajax.reload();
+        },
+
+        resetFilter: function() {
+            $('textarea.form-filter, select.form-filter, input.form-filter', table).each(function() {
+                $(this).val("");
+            });
+            $('input.form-filter[type="checkbox"]', table).each(function() {
+                $(this).attr("checked", false);
+            });
+            the.clearAjaxParams();
+            the.addAjaxParam("action", tableOptions.filterCancelAction);
+            dataTable.ajax.reload();
+        },
+
+        getSelectedRowsCount: function() {
+            return $('tbody > tr > td:nth-child(1) input[type="checkbox"]:checked', table).size();
+        },
+
+        getSelectedRows: function() {
+            var rows = [];
+            $('tbody > tr > td:nth-child(1) input[type="checkbox"]:checked', table).each(function() {
+                rows.push($(this).val());
+            });
+
+            return rows;
+        },
+
+        setAjaxParam: function(name, value) {
+            ajaxParams[name] = value;
+        },
+
+        addAjaxParam: function(name, value) {
+            if (!ajaxParams[name]) {
+                ajaxParams[name] = [];
+            }
+
+            skip = false;
+            for (var i = 0; i < (ajaxParams[name]).length; i++) { // check for duplicates
+                if (ajaxParams[name][i] === value) {
+                    skip = true;
+                }
+            }
+
+            if (skip === false) {
+                ajaxParams[name].push(value);
+            }
+        },
+
+        clearAjaxParams: function(name, value) {
+            ajaxParams = {};
+        },
+
+        getDataTable: function() {
+            return dataTable;
+        },
+
+        getTableWrapper: function() {
+            return tableWrapper;
+        },
+
+        gettableContainer: function() {
+            return tableContainer;
+        },
+
+        getTable: function() {
+            return table;
+        }
+
+    };
+
+};

Metronic/assets/layouts/global/scripts/form-wizard-min-js.txt

@@ -0,0 +1 @@
+var FormWizard=function(){return{init:function(){function e(e){return e.id?"<img class='flag' src='../../assets/global/img/flags/"+e.id.toLowerCase()+".png'/>&nbsp;&nbsp;"+e.text:e.text}if(jQuery().bootstrapWizard){$("#country_list").select2({placeholder:"Select",allowClear:!0,formatResult:e,width:"auto",formatSelection:e,escapeMarkup:function(e){return e}});var r=$("#submit_form"),t=$(".alert-danger",r),i=$(".alert-success",r);r.validate({doNotHideMessage:!0,errorElement:"span",errorClass:"help-block help-block-error",focusInvalid:!1,rules:{username:{minlength:5,required:!0},password:{minlength:5,required:!0},rpassword:{minlength:5,required:!0,equalTo:"#submit_form_password"},fullname:{required:!0},email:{required:!0,email:!0},phone:{required:!0},gender:{required:!0},address:{required:!0},city:{required:!0},country:{required:!0},card_name:{required:!0},card_number:{minlength:16,maxlength:16,required:!0},card_cvc:{digits:!0,required:!0,minlength:3,maxlength:4},card_expiry_date:{required:!0},"payment[]":{required:!0,minlength:1}},messages:{"payment[]":{required:"Please select at least one option",minlength:jQuery.validator.format("Please select at least one option")}},errorPlacement:function(e,r){"gender"==r.attr("name")?e.insertAfter("#form_gender_error"):"payment[]"==r.attr("name")?e.insertAfter("#form_payment_error"):e.insertAfter(r)},invalidHandler:function(e,r){i.hide(),t.show(),App.scrollTo(t,-200)},highlight:function(e){$(e).closest(".form-group").removeClass("has-success").addClass("has-error")},unhighlight:function(e){$(e).closest(".form-group").removeClass("has-error")},success:function(e){"gender"==e.attr("for")||"payment[]"==e.attr("for")?(e.closest(".form-group").removeClass("has-error").addClass("has-success"),e.remove()):e.addClass("valid").closest(".form-group").removeClass("has-error").addClass("has-success")},submitHandler:function(e){i.show(),t.hide(),e[0].submit()}});var a=function(){$("#tab4 .form-control-static",r).each(function(){var e=$('[name="'+$(this).attr("data-display")+'"]',r);if(e.is(":radio")&&(e=$('[name="'+$(this).attr("data-display")+'"]:checked',r)),e.is(":text")||e.is("textarea"))$(this).html(e.val());else if(e.is("select"))$(this).html(e.find("option:selected").text());else if(e.is(":radio")&&e.is(":checked"))$(this).html(e.attr("data-title"));else if("payment[]"==$(this).attr("data-display")){var t=[];$('[name="payment[]"]:checked',r).each(function(){t.push($(this).attr("data-title"))}),$(this).html(t.join("<br>"))}})},o=function(e,r,t){var i=r.find("li").length,o=t+1;$(".step-title",$("#form_wizard_1")).text("Step "+(t+1)+" of "+i),jQuery("li",$("#form_wizard_1")).removeClass("done");for(var n=r.find("li"),s=0;t>s;s++)jQuery(n[s]).addClass("done");1==o?$("#form_wizard_1").find(".button-previous").hide():$("#form_wizard_1").find(".button-previous").show(),o>=i?($("#form_wizard_1").find(".button-next").hide(),$("#form_wizard_1").find(".button-submit").show(),a()):($("#form_wizard_1").find(".button-next").show(),$("#form_wizard_1").find(".button-submit").hide()),App.scrollTo($(".page-title"))};$("#form_wizard_1").bootstrapWizard({nextSelector:".button-next",previousSelector:".button-previous",onTabClick:function(e,r,t,i){return!1},onNext:function(e,a,n){return i.hide(),t.hide(),0==r.valid()?!1:void o(e,a,n)},onPrevious:function(e,r,a){i.hide(),t.hide(),o(e,r,a)},onTabShow:function(e,r,t){var i=r.find("li").length,a=t+1,o=a/i*100;$("#form_wizard_1").find(".progress-bar").css({width:o+"%"})}}),$("#form_wizard_1").find(".button-previous").hide(),$("#form_wizard_1 .button-submit").click(function(){alert("Finished! Hope you like it :)")}).hide(),$("#country_list",r).change(function(){r.validate().element($(this))})}}}}();jQuery(document).ready(function(){FormWizard.init()});

Metronic/assets/layouts/global/scripts/form-wizard.min.js

@@ -0,0 +1 @@
+var FormWizard=function(){return{init:function(){function e(e){return e.id?"<img class='flag' src='../../assets/global/img/flags/"+e.id.toLowerCase()+".png'/>&nbsp;&nbsp;"+e.text:e.text}if(jQuery().bootstrapWizard){$("#country_list").select2({placeholder:"Select",allowClear:!0,formatResult:e,width:"auto",formatSelection:e,escapeMarkup:function(e){return e}});var r=$("#submit_form"),t=$(".alert-danger",r),i=$(".alert-success",r);r.validate({doNotHideMessage:!0,errorElement:"span",errorClass:"help-block help-block-error",focusInvalid:!1,rules:{username:{minlength:5,required:!0},password:{minlength:5,required:!0},rpassword:{minlength:5,required:!0,equalTo:"#submit_form_password"},fullname:{required:!0},email:{required:!0,email:!0},phone:{required:!0},gender:{required:!0},address:{required:!0},city:{required:!0},country:{required:!0},card_name:{required:!0},card_number:{minlength:16,maxlength:16,required:!0},card_cvc:{digits:!0,required:!0,minlength:3,maxlength:4},card_expiry_date:{required:!0},"payment[]":{required:!0,minlength:1}},messages:{"payment[]":{required:"Please select at least one option",minlength:jQuery.validator.format("Please select at least one option")}},errorPlacement:function(e,r){"gender"==r.attr("name")?e.insertAfter("#form_gender_error"):"payment[]"==r.attr("name")?e.insertAfter("#form_payment_error"):e.insertAfter(r)},invalidHandler:function(e,r){i.hide(),t.show(),App.scrollTo(t,-200)},highlight:function(e){$(e).closest(".form-group").removeClass("has-success").addClass("has-error")},unhighlight:function(e){$(e).closest(".form-group").removeClass("has-error")},success:function(e){"gender"==e.attr("for")||"payment[]"==e.attr("for")?(e.closest(".form-group").removeClass("has-error").addClass("has-success"),e.remove()):e.addClass("valid").closest(".form-group").removeClass("has-error").addClass("has-success")},submitHandler:function(e){i.show(),t.hide(),e[0].submit()}});var a=function(){$("#tab4 .form-control-static",r).each(function(){var e=$('[name="'+$(this).attr("data-display")+'"]',r);if(e.is(":radio")&&(e=$('[name="'+$(this).attr("data-display")+'"]:checked',r)),e.is(":text")||e.is("textarea"))$(this).html(e.val());else if(e.is("select"))$(this).html(e.find("option:selected").text());else if(e.is(":radio")&&e.is(":checked"))$(this).html(e.attr("data-title"));else if("payment[]"==$(this).attr("data-display")){var t=[];$('[name="payment[]"]:checked',r).each(function(){t.push($(this).attr("data-title"))}),$(this).html(t.join("<br>"))}})},o=function(e,r,t){var i=r.find("li").length,o=t+1;$(".step-title",$("#form_wizard_1")).text("Step "+(t+1)+" of "+i),jQuery("li",$("#form_wizard_1")).removeClass("done");for(var n=r.find("li"),s=0;t>s;s++)jQuery(n[s]).addClass("done");1==o?$("#form_wizard_1").find(".button-previous").hide():$("#form_wizard_1").find(".button-previous").show(),o>=i?($("#form_wizard_1").find(".button-next").hide(),$("#form_wizard_1").find(".button-submit").show(),a()):($("#form_wizard_1").find(".button-next").show(),$("#form_wizard_1").find(".button-submit").hide()),App.scrollTo($(".page-title"))};$("#form_wizard_1").bootstrapWizard({nextSelector:".button-next",previousSelector:".button-previous",onTabClick:function(e,r,t,i){return!1},onNext:function(e,a,n){return i.hide(),t.hide(),0==r.valid()?!1:void o(e,a,n)},onPrevious:function(e,r,a){i.hide(),t.hide(),o(e,r,a)},onTabShow:function(e,r,t){var i=r.find("li").length,a=t+1,o=a/i*100;$("#form_wizard_1").find(".progress-bar").css({width:o+"%"})}}),$("#form_wizard_1").find(".button-previous").hide(),$("#form_wizard_1 .button-submit").click(function(){alert("Finished! Hope you like it :)")}).hide(),$("#country_list",r).change(function(){r.validate().element($(this))})}}}}();jQuery(document).ready(function(){FormWizard.init()});

Metronic/assets/layouts/global/scripts/metronic.js

@@ -0,0 +1,972 @@
+/**
+Core script to handle the entire theme and core functions
+**/
+var Metronic = function () {
+    
+    // IE mode
+    var isRTL = false;
+    var isIE8 = false;
+    var isIE9 = false;
+    var isIE10 = false;
+
+    var resizeHandlers = [];
+
+    var assetsPath = '/Metronic/assets/';
+
+    var globalImgPath = '/Metronic/assets/global/img/';
+
+    var globalPluginsPath = '/Metronic/assets/global/plugins/';
+
+    var globalCssPath = '/Metronic/assets/global/css/';
+
+    // theme layout color set
+
+    var brandColors = {
+        'blue': '#89C4F4',
+        'red': '#F3565D',
+        'green': '#1bbc9b',
+        'purple': '#9b59b6',
+        'grey': '#95a5a6',
+        'yellow': '#F8CB00'
+    };
+
+    // initializes main settings
+    var handleInit = function () {
+
+        if ($('body').css('direction') === 'rtl') {
+            isRTL = true;
+        }
+
+        isIE8 = !!navigator.userAgent.match(/MSIE 8.0/);
+        isIE9 = !!navigator.userAgent.match(/MSIE 9.0/);
+        isIE10 = !!navigator.userAgent.match(/MSIE 10.0/);
+
+        if (isIE10) {
+            $('html').addClass('ie10'); // detect IE10 version
+        }
+
+        if (isIE10 || isIE9 || isIE8) {
+            $('html').addClass('ie'); // detect IE10 version
+        }
+    };
+
+    // runs callback functions set by Metronic.addResponsiveHandler().
+    var _runResizeHandlers = function () {
+        // reinitialize other subscribed elements
+        for (var i = 0; i < resizeHandlers.length; i++) {
+            var each = resizeHandlers[i];
+            each.call();
+        }
+    };
+
+    // handle the layout reinitialization on window resize
+    var handleOnResize = function () {
+        var resize;
+        if (isIE8) {
+            var currheight;
+            $(window).resize(function () {
+                if (currheight == document.documentElement.clientHeight) {
+                    return; //quite event since only body resized not window.
+                }
+                if (resize) {
+                    clearTimeout(resize);
+                }
+                resize = setTimeout(function () {
+                    _runResizeHandlers();
+                }, 50); // wait 50ms until window resize finishes.                
+                currheight = document.documentElement.clientHeight; // store last body client height
+            });
+        } else {
+            $(window).resize(function () {
+                if (resize) {
+                    clearTimeout(resize);
+                }
+                resize = setTimeout(function () {
+                    _runResizeHandlers();
+                }, 50); // wait 50ms until window resize finishes.
+            });
+        }
+    };
+
+    // Handles portlet tools & actions
+    var handlePortletTools = function () {
+        // handle portlet remove
+        $('body').on('click', '.portlet > .portlet-title > .tools > a.remove', function (e) {
+            e.preventDefault();
+            var portlet = $(this).closest(".portlet");
+
+            if ($('body').hasClass('page-portlet-fullscreen')) {
+                $('body').removeClass('page-portlet-fullscreen');
+            }
+
+            portlet.find('.portlet-title .fullscreen').tooltip('destroy');
+            portlet.find('.portlet-title > .tools > .reload').tooltip('destroy');
+            portlet.find('.portlet-title > .tools > .remove').tooltip('destroy');
+            portlet.find('.portlet-title > .tools > .config').tooltip('destroy');
+            portlet.find('.portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip('destroy');
+
+            portlet.remove();
+        });
+
+        // handle portlet fullscreen
+        $('body').on('click', '.portlet > .portlet-title .fullscreen', function (e) {
+            e.preventDefault();
+            var portlet = $(this).closest(".portlet");
+            if (portlet.hasClass('portlet-fullscreen')) {
+                $(this).removeClass('on');
+                portlet.removeClass('portlet-fullscreen');
+                $('body').removeClass('page-portlet-fullscreen');
+                portlet.children('.portlet-body').css('height', 'auto');
+            } else {
+                var height = Metronic.getViewPort().height -
+                    portlet.children('.portlet-title').outerHeight() -
+                    parseInt(portlet.children('.portlet-body').css('padding-top')) -
+                    parseInt(portlet.children('.portlet-body').css('padding-bottom'));
+
+                $(this).addClass('on');
+                portlet.addClass('portlet-fullscreen');
+                $('body').addClass('page-portlet-fullscreen');
+                portlet.children('.portlet-body').css('height', height);
+            }
+        });
+
+        $('body').on('click', '.portlet > .portlet-title > .tools > a.reload', function (e) {
+            e.preventDefault();
+            var el = $(this).closest(".portlet").children(".portlet-body");
+            var url = $(this).attr("data-url");
+            var error = $(this).attr("data-error-display");
+            if (url) {
+                Metronic.blockUI({
+                    target: el,
+                    animate: true,
+                    overlayColor: 'none'
+                });
+                $.ajax({
+                    type: "GET",
+                    cache: false,
+                    url: url,
+                    dataType: "html",
+                    success: function (res) {
+                        Metronic.unblockUI(el);
+                        el.html(res);
+                    },
+                    error: function (xhr, ajaxOptions, thrownError) {
+                        Metronic.unblockUI(el);
+                        var msg = 'Error on reloading the content. Please check your connection and try again.';
+                        if (error == "toastr" && toastr) {
+                            toastr.error(msg);
+                        } else if (error == "notific8" && $.notific8) {
+                            $.notific8('zindex', 11500);
+                            $.notific8(msg, {
+                                theme: 'ruby',
+                                life: 3000
+                            });
+                        } else {
+                            alert(msg);
+                        }
+                    }
+                });
+            } else {
+                // for demo purpose
+                Metronic.blockUI({
+                    target: el,
+                    animate: true,
+                    overlayColor: 'none'
+                });
+                window.setTimeout(function () {
+                    Metronic.unblockUI(el);
+                }, 1000);
+            }
+        });
+
+        // load ajax data on page init
+        $('.portlet .portlet-title a.reload[data-load="true"]').click();
+
+        $('body').on('click', '.portlet > .portlet-title > .tools > .collapse, .portlet .portlet-title > .tools > .expand', function (e) {
+            e.preventDefault();
+            var el = $(this).closest(".portlet").children(".portlet-body");
+            var elchek = $(this).data('idchekbox'); 
+            if ($(this).hasClass("collapse")) {
+                $(this).removeClass("collapse").addClass("expand");
+                el.slideUp(200);
+                if ($('#' + elchek)) {
+                    $('#' + elchek).prop("checked", false);
+                }
+            } else {
+                $(this).removeClass("expand").addClass("collapse");
+                el.slideDown(200);
+                if ($('#' + elchek)) {
+                    $('#' + elchek).prop("checked", true);
+                }
+            }
+        });
+    };
+
+    // Handles custom checkboxes & radios using jQuery Uniform plugin
+    var handleUniform = function () {
+        if (!$().uniform) {
+            return;
+        }
+        // var test = $("input[type=checkbox]:not(.toggle, .md-check, .md-radiobtn, .make-switch, .icheck, .switchmincheck, .overrydecheckbox,#Chk), input[type=radio]:not(.toggle, .md-check, .md-radiobtn, .star, .make-switch, .icheck)");
+        
+        var test = $("input[type=checkbox].yt-uix-checkbox-on-off,input[type=checkbox].make-switchsd,input[type=checkbox].md-checksd,input[type=checkbox].make-switchsd,input[type=checkbox].md-checksd2, input[type=radio]:not(.toggle, .md-check, .md-radiobtn, .star, .make-switch, .icheck)");
+        if (test.size() > 0) {
+            test.each(function () {
+                if ($(this).parents(".checker").size() === 0) {
+                    $(this).show();
+                    $(this).uniform();
+                }
+            });
+        }
+    };
+
+    // Handlesmaterial design checkboxes
+    var handleMaterialDesign = function () {
+
+        // Material design ckeckbox and radio effects
+        $('body').on('click', '.md-checkbox > label, .md-radio > label', function () {
+            var the = $(this);
+            // find the first span which is our circle/bubble
+            var el = $(this).children('span:first-child');
+
+            // add the bubble class (we do this so it doesnt show on page load)
+            el.addClass('inc');
+
+            // clone it
+            var newone = el.clone(true);
+
+            // add the cloned version before our original
+            el.before(newone);
+
+            // remove the original so that it is ready to run on next click
+            $("." + el.attr("class") + ":last", the).remove();
+        });
+
+        if ($('body').hasClass('page-md')) {
+            // Material design click effect
+            // credit where credit's due; http://thecodeplayer.com/walkthrough/ripple-click-effect-google-material-design       
+            $('body').on('click', 'a.btn, button.btn, input.btn, label.btn', function (e) {
+                var element, circle, d, x, y;
+
+                element = $(this);
+
+                if (element.find(".md-click-circle").length == 0) {
+                    element.prepend("<span class='md-click-circle'></span>");
+                }
+
+                circle = element.find(".md-click-circle");
+                circle.removeClass("md-click-animate");
+
+                if (!circle.height() && !circle.width()) {
+                    d = Math.max(element.outerWidth(), element.outerHeight());
+                    circle.css({ height: d, width: d });
+                }
+
+                x = e.pageX - element.offset().left - circle.width() / 2;
+                y = e.pageY - element.offset().top - circle.height() / 2;
+
+                circle.css({ top: y + 'px', left: x + 'px' }).addClass("md-click-animate");
+            });
+        }
+
+        // Floating labels
+        var handleInput = function (el) {
+            if (el.val() != "") {
+                el.addClass('edited');
+            } else {
+                el.removeClass('edited');
+            }
+        }
+
+        $('body').on('keydown', '.form-md-floating-label > .form-control', function (e) {
+            handleInput($(this));
+        });
+        $('body').on('blur', '.form-md-floating-label > .form-control', function (e) {
+            handleInput($(this));
+        });
+    }
+
+    // Handles custom checkboxes & radios using jQuery iCheck plugin
+    var handleiCheck = function () {
+        if (!$().iCheck) {
+            return;
+        }
+
+        $('.icheck').each(function () {
+            var checkboxClass = $(this).attr('data-checkbox') ? $(this).attr('data-checkbox') : 'icheckbox_minimal-grey';
+            var radioClass = $(this).attr('data-radio') ? $(this).attr('data-radio') : 'iradio_minimal-grey';
+
+            if (checkboxClass.indexOf('_line') > -1 || radioClass.indexOf('_line') > -1) {
+                $(this).iCheck({
+                    checkboxClass: checkboxClass,
+                    radioClass: radioClass,
+                    insert: '<div class="icheck_line-icon"></div>' + $(this).attr("data-label")
+                });
+            } else {
+                $(this).iCheck({
+                    checkboxClass: checkboxClass,
+                    radioClass: radioClass
+                });
+            }
+        });
+    };
+
+    // Handles Bootstrap switches
+    var handleBootstrapSwitch = function () {
+        if (!$().bootstrapSwitch) {
+            return;
+        }
+        $('.make-switch').bootstrapSwitch();
+    };
+
+    // Handles Bootstrap confirmations
+    var handleBootstrapConfirmation = function () {
+        if (!$().confirmation) {
+            return;
+        }
+        $('[data-toggle=confirmation]').confirmation({ container: 'body', btnOkClass: 'btn-xs btn-success', btnCancelClass: 'btn-xs btn-danger' });
+    }
+
+    // Handles Bootstrap Accordions.
+    var handleAccordions = function () {
+        $('body').on('shown.bs.collapse', '.accordion.scrollable', function (e) {
+            Metronic.scrollTo($(e.target));
+        });
+    };
+
+    // Handles Bootstrap Tabs.
+    var handleTabs = function () {
+        //activate tab if tab id provided in the URL
+        if (location.hash) {
+            var tabid = location.hash.substr(1);
+            $('a[href="#' + tabid + '"]').parents('.tab-pane:hidden').each(function () {
+                var tabid = $(this).attr("id");
+                $('a[href="#' + tabid + '"]').click();
+            });
+            $('a[href="#' + tabid + '"]').click();
+        }
+
+        if ($().tabdrop) {
+            $('.tabbable-tabdrop .nav-pills, .tabbable-tabdrop .nav-tabs').tabdrop({
+                text: '<i class="fa fa-ellipsis-v"></i>&nbsp;<i class="fa fa-angle-down"></i>'
+            });
+        }
+    };
+
+    // Handles Bootstrap Modals.
+    var handleModals = function () {
+        // fix stackable modal issue: when 2 or more modals opened, closing one of modal will remove .modal-open class. 
+        $('body').on('hide.bs.modal', function () {
+            if ($('.modal:visible').size() > 1 && $('html').hasClass('modal-open') === false) {
+                $('html').addClass('modal-open');
+            } else if ($('.modal:visible').size() <= 1) {
+                $('html').removeClass('modal-open');
+            }
+        });
+
+        // fix page scrollbars issue
+        $('body').on('show.bs.modal', '.modal', function () {
+            if ($(this).hasClass("modal-scroll")) {
+                $('body').addClass("modal-open-noscroll");
+            }
+        });
+
+        // fix page scrollbars issue
+        $('body').on('hide.bs.modal', '.modal', function () {
+            $('body').removeClass("modal-open-noscroll");
+        });
+
+        // remove ajax content and remove cache on modal closed 
+        $('body').on('hidden.bs.modal', '.modal:not(.modal-cached)', function () {
+            $(this).removeData('bs.modal');
+        });
+    };
+
+    // Handles Bootstrap Tooltips.
+    var handleTooltips = function () {
+        // global tooltips
+        $('.tooltips').tooltip();
+
+        // portlet tooltips
+        $('.portlet > .portlet-title .fullscreen').tooltip({
+            container: 'body',
+            title: 'Fullscreen'
+        });
+        $('.portlet > .portlet-title > .tools > .reload').tooltip({
+            container: 'body',
+            title: 'Reload'
+        });
+        $('.portlet > .portlet-title > .tools > .remove').tooltip({
+            container: 'body',
+            title: 'Remove'
+        });
+        $('.portlet > .portlet-title > .tools > .config').tooltip({
+            container: 'body',
+            title: 'Settings'
+        });
+        $('.portlet > .portlet-title > .tools > .collapse, .portlet > .portlet-title > .tools > .expand').tooltip({
+            container: 'body',
+            title: 'Ocultar/Mostrar'
+        });
+    };
+
+    // Handles Bootstrap Dropdowns
+    var handleDropdowns = function () {
+        /*
+          Hold dropdown on click  
+        */
+        $('body').on('click', '.dropdown-menu.hold-on-click', function (e) {
+            e.stopPropagation();
+        });
+    };
+
+    var handleAlerts = function () {
+        $('body').on('click', '[data-close="alert"]', function (e) {
+            $(this).parent('.alert').hide();
+            $(this).closest('.note').hide();
+            e.preventDefault();
+        });
+
+        $('body').on('click', '[data-close="note"]', function (e) {
+            $(this).closest('.note').hide();
+            e.preventDefault();
+        });
+
+        $('body').on('click', '[data-remove="note"]', function (e) {
+            $(this).closest('.note').remove();
+            e.preventDefault();
+        });
+    };
+
+    // Handle Hower Dropdowns
+    var handleDropdownHover = function () {
+        $('[data-hover="dropdown"]').not('.hover-initialized').each(function () {
+            $(this).dropdownHover();
+            $(this).addClass('hover-initialized');
+        });
+    };
+
+    // Handles Bootstrap Popovers
+
+    // last popep popover
+    var lastPopedPopover;
+
+    var handlePopovers = function () {
+        $('.popovers').popover();
+
+        // close last displayed popover
+
+        $(document).on('click.bs.popover.data-api', function (e) {
+            if (lastPopedPopover) {
+                lastPopedPopover.popover('hide');
+            }
+        });
+    };
+
+    // Handles scrollable contents using jQuery SlimScroll plugin.
+    var handleScrollers = function () {
+        Metronic.initSlimScroll('.scroller');
+    };
+
+    // Handles Image Preview using jQuery Fancybox plugin
+    var handleFancybox = function () {
+        if (!jQuery.fancybox) {
+            return;
+        }
+
+        if ($(".fancybox-button").size() > 0) {
+            $(".fancybox-button").fancybox({
+                groupAttr: 'data-rel',
+                prevEffect: 'none',
+                nextEffect: 'none',
+                closeBtn: true,
+                helpers: {
+                    title: {
+                        type: 'inside'
+                    }
+                }
+            });
+        }
+    };
+
+    // Fix input placeholder issue for IE8 and IE9
+    var handleFixInputPlaceholderForIE = function () {
+        //fix html5 placeholder attribute for ie7 & ie8
+        if (isIE8 || isIE9) { // ie8 & ie9
+            // this is html5 placeholder fix for inputs, inputs with placeholder-no-fix class will be skipped(e.g: we need this for password fields)
+            $('input[placeholder]:not(.placeholder-no-fix), textarea[placeholder]:not(.placeholder-no-fix)').each(function () {
+                var input = $(this);
+
+                if (input.val() === '' && input.attr("placeholder") !== '') {
+                    input.addClass("placeholder").val(input.attr('placeholder'));
+                }
+
+                input.focus(function () {
+                    if (input.val() == input.attr('placeholder')) {
+                        input.val('');
+                    }
+                });
+
+                input.blur(function () {
+                    if (input.val() === '' || input.val() == input.attr('placeholder')) {
+                        input.val(input.attr('placeholder'));
+                    }
+                });
+            });
+        }
+    };
+
+    // Handle Select2 Dropdowns
+    var handleSelect2 = function () {
+        if ($().select2) {
+            $('select.select2me').select2({
+                placeholder: "Select",
+                allowClear: true
+            });
+        }
+    };
+
+    //* END:CORE HANDLERS *//
+
+    return {
+
+        //main function to initiate the theme
+        init: function () {
+            //IMPORTANT!!!: Do not modify the core handlers call order.
+
+            //Core handlers
+            handleInit(); // initialize core variables
+            handleOnResize(); // set and handle responsive    
+
+            //UI Component handlers     
+            handleMaterialDesign(); // handle material design       
+            handleUniform(); // hanfle custom radio & checkboxes
+            handleiCheck(); // handles custom icheck radio and checkboxes
+            handleBootstrapSwitch(); // handle bootstrap switch plugin
+            handleScrollers(); // handles slim scrolling contents 
+            handleFancybox(); // handle fancy box
+            handleSelect2(); // handle custom Select2 dropdowns
+            handlePortletTools(); // handles portlet action bar functionality(refresh, configure, toggle, remove)
+            handleAlerts(); //handle closabled alerts
+            handleDropdowns(); // handle dropdowns
+            handleTabs(); // handle tabs
+            handleTooltips(); // handle bootstrap tooltips
+            handlePopovers(); // handles bootstrap popovers
+            handleAccordions(); //handles accordions 
+            handleModals(); // handle modals
+            handleBootstrapConfirmation(); // handle bootstrap confirmations
+
+            // Hacks
+            handleFixInputPlaceholderForIE(); //IE8 & IE9 input placeholder issue fix
+        },
+
+        //main function to initiate core javascript after ajax complete
+        initAjax: function () {
+            handleUniform(); // handles custom radio & checkboxes     
+            handleiCheck(); // handles custom icheck radio and checkboxes
+            handleBootstrapSwitch(); // handle bootstrap switch plugin
+            handleDropdownHover(); // handles dropdown hover       
+            handleScrollers(); // handles slim scrolling contents 
+            handleSelect2(); // handle custom Select2 dropdowns
+            handleFancybox(); // handle fancy box
+            handleDropdowns(); // handle dropdowns
+            handleTooltips(); // handle bootstrap tooltips
+            handlePopovers(); // handles bootstrap popovers
+            handleAccordions(); //handles accordions 
+            handleBootstrapConfirmation(); // handle bootstrap confirmations
+        },
+
+        //init main components 
+        initComponents: function () {
+            this.initAjax();
+        },
+
+        //public function to remember last opened popover that needs to be closed on click
+        setLastPopedPopover: function (el) {
+            lastPopedPopover = el;
+        },
+
+        //public function to add callback a function which will be called on window resize
+        addResizeHandler: function (func) {
+            resizeHandlers.push(func);
+        },
+
+        //public functon to call _runresizeHandlers
+        runResizeHandlers: function () {
+            _runResizeHandlers();
+        },
+
+        // wrMetronicer function to scroll(focus) to an element
+        scrollTo: function (el, offeset) {
+            var pos = (el && el.size() > 0) ? el.offset().top : 0;
+
+            if (el) {
+                if ($('body').hasClass('page-header-fixed')) {
+                    pos = pos - $('.page-header').height();
+                }
+                pos = pos + (offeset ? offeset : -1 * el.height());
+            }
+
+            $('html,body').animate({
+                scrollTop: pos
+            }, 'slow');
+        },
+
+        initSlimScroll: function (el) {
+            $(el).each(function () {
+                if ($(this).attr("data-initialized")) {
+                    return; // exit
+                }
+
+                var height;
+
+                if ($(this).attr("data-height")) {
+                    height = $(this).attr("data-height");
+                } else {
+                    height = $(this).css('height');
+                }
+
+                $(this).slimScroll({
+                    allowPageScroll: true, // allow page scroll when the element scroll is ended
+                    size: '7px',
+                    color: ($(this).attr("data-handle-color") ? $(this).attr("data-handle-color") : '#bbb'),
+                    wrapperClass: ($(this).attr("data-wrapper-class") ? $(this).attr("data-wrapper-class") : 'slimScrollDiv'),
+                    railColor: ($(this).attr("data-rail-color") ? $(this).attr("data-rail-color") : '#eaeaea'),
+                    position: isRTL ? 'left' : 'right',
+                    height: height,
+                    alwaysVisible: ($(this).attr("data-always-visible") == "1" ? true : false),
+                    railVisible: ($(this).attr("data-rail-visible") == "1" ? true : false),
+                    disableFadeOut: true
+                });
+
+                $(this).attr("data-initialized", "1");
+            });
+        },
+
+        destroySlimScroll: function (el) {
+            $(el).each(function () {
+                if ($(this).attr("data-initialized") === "1") { // destroy existing instance before updating the height
+                    $(this).removeAttr("data-initialized");
+                    $(this).removeAttr("style");
+
+                    var attrList = {};
+
+                    // store the custom attribures so later we will reassign.
+                    if ($(this).attr("data-handle-color")) {
+                        attrList["data-handle-color"] = $(this).attr("data-handle-color");
+                    }
+                    if ($(this).attr("data-wrapper-class")) {
+                        attrList["data-wrapper-class"] = $(this).attr("data-wrapper-class");
+                    }
+                    if ($(this).attr("data-rail-color")) {
+                        attrList["data-rail-color"] = $(this).attr("data-rail-color");
+                    }
+                    if ($(this).attr("data-always-visible")) {
+                        attrList["data-always-visible"] = $(this).attr("data-always-visible");
+                    }
+                    if ($(this).attr("data-rail-visible")) {
+                        attrList["data-rail-visible"] = $(this).attr("data-rail-visible");
+                    }
+
+                    $(this).slimScroll({
+                        wrapperClass: ($(this).attr("data-wrapper-class") ? $(this).attr("data-wrapper-class") : 'slimScrollDiv'),
+                        destroy: true
+                    });
+
+                    var the = $(this);
+
+                    // reassign custom attributes
+                    $.each(attrList, function (key, value) {
+                        the.attr(key, value);
+                    });
+
+                }
+            });
+        },
+
+        // function to scroll to the top
+        scrollTop: function () {
+            Metronic.scrollTo();
+        },
+
+        // wrMetronicer function to  block element(indicate loading)
+        blockUI: function (options) {
+            options = $.extend(true, {}, options);
+            var html = '';
+            if (options.animate) {
+                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '">' + '<div class="block-spinner-bar"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>' + '</div>';
+            } else if (options.iconOnly) {
+                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif" align=""></div>';
+            } else if (options.textOnly) {
+                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><span>&nbsp;&nbsp;' + (options.message ? options.message : 'LOADING...') + '</span></div>';
+            } else {
+                html = '<div class="loading-message ' + (options.boxed ? 'loading-message-boxed' : '') + '"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif" align=""><span>&nbsp;&nbsp;' + (options.message ? options.message : 'LOADING...') + '</span></div>';
+            }
+
+            if (options.target) { // element blocking
+                var el = $(options.target);
+                if (el.height() <= ($(window).height())) {
+                    options.cenrerY = true;
+                }
+                el.block({
+                    message: html,
+                    baseZ: options.zIndex ? options.zIndex : 1000,
+                    centerY: options.cenrerY !== undefined ? options.cenrerY : false,
+                    css: {
+                        top: '10%',
+                        border: '0',
+                        padding: '0',
+                        backgroundColor: 'none'
+                    },
+                    overlayCSS: {
+                        backgroundColor: options.overlayColor ? options.overlayColor : '#555',
+                        opacity: options.boxed ? 0.05 : 0.1,
+                        cursor: 'wait'
+                    }
+                });
+            } else { // page blocking
+                $.blockUI({
+                    message: html,
+                    baseZ: options.zIndex ? options.zIndex : 1000,
+                    css: {
+                        border: '0',
+                        padding: '0',
+                        backgroundColor: 'none'
+                    },
+                    overlayCSS: {
+                        backgroundColor: options.overlayColor ? options.overlayColor : '#555',
+                        opacity: options.boxed ? 0.05 : 0.1,
+                        cursor: 'wait'
+                    }
+                });
+            }
+        },
+
+        // wrMetronicer function to  un-block element(finish loading)
+        unblockUI: function (target) {
+            if (target) {
+                $(target).unblock({
+                    onUnblock: function () {
+                        $(target).css('position', '');
+                        $(target).css('zoom', '');
+                    }
+                });
+            } else {
+                $.unblockUI();
+            }
+        },
+
+        startPageLoading: function (options) {
+            if (options && options.animate) {
+                $('.page-spinner-bar').remove();
+                $('body').append('<div class="page-spinner-bar"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div>');
+            } else {
+                $('.page-loading').remove();
+                $('body').append('<div class="page-loading"><img src="' + this.getGlobalImgPath() + 'loading-spinner-grey.gif"/>&nbsp;&nbsp;<span>' + (options && options.message ? options.message : 'Loading...') + '</span></div>');
+            }
+        },
+
+        stopPageLoading: function () {
+            $('.page-loading, .page-spinner-bar').remove();
+        },
+
+        alert: function (options) {
+
+            options = $.extend(true, {
+                container: "", // alerts parent container(by default placed after the page breadcrumbs)
+                place: "append", // "append" or "prepend" in container 
+                type: 'success', // alert's type
+                message: "", // alert's message
+                close: true, // make alert closable
+                reset: true, // close all previouse alerts first
+                focus: true, // auto scroll to the alert after shown
+                closeInSeconds: 0, // auto close after defined seconds
+                icon: "" // put icon before the message
+            }, options);
+
+            var id = Metronic.getUniqueID("Metronic_alert");
+
+            var html = '<div id="' + id + '" class="Metronic-alerts alert alert-' + options.type + ' fade in">' + (options.close ? '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>' : '') + (options.icon !== "" ? '<i class="fa-lg fa fa-' + options.icon + '"></i>  ' : '') + options.message + '</div>';
+
+            if (options.reset) {
+                $('.Metronic-alerts').remove();
+            }
+
+            if (!options.container) {
+                if ($('body').hasClass("page-container-bg-solid")) {
+                    $('.page-title').after(html);
+                } else {
+                    if ($('.page-bar').size() > 0) {
+                        $('.page-bar').after(html);
+                    } else {
+                        $('.page-breadcrumb').after(html);
+                    }
+                }
+            } else {
+                if (options.place == "append") {
+                    $(options.container).append(html);
+                } else {
+                    $(options.container).prepend(html);
+                }
+            }
+
+            if (options.focus) {
+                Metronic.scrollTo($('#' + id));
+            }
+
+            if (options.closeInSeconds > 0) {
+                setTimeout(function () {
+                    $('#' + id).remove();
+                }, options.closeInSeconds * 1000);
+            }
+
+            return id;
+        },
+
+        // initializes uniform elements
+        initUniform: function (els) {
+            if (els) {
+                $(els).each(function () {
+                    if ($(this).parents(".checker").size() === 0) {
+                        $(this).show();
+                        $(this).uniform();
+                    }
+                });
+            } else {
+                handleUniform();
+            }
+        },
+
+        //wrMetronicer function to update/sync jquery uniform checkbox & radios
+        updateUniform: function (els) {
+            $.uniform.update(els); // update the uniform checkbox & radios UI after the actual input control state changed
+        },
+
+        //public function to initialize the fancybox plugin
+        initFancybox: function () {
+            handleFancybox();
+        },
+
+        //public helper function to get actual input value(used in IE9 and IE8 due to placeholder attribute not supported)
+        getActualVal: function (el) {
+            el = $(el);
+            if (el.val() === el.attr("placeholder")) {
+                return "";
+            }
+            return el.val();
+        },
+
+        //public function to get a paremeter by name from URL
+        getURLParameter: function (paramName) {
+            var searchString = window.location.search.substring(1),
+                i, val, params = searchString.split("&");
+
+            for (i = 0; i < params.length; i++) {
+                val = params[i].split("=");
+                if (val[0] == paramName) {
+                    return unescape(val[1]);
+                }
+            }
+            return null;
+        },
+
+        // check for device touch support
+        isTouchDevice: function () {
+            try {
+                document.createEvent("TouchEvent");
+                return true;
+            } catch (e) {
+                return false;
+            }
+        },
+
+        // To get the correct viewport width based on  http://andylangton.co.uk/articles/javascript/get-viewport-size-javascript/
+        getViewPort: function () {
+            var e = window,
+                a = 'inner';
+            if (!('innerWidth' in window)) {
+                a = 'client';
+                e = document.documentElement || document.body;
+            }
+
+            return {
+                width: e[a + 'Width'],
+                height: e[a + 'Height']
+            };
+        },
+
+        getUniqueID: function (prefix) {
+            return 'prefix_' + Math.floor(Math.random() * (new Date()).getTime());
+        },
+
+        // check IE8 mode
+        isIE8: function () {
+            return isIE8;
+        },
+
+        // check IE9 mode
+        isIE9: function () {
+            return isIE9;
+        },
+
+        //check RTL mode
+        isRTL: function () {
+            return isRTL;
+        },
+
+        // check IE8 mode
+        isAngularJsApp: function () {
+            return (typeof angular == 'undefined') ? false : true;
+        },
+
+        getAssetsPath: function () {
+            return assetsPath;
+        },
+
+        setAssetsPath: function (path) {
+            assetsPath = path;
+        },
+
+        setGlobalImgPath: function (path) {
+            globalImgPath = path;
+        },
+
+        getGlobalImgPath: function () {
+            return assetsPath + globalImgPath;
+        },
+
+        setGlobalPluginsPath: function (path) {
+            globalPluginsPath = path;
+        },
+
+        getGlobalPluginsPath: function () {
+            return assetsPath + globalPluginsPath;
+        },
+
+        getGlobalCssPath: function () {
+            return assetsPath + globalCssPath;
+        },
+
+        // get layout color code by color name
+        getBrandColor: function (name) {
+            if (brandColors[name]) {
+                return brandColors[name];
+            } else {
+                return '';
+            }
+        },
+
+        getResponsiveBreakpoint: function (size) {
+            // bootstrap responsive breakpoints
+            var sizes = {
+                'xs': 480,     // extra small
+                'sm': 768,     // small
+                'md': 992,     // medium
+                'lg': 1200     // large
+            };
+
+            return sizes[size] ? sizes[size] : 0;
+        }
+    };
+
+}();

Metronic/assets/layouts/global/scripts/quick-nav.js

@@ -0,0 +1,25 @@
+var QuickNav = function () {
+
+    return {
+        init: function () {
+           	if( $('.quick-nav').length > 0 ) {
+				var stretchyNavs = $('.quick-nav');				
+				stretchyNavs.each(function(){
+					var stretchyNav = $(this),
+						stretchyNavTrigger = stretchyNav.find('.quick-nav-trigger');
+					
+					stretchyNavTrigger.on('click', function(event){
+						event.preventDefault();
+						stretchyNav.toggleClass('nav-is-visible');
+					});
+				});
+
+				$(document).on('click', function(event){
+					( !$(event.target).is('.quick-nav-trigger') && !$(event.target).is('.quick-nav-trigger span') ) && stretchyNavs.removeClass('nav-is-visible');
+				});
+			}
+        }
+    };
+}();
+
+QuickNav.init(); // init metronic core componets

Metronic/assets/layouts/global/scripts/quick-nav.min.js

@@ -0,0 +1 @@
+var QuickNav=function(){return{init:function(){if($(".quick-nav").length>0){var i=$(".quick-nav");i.each(function(){var i=$(this),n=i.find(".quick-nav-trigger");n.on("click",function(n){n.preventDefault(),i.toggleClass("nav-is-visible")})}),$(document).on("click",function(n){!$(n.target).is(".quick-nav-trigger")&&!$(n.target).is(".quick-nav-trigger span")&&i.removeClass("nav-is-visible")})}}}}();QuickNav.init();

Metronic/assets/layouts/global/scripts/quick-sidebar.js

@@ -0,0 +1,170 @@
+/**
+Core script to handle the entire theme and core functions
+**/
+var QuickSidebar = function () {
+
+    // Handles quick sidebar toggler
+    var handleQuickSidebarToggler = function () {
+        // quick sidebar toggler
+        $('.dropdown-quick-sidebar-toggler a, .page-quick-sidebar-toggler, .quick-sidebar-toggler').click(function (e) {
+            $('body').toggleClass('page-quick-sidebar-open'); 
+        });
+    };
+
+    // Handles quick sidebar chats
+    var handleQuickSidebarChat = function () {
+        var wrapper = $('.page-quick-sidebar-wrapper');
+        var wrapperChat = wrapper.find('.page-quick-sidebar-chat');
+
+        var initChatSlimScroll = function () {
+            var chatUsers = wrapper.find('.page-quick-sidebar-chat-users');
+            var chatUsersHeight;
+
+            chatUsersHeight = wrapper.height() - wrapper.find('.nav-tabs').outerHeight(true);
+
+            // chat user list 
+            App.destroySlimScroll(chatUsers);
+            chatUsers.attr("data-height", chatUsersHeight);
+            App.initSlimScroll(chatUsers);
+
+            var chatMessages = wrapperChat.find('.page-quick-sidebar-chat-user-messages');
+            var chatMessagesHeight = chatUsersHeight - wrapperChat.find('.page-quick-sidebar-chat-user-form').outerHeight(true);
+            chatMessagesHeight = chatMessagesHeight - wrapperChat.find('.page-quick-sidebar-nav').outerHeight(true);
+
+            // user chat messages 
+            App.destroySlimScroll(chatMessages);
+            chatMessages.attr("data-height", chatMessagesHeight);
+            App.initSlimScroll(chatMessages);
+        };
+
+        initChatSlimScroll();
+        App.addResizeHandler(initChatSlimScroll); // reinitialize on window resize
+
+        wrapper.find('.page-quick-sidebar-chat-users .media-list > .media').click(function () {
+            wrapperChat.addClass("page-quick-sidebar-content-item-shown");
+        });
+
+        wrapper.find('.page-quick-sidebar-chat-user .page-quick-sidebar-back-to-list').click(function () {
+            wrapperChat.removeClass("page-quick-sidebar-content-item-shown");
+        });
+
+        var handleChatMessagePost = function (e) {
+            e.preventDefault();
+
+            var chatContainer = wrapperChat.find(".page-quick-sidebar-chat-user-messages");
+            var input = wrapperChat.find('.page-quick-sidebar-chat-user-form .form-control');
+
+            var text = input.val();
+            if (text.length === 0) {
+                return;
+            }
+
+            var preparePost = function(dir, time, name, avatar, message) {
+                var tpl = '';
+                tpl += '<div class="post '+ dir +'">';
+                tpl += '<img class="avatar" alt="" src="' + Layout.getLayoutImgPath() + avatar +'.jpg"/>';
+                tpl += '<div class="message">';
+                tpl += '<span class="arrow"></span>';
+                tpl += '<a href="#" class="name">Bob Nilson</a>&nbsp;';
+                tpl += '<span class="datetime">' + time + '</span>';
+                tpl += '<span class="body">';
+                tpl += message;
+                tpl += '</span>';
+                tpl += '</div>';
+                tpl += '</div>';
+
+                return tpl;
+            };
+
+            // handle post
+            var time = new Date();
+            var message = preparePost('out', (time.getHours() + ':' + time.getMinutes()), "Bob Nilson", 'avatar3', text);
+            message = $(message);
+            chatContainer.append(message);
+
+            chatContainer.slimScroll({
+                scrollTo: '1000000px'
+            });
+
+            input.val("");
+
+            // simulate reply
+            setTimeout(function(){
+                var time = new Date();
+                var message = preparePost('in', (time.getHours() + ':' + time.getMinutes()), "Ella Wong", 'avatar2', 'Lorem ipsum doloriam nibh...');
+                message = $(message);
+                chatContainer.append(message);
+
+                chatContainer.slimScroll({
+                    scrollTo: '1000000px'
+                });
+            }, 3000);
+        };
+
+        wrapperChat.find('.page-quick-sidebar-chat-user-form .btn').click(handleChatMessagePost);
+        wrapperChat.find('.page-quick-sidebar-chat-user-form .form-control').keypress(function (e) {
+            if (e.which == 13) {
+                handleChatMessagePost(e);
+                return false;
+            }
+        });
+    };
+
+    // Handles quick sidebar tasks
+    var handleQuickSidebarAlerts = function () {
+        var wrapper = $('.page-quick-sidebar-wrapper');
+
+        var initAlertsSlimScroll = function () {
+            var alertList = wrapper.find('.page-quick-sidebar-alerts-list');
+            var alertListHeight;
+
+            alertListHeight = wrapper.height() - 80 - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
+
+            // alerts list 
+            App.destroySlimScroll(alertList);
+            alertList.attr("data-height", alertListHeight);
+            App.initSlimScroll(alertList);
+        };
+
+        initAlertsSlimScroll();
+        App.addResizeHandler(initAlertsSlimScroll); // reinitialize on window resize
+    };
+
+    // Handles quick sidebar settings
+    var handleQuickSidebarSettings = function () {
+        var wrapper = $('.page-quick-sidebar-wrapper');
+
+        var initSettingsSlimScroll = function () {
+            var settingsList = wrapper.find('.page-quick-sidebar-settings-list');
+            var settingsListHeight;
+
+            settingsListHeight = wrapper.height() - 80 - wrapper.find('.nav-justified > .nav-tabs').outerHeight();
+           
+            // alerts list 
+            App.destroySlimScroll(settingsList);
+            settingsList.attr("data-height", settingsListHeight);
+            App.initSlimScroll(settingsList);
+        };
+
+        initSettingsSlimScroll();
+        App.addResizeHandler(initSettingsSlimScroll); // reinitialize on window resize
+    };
+
+    return {
+
+        init: function () {
+            //layout handlers
+            handleQuickSidebarToggler(); // handles quick sidebar's toggler
+            handleQuickSidebarChat(); // handles quick sidebar's chats
+            handleQuickSidebarAlerts(); // handles quick sidebar's alerts
+            handleQuickSidebarSettings(); // handles quick sidebar's setting
+        }
+    };
+
+}();
+
+if (App.isAngularJsApp() === false) { 
+    jQuery(document).ready(function() {    
+       QuickSidebar.init(); // init metronic core componets
+    });
+}

Metronic/assets/layouts/global/scripts/quick-sidebar.min.js

@@ -0,0 +1 @@
+var QuickSidebar=function(){var i=function(){$(".dropdown-quick-sidebar-toggler a, .page-quick-sidebar-toggler, .quick-sidebar-toggler").click(function(i){$("body").toggleClass("page-quick-sidebar-open")})},a=function(){var i=$(".page-quick-sidebar-wrapper"),a=i.find(".page-quick-sidebar-chat"),e=function(){var e,t=i.find(".page-quick-sidebar-chat-users");e=i.height()-i.find(".nav-tabs").outerHeight(!0),App.destroySlimScroll(t),t.attr("data-height",e),App.initSlimScroll(t);var r=a.find(".page-quick-sidebar-chat-user-messages"),s=e-a.find(".page-quick-sidebar-chat-user-form").outerHeight(!0);s-=a.find(".page-quick-sidebar-nav").outerHeight(!0),App.destroySlimScroll(r),r.attr("data-height",s),App.initSlimScroll(r)};e(),App.addResizeHandler(e),i.find(".page-quick-sidebar-chat-users .media-list > .media").click(function(){a.addClass("page-quick-sidebar-content-item-shown")}),i.find(".page-quick-sidebar-chat-user .page-quick-sidebar-back-to-list").click(function(){a.removeClass("page-quick-sidebar-content-item-shown")});var t=function(i){i.preventDefault();var e=a.find(".page-quick-sidebar-chat-user-messages"),t=a.find(".page-quick-sidebar-chat-user-form .form-control"),r=t.val();if(0!==r.length){var s=function(i,a,e,t,r){var s="";return s+='<div class="post '+i+'">',s+='<img class="avatar" alt="" src="'+Layout.getLayoutImgPath()+t+'.jpg"/>',s+='<div class="message">',s+='<span class="arrow"></span>',s+='<a href="#" class="name">Bob Nilson</a>&nbsp;',s+='<span class="datetime">'+a+"</span>",s+='<span class="body">',s+=r,s+="</span>",s+="</div>",s+="</div>"},n=new Date,c=s("out",n.getHours()+":"+n.getMinutes(),"Bob Nilson","avatar3",r);c=$(c),e.append(c),e.slimScroll({scrollTo:"1000000px"}),t.val(""),setTimeout(function(){var i=new Date,a=s("in",i.getHours()+":"+i.getMinutes(),"Ella Wong","avatar2","Lorem ipsum doloriam nibh...");a=$(a),e.append(a),e.slimScroll({scrollTo:"1000000px"})},3e3)}};a.find(".page-quick-sidebar-chat-user-form .btn").click(t),a.find(".page-quick-sidebar-chat-user-form .form-control").keypress(function(i){return 13==i.which?(t(i),!1):void 0})},e=function(){var i=$(".page-quick-sidebar-wrapper"),a=function(){var a,e=i.find(".page-quick-sidebar-alerts-list");a=i.height()-80-i.find(".nav-justified > .nav-tabs").outerHeight(),App.destroySlimScroll(e),e.attr("data-height",a),App.initSlimScroll(e)};a(),App.addResizeHandler(a)},t=function(){var i=$(".page-quick-sidebar-wrapper"),a=function(){var a,e=i.find(".page-quick-sidebar-settings-list");a=i.height()-80-i.find(".nav-justified > .nav-tabs").outerHeight(),App.destroySlimScroll(e),e.attr("data-height",a),App.initSlimScroll(e)};a(),App.addResizeHandler(a)};return{init:function(){i(),a(),e(),t()}}}();App.isAngularJsApp()===!1&&jQuery(document).ready(function(){QuickSidebar.init()});

Metronic/assets/layouts/layout/css/custom.css

@@ -0,0 +1 @@
+/* here you can put your own css to customize and override the theme */

Metronic/assets/layouts/layout/css/themes/blue.css

@@ -0,0 +1,615 @@
+/* Cubic Bezier Transition */
+/*********** 
+    Page Header
+    ***********/
+/* Header search bar, toggler button & top menu */
+.page-header.navbar {
+  background-color: #2D5F8B;
+  /* Top notification menu/bar */
+  /* Header seaech box */
+  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
+  .page-header.navbar .top-menu .navbar-nav {
+    /* Extended Dropdowns */
+    /* Notification */
+    /* Inbox */
+    /* Tasks */
+    /* User */
+    /* Language */
+    /* Dark version */ }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #6BA1D1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
+      background-color: #d64635;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
+      background-color: #3979b2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
+        color: #a5c6e3; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+      background-color: #3979b2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+        color: #a5c6e3; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
+      border-color: #e7eaf0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #eaedf2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #eaedf2; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #62878f; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #f1f1f1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #e4e4e4; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+      background-color: #d64635;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+      border-color: transparent transparent transparent #d64635; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+      color: #5b9bd1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+      background-color: #dfe2e9; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+      color: #b6d0e7; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+      color: #b6d0e7; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+      width: 195px; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+      color: #b6d0e7; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+      background: #3979b2;
+      border: 0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+        border-bottom-color: #3979b2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+        background: #2f6493; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+          color: #d1e2f0; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+          color: #5496cf; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+        color: #e4eef6;
+        border-bottom: 1px solid #4689c3 !important; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+          color: #bed5ea; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+          background: #3f84c1; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+        border-bottom: 0 !important; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+        background: #4689c3; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #336c9e; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #2d5f8b; }
+  .page-header.navbar .search-form {
+    background: #28547c; }
+    .page-header.navbar .search-form:hover {
+      background: #3979b2; }
+    .page-header.navbar .search-form .input-group .form-control {
+      color: #83AAC8; }
+      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
+        color: #7fa8c6;
+        opacity: 1; }
+      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
+        color: #7fa8c6; }
+      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
+        color: #7fa8c6; }
+    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
+      color: #83AAC8; }
+    .page-header.navbar .search-form.open {
+      background: #3979b2; }
+  .page-header.navbar .menu-toggler > span,
+  .page-header.navbar .menu-toggler > span:before,
+  .page-header.navbar .menu-toggler > span:after {
+    background: #c9ddee; }
+  .page-header.navbar .menu-toggler > span:hover {
+    background: #c9ddee; }
+    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
+      background: #c9ddee; }
+  .page-header.navbar .menu-toggler.th-toggle-exit > span {
+    background-color: transparent !important; }
+
+/* Default Horizontal Menu */
+.page-header.navbar {
+  /* Default Mega Menu */
+  /* Light Mega Menu */ }
+  .page-header.navbar .hor-menu .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(57, 121, 178, 0.2); }
+      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #b6d0e7; }
+    .page-header.navbar .hor-menu .navbar-nav > li > a {
+      color: #b6d0e7; }
+      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
+        color: #90b8db; }
+    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
+    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
+      color: #c9ddee;
+      background: #3979b2 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
+        color: #a3c4e1; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
+      color: white;
+      background: #d64635 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
+        color: #90b8db; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
+      border-top: 6px solid #d64635; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(57, 121, 178, 0.2);
+      background: #3979b2; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
+        color: #b6d0e7; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+          color: #b6d0e7; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #ecf3f9;
+        background: #3f84c1; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #ecf3f9; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #ecf3f9;
+        background: #3f84c1; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #ecf3f9; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+        background-color: #4386c2; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+      color: #b6d0e7; }
+  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #666; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
+      color: #b6d0e7; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+        color: #90b8db; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+      color: #c9ddee;
+      background: #3979b2; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+        color: #a3c4e1; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+      color: #333 !important;
+      background: white !important; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+        color: #333 !important; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+      color: white;
+      background: #d64635; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+        color: #90b8db; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
+      background: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+        color: #000; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+          color: #888; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+        background-color: whitesmoke; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      border: 1px solid #f2f2f2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+      border-top: 0; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
+.page-sidebar {
+  background-color: #4276A4;
+  /* Default sidebar */
+  /* light sidebar */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+  .page-sidebar .page-sidebar-menu {
+    /* 1st level links */
+    /* All links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #4a83b6;
+      color: #C9DFF5; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu > li > a > i {
+        color: #8EB8DE; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
+        color: #a2c4e4; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
+        color: #8EB8DE; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
+    .page-sidebar .page-sidebar-menu > li.heading > h3 {
+      color: #66a4e3; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #497FAE;
+      color: #C9DFF5; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu > li.open > a > i {
+        color: #D2E6F9; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
+        color: #D2E6F9; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
+    .page-sidebar .page-sidebar-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu > li.active.open > a {
+      background: #d64635;
+      border-top-color: transparent;
+      color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
+        background: #d64635; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
+        color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
+        color: #ffffff; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
+    .page-sidebar .page-sidebar-menu > li.active + li > a {
+      border-top-color: transparent; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
+    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
+      border-top-color: #4a83b6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 1px solid transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
+      color: #8EB8DE; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
+      color: #D2E6F9; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
+      color: #ffffff; }
+    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
+    .page-sidebar .page-sidebar-menu:hover .sub-menu {
+      background-color: #4276A4; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
+      color: #C9DFF5; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
+        color: #8EB8DE; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
+        color: #a2c4e4; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
+        color: #8EB8DE; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
+      background: #397FAE !important; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
+        color: #D2E6F9;
+        color: #ddeaf5; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
+        color: #D2E6F9; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
+  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+    /* 1st level links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+      background: #3c6c95; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+      background: #38648b;
+      border-left: 4px solid #d64635;
+      color: #f1f1f1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+        border-left: 4px solid #d64635;
+        background: #3c6c95; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
+        color: #eeeeee; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
+        color: #eeeeee; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+      background: #467eaf; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+        background: #3c6c95 !important; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
+  .page-sidebar .sidebar-toggler {
+    background: #3b6992; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
+    .page-sidebar .sidebar-toggler > span,
+    .page-sidebar .sidebar-toggler > span:before,
+    .page-sidebar .sidebar-toggler > span:after {
+      background: #c9ddee; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
+    .page-sidebar .sidebar-toggler > span:hover {
+      background: #c9ddee; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
+      .page-sidebar .sidebar-toggler > span:hover:before,
+      .page-sidebar .sidebar-toggler > span:hover:after {
+        background: #c9ddee; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
+    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
+      background-color: transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
+    .page-sidebar .sidebar-toggler:hover {
+      background: #335c80; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
+  .page-sidebar .sidebar-search .input-group {
+    border-bottom: 1px solid #548bba; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
+    .page-sidebar .sidebar-search .input-group .form-control {
+      background-color: #4276A4;
+      color: #6e9cc5; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
+        color: #6e9cc5;
+        opacity: 1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
+        color: #6e9cc5; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
+        color: #6e9cc5; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
+    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
+      color: #6e9cc5; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
+    border: 1px solid #548bba; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .input-group {
+    background-color: #4276A4; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .remove > i {
+    color: #6e9cc5; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    background: none; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    border: 1px solid #3b6992;
+    background: #3b6992; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
+      background: #3b6992; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
+    border: 1px solid #4276A4;
+    background: #4276A4; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
+      background: #4276A4; }
+
+.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
+  /* 1st level links */ }
+  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+    border-left: 0;
+    border-right: 4px solid #d64635; }
+    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+      border-left: 0;
+      border-right: 4px solid #d64635; }
+
+/******
+    Page Footer 
+    ******/
+.page-footer .page-footer-inner {
+  color: #c9dae9; }
+
+.page-footer-fixed .page-footer {
+  background-color: #38648b; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  /* Sidebar menu closed */
+  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
+    box-shadow: 5px 5px rgba(73, 127, 174, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
+      box-shadow: none; }
+  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
+    box-shadow: 5px 5px rgba(73, 127, 174, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
+      box-shadow: none; }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
+      box-shadow: 5px 5px rgba(73, 127, 174, 0.2); }
+      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
+        box-shadow: none; }
+  /* Light sidebar menu */
+  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
+    padding: 0;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-top: 1px solid #4a83b6 !important; }
+  /* Fixed Sidebar */
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
+    border-bottom: 0; }
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
+    background-color: #fff; }
+    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
+      color: #333; }
+  /* Boxed Layout */
+  .page-boxed {
+    background-color: #3e6e99 !important;
+    /* Page container */
+    /* Page sidebar */
+    /* Page footer */ }
+    .page-boxed .page-container {
+      background-color: #4276A4;
+      border-left: 1px solid #4a83b6;
+      border-bottom: 1px solid #4a83b6; }
+    .page-boxed.page-sidebar-reversed .page-container {
+      border-left: 0;
+      border-right: 1px solid #4a83b6; }
+    .page-boxed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-fixed .page-sidebar {
+      border-left: 1px solid #4a83b6; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
+      border-right: 1px solid #4a83b6;
+      border-left: 0; }
+    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
+      background-color: #3e6e99 !important; }
+      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
+        color: #c9dae9; }
+  /* Sidebar Menu Wirh Hoverable Submenu */
+  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+    border-right: 8px solid #3d6a91; }
+    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+      border-left: 8px solid #3d6a91; }
+  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
+    background: #3d6a91 !important; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  /* Page sidebar */
+  .page-sidebar {
+    background-color: #305778;
+    /* light sidebar */ }
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #4276A4; }
+    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #366187; }
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 0 !important; }
+    .page-sidebar .page-sidebar-menu > li .sub-menu {
+      background-color: #305778 !important; }
+    .page-sidebar .page-sidebar-menu .sidebar-search input {
+      background-color: #305778 !important; }
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+      /* 1st level links */ }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+        background: #355e83; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+        background: #355e83; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+          background: #355e83; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+        background: #305778 !important; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+          background: #355e83 !important; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header.navbar {
+    /* Top menu */ }
+    .page-header.navbar .top-menu {
+      background-color: #4276A4; }
+      .page-header-fixed-mobile .page-header.navbar .top-menu {
+        background-color: #2D5F8B; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: #3b7cb5; }
+        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #3979b2; } }
+
+/****
+    Boby
+    ****/
+body {
+  background-color: #4276A4; }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #da594a; }

Metronic/assets/layouts/layout/css/themes/darkblue.css

@@ -0,0 +1,615 @@
+/* Cubic Bezier Transition */
+/*********** 
+    Page Header
+    ***********/
+/* Header search bar, toggler button & top menu */
+.page-header.navbar {
+  background-color: #2b3643;
+  /* Top notification menu/bar */
+  /* Header seaech box */
+  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
+  .page-header.navbar .top-menu .navbar-nav {
+    /* Extended Dropdowns */
+    /* Notification */
+    /* Inbox */
+    /* Tasks */
+    /* User */
+    /* Language */
+    /* Dark version */ }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #79869a; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
+      background-color: #36c6d3;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
+      background-color: #3f4f62; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
+        color: #a4aebb; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+      background-color: #3f4f62; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+        color: #a4aebb; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
+      border-color: #e7eaf0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #eaedf2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #eaedf2; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #62878f; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #f1f1f1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #e4e4e4; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+      background-color: #36c6d3;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+      border-color: transparent transparent transparent #36c6d3; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+      color: #5b9bd1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+      background-color: #dfe2e9; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+      color: #c6cfda; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+      color: #c6cfda; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+      width: 195px; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+      color: #c6cfda; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+      background: #3f4f62;
+      border: 0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+        border-bottom-color: #3f4f62; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+        background: #2f3b49; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+          color: #adbaca; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+          color: #5496cf; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+        color: #bcc7d4;
+        border-bottom: 1px solid #4b5e75 !important; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+          color: #9dadc0; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+          background: #47596e; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+        border-bottom: 0 !important; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+        background: #4b5e75; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #354353; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #2b3643; }
+  .page-header.navbar .search-form {
+    background: #232c37; }
+    .page-header.navbar .search-form:hover {
+      background: #3f4f62; }
+    .page-header.navbar .search-form .input-group .form-control {
+      color: #959fad; }
+      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
+        color: #929cab;
+        opacity: 1; }
+      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
+        color: #929cab; }
+      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
+        color: #929cab; }
+    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
+      color: #959fad; }
+    .page-header.navbar .search-form.open {
+      background: #3f4f62; }
+  .page-header.navbar .menu-toggler > span,
+  .page-header.navbar .menu-toggler > span:before,
+  .page-header.navbar .menu-toggler > span:after {
+    background: #a7b5c6; }
+  .page-header.navbar .menu-toggler > span:hover {
+    background: #a7b5c6; }
+    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
+      background: #a7b5c6; }
+  .page-header.navbar .menu-toggler.th-toggle-exit > span {
+    background-color: transparent !important; }
+
+/* Default Horizontal Menu */
+.page-header.navbar {
+  /* Default Mega Menu */
+  /* Light Mega Menu */ }
+  .page-header.navbar .hor-menu .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(63, 79, 98, 0.2); }
+      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #c6cfda; }
+    .page-header.navbar .hor-menu .navbar-nav > li > a {
+      color: #c6cfda; }
+      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
+        color: #788ea8; }
+    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
+    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
+      color: #d5dce4;
+      background: #3f4f62 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
+        color: #889bb2; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
+      color: white;
+      background: #36c6d3 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
+        color: #788ea8; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
+      border-top: 6px solid #36c6d3; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(63, 79, 98, 0.2);
+      background: #3f4f62; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
+        color: #c6cfda; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+          color: #c6cfda; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #f1f3f6;
+        background: #47596e; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #f1f3f6; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #f1f3f6;
+        background: #47596e; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #f1f3f6; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+        background-color: #495c72; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+      color: #c6cfda; }
+  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #666; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
+      color: #c6cfda; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+        color: #788ea8; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+      color: #d5dce4;
+      background: #3f4f62; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+        color: #889bb2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+      color: #333 !important;
+      background: white !important; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+        color: #333 !important; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+      color: white;
+      background: #36c6d3; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+        color: #788ea8; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
+      background: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+        color: #000; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+          color: #888; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+        background-color: whitesmoke; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      border: 1px solid #f2f2f2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+      border-top: 0; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
+.page-sidebar {
+  background-color: #364150;
+  /* Default sidebar */
+  /* light sidebar */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+  .page-sidebar .page-sidebar-menu {
+    /* 1st level links */
+    /* All links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #3d4957;
+      color: #b4bcc8; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu > li > a > i {
+        color: #606C7D; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
+        color: #6b788b; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
+        color: #606C7D; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
+    .page-sidebar .page-sidebar-menu > li.heading > h3 {
+      color: #708096; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #2C3542;
+      color: #b4bcc8; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu > li.open > a > i {
+        color: #606C7D; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
+        color: #606C7D; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
+    .page-sidebar .page-sidebar-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu > li.active.open > a {
+      background: #36c6d3;
+      border-top-color: transparent;
+      color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
+        background: #36c6d3; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
+        color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
+        color: #ffffff; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
+    .page-sidebar .page-sidebar-menu > li.active + li > a {
+      border-top-color: transparent; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
+    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
+      border-top-color: #3d4957; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 1px solid transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
+      color: #606C7D; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
+      color: #606C7D; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
+      color: #ffffff; }
+    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
+    .page-sidebar .page-sidebar-menu:hover .sub-menu {
+      background-color: #364150; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
+      color: #b4bcc8; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
+        color: #606C7D; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
+        color: #6b788b; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
+        color: #606C7D; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
+      background: #3e4b5c !important; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
+        color: #606C7D;
+        color: #959fae; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
+        color: #606C7D; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
+  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+    /* 1st level links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+      background: #3a4656; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+      background: #3e4b5c;
+      border-left: 4px solid #36c6d3;
+      color: #f1f1f1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+        border-left: 4px solid #36c6d3;
+        background: #3a4656; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
+        color: #eeeeee; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
+        color: #eeeeee; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+      background: #3a4656; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+        background: #3e4b5c !important; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
+  .page-sidebar .sidebar-toggler {
+    background: #2c3541; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
+    .page-sidebar .sidebar-toggler > span,
+    .page-sidebar .sidebar-toggler > span:before,
+    .page-sidebar .sidebar-toggler > span:after {
+      background: #a7b5c6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
+    .page-sidebar .sidebar-toggler > span:hover {
+      background: #a7b5c6; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
+      .page-sidebar .sidebar-toggler > span:hover:before,
+      .page-sidebar .sidebar-toggler > span:hover:after {
+        background: #a7b5c6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
+    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
+      background-color: transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
+    .page-sidebar .sidebar-toggler:hover {
+      background: #212832; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
+  .page-sidebar .sidebar-search .input-group {
+    border-bottom: 1px solid #435060; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
+    .page-sidebar .sidebar-search .input-group .form-control {
+      background-color: #364150;
+      color: #4e5d6f; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
+        color: #4e5d6f;
+        opacity: 1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
+        color: #4e5d6f; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
+        color: #4e5d6f; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
+    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
+      color: #4e5d6f; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
+    border: 1px solid #435060; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .input-group {
+    background-color: #364150; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .remove > i {
+    color: #4e5d6f; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    background: none; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    border: 1px solid #2c3541;
+    background: #2c3541; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
+      background: #2c3541; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
+    border: 1px solid #364150;
+    background: #364150; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
+      background: #364150; }
+
+.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
+  /* 1st level links */ }
+  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+    border-left: 0;
+    border-right: 4px solid #36c6d3; }
+    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+      border-left: 0;
+      border-right: 4px solid #36c6d3; }
+
+/******
+    Page Footer 
+    ******/
+.page-footer .page-footer-inner {
+  color: #98a6ba; }
+
+.page-footer-fixed .page-footer {
+  background-color: #28303b; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  /* Sidebar menu closed */
+  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
+    box-shadow: 5px 5px rgba(44, 53, 66, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
+      box-shadow: none; }
+  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
+    box-shadow: 5px 5px rgba(44, 53, 66, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
+      box-shadow: none; }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
+      box-shadow: 5px 5px rgba(44, 53, 66, 0.2); }
+      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
+        box-shadow: none; }
+  /* Light sidebar menu */
+  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
+    padding: 0;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-top: 1px solid #3d4957 !important; }
+  /* Fixed Sidebar */
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
+    border-bottom: 0; }
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
+    background-color: #fff; }
+    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
+      color: #333; }
+  /* Boxed Layout */
+  .page-boxed {
+    background-color: #303a47 !important;
+    /* Page container */
+    /* Page sidebar */
+    /* Page footer */ }
+    .page-boxed .page-container {
+      background-color: #364150;
+      border-left: 1px solid #3d4957;
+      border-bottom: 1px solid #3d4957; }
+    .page-boxed.page-sidebar-reversed .page-container {
+      border-left: 0;
+      border-right: 1px solid #3d4957; }
+    .page-boxed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-fixed .page-sidebar {
+      border-left: 1px solid #3d4957; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
+      border-right: 1px solid #3d4957;
+      border-left: 0; }
+    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
+      background-color: #303a47 !important; }
+      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
+        color: #98a6ba; }
+  /* Sidebar Menu Wirh Hoverable Submenu */
+  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+    border-right: 8px solid #323c4b; }
+    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+      border-left: 8px solid #323c4b; }
+  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
+    background: #323c4b !important; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  /* Page sidebar */
+  .page-sidebar {
+    background-color: #28303b;
+    /* light sidebar */ }
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #364150; }
+    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #2e3744; }
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 0 !important; }
+    .page-sidebar .page-sidebar-menu > li .sub-menu {
+      background-color: #28303b !important; }
+    .page-sidebar .page-sidebar-menu .sidebar-search input {
+      background-color: #28303b !important; }
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+      /* 1st level links */ }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+        background: #2e3744; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+        background: #2e3744; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+          background: #2e3744; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+        background: #28303b !important; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+          background: #2e3744 !important; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header.navbar {
+    /* Top menu */ }
+    .page-header.navbar .top-menu {
+      background-color: #364150; }
+      .page-header-fixed-mobile .page-header.navbar .top-menu {
+        background-color: #2b3643; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: #415265; }
+        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #3f4f62; } }
+
+/****
+    Boby
+    ****/
+body {
+  background-color: #364150; }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #4bccd8; }

Metronic/assets/layouts/layout/css/themes/default.css

@@ -0,0 +1,615 @@
+/* Cubic Bezier Transition */
+/*********** 
+    Page Header
+    ***********/
+/* Header search bar, toggler button & top menu */
+.page-header.navbar {
+  background-color: #1f1f1f;
+  /* Top notification menu/bar */
+  /* Header seaech box */
+  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
+  .page-header.navbar .top-menu .navbar-nav {
+    /* Extended Dropdowns */
+    /* Notification */
+    /* Inbox */
+    /* Tasks */
+    /* User */
+    /* Language */
+    /* Dark version */ }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #999999; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
+      background-color: #d64635;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
+      background-color: #393939; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
+        color: #bfbfbf; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+      background-color: #393939; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+        color: #bfbfbf; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
+      border-color: #e7eaf0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #eaedf2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #eaedf2; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #62878f; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #f1f1f1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #e4e4e4; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+      background-color: #d64635;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+      border-color: transparent transparent transparent #d64635; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+      color: #5b9bd1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+      background-color: #dfe2e9; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+      color: #c5c5c5; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+      color: #c5c5c5; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+      width: 195px; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+      color: #c5c5c5; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+      background: #393939;
+      border: 0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+        border-bottom-color: #393939; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+        background: #242424; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+          color: #a4a4a4; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+          color: #5496cf; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+        color: #b0b0b0;
+        border-bottom: 1px solid #484848 !important; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+          color: #979797; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+          background: #434343; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+        border-bottom: 0 !important; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+        background: #484848; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #2c2c2c; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #1f1f1f; }
+  .page-header.navbar .search-form {
+    background: #151515; }
+    .page-header.navbar .search-form:hover {
+      background: #393939; }
+    .page-header.navbar .search-form .input-group .form-control {
+      color: #999999; }
+      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
+        color: #969696;
+        opacity: 1; }
+      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
+        color: #969696; }
+      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
+        color: #969696; }
+    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
+      color: #999999; }
+    .page-header.navbar .search-form.open {
+      background: #393939; }
+  .page-header.navbar .menu-toggler > span,
+  .page-header.navbar .menu-toggler > span:before,
+  .page-header.navbar .menu-toggler > span:after {
+    background: #858585; }
+  .page-header.navbar .menu-toggler > span:hover {
+    background: #858585; }
+    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
+      background: #858585; }
+  .page-header.navbar .menu-toggler.th-toggle-exit > span {
+    background-color: transparent !important; }
+
+/* Default Horizontal Menu */
+.page-header.navbar {
+  /* Default Mega Menu */
+  /* Light Mega Menu */ }
+  .page-header.navbar .hor-menu .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(57, 57, 57, 0.2); }
+      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #c5c5c5; }
+    .page-header.navbar .hor-menu .navbar-nav > li > a {
+      color: #c5c5c5; }
+      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
+        color: #787878; }
+    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
+    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
+      color: #d2d2d2;
+      background: #393939 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
+        color: #858585; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
+      color: white;
+      background: #d64635 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
+        color: #787878; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
+      border-top: 6px solid #d64635; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(57, 57, 57, 0.2);
+      background: #393939; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
+        color: #b8b8b8; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+          color: #b8b8b8; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+        color: gainsboro;
+        background: #434343; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: gainsboro; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: gainsboro;
+        background: #434343; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: gainsboro; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+        background-color: #454545; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+      color: #b8b8b8; }
+  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #666; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
+      color: #c5c5c5; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+        color: #787878; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+      color: #d2d2d2;
+      background: #393939; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+        color: #858585; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+      color: #333 !important;
+      background: white !important; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+        color: #333 !important; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+      color: white;
+      background: #d64635; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+        color: #787878; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
+      background: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+        color: #000; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+          color: #888; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+        background-color: whitesmoke; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      border: 1px solid #f2f2f2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+      border-top: 0; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
+.page-sidebar {
+  background-color: #3d3d3d;
+  /* Default sidebar */
+  /* light sidebar */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+  .page-sidebar .page-sidebar-menu {
+    /* 1st level links */
+    /* All links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #484848;
+      color: #d9d9d9; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu > li > a > i {
+        color: #888888; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
+        color: #959595; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
+        color: #777777; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
+    .page-sidebar .page-sidebar-menu > li.heading > h3 {
+      color: #9e9e9e; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #303030;
+      color: #d9d9d9; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu > li.open > a > i {
+        color: #888888; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
+        color: #888888; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
+    .page-sidebar .page-sidebar-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu > li.active.open > a {
+      background: #d64635;
+      border-top-color: transparent;
+      color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
+        background: #d64635; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
+        color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
+        color: #ffffff; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
+    .page-sidebar .page-sidebar-menu > li.active + li > a {
+      border-top-color: transparent; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
+    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
+      border-top-color: #484848; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 1px solid transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
+      color: #777777; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
+      color: #888888; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
+      color: #ffffff; }
+    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
+    .page-sidebar .page-sidebar-menu:hover .sub-menu {
+      background-color: #3d3d3d; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
+      color: #bdbdbd; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
+        color: #777777; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
+        color: #959595; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
+        color: #777777; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
+      background: #474747 !important; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
+        color: #888888;
+        color: #bbbbbb; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
+        color: #888888; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
+  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+    /* 1st level links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+      background: #424242; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+      background: #474747;
+      border-left: 4px solid #d64635;
+      color: #f1f1f1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+        border-left: 4px solid #d64635;
+        background: #424242; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
+        color: #eeeeee; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
+        color: #eeeeee; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+      background: #424242; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+        background: #474747 !important; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
+  .page-sidebar .sidebar-toggler {
+    background: #303030; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
+    .page-sidebar .sidebar-toggler > span,
+    .page-sidebar .sidebar-toggler > span:before,
+    .page-sidebar .sidebar-toggler > span:after {
+      background: #858585; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
+    .page-sidebar .sidebar-toggler > span:hover {
+      background: #858585; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
+      .page-sidebar .sidebar-toggler > span:hover:before,
+      .page-sidebar .sidebar-toggler > span:hover:after {
+        background: #858585; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
+    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
+      background-color: transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
+    .page-sidebar .sidebar-toggler:hover {
+      background: #242424; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
+  .page-sidebar .sidebar-search .input-group {
+    border-bottom: 1px solid #484848; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
+    .page-sidebar .sidebar-search .input-group .form-control {
+      background-color: #3d3d3d;
+      color: #5c5c5c; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
+        color: #5c5c5c;
+        opacity: 1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
+        color: #5c5c5c; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
+        color: #5c5c5c; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
+    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
+      color: #5c5c5c; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
+    border: 1px solid #484848; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .input-group {
+    background-color: #3d3d3d; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .remove > i {
+    color: #5c5c5c; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    background: none; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    border: 1px solid #303030;
+    background: #303030; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
+      background: #303030; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
+    border: 1px solid #3d3d3d;
+    background: #3d3d3d; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
+      background: #3d3d3d; }
+
+.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
+  /* 1st level links */ }
+  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+    border-left: 0;
+    border-right: 4px solid #d64635; }
+    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+      border-left: 0;
+      border-right: 4px solid #d64635; }
+
+/******
+    Page Footer 
+    ******/
+.page-footer .page-footer-inner {
+  color: #a3a3a3; }
+
+.page-footer-fixed .page-footer {
+  background-color: #2b2b2b; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  /* Sidebar menu closed */
+  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
+    box-shadow: 5px 5px rgba(48, 48, 48, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
+      box-shadow: none; }
+  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
+    box-shadow: 5px 5px rgba(48, 48, 48, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
+      box-shadow: none; }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
+      box-shadow: 5px 5px rgba(48, 48, 48, 0.2); }
+      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
+        box-shadow: none; }
+  /* Light sidebar menu */
+  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
+    padding: 0;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-top: 1px solid #484848 !important; }
+  /* Fixed Sidebar */
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
+    border-bottom: 0; }
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
+    background-color: #fff; }
+    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
+      color: #333; }
+  /* Boxed Layout */
+  .page-boxed {
+    background-color: #353535 !important;
+    /* Page container */
+    /* Page sidebar */
+    /* Page footer */ }
+    .page-boxed .page-container {
+      background-color: #3d3d3d;
+      border-left: 1px solid #484848;
+      border-bottom: 1px solid #484848; }
+    .page-boxed.page-sidebar-reversed .page-container {
+      border-left: 0;
+      border-right: 1px solid #484848; }
+    .page-boxed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-fixed .page-sidebar {
+      border-left: 1px solid #484848; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
+      border-right: 1px solid #484848;
+      border-left: 0; }
+    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
+      background-color: #353535 !important; }
+      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
+        color: #a3a3a3; }
+  /* Sidebar Menu Wirh Hoverable Submenu */
+  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+    border-right: 8px solid #3a3a3a; }
+    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+      border-left: 8px solid #3a3a3a; }
+  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
+    background: #3a3a3a !important; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  /* Page sidebar */
+  .page-sidebar {
+    background-color: #2b2b2b;
+    /* light sidebar */ }
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #3d3d3d; }
+    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #333333; }
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 0 !important; }
+    .page-sidebar .page-sidebar-menu > li .sub-menu {
+      background-color: #2b2b2b !important; }
+    .page-sidebar .page-sidebar-menu .sidebar-search input {
+      background-color: #2b2b2b !important; }
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+      /* 1st level links */ }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+        background: #333333; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+        background: #333333; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+          background: #333333; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+        background: #2b2b2b !important; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+          background: #333333 !important; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header.navbar {
+    /* Top menu */ }
+    .page-header.navbar .top-menu {
+      background-color: #3d3d3d; }
+      .page-header-fixed-mobile .page-header.navbar .top-menu {
+        background-color: #1f1f1f; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: #3b3b3b; }
+        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #393939; } }
+
+/****
+    Boby
+    ****/
+body {
+  background-color: #3d3d3d; }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #da594a; }

Metronic/assets/layouts/layout/css/themes/grey.css

@@ -0,0 +1,632 @@
+/* Cubic Bezier Transition */
+/*********** 
+    Page Header
+    ***********/
+/* Header search bar, toggler button & top menu */
+.page-header.navbar {
+  background-color: #4f5a67;
+  /* Top notification menu/bar */
+  /* Header seaech box */
+  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
+  .page-header.navbar .top-menu .navbar-nav {
+    /* Extended Dropdowns */
+    /* Notification */
+    /* Inbox */
+    /* Tasks */
+    /* User */
+    /* Language */
+    /* Dark version */ }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #9fa7b1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
+      background-color: #31c7b2;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
+      background-color: #657384; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
+        color: #c9ced3; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+      background-color: #657384; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+        color: #c9ced3; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
+      border-color: #e7eaf0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #eaedf2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #eaedf2; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #62878f; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #f1f1f1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #e4e4e4; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+      background-color: #31c7b2;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+      border-color: transparent transparent transparent #31c7b2; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+      color: #5b9bd1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+      background-color: #dfe2e9; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+      color: #d6dae0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+      color: #d6dae0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+      width: 195px; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+      color: #d6dae0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+      background: #657384;
+      border: 0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+        border-bottom-color: #657384; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+        background: #535f6d; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+          color: #dcdfe4; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+          color: #5496cf; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+        color: #eaecef;
+        border-bottom: 1px solid #748294 !important; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+          color: #cdd2d9; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+          background: #6e7d90; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+        border-bottom: 0 !important; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+        background: #748294; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #5a6676; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #4f5a67; }
+  .page-header.navbar .search-form {
+    background: #46505c; }
+    .page-header.navbar .search-form:hover {
+      background: #657384; }
+    .page-header.navbar .search-form .input-group .form-control {
+      color: #c4c9d0; }
+      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
+        color: #c1c6ce;
+        opacity: 1; }
+      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
+        color: #c1c6ce; }
+      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
+        color: #c1c6ce; }
+    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
+      color: #c4c9d0; }
+    .page-header.navbar .search-form.open {
+      background: #657384; }
+  .page-header.navbar .menu-toggler > span,
+  .page-header.navbar .menu-toggler > span:before,
+  .page-header.navbar .menu-toggler > span:after {
+    background: #d6dae0; }
+  .page-header.navbar .menu-toggler > span:hover {
+    background: #d6dae0; }
+    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
+      background: #d6dae0; }
+  .page-header.navbar .menu-toggler.th-toggle-exit > span {
+    background-color: transparent !important; }
+
+/* Default Horizontal Menu */
+.page-header.navbar {
+  /* Default Mega Menu */
+  /* Light Mega Menu */ }
+  .page-header.navbar .hor-menu .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(101, 115, 132, 0.2); }
+      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #f3f4f6; }
+    .page-header.navbar .hor-menu .navbar-nav > li > a {
+      color: #d6dae0; }
+      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
+        color: #abb3be; }
+    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
+    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
+      color: #e4e7eb;
+      background: #657384 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
+        color: #b9c0ca; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
+      color: white;
+      background: #31c7b2 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
+        color: #abb3be; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
+      border-top: 6px solid #31c7b2; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(101, 115, 132, 0.2);
+      background: #657384; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
+        color: #d6dae0; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+          color: #d6dae0; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #fefeff;
+        background: #6e7d90; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #fefeff; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #fefeff;
+        background: #6e7d90; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #fefeff; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+        background-color: #717f92; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+      color: #d6dae0; }
+  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #666; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
+      color: #d6dae0; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+        color: #abb3be; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+      color: #e4e7eb;
+      background: #657384; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+        color: #b9c0ca; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+      color: #333 !important;
+      background: white !important; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+        color: #333 !important; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+      color: white;
+      background: #31c7b2; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+        color: #abb3be; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
+      background: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+        color: #000; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+          color: #888; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+        background-color: whitesmoke; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      border: 1px solid #f2f2f2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+      border-top: 0; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
+.page-sidebar {
+  background-color: #5e6672;
+  /* Default sidebar */
+  /* light sidebar */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+  .page-sidebar .page-sidebar-menu {
+    /* 1st level links */
+    /* All links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #697380;
+      color: #efefef; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu > li > a > i {
+        color: #aab3bb; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
+        color: #b8c0c6; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
+        color: #aab3bb; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
+    .page-sidebar .page-sidebar-menu > li.heading > h3 {
+      color: #b4b4b4; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #535f6d;
+      color: #efefef; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu > li.open > a > i {
+        color: #aab3bb; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
+        color: #aab3bb; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
+    .page-sidebar .page-sidebar-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu > li.active.open > a {
+      background: #31c7b2;
+      border-top-color: transparent;
+      color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
+        background: #31c7b2; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
+        color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
+        color: #ffffff; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
+    .page-sidebar .page-sidebar-menu > li.active + li > a {
+      border-top-color: transparent; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
+    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
+      border-top-color: #697380; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 1px solid transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
+      color: #aab3bb; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
+      color: #aab3bb; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
+      color: #ffffff; }
+    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
+    .page-sidebar .page-sidebar-menu:hover .sub-menu {
+      background-color: #5e6672; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
+      color: #eeeeee; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
+        color: #aab3bb; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
+        color: #b8c0c6; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
+        color: #aab3bb; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
+      background: #566170 !important; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
+        color: #aab3bb;
+        color: #e3e6e8; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
+        color: #aab3bb; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
+  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+    /* 1st level links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+      background: #545c67; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+      background: #4d555e;
+      border-left: 4px solid #31c7b2;
+      color: #f1f1f1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+        border-left: 4px solid #31c7b2;
+        background: #545c67; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
+        color: #eeeeee; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
+        color: #eeeeee; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+      background: #626b78; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+        background: #59616c !important; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
+  .page-sidebar .sidebar-toggler {
+    background: #525a64; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
+    .page-sidebar .sidebar-toggler > span,
+    .page-sidebar .sidebar-toggler > span:before,
+    .page-sidebar .sidebar-toggler > span:after {
+      background: #d6dae0; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
+    .page-sidebar .sidebar-toggler > span:hover {
+      background: #d6dae0; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
+      .page-sidebar .sidebar-toggler > span:hover:before,
+      .page-sidebar .sidebar-toggler > span:hover:after {
+        background: #d6dae0; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
+    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
+      background-color: transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
+    .page-sidebar .sidebar-toggler:hover {
+      background: #474d56; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
+  .page-sidebar .sidebar-search .input-group {
+    border-bottom: 1px solid #707b88; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
+    .page-sidebar .sidebar-search .input-group .form-control {
+      background-color: #5e6672;
+      color: #7d8795; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
+        color: #7d8795;
+        opacity: 1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
+        color: #7d8795; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
+        color: #7d8795; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
+    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
+      color: #7d8795; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
+    border: 1px solid #707b88; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .input-group {
+    background-color: #5e6672; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .remove > i {
+    color: #7d8795; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    background: none; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    border: 1px solid #4b525c;
+    background: #4b525c; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
+      background: #4b525c; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
+    border: 1px solid #5e6672;
+    background: #5e6672; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
+      background: #5e6672; }
+
+.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
+  /* 1st level links */ }
+  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+    border-left: 0;
+    border-right: 4px solid #31c7b2; }
+    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+      border-left: 0;
+      border-right: 4px solid #31c7b2; }
+
+/******
+    Page Footer 
+    ******/
+.page-footer .page-footer-inner {
+  color: #c9cdd3; }
+
+.page-footer-fixed .page-footer {
+  background-color: #4d555e; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  /* Sidebar menu closed */
+  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
+    box-shadow: 5px 5px rgba(83, 95, 109, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
+      box-shadow: none; }
+  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
+    box-shadow: 5px 5px rgba(83, 95, 109, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
+      box-shadow: none; }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
+      box-shadow: 5px 5px rgba(83, 95, 109, 0.2); }
+      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
+        box-shadow: none; }
+  /* Light sidebar menu */
+  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
+    padding: 0;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-top: 1px solid #697380 !important; }
+  /* Fixed Sidebar */
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
+    border-bottom: 0; }
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
+    background-color: #fff; }
+    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
+      color: #333; }
+  /* Boxed Layout */
+  .page-boxed {
+    background-color: #575f6a !important;
+    /* Page container */
+    /* Page sidebar */
+    /* Page footer */ }
+    .page-boxed .page-container {
+      background-color: #5e6672;
+      border-left: 1px solid #697380;
+      border-bottom: 1px solid #697380; }
+    .page-boxed.page-sidebar-reversed .page-container {
+      border-left: 0;
+      border-right: 1px solid #697380; }
+    .page-boxed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-fixed .page-sidebar {
+      border-left: 1px solid #697380; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
+      border-right: 1px solid #697380;
+      border-left: 0; }
+    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
+      background-color: #575f6a !important; }
+      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
+        color: #c9cdd3; }
+  /* Sidebar Menu Wirh Hoverable Submenu */
+  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+    border-right: 8px solid #5c6979; }
+    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+      border-left: 8px solid #5c6979; }
+  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
+    background: #5c6979 !important; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  /* Page sidebar */
+  .page-sidebar {
+    background-color: #474d56;
+    /* light sidebar */ }
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #5e6672; }
+    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #4d555e; }
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 0 !important; }
+    .page-sidebar .page-sidebar-menu > li .sub-menu {
+      background-color: #474d56 !important; }
+    .page-sidebar .page-sidebar-menu .sidebar-search input {
+      background-color: #474d56 !important; }
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+      /* 1st level links */ }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+        background: #4d555e; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+        background: #4d555e; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+          background: #4d555e; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+        background: #474d56 !important; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+          background: #4d555e !important; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header.navbar {
+    /* Top menu */ }
+    .page-header.navbar .top-menu {
+      background-color: #5e6672; }
+      .page-header-fixed-mobile .page-header.navbar .top-menu {
+        background-color: #4f5a67; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: #677587; }
+        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #657384; } }
+
+/****
+    Boby
+    ****/
+body {
+  background-color: #5e6672; }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #41d0bc; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+.page-sidebar .page-sidebar-menu {
+  /* Change sidebar link font weight */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
+  .page-sidebar .page-sidebar-menu li > a {
+    font-weight: 300; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
+    .page-sidebar .page-sidebar-menu li > a > i {
+      font-weight: 300; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
+  .page-sidebar .page-sidebar-menu li .sub-menu li > a {
+    font-weight: 300; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
+    .page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
+      font-weight: 300; }

Metronic/assets/layouts/layout/css/themes/light.css

@@ -0,0 +1,703 @@
+/* Cubic Bezier Transition */
+/*********** 
+    Page Header
+    ***********/
+/* Header search bar, toggler button & top menu */
+.page-header.navbar {
+  background-color: #747F8C;
+  /* Top notification menu/bar */
+  /* Header seaech box */
+  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
+  .page-header.navbar .top-menu .navbar-nav {
+    /* Extended Dropdowns */
+    /* Notification */
+    /* Inbox */
+    /* Tasks */
+    /* User */
+    /* Language */
+    /* Dark version */ }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #bbc1c8; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
+      background-color: #3FD5C0;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
+      background-color: #9099a3; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
+        color: #e5e7ea; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+      background-color: #9099a3; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+        color: #e5e7ea; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
+      border-color: #e7eaf0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #eaedf2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #eaedf2; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #62878f; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #f1f1f1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #e4e4e4; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+      background-color: #3FD5C0;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+      border-color: transparent transparent transparent #3FD5C0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+      color: #5b9bd1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+      background-color: #dfe2e9; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+      color: white; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+      color: white; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+      width: 195px; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+      color: white; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+      background: #727c89;
+      border: 0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+        border-bottom-color: #727c89; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+        background: #68727e; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+          color: #d6d9dd; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+          color: #5496cf; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+        color: #d6d9dd;
+        border-bottom: 1px solid #7a8491 !important; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+          color: #babfc6; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+          background: #77828e; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+        border-bottom: 0 !important; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+        background: #7a8491; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #6d7784; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #616b76; }
+  .page-header.navbar .search-form {
+    background: #6b7581; }
+    .page-header.navbar .search-form:hover {
+      background: #9099a3; }
+    .page-header.navbar .search-form .input-group .form-control {
+      color: #c4c9d0; }
+      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
+        color: #c1c6ce;
+        opacity: 1; }
+      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
+        color: #c1c6ce; }
+      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
+        color: #c1c6ce; }
+    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
+      color: #c4c9d0; }
+    .page-header.navbar .search-form.open {
+      background: #9099a3; }
+  .page-header.navbar .menu-toggler > span,
+  .page-header.navbar .menu-toggler > span:before,
+  .page-header.navbar .menu-toggler > span:after {
+    background: white; }
+  .page-header.navbar .menu-toggler > span:hover {
+    background: white; }
+    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
+      background: white; }
+  .page-header.navbar .menu-toggler.th-toggle-exit > span {
+    background-color: transparent !important; }
+
+/* Default Horizontal Menu */
+.page-header.navbar {
+  /* Default Mega Menu */
+  /* Light Mega Menu */ }
+  .page-header.navbar .hor-menu .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(144, 153, 163, 0.2); }
+      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: white; }
+    .page-header.navbar .hor-menu .navbar-nav > li > a {
+      color: white; }
+      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
+        color: #d6d9dd; }
+    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
+    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
+      color: white;
+      background: #9099a3 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
+        color: #e4e6e8; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
+      color: white;
+      background: #3FD5C0 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
+        color: #d6d9dd; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
+      border-top: 6px solid #3FD5C0; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(144, 153, 163, 0.2);
+      background: #9099a3; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
+        color: white; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+          color: #fafafa; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+        color: white;
+        background: #9ba3ac; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: white; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: white;
+        background: #9ba3ac; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: white; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+        background-color: #9ea6af; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+      color: #fafafa; }
+  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #666; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
+      color: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+        color: #d6d9dd; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+      color: white;
+      background: #9099a3; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+        color: #e4e6e8; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+      color: #333 !important;
+      background: white !important; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+        color: #333 !important; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+      color: white;
+      background: #3FD5C0; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+        color: #d6d9dd; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
+      background: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+        color: #000; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+          color: #888; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+        background-color: whitesmoke; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      border: 1px solid #f2f2f2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+      border-top: 0; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
+.page-sidebar {
+  background-color: #FFFFFF;
+  /* Default sidebar */
+  /* light sidebar */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+  .page-sidebar .page-sidebar-menu {
+    /* 1st level links */
+    /* All links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #F0F5F7;
+      color: #555555; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu > li > a > i {
+        color: #a6adb6; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
+        color: #7c8793; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
+        color: #a6adb6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
+    .page-sidebar .page-sidebar-menu > li.heading > h3 {
+      color: #1a1a1a; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #F1F1F1;
+      color: #555555; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu > li.open > a > i {
+        color: #aeaeae; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
+        color: #aeaeae; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
+    .page-sidebar .page-sidebar-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu > li.active.open > a {
+      background: #3FD5C0;
+      border-top-color: transparent;
+      color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
+        background: #3FD5C0; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
+        color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
+        color: #ffffff; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
+    .page-sidebar .page-sidebar-menu > li.active + li > a {
+      border-top-color: transparent; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
+    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
+      border-top-color: #F0F5F7; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 1px solid transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
+      color: #a6adb6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
+      color: #aeaeae; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
+      color: #ffffff; }
+    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
+    .page-sidebar .page-sidebar-menu:hover .sub-menu {
+      background-color: #FFFFFF; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
+      color: #555555; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
+        color: #a6adb6; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
+        color: #7c8793; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
+        color: #a6adb6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
+      background: #F1F1F1 !important; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
+        color: #aeaeae;
+        color: #7c8793; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
+        color: #aeaeae; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
+  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+    /* 1st level links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+      background: whitesmoke; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+      background: #ededed;
+      border-left: 4px solid #3FD5C0;
+      color: #666666; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+        border-left: 4px solid #3FD5C0;
+        background: whitesmoke; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
+        color: #999999; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
+        color: #999999; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+      background: white; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+        background: #ededed !important; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
+  .page-sidebar .sidebar-toggler {
+    background: #7c8793; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
+    .page-sidebar .sidebar-toggler > span,
+    .page-sidebar .sidebar-toggler > span:before,
+    .page-sidebar .sidebar-toggler > span:after {
+      background: white; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
+    .page-sidebar .sidebar-toggler > span:hover {
+      background: white; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
+      .page-sidebar .sidebar-toggler > span:hover:before,
+      .page-sidebar .sidebar-toggler > span:hover:after {
+        background: white; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
+    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
+      background-color: transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
+    .page-sidebar .sidebar-toggler:hover {
+      background: #6f7a87; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
+  .page-sidebar .sidebar-search .input-group {
+    border-bottom: 1px solid #e6eef2; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
+    .page-sidebar .sidebar-search .input-group .form-control {
+      background-color: #FFFFFF;
+      color: #B5C0C9; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
+        color: #bec8cf;
+        opacity: 1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
+        color: #bec8cf; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
+        color: #bec8cf; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
+    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
+      color: #B5C0C9; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
+    border: 1px solid #e6eef2; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .input-group {
+    background-color: #FFFFFF; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .remove > i {
+    color: #B5C0C9; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    background: none; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    border: 1px solid #f7f7f7;
+    background: #f7f7f7; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
+      background: #f7f7f7; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
+    border: 1px solid #FFFFFF;
+    background: #FFFFFF; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
+      background: #FFFFFF; }
+
+.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
+  /* 1st level links */ }
+  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+    border-left: 0;
+    border-right: 4px solid #3FD5C0; }
+    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+      border-left: 0;
+      border-right: 4px solid #3FD5C0; }
+
+/******
+    Page Footer 
+    ******/
+.page-footer .page-footer-inner {
+  color: #333333; }
+
+.page-footer-fixed .page-footer {
+  background-color: #e4e6e8; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  /* Sidebar menu closed */
+  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
+    box-shadow: 5px 5px rgba(241, 241, 241, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
+      box-shadow: none; }
+  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
+    box-shadow: 5px 5px rgba(241, 241, 241, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
+      box-shadow: none; }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
+      box-shadow: 5px 5px rgba(241, 241, 241, 0.2); }
+      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
+        box-shadow: none; }
+  /* Light sidebar menu */
+  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
+    padding: 0;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-top: 1px solid #F0F5F7 !important; }
+  /* Fixed Sidebar */
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
+    border-bottom: 0; }
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
+    background-color: #fff; }
+    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
+      color: #333; }
+  /* Boxed Layout */
+  .page-boxed {
+    background-color: #f7f7f7 !important;
+    /* Page container */
+    /* Page sidebar */
+    /* Page footer */ }
+    .page-boxed .page-container {
+      background-color: #FFFFFF;
+      border-left: 1px solid #F0F5F7;
+      border-bottom: 1px solid #F0F5F7; }
+    .page-boxed.page-sidebar-reversed .page-container {
+      border-left: 0;
+      border-right: 1px solid #F0F5F7; }
+    .page-boxed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-fixed .page-sidebar {
+      border-left: 1px solid #F0F5F7; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
+      border-right: 1px solid #F0F5F7;
+      border-left: 0; }
+    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
+      background-color: #f7f7f7 !important; }
+      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
+        color: #333333; }
+  /* Sidebar Menu Wirh Hoverable Submenu */
+  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+    border-right: 8px solid #e9e9e9; }
+    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+      border-left: 8px solid #e9e9e9; }
+  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
+    background: #e9e9e9 !important; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  /* Page sidebar */
+  .page-sidebar {
+    background-color: #fcfcfc;
+    /* light sidebar */ }
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #FFFFFF; }
+    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #d9d9d9; }
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 0 !important; }
+    .page-sidebar .page-sidebar-menu > li .sub-menu {
+      background-color: #fcfcfc !important; }
+    .page-sidebar .page-sidebar-menu .sidebar-search input {
+      background-color: #fcfcfc !important; }
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+      /* 1st level links */ }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+        background: white; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+        background: white; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+          background: white; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+        background: #fcfcfc !important; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+          background: white !important; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header.navbar {
+    /* Top menu */ }
+    .page-header.navbar .top-menu {
+      background-color: #FFFFFF; }
+      .page-header-fixed-mobile .page-header.navbar .top-menu {
+        background-color: #747F8C; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: #939ba5; }
+        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #9099a3; } }
+
+/****
+    Boby
+    ****/
+body {
+  background-color: #FFFFFF; }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #54dac7; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+.page-sidebar .page-sidebar-menu {
+  /* Adjust "selected" arrow */
+  /* Change sidebar link font weight */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
+  .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
+  .page-sidebar .page-sidebar-menu > li.active > a > .selected {
+    top: 0px;
+    right: -8px;
+    border-top: 20px double transparent;
+    border-bottom: 20px double transparent;
+    border-right: 0;
+    border-left: 8px solid #3FD5C0; }
+    .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
+    .page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed
+    .page-sidebar .page-sidebar-menu > li.active > a > .selected {
+      right: auto;
+      left: -8px;
+      border-left: 0;
+      border-right: 8px solid #3FD5C0; }
+    .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid
+    .page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid
+    .page-sidebar .page-sidebar-menu > li.active > a > .selected {
+      border-color: transparent transparent transparent #3FD5C0; }
+    .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed
+    .page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed
+    .page-sidebar .page-sidebar-menu > li.active > a > .selected {
+      border-color: transparent #3FD5C0 transparent transparent; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
+  .page-sidebar .page-sidebar-menu li > a {
+    font-weight: 400; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
+    .page-sidebar .page-sidebar-menu li > a > i {
+      font-weight: 300; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover .sub-menu, .page-sidebar-closed
+  .page-sidebar .page-sidebar-menu li:hover .sub-menu {
+    background-color: #F9F9F9; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
+  .page-sidebar .page-sidebar-menu li .sub-menu li > a {
+    font-weight: normal; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
+    .page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
+      font-weight: 300; }
+  .page-sidebar-closed:not(.page-sidebar-reversed) .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed:not(.page-sidebar-reversed)
+  .page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
+    margin-left: 16px;
+    border: 1px solid #F0F0F0;
+    border-left-color: transparent; }
+  .page-sidebar-closed.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed.page-sidebar-reversed
+  .page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
+    margin-left: -228px !important;
+    border: 1px solid #F0F0F0;
+    border-right-color: transparent; }
+
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a .selected,
+.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a .selected {
+  display: none; }
+
+.page-content {
+  border-left: 1px solid #F0F5F7;
+  border-bottom: 1px solid #F0F5F7; }
+  .page-sidebar-reversed .page-content {
+    border-right: 1px solid #F0F5F7; }
+
+@media (max-width: 991px) {
+  /* 991px */
+  .page-content {
+    border-left: 0;
+    border-bottom: 0; }
+    .page-sidebar-reversed .page-content {
+      border-right: 0; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+  .page-sidebar .page-sidebar-menu > li > a {
+    border-top: 1px solid #F0F5F7; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  body {
+    background: #98a0aa; }
+  .page-header.navbar .top-menu {
+    background-color: #98a0aa; }
+    .page-header-fixed-mobile .page-header.navbar .top-menu {
+      background-color: #747F8C; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #dde0e3; } }

Metronic/assets/layouts/layout/css/themes/light2.css

@@ -0,0 +1,637 @@
+/* Cubic Bezier Transition */
+/*********** 
+    Page Header
+    ***********/
+/* Header search bar, toggler button & top menu */
+.page-header.navbar {
+  background-color: #E1E1E1;
+  /* Top notification menu/bar */
+  /* Header seaech box */
+  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
+  .page-header.navbar .top-menu .navbar-nav {
+    /* Extended Dropdowns */
+    /* Notification */
+    /* Inbox */
+    /* Tasks */
+    /* User */
+    /* Language */
+    /* Dark version */ }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
+      color: #AAAAAA; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
+      background-color: #3FD5C0;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
+      background-color: #eeeeee; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
+        color: #d0d0d0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+      background-color: #eeeeee; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+        color: #d0d0d0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
+      border-color: #e7eaf0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #eaedf2; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #eaedf2; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #62878f; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #f1f1f1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #e4e4e4; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+      background-color: #3FD5C0;
+      color: #ffffff; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+      border-color: transparent transparent transparent #3FD5C0; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+      color: #5b9bd1; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+      background-color: #dfe2e9; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+      color: #484848; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+      color: #484848; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+      width: 195px; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+      color: #484848; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+      background: #aeaeae;
+      border: 0; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+        border-bottom-color: #aeaeae; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+        background: #888888; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+          color: #eeeeee; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+          color: #5496cf; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+        color: #fbfbfb;
+        border-bottom: 1px solid #b8b8b8 !important; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+          color: #eeeeee; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+          background: #b3b3b3; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+        border-bottom: 0 !important; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+        background: #b8b8b8; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+      background: #a6a6a6; }
+    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+      background: #9a9a9a; }
+  .page-header.navbar .search-form {
+    background: #d9d9d9; }
+    .page-header.navbar .search-form:hover {
+      background: #eeeeee; }
+    .page-header.navbar .search-form .input-group .form-control {
+      color: #888888; }
+      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
+        color: #858585;
+        opacity: 1; }
+      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
+        color: #858585; }
+      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
+        color: #858585; }
+    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
+      color: #888888; }
+    .page-header.navbar .search-form.open {
+      background: #eeeeee; }
+  .page-header.navbar .menu-toggler > span,
+  .page-header.navbar .menu-toggler > span:before,
+  .page-header.navbar .menu-toggler > span:after {
+    background: #484848; }
+  .page-header.navbar .menu-toggler > span:hover {
+    background: #484848; }
+    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
+      background: #484848; }
+  .page-header.navbar .menu-toggler.th-toggle-exit > span {
+    background-color: transparent !important; }
+
+/* Default Horizontal Menu */
+.page-header.navbar {
+  /* Default Mega Menu */
+  /* Light Mega Menu */ }
+  .page-header.navbar .hor-menu .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(136, 136, 136, 0.2); }
+      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #484848; }
+    .page-header.navbar .hor-menu .navbar-nav > li > a {
+      color: #484848; }
+      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
+        color: #888888; }
+    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
+    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
+      color: #3b3b3b;
+      background: #eeeeee !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
+        color: #959595; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
+      color: white;
+      background: #3FD5C0 !important; }
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
+        color: #888888; }
+    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
+      border-top: 6px solid #3FD5C0; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(136, 136, 136, 0.2);
+      background: #eeeeee; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
+        color: #151515; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+          color: #6c6c6c; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+        color: black;
+        background: #e4e4e4; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #484848; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: black;
+        background: #e4e4e4; }
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #484848; }
+      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+        background-color: #fbfbfb; }
+    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+      color: #6c6c6c; }
+  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
+    /* Mega menu content */
+    /* Classic menu */ }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+        color: #666; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
+      color: #484848; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+        color: #888888; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+      color: #3b3b3b;
+      background: #eeeeee; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+        color: #959595; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+      color: #333 !important;
+      background: white !important; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+        color: #333 !important; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+      color: white;
+      background: #3FD5C0; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+        color: #888888; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
+      background: white; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+        color: #000; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+          color: #888; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+        color: #000;
+        background: whitesmoke; }
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+          color: #666; }
+      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+        background-color: whitesmoke; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+      border: 1px solid #f2f2f2; }
+    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+      border-top: 0; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
+.page-sidebar {
+  background-color: #F6F6F6;
+  /* Default sidebar */
+  /* light sidebar */
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+  .page-sidebar .page-sidebar-menu {
+    /* 1st level links */
+    /* All links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #EEEEEE;
+      color: #555555; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu > li > a > i {
+        color: #AAAAAA; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
+        color: #848484; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
+        color: #AAAAAA; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
+    .page-sidebar .page-sidebar-menu > li.heading > h3 {
+      color: #1a1a1a; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #EFEFEF;
+      color: #555555; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu > li.open > a > i {
+        color: #AAAAAA; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
+        color: #AAAAAA; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
+    .page-sidebar .page-sidebar-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu > li.active.open > a {
+      background: #3FD5C0;
+      border-top-color: transparent;
+      color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
+        background: #3FD5C0; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
+        color: #ffffff; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
+        color: #ffffff; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
+    .page-sidebar .page-sidebar-menu > li.active + li > a {
+      border-top-color: transparent; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
+    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
+      border-top-color: #EEEEEE; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 1px solid transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
+      color: #AAAAAA; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
+      color: #AAAAAA; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
+    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
+      color: #ffffff; }
+    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
+    .page-sidebar .page-sidebar-menu:hover .sub-menu {
+      background-color: #F6F6F6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
+      color: #555555; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
+        color: #AAAAAA; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
+        color: #848484; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
+        color: #AAAAAA; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
+    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
+      background: #EFEFEF !important; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
+        color: #AAAAAA;
+        color: #848484; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
+        color: #AAAAAA; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
+  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+    /* 1st level links */ }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+      background: #e9e9e9; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+      background: #e4e4e4;
+      border-left: 4px solid #3FD5C0;
+      color: #666666; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+        border-left: 4px solid #3FD5C0;
+        background: #e9e9e9; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
+        color: #999999; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
+        color: #999999; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+      background: #f9f9f9; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+        background: #e9e9e9 !important; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
+  .page-sidebar .sidebar-toggler {
+    background: #dedede; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
+    .page-sidebar .sidebar-toggler > span,
+    .page-sidebar .sidebar-toggler > span:before,
+    .page-sidebar .sidebar-toggler > span:after {
+      background: #484848; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
+    .page-sidebar .sidebar-toggler > span:hover {
+      background: #484848; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
+      .page-sidebar .sidebar-toggler > span:hover:before,
+      .page-sidebar .sidebar-toggler > span:hover:after {
+        background: #484848; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
+    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
+      background-color: transparent !important; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
+    .page-sidebar .sidebar-toggler:hover {
+      background: #d2d2d2; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
+  .page-sidebar .sidebar-search .input-group {
+    border-bottom: 1px solid #e4e4e4; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
+    .page-sidebar .sidebar-search .input-group .form-control {
+      background-color: #F6F6F6;
+      color: #999999; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
+        color: #9c9c9c;
+        opacity: 1; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
+        color: #9c9c9c; }
+      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
+      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
+        color: #9c9c9c; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
+    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
+      color: #999999; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
+    border: 1px solid #e4e4e4; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .input-group {
+    background-color: #F6F6F6; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
+  .page-sidebar .sidebar-search.open .remove > i {
+    color: #999999; }
+  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    background: none; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
+    border: 1px solid #dedede;
+    background: #dedede; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
+      background: #dedede; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
+  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
+    border: 1px solid #F6F6F6;
+    background: #F6F6F6; }
+    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
+    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
+      background: #F6F6F6; }
+
+.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
+  /* 1st level links */ }
+  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+    border-left: 0;
+    border-right: 4px solid #3FD5C0; }
+    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+      border-left: 0;
+      border-right: 4px solid #3FD5C0; }
+
+/******
+    Page Footer 
+    ******/
+.page-footer .page-footer-inner {
+  color: #333333; }
+
+.page-footer-fixed .page-footer {
+  background-color: white; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  /* Sidebar menu closed */
+  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
+    box-shadow: 5px 5px rgba(239, 239, 239, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
+      box-shadow: none; }
+  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
+    box-shadow: 5px 5px rgba(239, 239, 239, 0.2); }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
+      box-shadow: none; }
+    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
+      box-shadow: 5px 5px rgba(239, 239, 239, 0.2); }
+      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
+        box-shadow: none; }
+  /* Light sidebar menu */
+  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
+    padding: 0;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    border-top: 1px solid #EEEEEE !important; }
+  /* Fixed Sidebar */
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
+    border-bottom: 0; }
+  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
+    background-color: #fff; }
+    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
+      color: #333; }
+  /* Boxed Layout */
+  .page-boxed {
+    background-color: #eeeeee !important;
+    /* Page container */
+    /* Page sidebar */
+    /* Page footer */ }
+    .page-boxed .page-container {
+      background-color: #F6F6F6;
+      border-left: 1px solid #EEEEEE;
+      border-bottom: 1px solid #EEEEEE; }
+    .page-boxed.page-sidebar-reversed .page-container {
+      border-left: 0;
+      border-right: 1px solid #EEEEEE; }
+    .page-boxed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
+      border-left: 0;
+      border-right: 0;
+      border-bottom: 0; }
+    .page-boxed.page-sidebar-fixed .page-sidebar {
+      border-left: 1px solid #EEEEEE; }
+    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
+      border-right: 1px solid #EEEEEE;
+      border-left: 0; }
+    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
+      background-color: #eeeeee !important; }
+      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
+        color: #333333; }
+  /* Sidebar Menu Wirh Hoverable Submenu */
+  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+    border-right: 8px solid #e7e7e7; }
+    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
+      border-left: 8px solid #e7e7e7; }
+  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
+    background: #e7e7e7 !important; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  /* Page sidebar */
+  .page-sidebar {
+    background-color: #dedede;
+    /* light sidebar */ }
+    .page-sidebar .page-sidebar-menu > li > a {
+      border-top: 1px solid #F6F6F6; }
+    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
+      background: #d0d0d0; }
+    .page-sidebar .page-sidebar-menu > li:last-child > a {
+      border-bottom: 0 !important; }
+    .page-sidebar .page-sidebar-menu > li .sub-menu {
+      background-color: #dedede !important; }
+    .page-sidebar .page-sidebar-menu .sidebar-search input {
+      background-color: #dedede !important; }
+    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
+      /* 1st level links */ }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
+        background: #d2d2d2; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
+        background: #cacaca; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
+          background: #cacaca; }
+      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
+        background: #dedede !important; }
+        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
+          background: #d2d2d2 !important; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header.navbar {
+    /* Top menu */ }
+    .page-header.navbar .top-menu {
+      background-color: #F6F6F6; }
+      .page-header-fixed-mobile .page-header.navbar .top-menu {
+        background-color: #E1E1E1; }
+      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: #f0f0f0; }
+        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #eeeeee; } }
+
+/****
+    Boby
+    ****/
+body {
+  background-color: #F6F6F6; }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #54dac7; }
+
+/* Page sidebar */
+.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
+.page-sidebar .page-sidebar-menu {
+  /* Sidebar search */ }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
+  .page-sidebar .page-sidebar-menu li > a {
+    font-weight: normal; }
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
+  .page-sidebar .page-sidebar-menu li .sub-menu li > a {
+    font-weight: normal; }
+
+@media (max-width: 991px) {
+  /* 991px */
+  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
+  .page-sidebar .page-sidebar-menu > li > a {
+    border-top: 1px solid #EEEEEE; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  body {
+    background: #F6F6F6; } }

Metronic/assets/layouts/layout/scripts/demo.js

@@ -0,0 +1,292 @@
+/**
+Demo script to handle the theme demo
+**/
+var Demo = function() {
+
+    // Handle Theme Settings
+    var handleTheme = function() {
+
+        var panel = $('.theme-panel');
+
+        if ($('body').hasClass('page-boxed') === false) {
+            $('.layout-option', panel).val("fluid");
+        }
+
+        $('.sidebar-option', panel).val("default");
+        $('.page-header-option', panel).val("fixed");
+        $('.page-footer-option', panel).val("default");
+        if ($('.sidebar-pos-option').attr("disabled") === false) {
+            $('.sidebar-pos-option', panel).val(App.isRTL() ? 'right' : 'left');
+        }
+
+        //handle theme layout
+        var resetLayout = function() {
+            $("body").
+            removeClass("page-boxed").
+            removeClass("page-footer-fixed").
+            removeClass("page-sidebar-fixed").
+            removeClass("page-header-fixed").
+            removeClass("page-sidebar-reversed");
+
+            $('.page-header > .page-header-inner').removeClass("container");
+
+            if ($('.page-container').parent(".container").size() === 1) {
+                $('.page-container').insertAfter('body > .clearfix');
+            }
+
+            if ($('.page-footer > .container').size() === 1) {
+                $('.page-footer').html($('.page-footer > .container').html());
+            } else if ($('.page-footer').parent(".container").size() === 1) {
+                $('.page-footer').insertAfter('.page-container');
+                $('.scroll-to-top').insertAfter('.page-footer');
+            }
+
+             $(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
+
+            $('body > .container').remove();
+        };
+
+        var lastSelectedLayout = '';
+
+        var setLayout = function() {
+
+            var layoutOption = $('.layout-option', panel).val();
+            var sidebarOption = $('.sidebar-option', panel).val();
+            var headerOption = $('.page-header-option', panel).val();
+            var footerOption = $('.page-footer-option', panel).val();
+            var sidebarPosOption = $('.sidebar-pos-option', panel).val();
+            var sidebarStyleOption = $('.sidebar-style-option', panel).val();
+            var sidebarMenuOption = $('.sidebar-menu-option', panel).val();
+            var headerTopDropdownStyle = $('.page-header-top-dropdown-style-option', panel).val();
+
+            if (sidebarOption == "fixed" && headerOption == "default") {
+                alert('Default Header with Fixed Sidebar option is not supported. Proceed with Fixed Header with Fixed Sidebar.');
+                $('.page-header-option', panel).val("fixed");
+                $('.sidebar-option', panel).val("fixed");
+                sidebarOption = 'fixed';
+                headerOption = 'fixed';
+            }
+
+            resetLayout(); // reset layout to default state
+
+            if (layoutOption === "boxed") {
+                $("body").addClass("page-boxed");
+
+                // set header
+                $('.page-header > .page-header-inner').addClass("container");
+                var cont = $('body > .page-wrapper > .clearfix').after('<div class="container"></div>');
+
+                // set content
+                $('.page-container').appendTo('body > .page-wrapper > .container');
+
+                // set footer
+                if (footerOption === 'fixed') {
+                    $('.page-footer').html('<div class="container">' + $('.page-footer').html() + '</div>');
+                } else {
+                    $('.page-footer').appendTo('body > .page-wrapper > .container');
+                }
+            }
+
+            if (lastSelectedLayout != layoutOption) {
+                //layout changed, run responsive handler: 
+                App.runResizeHandlers();
+            }
+            lastSelectedLayout = layoutOption;
+
+            //header
+            if (headerOption === 'fixed') {
+                $("body").addClass("page-header-fixed");
+                $(".page-header").removeClass("navbar-static-top").addClass("navbar-fixed-top");
+            } else {
+                $("body").removeClass("page-header-fixed");
+                $(".page-header").removeClass("navbar-fixed-top").addClass("navbar-static-top");
+            }
+
+            //sidebar
+            if ($('body').hasClass('page-full-width') === false) {
+                if (sidebarOption === 'fixed') {
+                    $("body").addClass("page-sidebar-fixed");
+                    $("page-sidebar-menu").addClass("page-sidebar-menu-fixed");
+                    $("page-sidebar-menu").removeClass("page-sidebar-menu-default");
+                    Layout.initFixedSidebarHoverEffect();
+                } else {
+                    $("body").removeClass("page-sidebar-fixed");
+                    $("page-sidebar-menu").addClass("page-sidebar-menu-default");
+                    $("page-sidebar-menu").removeClass("page-sidebar-menu-fixed");
+                    $('.page-sidebar-menu').unbind('mouseenter').unbind('mouseleave');
+                }
+            }
+
+            // top dropdown style
+            if (headerTopDropdownStyle === 'dark') {
+                $(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark");
+            } else {
+                $(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
+            }
+
+            //footer 
+            if (footerOption === 'fixed') {
+                $("body").addClass("page-footer-fixed");
+            } else {
+                $("body").removeClass("page-footer-fixed");
+            }
+
+            //sidebar style
+            if (sidebarStyleOption === 'light') {
+                $(".page-sidebar-menu").addClass("page-sidebar-menu-light");
+            } else {
+                $(".page-sidebar-menu").removeClass("page-sidebar-menu-light");
+            }
+
+            //sidebar menu 
+            if (sidebarMenuOption === 'hover') {
+                if (sidebarOption == 'fixed') {
+                    $('.sidebar-menu-option', panel).val("accordion");
+                    alert("Hover Sidebar Menu is not compatible with Fixed Sidebar Mode. Select Default Sidebar Mode Instead.");
+                } else {
+                    $(".page-sidebar-menu").addClass("page-sidebar-menu-hover-submenu");
+                }
+            } else {
+                $(".page-sidebar-menu").removeClass("page-sidebar-menu-hover-submenu");
+            }
+
+            //sidebar position
+            if (App.isRTL()) {
+                if (sidebarPosOption === 'left') {
+                    $("body").addClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'right'
+                    });
+                } else {
+                    $("body").removeClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'left'
+                    });
+                }
+            } else {
+                if (sidebarPosOption === 'right') {
+                    $("body").addClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'left'
+                    });
+                } else {
+                    $("body").removeClass("page-sidebar-reversed");
+                    $('#frontend-link').tooltip('destroy').tooltip({
+                        placement: 'right'
+                    });
+                }
+            }
+
+            Layout.fixContentHeight(); // fix content height            
+            Layout.initFixedSidebar(); // reinitialize fixed sidebar
+        };
+
+        // handle theme colors
+        var setColor = function(color) {
+            var color_ = (App.isRTL() ? color + '-rtl' : color);
+            $('#style_color').attr("href", Layout.getLayoutCssPath() + 'themes/' + color_ + ".min.css");
+            if (color == 'light2') {
+                $('.page-logo img').attr('src', Layout.getLayoutImgPath() + 'logo-invert.png');
+            } else {
+                $('.page-logo img').attr('src', Layout.getLayoutImgPath() + 'logo.png');
+            }
+        };
+
+        $('.toggler', panel).click(function() {
+            $('.toggler').hide();
+            $('.toggler-close').show();
+            $('.theme-panel > .theme-options').show();
+        });
+
+        $('.toggler-close', panel).click(function() {
+            $('.toggler').show();
+            $('.toggler-close').hide();
+            $('.theme-panel > .theme-options').hide();
+        });
+
+        $('.theme-colors > ul > li', panel).click(function() {
+            var color = $(this).attr("data-style");
+            setColor(color);
+            $('ul > li', panel).removeClass("current");
+            $(this).addClass("current");
+        });
+
+        // set default theme options:
+
+        if ($("body").hasClass("page-boxed")) {
+            $('.layout-option', panel).val("boxed");
+        }
+
+        if ($("body").hasClass("page-sidebar-fixed")) {
+            $('.sidebar-option', panel).val("fixed");
+        }
+
+        if ($("body").hasClass("page-header-fixed")) {
+            $('.page-header-option', panel).val("fixed");
+        }
+
+        if ($("body").hasClass("page-footer-fixed")) {
+            $('.page-footer-option', panel).val("fixed");
+        }
+
+        if ($("body").hasClass("page-sidebar-reversed")) {
+            $('.sidebar-pos-option', panel).val("right");
+        }
+
+        if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-light")) {
+            $('.sidebar-style-option', panel).val("light");
+        }
+
+        if ($(".page-sidebar-menu").hasClass("page-sidebar-menu-hover-submenu")) {
+            $('.sidebar-menu-option', panel).val("hover");
+        }
+
+        var sidebarOption = $('.sidebar-option', panel).val();
+        var headerOption = $('.page-header-option', panel).val();
+        var footerOption = $('.page-footer-option', panel).val();
+        var sidebarPosOption = $('.sidebar-pos-option', panel).val();
+        var sidebarStyleOption = $('.sidebar-style-option', panel).val();
+        var sidebarMenuOption = $('.sidebar-menu-option', panel).val();
+
+        $('.layout-option, .page-header-option, .page-header-top-dropdown-style-option, .sidebar-option, .page-footer-option, .sidebar-pos-option, .sidebar-style-option, .sidebar-menu-option', panel).change(setLayout);
+    };
+
+    // handle theme style
+    var setThemeStyle = function(style) {
+        var file = (style === 'rounded' ? 'components-rounded' : 'components');
+        file = (App.isRTL() ? file + '-rtl' : file);
+
+        $('#style_components').attr("href", App.getGlobalCssPath() + file + ".min.css");
+
+        if (typeof Cookies !== "undefined") {
+            Cookies.set('layout-style-option', style);
+        }
+    };
+
+    return {
+
+        //main function to initiate the theme
+        init: function() {
+            // handles style customer tool
+            handleTheme(); 
+            
+            // handle layout style change
+            $('.theme-panel .layout-style-option').change(function() {
+                 setThemeStyle($(this).val());
+            });
+
+            // set layout style from cookie
+            if (typeof Cookies !== "undefined" && Cookies.get('layout-style-option') === 'rounded') {
+                setThemeStyle(Cookies.get('layout-style-option'));
+                $('.theme-panel .layout-style-option').val(Cookies.get('layout-style-option'));
+            }            
+        }
+    };
+
+}();
+
+if (App.isAngularJsApp() === false) {
+    jQuery(document).ready(function() {    
+       Demo.init(); // init metronic core componets
+    });
+}

Metronic/assets/layouts/layout/scripts/layout.js

@@ -0,0 +1,679 @@
+/**
+Core script to handle the entire theme and core functions
+**/
+var Layout = function () {
+
+    var layoutImgPath = 'layouts/layout/img/';  
+
+    var layoutCssPath = 'layouts/layout/css/';
+
+    var resBreakpointMd = App.getResponsiveBreakpoint('md');
+
+    var ajaxContentSuccessCallbacks = [];
+    var ajaxContentErrorCallbacks = [];
+
+    //* BEGIN:CORE HANDLERS *//
+    // this function handles responsive layout on screen size resize or mobile device rotate.
+
+    // Set proper height for sidebar and content. The content and sidebar height must be synced always.
+    var handleSidebarAndContentHeight = function () {
+        var content = $('.page-content');
+        var sidebar = $('.page-sidebar');
+        var body = $('body');
+        var height;
+
+        if (body.hasClass("page-footer-fixed") === true && body.hasClass("page-sidebar-fixed") === false) {
+            var available_height = App.getViewPort().height - $('.page-footer').outerHeight() - $('.page-header').outerHeight();
+            var sidebar_height = sidebar.outerHeight();
+            if (sidebar_height > available_height) {
+                available_height = sidebar_height + $('.page-footer').outerHeight();
+            }
+            if (content.height() < available_height) {
+                content.css('min-height', available_height);
+            }
+        } else {
+            if (body.hasClass('page-sidebar-fixed')) {
+                height = _calculateFixedSidebarViewportHeight();
+                if (body.hasClass('page-footer-fixed') === false) {
+                    height = height - $('.page-footer').outerHeight();
+                }
+            } else {
+                var headerHeight = $('.page-header').outerHeight();
+                var footerHeight = $('.page-footer').outerHeight();
+
+                if (App.getViewPort().width < resBreakpointMd) {
+                    height = App.getViewPort().height - headerHeight - footerHeight;
+                } else {
+                    height = sidebar.height() + 20;
+                }
+
+                if ((height + headerHeight + footerHeight) <= App.getViewPort().height) {
+                    height = App.getViewPort().height - headerHeight - footerHeight;
+                }
+            }
+            content.css('min-height', height);
+        }
+    };
+
+    // Handle sidebar menu links
+    var handleSidebarMenuActiveLink = function (mode, el, $state) {
+        var url = location.hash.toLowerCase();
+        var menu = $('.page-sidebar-menu');
+ 
+        if (mode === 'click' || mode === 'set') {
+            el = $(el);
+        } else if (mode === 'match') {
+            menu.find('li > a').each(function () {
+                var state = $(this).attr('ui-sref');
+                if ($state && state) {
+                    if ($state.is(state)) {
+                        el = $(this);
+                        return;
+                    }
+                } else {
+                    var path = $(this).attr('href');
+                    if (path) {
+                        // url match condition         
+                        path = path.toLowerCase();
+                        if (path.length > 1 && url.substr(1, path.length - 1) == path.substr(1)) {
+                            el = $(this);
+                            return;
+                        }
+                    }
+                }
+            });
+        }
+ 
+        if (!el || el.size() == 0) {
+            return;
+        }
+ 
+        if (el.attr('href') == 'javascript:;' ||
+            el.attr('ui-sref') == 'javascript:;' ||
+            el.attr('href') == '#' ||
+            el.attr('ui-sref') == '#'
+            ) {
+            return;
+        }
+ 
+        var slideSpeed = parseInt(menu.data('slide-speed'));
+        var keepExpand = menu.data('keep-expanded');
+ 
+        // begin: handle active state
+        if (menu.hasClass('page-sidebar-menu-hover-submenu') === false) {
+            menu.find('li.nav-item.open').each(function () {
+                var match = false;
+                $(this).find('li').each(function () {
+                    var state = $(this).attr('ui-sref');
+                    if ($state && state) {
+                        if ($state.is(state)) {
+                            match = true;
+                            return;
+                        }
+                    } else if ($(this).find(' > a').attr('href') === el.attr('href')) {
+                        match = true;
+                        return;
+                    }
+                });
+ 
+                if (match === true) {
+                    return;
+                }
+ 
+                $(this).removeClass('open');
+                $(this).find('> a > .arrow.open').removeClass('open');
+                $(this).find('> .sub-menu').slideUp();
+            });
+        } else {
+            menu.find('li.open').removeClass('open');
+        }
+ 
+        menu.find('li.active').removeClass('active');
+        menu.find('li > a > .selected').remove();
+        // end: handle active state
+ 
+        el.parents('li').each(function () {
+            $(this).addClass('active');
+            $(this).find('> a > span.arrow').addClass('open');
+ 
+            if ($(this).parent('ul.page-sidebar-menu').size() === 1) {
+                $(this).find('> a').append('<span class="selected"></span>');
+            }
+ 
+            if ($(this).children('ul.sub-menu').size() === 1) {
+                $(this).addClass('open');
+            }
+        });
+ 
+        if (mode === 'click') {
+            if (App.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass('in')) { // close the menu on mobile view while laoding a page 
+                $('.page-header .responsive-toggler').click();
+            }
+        }
+    };
+
+    // Handle sidebar menu
+    var handleSidebarMenu = function () {
+        // offcanvas mobile menu 
+        $('.page-sidebar-mobile-offcanvas .responsive-toggler').click(function(e) {
+            $('body').toggleClass('page-sidebar-mobile-offcanvas-open');
+            e.preventDefault();
+            e.stopPropagation();
+        });
+
+        if ($('body').hasClass('page-sidebar-mobile-offcanvas')) {
+            $(document).on('click', function(e) {
+                if ($('body').hasClass('page-sidebar-mobile-offcanvas-open')) {
+                    if ($(e.target).closest('.page-sidebar-mobile-offcanvas .responsive-toggler').length === 0 && 
+                        $(e.target).closest('.page-sidebar-wrapper').length === 0) { 
+                        $('body').removeClass('page-sidebar-mobile-offcanvas-open');
+                        e.preventDefault();
+                        e.stopPropagation();
+                    }
+                }                
+            });
+        }
+
+        // handle sidebar link click
+        $('.page-sidebar-menu').on('click', 'li > a.nav-toggle, li > a > span.nav-toggle', function (e) {
+            var that = $(this).closest('.nav-item').children('.nav-link');
+
+            if (App.getViewPort().width >= resBreakpointMd && !$('.page-sidebar-menu').attr("data-initialized") && $('body').hasClass('page-sidebar-closed') &&  that.parent('li').parent('.page-sidebar-menu').size() === 1) {
+                return;
+            }
+
+            var hasSubMenu = that.next().hasClass('sub-menu');
+
+            if (App.getViewPort().width >= resBreakpointMd && that.parents('.page-sidebar-menu-hover-submenu').size() === 1) { // exit of hover sidebar menu
+                return;
+            }
+
+            if (hasSubMenu === false) {
+                if (App.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                    $('.page-header .responsive-toggler').click();
+                }
+                return;
+            }
+
+            var parent =that.parent().parent();
+            var the = that;
+            var menu = $('.page-sidebar-menu');
+            var sub = that.next();
+
+            var autoScroll = menu.data("auto-scroll");
+            var slideSpeed = parseInt(menu.data("slide-speed"));
+            var keepExpand = menu.data("keep-expanded");
+            
+            if (!keepExpand) {
+                parent.children('li.open').children('a').children('.arrow').removeClass('open');
+                parent.children('li.open').children('.sub-menu:not(.always-open)').slideUp(slideSpeed);
+                parent.children('li.open').removeClass('open');
+            }
+
+            var slideOffeset = -200;
+
+            if (sub.is(":visible")) {
+                $('.arrow', the).removeClass("open");
+                the.parent().removeClass("open");
+                sub.slideUp(slideSpeed, function () {
+                    if (autoScroll === true && $('body').hasClass('page-sidebar-closed') === false) {
+                        if ($('body').hasClass('page-sidebar-fixed')) {
+                            menu.slimScroll({
+                                'scrollTo': (the.position()).top
+                            });
+                        } else {
+                            App.scrollTo(the, slideOffeset);
+                        }
+                    }
+                    handleSidebarAndContentHeight();
+                });
+            } else if (hasSubMenu) {
+                $('.arrow', the).addClass("open");
+                the.parent().addClass("open");
+                sub.slideDown(slideSpeed, function () {
+                    if (autoScroll === true && $('body').hasClass('page-sidebar-closed') === false) {
+                        if ($('body').hasClass('page-sidebar-fixed')) {
+                            menu.slimScroll({
+                                'scrollTo': (the.position()).top
+                            });
+                        } else {
+                            App.scrollTo(the, slideOffeset);
+                        }
+                    }
+                    handleSidebarAndContentHeight();
+                });
+            }
+
+            e.preventDefault();
+        });
+
+        // handle menu close for angularjs version
+        if (App.isAngularJsApp()) {
+            $(".page-sidebar-menu li > a").on("click", function(e) {
+                if (App.getViewPort().width < resBreakpointMd && $(this).next().hasClass('sub-menu') === false) {
+                    $('.page-header .responsive-toggler').click();
+                }
+            });
+        }
+
+        // handle ajax links within sidebar menu
+        $('.page-sidebar').on('click', ' li > a.ajaxify', function (e) {
+            e.preventDefault();
+            App.scrollTop();
+            var url = $(this).attr("href");
+            var menuContainer = $('.page-sidebar ul');
+
+            menuContainer.children('li.active').removeClass('active');
+            menuContainer.children('arrow.open').removeClass('open');
+
+            $(this).parents('li').each(function () {
+                $(this).addClass('active');
+                $(this).children('a > span.arrow').addClass('open');
+            });
+            $(this).parents('li').addClass('active');
+
+            if (App.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                $('.page-header .responsive-toggler').click();
+            }
+
+            Layout.loadAjaxContent(url, $(this));
+        });
+
+        // handle ajax link within main content
+        $('.page-content').on('click', '.ajaxify', function (e) {
+            e.preventDefault();
+            App.scrollTop();
+
+            var url = $(this).attr("href");
+
+            if (App.getViewPort().width < resBreakpointMd && $('.page-sidebar').hasClass("in")) { // close the menu on mobile view while laoding a page 
+                $('.page-header .responsive-toggler').click();
+            }
+
+            Layout.loadAjaxContent(url);
+        });
+
+        // handle scrolling to top on responsive menu toggler click when header is fixed for mobile view
+        $(document).on('click', '.page-header-fixed-mobile .page-header .responsive-toggler', function(){
+            App.scrollTop(); 
+        });      
+     
+        // handle sidebar hover effect        
+        handleFixedSidebarHoverEffect();
+
+        // handle the search bar close
+        $('.page-sidebar').on('click', '.sidebar-search .remove', function (e) {
+            e.preventDefault();
+            $('.sidebar-search').removeClass("open");
+        });
+
+        // handle the search query submit on enter press
+        $('.page-sidebar .sidebar-search').on('keypress', 'input.form-control', function (e) {
+            if (e.which == 13) {
+                $('.sidebar-search').submit();
+                return false; //<---- Add this line
+            }
+        });
+
+        // handle the search submit(for sidebar search and responsive mode of the header search)
+        $('.sidebar-search .submit').on('click', function (e) {
+            e.preventDefault();
+            if ($('body').hasClass("page-sidebar-closed")) {
+                if ($('.sidebar-search').hasClass('open') === false) {
+                    if ($('.page-sidebar-fixed').size() === 1) {
+                        $('.page-sidebar .sidebar-toggler').click(); //trigger sidebar toggle button
+                    }
+                    $('.sidebar-search').addClass("open");
+                } else {
+                    $('.sidebar-search').submit();
+                }
+            } else {
+                $('.sidebar-search').submit();
+            }
+        });
+
+        // handle close on body click
+        if ($('.sidebar-search').size() !== 0) {
+            $('.sidebar-search .input-group').on('click', function(e){
+                e.stopPropagation();
+            });
+
+            $('body').on('click', function() {
+                if ($('.sidebar-search').hasClass('open')) {
+                    $('.sidebar-search').removeClass("open");
+                }
+            });
+        }
+    };
+
+    // Helper function to calculate sidebar height for fixed sidebar layout.
+    var _calculateFixedSidebarViewportHeight = function () {
+        var sidebarHeight = App.getViewPort().height - $('.page-header').outerHeight(true);
+        if ($('body').hasClass("page-footer-fixed")) {
+            sidebarHeight = sidebarHeight - $('.page-footer').outerHeight();
+        }
+
+        return sidebarHeight;
+    };
+
+    // Handles fixed sidebar
+    var handleFixedSidebar = function () {
+        var menu = $('.page-sidebar-menu');
+
+        handleSidebarAndContentHeight();
+
+        if ($('.page-sidebar-fixed').size() === 0) {
+            App.destroySlimScroll(menu);
+            return;
+        }
+
+        if (App.getViewPort().width >= resBreakpointMd && !$('body').hasClass('page-sidebar-menu-not-fixed')) {
+            menu.attr("data-height", _calculateFixedSidebarViewportHeight());
+            App.destroySlimScroll(menu);
+            App.initSlimScroll(menu);
+            handleSidebarAndContentHeight();
+        } 
+    };
+
+    // Handles sidebar toggler to close/hide the sidebar.
+    var handleFixedSidebarHoverEffect = function () {
+        if ($('body').hasClass('page-sidebar-fixed')) {
+            $('.page-sidebar').on('mouseenter', function () {
+                if ($('body').hasClass('page-sidebar-closed')) {
+                    $(this).find('.page-sidebar-menu').removeClass('page-sidebar-menu-closed');
+                }
+            }).on('mouseleave', function () {
+                if ($('body').hasClass('page-sidebar-closed')) {
+                    $(this).find('.page-sidebar-menu').addClass('page-sidebar-menu-closed');
+                }
+            });
+        }
+    };
+
+    // Hanles sidebar toggler
+    var handleSidebarToggler = function () {       
+        /**
+        if (Cookies && Cookies.get('sidebar_closed') === '1' && App.getViewPort().width >= resBreakpointMd) {
+            $('body').addClass('page-sidebar-closed');
+            $('.page-sidebar-menu').addClass('page-sidebar-menu-closed');
+        }
+        */
+
+        // handle sidebar show/hide
+        $('body').on('click', '.sidebar-toggler', function (e) {
+            var body = $('body');
+            var sidebar = $('.page-sidebar');
+            var sidebarMenu = $('.page-sidebar-menu');
+            $(".sidebar-search", sidebar).removeClass("open");
+
+            if (body.hasClass("page-sidebar-closed")) {
+                body.removeClass("page-sidebar-closed");
+                sidebarMenu.removeClass("page-sidebar-menu-closed");
+                if (Cookies) {
+                    Cookies.set('sidebar_closed', '0');
+                }
+            } else {
+                body.addClass("page-sidebar-closed");
+                sidebarMenu.addClass("page-sidebar-menu-closed");
+                if (body.hasClass("page-sidebar-fixed")) {
+                    sidebarMenu.trigger("mouseleave");
+                }
+                if (Cookies) {
+                    Cookies.set('sidebar_closed', '1');
+                }
+            }
+
+            $(window).trigger('resize');
+        });
+    };
+
+    // Handles the horizontal menu
+    var handleHorizontalMenu = function () {
+        //handle tab click
+        $('.page-header').on('click', '.hor-menu a[data-toggle="tab"]', function (e) {
+            e.preventDefault();
+            var nav = $(".hor-menu .nav");
+            var active_link = nav.find('li.current');
+            $('li.active', active_link).removeClass("active");
+            $('.selected', active_link).remove();
+            var new_link = $(this).parents('li').last();
+            new_link.addClass("current");
+            new_link.find("a:first").append('<span class="selected"></span>');
+        });
+
+        // handle search box expand/collapse        
+        $('.page-header').on('click', '.search-form', function (e) {
+            $(this).addClass("open");
+            $(this).find('.form-control').focus();
+
+            $('.page-header .search-form .form-control').on('blur', function (e) {
+                $(this).closest('.search-form').removeClass("open");
+                $(this).unbind("blur");
+            });
+        });
+
+        // handle hor menu search form on enter press
+        $('.page-header').on('keypress', '.hor-menu .search-form .form-control', function (e) {
+            if (e.which == 13) {
+                $(this).closest('.search-form').submit();
+                return false;
+            }
+        });
+
+        // handle header search button click
+        $('.page-header').on('mousedown', '.search-form.open .submit', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            $(this).closest('.search-form').submit();
+        });
+
+        
+        $(document).on('click', '.mega-menu-dropdown .dropdown-menu', function (e) {
+            e.stopPropagation();
+        });
+    };
+
+    // Handles Bootstrap Tabs.
+    var handleTabs = function () {
+        // fix content height on tab click
+        $('body').on('shown.bs.tab', 'a[data-toggle="tab"]', function () {
+            handleSidebarAndContentHeight();
+        });
+    };
+
+    // Handles the go to top button at the footer
+    var handleGoTop = function () {
+        var offset = 300;
+        var duration = 500;
+
+        if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) {  // ios supported
+            $(window).bind("touchend touchcancel touchleave", function(e){
+               if ($(this).scrollTop() > offset) {
+                    $('.scroll-to-top').fadeIn(duration);
+                } else {
+                    $('.scroll-to-top').fadeOut(duration);
+                }
+            });
+        } else {  // general 
+            $(window).scroll(function() {
+                if ($(this).scrollTop() > offset) {
+                    $('.scroll-to-top').fadeIn(duration);
+                } else {
+                    $('.scroll-to-top').fadeOut(duration);
+                }
+            });
+        }
+        
+        $('.scroll-to-top').click(function(e) {
+            e.preventDefault();
+            $('html, body').animate({scrollTop: 0}, duration);
+            return false;
+        });
+    };
+
+    // Hanlde 100% height elements(block, portlet, etc)
+    var handle100HeightContent = function () {
+
+        $('.full-height-content').each(function(){
+            var target = $(this);
+            var height;
+
+            height = App.getViewPort().height -
+                $('.page-header').outerHeight(true) -
+                $('.page-footer').outerHeight(true) -
+                $('.page-title').outerHeight(true) -
+                $('.page-bar').outerHeight(true);
+
+            if (target.hasClass('portlet')) {
+                var portletBody = target.find('.portlet-body');
+
+                App.destroySlimScroll(portletBody.find('.full-height-content-body')); // destroy slimscroll 
+                
+                height = height -
+                    target.find('.portlet-title').outerHeight(true) -
+                    parseInt(target.find('.portlet-body').css('padding-top')) -
+                    parseInt(target.find('.portlet-body').css('padding-bottom')) - 5;
+
+                if (App.getViewPort().width >= resBreakpointMd && target.hasClass("full-height-content-scrollable")) {
+                    height = height - 35;
+                    portletBody.find('.full-height-content-body').css('height', height);
+                    App.initSlimScroll(portletBody.find('.full-height-content-body'));
+                } else {
+                    portletBody.css('min-height', height);
+                }
+            } else {
+               App.destroySlimScroll(target.find('.full-height-content-body')); // destroy slimscroll 
+
+                if (App.getViewPort().width >= resBreakpointMd && target.hasClass("full-height-content-scrollable")) {
+                    height = height - 35;
+                    target.find('.full-height-content-body').css('height', height);
+                    App.initSlimScroll(target.find('.full-height-content-body'));
+                } else {
+                    target.css('min-height', height);
+                }
+            }
+        });        
+    };
+    //* END:CORE HANDLERS *//
+
+    return {
+        // Main init methods to initialize the layout
+        //IMPORTANT!!!: Do not modify the core handlers call order.
+
+        initHeader: function() {
+            handleHorizontalMenu(); // handles horizontal menu    
+        },
+
+        setSidebarMenuActiveLink: function(mode, el) {
+            handleSidebarMenuActiveLink(mode, el, null);
+        },
+
+        setAngularJsSidebarMenuActiveLink: function(mode, el, $state) {
+            handleSidebarMenuActiveLink(mode, el, $state);
+        },
+
+        initSidebar: function($state) {
+            //layout handlers
+            handleFixedSidebar(); // handles fixed sidebar menu
+            handleSidebarMenu(); // handles main menu
+            handleSidebarToggler(); // handles sidebar hide/show
+
+            if (App.isAngularJsApp()) {      
+                handleSidebarMenuActiveLink('match', null, $state); // init sidebar active links 
+            }
+
+            App.addResizeHandler(handleFixedSidebar); // reinitialize fixed sidebar on window resize
+        },
+
+        initContent: function() {
+            handle100HeightContent(); // handles 100% height elements(block, portlet, etc)
+            handleTabs(); // handle bootstrah tabs
+
+            App.addResizeHandler(handleSidebarAndContentHeight); // recalculate sidebar & content height on window resize
+            App.addResizeHandler(handle100HeightContent); // reinitialize content height on window resize 
+        },
+
+        initFooter: function() {
+            handleGoTop(); //handles scroll to top functionality in the footer
+        },
+
+        init: function () {            
+            this.initHeader();
+            this.initSidebar(null);
+            this.initContent();
+            this.initFooter();
+        },
+
+        loadAjaxContent: function(url, sidebarMenuLink) {
+            var pageContent = $('.page-content .page-content-body');    
+
+            App.startPageLoading({animate: true});
+            
+            $.ajax({
+                type: "GET",
+                cache: false,
+                url: url,
+                dataType: "html",
+                success: function (res) {    
+                    App.stopPageLoading();
+                    pageContent.html(res);
+
+                    for (var i = 0; i < ajaxContentSuccessCallbacks.length; i++) {
+                        ajaxContentSuccessCallbacks[i].call(res);
+                    }
+
+                    if (sidebarMenuLink.size() > 0 && sidebarMenuLink.parents('li.open').size() === 0) {
+                        $('.page-sidebar-menu > li.open > a').click();
+                    }
+                    
+                    Layout.fixContentHeight(); // fix content height
+                    App.initAjax(); // initialize core stuff
+                },
+                error: function (res, ajaxOptions, thrownError) {
+                    App.stopPageLoading();
+                    pageContent.html('<h4>Could not load the requested content.</h4>');
+
+                    for (var i = 0; i < ajaxContentErrorCallbacks.length; i++) {
+                        ajaxContentErrorCallbacks[i].call(res);
+                    }                    
+                }
+            });
+        },
+
+        addAjaxContentSuccessCallback: function(callback) {
+            ajaxContentSuccessCallbacks.push(callback);
+        },
+
+        addAjaxContentErrorCallback: function(callback) {
+            ajaxContentErrorCallbacks.push(callback);
+        },
+
+        //public function to fix the sidebar and content height accordingly
+        fixContentHeight: function () {
+            handleSidebarAndContentHeight();
+        },
+
+        initFixedSidebarHoverEffect: function() {
+            handleFixedSidebarHoverEffect();
+        },
+
+        initFixedSidebar: function() {
+            handleFixedSidebar();
+        },
+
+        getLayoutImgPath: function () {
+            return App.getAssetsPath() + layoutImgPath;
+        },
+
+        getLayoutCssPath: function () {
+            return App.getAssetsPath() + layoutCssPath;
+        }
+    };
+
+}();
+
+if (App.isAngularJsApp() === false) {
+    jQuery(document).ready(function() {    
+       Layout.init(); // init metronic core componets
+    });
+}

Metronic/assets/layouts/layout3/css/jquery.datetimepicker.css

@@ -0,0 +1,568 @@
+.xdsoft_datetimepicker {
+	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
+	background: #fff;
+	border-bottom: 1px solid #bbb;
+	border-left: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-top: 1px solid #ccc;
+	color: #333;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	padding: 8px;
+	padding-left: 0;
+	padding-top: 2px;
+	position: absolute;
+	z-index: 9999;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	display: none;
+}
+.xdsoft_datetimepicker.xdsoft_rtl {
+	padding: 8px 0 8px 8px;
+}
+
+.xdsoft_datetimepicker iframe {
+	position: absolute;
+	left: 0;
+	top: 0;
+	width: 75px;
+	height: 210px;
+	background: transparent;
+	border: none;
+}
+
+/*For IE8 or lower*/
+.xdsoft_datetimepicker button {
+	border: none !important;
+}
+
+.xdsoft_noselect {
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+
+.xdsoft_noselect::selection { background: transparent }
+.xdsoft_noselect::-moz-selection { background: transparent }
+
+.xdsoft_datetimepicker.xdsoft_inline {
+	display: inline-block;
+	position: static;
+	box-shadow: none;
+}
+
+.xdsoft_datetimepicker * {
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
+	display: none;
+}
+
+.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
+	display: block;
+}
+
+.xdsoft_datetimepicker .xdsoft_datepicker {
+	width: 224px;
+	float: left;
+	margin-left: 8px;
+}
+.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
+	float: right;
+	margin-right: 8px;
+	margin-left: 0;
+}
+
+.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
+	width: 256px;
+}
+
+.xdsoft_datetimepicker .xdsoft_timepicker {
+	width: 58px;
+	float: left;
+	text-align: center;
+	margin-left: 8px;
+	margin-top: 0;
+}
+.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
+	float: right;
+	margin-right: 8px;
+	margin-left: 0;
+}
+
+.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
+	margin-top: 8px;
+	margin-bottom: 3px
+}
+
+.xdsoft_datetimepicker .xdsoft_monthpicker {
+	position: relative;
+	text-align: center;
+}
+
+.xdsoft_datetimepicker .xdsoft_label i,
+.xdsoft_datetimepicker .xdsoft_prev,
+.xdsoft_datetimepicker .xdsoft_next,
+.xdsoft_datetimepicker .xdsoft_today_button {
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
+}
+
+.xdsoft_datetimepicker .xdsoft_label i {
+	opacity: 0.5;
+	background-position: -92px -19px;
+	display: inline-block;
+	width: 9px;
+	height: 20px;
+	vertical-align: middle;
+}
+
+.xdsoft_datetimepicker .xdsoft_prev {
+	float: left;
+	background-position: -20px 0;
+}
+.xdsoft_datetimepicker .xdsoft_today_button {
+	float: left;
+	background-position: -70px 0;
+	margin-left: 5px;
+}
+
+.xdsoft_datetimepicker .xdsoft_next {
+	float: right;
+	background-position: 0 0;
+}
+
+.xdsoft_datetimepicker .xdsoft_next,
+.xdsoft_datetimepicker .xdsoft_prev ,
+.xdsoft_datetimepicker .xdsoft_today_button {
+	background-color: transparent;
+	background-repeat: no-repeat;
+	border: 0 none;
+	cursor: pointer;
+	display: block;
+	height: 30px;
+	opacity: 0.5;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	outline: medium none;
+	overflow: hidden;
+	padding: 0;
+	position: relative;
+	text-indent: 100%;
+	white-space: nowrap;
+	width: 20px;
+	min-width: 0;
+}
+
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
+	float: none;
+	background-position: -40px -15px;
+	height: 15px;
+	width: 30px;
+	display: block;
+	margin-left: 14px;
+	margin-top: 7px;
+}
+.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
+.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
+	float: none;
+	margin-left: 0;
+	margin-right: 14px;
+}
+
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
+	background-position: -40px 0;
+	margin-bottom: 7px;
+	margin-top: 0;
+}
+
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
+	height: 151px;
+	overflow: hidden;
+	border-bottom: 1px solid #ddd;
+}
+
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
+	background: #f5f5f5;
+	border-top: 1px solid #ddd;
+	color: #666;
+	font-size: 12px;
+	text-align: center;
+	border-collapse: collapse;
+	cursor: pointer;
+	border-bottom-width: 0;
+	height: 25px;
+	line-height: 25px;
+}
+
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
+	border-top-width: 0;
+}
+
+.xdsoft_datetimepicker .xdsoft_today_button:hover,
+.xdsoft_datetimepicker .xdsoft_next:hover,
+.xdsoft_datetimepicker .xdsoft_prev:hover {
+	opacity: 1;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+}
+
+.xdsoft_datetimepicker .xdsoft_label {
+	display: inline;
+	position: relative;
+	z-index: 9999;
+	margin: 0;
+	padding: 5px 3px;
+	font-size: 14px;
+	line-height: 20px;
+	font-weight: bold;
+	background-color: #fff;
+	float: left;
+	width: 182px;
+	text-align: center;
+	cursor: pointer;
+}
+
+.xdsoft_datetimepicker .xdsoft_label:hover>span {
+	text-decoration: underline;
+}
+
+.xdsoft_datetimepicker .xdsoft_label:hover i {
+	opacity: 1.0;
+}
+
+.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
+	border: 1px solid #ccc;
+	position: absolute;
+	right: 0;
+	top: 30px;
+	z-index: 101;
+	display: none;
+	background: #fff;
+	max-height: 160px;
+	overflow-y: hidden;
+}
+
+.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
+.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
+.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
+	color: #fff;
+	background: #ff8000;
+}
+
+.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
+	padding: 2px 10px 2px 5px;
+	text-decoration: none !important;
+}
+
+.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
+	background: #33aaff;
+	box-shadow: #178fe5 0 1px 3px 0 inset;
+	color: #fff;
+	font-weight: 700;
+}
+
+.xdsoft_datetimepicker .xdsoft_month {
+	width: 100px;
+	text-align: right;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar {
+	clear: both;
+}
+
+.xdsoft_datetimepicker .xdsoft_year{
+	width: 48px;
+	margin-left: 5px;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar table {
+	border-collapse: collapse;
+	width: 100%;
+
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td > div {
+	padding-right: 5px;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar th {
+	height: 25px;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
+	width: 14.2857142%;
+	background: #f5f5f5;
+	border: 1px solid #ddd;
+	color: #666;
+	font-size: 12px;
+	text-align: right;
+	vertical-align: middle;
+	padding: 0;
+	border-collapse: collapse;
+	cursor: pointer;
+	height: 25px;
+}
+.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
+	width: 12.5%;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar th {
+	background: #f1f1f1;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
+	color: #33aaff;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
+	background: #ffe9d2;
+	box-shadow: #ffb871 0 1px 4px 0 inset;
+	color: #000;
+}
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
+	background: #c1ffc9;
+	box-shadow: #00dd1c 0 1px 4px 0 inset;
+	color: #000;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
+	background: #33aaff;
+	box-shadow: #178fe5 0 1px 3px 0 inset;
+	color: #fff;
+	font-weight: 700;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
+.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
+	opacity: 0.5;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	cursor: default;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
+	opacity: 0.2;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td:hover,
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
+	color: #fff !important;
+	background: #ff8000 !important;
+	box-shadow: none !important;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
+	background: #33aaff !important;
+	box-shadow: #178fe5 0 1px 3px 0 inset !important;
+	color: #fff !important;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
+.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
+	color: inherit	!important;
+	background: inherit !important;
+	box-shadow: inherit !important;
+}
+
+.xdsoft_datetimepicker .xdsoft_calendar th {
+	font-weight: 700;
+	text-align: center;
+	color: #999;
+	cursor: default;
+}
+
+.xdsoft_datetimepicker .xdsoft_copyright {
+	color: #ccc !important;
+	font-size: 10px;
+	clear: both;
+	float: none;
+	margin-left: 8px;
+}
+
+.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
+.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }
+
+.xdsoft_time_box {
+	position: relative;
+	border: 1px solid #ccc;
+}
+.xdsoft_scrollbar >.xdsoft_scroller {
+	background: #ccc !important;
+	height: 20px;
+	border-radius: 3px;
+}
+.xdsoft_scrollbar {
+	position: absolute;
+	width: 7px;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	cursor: pointer;
+}
+.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
+	left: 0;
+	right: auto;
+}
+.xdsoft_scroller_box {
+	position: relative;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark {
+	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
+	background: #000;
+	border-bottom: 1px solid #444;
+	border-left: 1px solid #333;
+	border-right: 1px solid #333;
+	border-top: 1px solid #333;
+	color: #ccc;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
+	border-bottom: 1px solid #222;
+}
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
+	background: #0a0a0a;
+	border-top: 1px solid #222;
+	color: #999;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
+	background-color: #000;
+}
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
+	border: 1px solid #333;
+	background: #000;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
+	color: #000;
+	background: #007fff;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
+	background: #cc5500;
+	box-shadow: #b03e00 0 1px 3px 0 inset;
+	color: #000;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
+	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
+	background: #0a0a0a;
+	border: 1px solid #222;
+	color: #999;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
+	background: #0e0e0e;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
+	color: #cc5500;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
+	background: #ffe9d2;
+	box-shadow: #ffb871 0 1px 4px 0 inset;
+	color:#000;
+}
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
+	background: #c1ffc9;
+	box-shadow: #00dd1c 0 1px 4px 0 inset;
+	color:#000;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
+	background: #cc5500;
+	box-shadow: #b03e00 0 1px 3px 0 inset;
+	color: #000;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
+	color: #000 !important;
+	background: #007fff !important;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
+	color: #666;
+}
+
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
+.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }
+
+.xdsoft_dark .xdsoft_time_box {
+	border: 1px solid #333;
+}
+
+.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
+	background: #333 !important;
+}
+.xdsoft_datetimepicker .xdsoft_save_selected {
+    display: block;
+    border: 1px solid #dddddd !important;
+    margin-top: 5px;
+    width: 100%;
+    color: #454551;
+    font-size: 13px;
+}
+.xdsoft_datetimepicker .blue-gradient-button {
+	font-family: "museo-sans", "Book Antiqua", sans-serif;
+	font-size: 12px;
+	font-weight: 300;
+	color: #82878c;
+	height: 28px;
+	position: relative;
+	padding: 4px 17px 4px 33px;
+	border: 1px solid #d7d8da;
+	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
+	/* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
+	/* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
+	/* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
+	/* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
+	/* IE10+ */
+	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
+	/* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
+/* IE6-9 */
+}
+.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
+  color: #454551;
+  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
+  /* IE6-9 */
+}

Metronic/assets/layouts/layout3/css/themes/blue-hoki.css

@@ -0,0 +1,484 @@
+/* Cubic Bezier Transition */
+/****
+Boby
+****/
+body {
+  background-color: #fff; }
+  body.page-md {
+    background: white; }
+
+/******
+General 
+******/
+/* Theme Font Color */
+.theme-font {
+  color: #67809F !important; }
+
+/* Pace - Page Progress */
+.pace .pace-progress {
+  background: #67809F; }
+
+/* Theme Light Portlet */
+.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
+  border-color: #bbc2ce; }
+  .portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
+    font-size: 13px;
+    color: #a6b0bf; }
+  .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
+    color: #fff;
+    background: #67809F;
+    border-color: #67809F; }
+    .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
+      color: #fff; }
+
+/******
+Page Header 
+******/
+.page-header {
+  background-color: #fff;
+  /* Page Header Top */
+  /* Page Header Menu */ }
+  .page-header .page-header-top {
+    /* Top menu */ }
+    .page-header .page-header-top.fixed {
+      background: #fff !important;
+      box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
+    .page-header .page-header-top .top-menu .navbar-nav {
+      /* Top Links */
+      /* Separator */
+      /* Extended Dropdowns */
+      /* Notification */
+      /* Inbox */
+      /* Tasks */
+      /* User */
+      /* Language */
+      /* Dark version */ }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
+        border-left: 1px solid #E3E8EC; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
+        color: #C1CCD1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
+        background-color: #fff; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
+          color: #a4b4bb; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
+        background-color: #f36a5a;
+        color: #ffffff; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+        background-color: #fff; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+          color: #a4b4bb; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
+        border-left: 1px solid #E3E8EC; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #f7f8fa; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #f7f8fa; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #6f949c; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #222222; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+        background: #f1f1f1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+        background: #e4e4e4; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+        background-color: #67809F;
+        color: #ffffff; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+        border-color: transparent transparent transparent #67809F; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+        color: #5b9bd1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+        background-color: #dfe2e9; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+        width: 195px; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
+        color: #7089a2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
+        color: #7089a2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+        background: #2e343b;
+        border: 0; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+          border-bottom-color: #2e343b; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+          background: #272c33; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+            color: #a2abb7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+            color: #5496cf; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+          color: #aaafb7;
+          border-bottom: 1px solid #3b434c !important; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+            color: #6FA7D7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+            background: #373e47; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+          border-bottom: 0 !important; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+          background: #3b434c; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+        background: #23272d; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+        background: #181b1e; }
+  .page-header .page-header-menu {
+    background: #444d58;
+    /* Default Mega Menu */
+    /* Light Mega Menu */
+    /* Header seaech box */ }
+    .page-header .page-header-menu.fixed {
+      box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
+    .page-header .page-header-menu .hor-menu .navbar-nav {
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+          color: #ced5de; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
+        color: #BCC2CB; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
+        color: #ffffff;
+        background: #55616f !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
+          color: #ffffff; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
+        color: #f1f1f1;
+        background: #4E5966; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
+        background: #55616f; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
+          color: #ced5de; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+          color: #ced5de;
+          background: #5d6b7a; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+          color: #ced5de;
+          background: #5d6b7a; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+          background-color: #606d7d; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+        color: #6fa7d7; }
+    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+          color: #555; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
+        color: #BCC2CB; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+        color: #ffffff;
+        background: #55616f; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+          color: #ffffff; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+        color: #333 !important;
+        background: #fafafc !important; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+          color: #333 !important; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+        color: #f1f1f1;
+        background: #4E5966; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
+        background: #fafafc; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+          color: #000; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+          color: #000;
+          background: #eaeaf2; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+          color: #000;
+          background: #eaeaf2; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+          background-color: #ededf4; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+        border: 1px solid #eaeaf2;
+        border-top: 0; }
+    .page-header .page-header-menu .search-form {
+      background: #38414c; }
+      .page-header .page-header-menu .search-form .input-group {
+        background: #38414c; }
+        .page-header .page-header-menu .search-form .input-group .form-control {
+          color: #616d7d;
+          background: #38414c; }
+          .page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
+            color: #5f6a7a;
+            opacity: 1; }
+          .page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
+            color: #5f6a7a; }
+          .page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
+            color: #5f6a7a; }
+        .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
+          color: #616d7d; }
+
+/******
+Page Footer 
+******/
+.page-prefooter {
+  background: #48525e;
+  color: #a2abb7; }
+  .page-prefooter h2 {
+    color: #67809F; }
+  .page-prefooter a {
+    color: #67809F; }
+  .page-prefooter .subscribe-form .form-control {
+    background: #343b44;
+    border-color: #343b44;
+    color: #a2abb7; }
+    .page-prefooter .subscribe-form .form-control::-moz-placeholder {
+      color: #939eac;
+      opacity: 1; }
+    .page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
+      color: #939eac; }
+    .page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
+      color: #939eac; }
+  .page-prefooter .subscribe-form .btn {
+    color: #fff;
+    background-color: #7088a5;
+    border-color: #7088a5; }
+    .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
+      color: #fff;
+      background-color: #586e8b;
+      border-color: #3a495c; }
+    .page-prefooter .subscribe-form .btn:hover {
+      color: #fff;
+      background-color: #586e8b;
+      border-color: #546984; }
+    .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
+    .open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
+      color: #fff;
+      background-color: #586e8b;
+      border-color: #546984; }
+      .page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
+        color: #fff;
+        background-color: #4a5d75;
+        border-color: #3a495c; }
+    .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
+    .open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
+      background-image: none; }
+    .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
+      background-color: #7088a5;
+      border-color: #7088a5; }
+    .page-prefooter .subscribe-form .btn .badge {
+      color: #7088a5;
+      background-color: #fff; }
+
+.page-footer {
+  background: #3b434c;
+  color: #a2abb7; }
+
+/* Scroll Top */
+.scroll-to-top > i {
+  color: #657383;
+  font-size: 32px;
+  opacity: 0.7 ;
+  filter: alpha(opacity=70) ; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  .page-header {
+    /* Page Header Menu */ }
+    .page-header .page-header-menu.fixed {
+      width: 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9995; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  .page-header .page-header-menu {
+    background: #eff3f8;
+    /* Horizontal mega menu */ }
+    .page-header .page-header-menu .hor-menu .navbar-nav {
+      background: #fff !important;
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: none; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
+          border-right: none !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+            color: #72808a; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li {
+        border-bottom: 1px solid #F0F0F0; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
+          border-bottom: 0; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
+          background: none !important;
+          color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
+            color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
+            background: none !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
+          background: none !important;
+          color: #67809F !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
+            color: #67809F !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
+          color: #fff !important;
+          background: #67809F !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
+            color: #fff !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
+          border: 0 !important;
+          border-top: 1px solid #eee;
+          box-shadow: none !important;
+          background: #fff !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+            border-bottom: 1px solid #F0F0F0; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
+            margin-top: 1px; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
+            color: #666 !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+              color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+            background: none !important;
+            color: #67809F !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+              color: #67809F !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+            color: #fff !important;
+            background: #67809F !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+              color: #fff !important; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
+        color: #fff !important; }
+    .page-header .page-header-menu .hor-menu .nav {
+      border: 0 !important;
+      margin: 0 !important; }
+      .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
+      .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
+        border: 0 !important;
+        margin: 0 !important;
+        color: #fff !important;
+        background: #778da9 !important; }
+        .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
+        .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
+          color: #fff !important; }
+  .page-header .search-form {
+    background: #fff !important; }
+    .page-header .search-form .input-group {
+      background: #fff !important; }
+      .page-header .search-form .input-group .form-control {
+        background: #fff !important; }
+      .page-header .search-form .input-group .input-group-btn .btn.submit {
+        background: #67809F; }
+        .page-header .search-form .input-group .input-group-btn .btn.submit i {
+          color: #fff !important; }
+        .page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
+          background: #566c88; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header {
+    /* Top menu */ }
+    .page-header .top-menu {
+      background-color: #fff; }
+      .page-header-fixed-mobile .page-header .top-menu {
+        background-color: #fff; }
+      .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: white; }
+        .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #fff; } }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #778da9; }

Metronic/assets/layouts/layout3/css/themes/blue-steel.css

@@ -0,0 +1,484 @@
+/* Cubic Bezier Transition */
+/****
+Boby
+****/
+body {
+  background-color: #fff; }
+  body.page-md {
+    background: white; }
+
+/******
+General 
+******/
+/* Theme Font Color */
+.theme-font {
+  color: #4B77BE !important; }
+
+/* Pace - Page Progress */
+.pace .pace-progress {
+  background: #4B77BE; }
+
+/* Theme Light Portlet */
+.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
+  border-color: #bbc2ce; }
+  .portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
+    font-size: 13px;
+    color: #a6b0bf; }
+  .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
+    color: #fff;
+    background: #4B77BE;
+    border-color: #4B77BE; }
+    .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
+      color: #fff; }
+
+/******
+Page Header 
+******/
+.page-header {
+  background-color: #fff;
+  /* Page Header Top */
+  /* Page Header Menu */ }
+  .page-header .page-header-top {
+    /* Top menu */ }
+    .page-header .page-header-top.fixed {
+      background: #fff !important;
+      box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
+    .page-header .page-header-top .top-menu .navbar-nav {
+      /* Top Links */
+      /* Separator */
+      /* Extended Dropdowns */
+      /* Notification */
+      /* Inbox */
+      /* Tasks */
+      /* User */
+      /* Language */
+      /* Dark version */ }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
+        border-left: 1px solid #E3E8EC; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
+        color: #C1CCD1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
+        background-color: #fff; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
+          color: #a4b4bb; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
+        background-color: #f36a5a;
+        color: #ffffff; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+        background-color: #fff; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+          color: #a4b4bb; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
+        border-left: 1px solid #E3E8EC; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #f7f8fa; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #f7f8fa; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #6f949c; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #222222; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+        background: #f1f1f1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+        background: #e4e4e4; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+        background-color: #4B77BE;
+        color: #ffffff; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+        border-color: transparent transparent transparent #4B77BE; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+        color: #5b9bd1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+        background-color: #dfe2e9; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+        width: 195px; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
+        color: #7089a2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
+        color: #7089a2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+        background: #2e343b;
+        border: 0; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+          border-bottom-color: #2e343b; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+          background: #272c33; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+            color: #a2abb7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+            color: #5496cf; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+          color: #aaafb7;
+          border-bottom: 1px solid #3b434c !important; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+            color: #6FA7D7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+            background: #373e47; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+          border-bottom: 0 !important; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+          background: #3b434c; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+        background: #23272d; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+        background: #181b1e; }
+  .page-header .page-header-menu {
+    background: #444d58;
+    /* Default Mega Menu */
+    /* Light Mega Menu */
+    /* Header seaech box */ }
+    .page-header .page-header-menu.fixed {
+      box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
+    .page-header .page-header-menu .hor-menu .navbar-nav {
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+          color: #ced5de; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
+        color: #BCC2CB; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
+        color: #ffffff;
+        background: #55616f !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
+          color: #ffffff; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
+        color: #f1f1f1;
+        background: #4E5966; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
+        background: #55616f; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
+          color: #ced5de; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+          color: #ced5de;
+          background: #5d6b7a; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+          color: #ced5de;
+          background: #5d6b7a; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+          background-color: #606d7d; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+        color: #6fa7d7; }
+    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+          color: #555; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
+        color: #BCC2CB; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+        color: #ffffff;
+        background: #55616f; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+          color: #ffffff; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+        color: #333 !important;
+        background: #fafafc !important; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+          color: #333 !important; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+        color: #f1f1f1;
+        background: #4E5966; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
+        background: #fafafc; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+          color: #000; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+          color: #000;
+          background: #eaeaf2; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+          color: #000;
+          background: #eaeaf2; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+          background-color: #ededf4; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+        border: 1px solid #eaeaf2;
+        border-top: 0; }
+    .page-header .page-header-menu .search-form {
+      background: #38414c; }
+      .page-header .page-header-menu .search-form .input-group {
+        background: #38414c; }
+        .page-header .page-header-menu .search-form .input-group .form-control {
+          color: #616d7d;
+          background: #38414c; }
+          .page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
+            color: #5f6a7a;
+            opacity: 1; }
+          .page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
+            color: #5f6a7a; }
+          .page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
+            color: #5f6a7a; }
+        .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
+          color: #616d7d; }
+
+/******
+Page Footer 
+******/
+.page-prefooter {
+  background: #48525e;
+  color: #a2abb7; }
+  .page-prefooter h2 {
+    color: #4B77BE; }
+  .page-prefooter a {
+    color: #4B77BE; }
+  .page-prefooter .subscribe-form .form-control {
+    background: #343b44;
+    border-color: #343b44;
+    color: #a2abb7; }
+    .page-prefooter .subscribe-form .form-control::-moz-placeholder {
+      color: #939eac;
+      opacity: 1; }
+    .page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
+      color: #939eac; }
+    .page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
+      color: #939eac; }
+  .page-prefooter .subscribe-form .btn {
+    color: #fff;
+    background-color: #567fc2;
+    border-color: #567fc2; }
+    .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
+      color: #fff;
+      background-color: #3d66a8;
+      border-color: #294470; }
+    .page-prefooter .subscribe-form .btn:hover {
+      color: #fff;
+      background-color: #3d66a8;
+      border-color: #3a61a1; }
+    .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
+    .open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
+      color: #fff;
+      background-color: #3d66a8;
+      border-color: #3a61a1; }
+      .page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
+        color: #fff;
+        background-color: #33568e;
+        border-color: #294470; }
+    .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
+    .open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
+      background-image: none; }
+    .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
+      background-color: #567fc2;
+      border-color: #567fc2; }
+    .page-prefooter .subscribe-form .btn .badge {
+      color: #567fc2;
+      background-color: #fff; }
+
+.page-footer {
+  background: #3b434c;
+  color: #a2abb7; }
+
+/* Scroll Top */
+.scroll-to-top > i {
+  color: #657383;
+  font-size: 32px;
+  opacity: 0.7 ;
+  filter: alpha(opacity=70) ; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  .page-header {
+    /* Page Header Menu */ }
+    .page-header .page-header-menu.fixed {
+      width: 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9995; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  .page-header .page-header-menu {
+    background: #eff3f8;
+    /* Horizontal mega menu */ }
+    .page-header .page-header-menu .hor-menu .navbar-nav {
+      background: #fff !important;
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: none; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
+          border-right: none !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+            color: #72808a; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li {
+        border-bottom: 1px solid #F0F0F0; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
+          border-bottom: 0; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
+          background: none !important;
+          color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
+            color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
+            background: none !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
+          background: none !important;
+          color: #4B77BE !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
+            color: #4B77BE !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
+          color: #fff !important;
+          background: #4B77BE !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
+            color: #fff !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
+          border: 0 !important;
+          border-top: 1px solid #eee;
+          box-shadow: none !important;
+          background: #fff !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+            border-bottom: 1px solid #F0F0F0; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
+            margin-top: 1px; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
+            color: #666 !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+              color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+            background: none !important;
+            color: #4B77BE !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+              color: #4B77BE !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+            color: #fff !important;
+            background: #4B77BE !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+              color: #fff !important; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
+        color: #fff !important; }
+    .page-header .page-header-menu .hor-menu .nav {
+      border: 0 !important;
+      margin: 0 !important; }
+      .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
+      .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
+        border: 0 !important;
+        margin: 0 !important;
+        color: #fff !important;
+        background: #5e85c5 !important; }
+        .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
+        .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
+          color: #fff !important; }
+  .page-header .search-form {
+    background: #fff !important; }
+    .page-header .search-form .input-group {
+      background: #fff !important; }
+      .page-header .search-form .input-group .form-control {
+        background: #fff !important; }
+      .page-header .search-form .input-group .input-group-btn .btn.submit {
+        background: #4B77BE; }
+        .page-header .search-form .input-group .input-group-btn .btn.submit i {
+          color: #fff !important; }
+        .page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
+          background: #3b64a5; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header {
+    /* Top menu */ }
+    .page-header .top-menu {
+      background-color: #fff; }
+      .page-header-fixed-mobile .page-header .top-menu {
+        background-color: #fff; }
+      .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: white; }
+        .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #fff; } }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #5e85c5; }

Metronic/assets/layouts/layout3/css/themes/default.css

@@ -0,0 +1,484 @@
+/* Cubic Bezier Transition */
+/****
+Boby
+****/
+body {
+  background-color: #fff; }
+  body.page-md {
+    background: white; }
+
+/******
+General 
+******/
+/* Theme Font Color */
+.theme-font {
+  color: #32c5d2 !important; }
+
+/* Pace - Page Progress */
+.pace .pace-progress {
+  background: #32c5d2; }
+
+/* Theme Light Portlet */
+.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
+  border-color: #bbc2ce; }
+  .portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
+    font-size: 13px;
+    color: #a6b0bf; }
+  .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
+    color: #fff;
+    background: #32c5d2;
+    border-color: #32c5d2; }
+    .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
+      color: #fff; }
+
+/******
+Page Header 
+******/
+.page-header {
+  background-color: #fff;
+  /* Page Header Top */
+  /* Page Header Menu */ }
+  .page-header .page-header-top {
+    /* Top menu */ }
+    .page-header .page-header-top.fixed {
+      background: #fff !important;
+      box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2); }
+    .page-header .page-header-top .top-menu .navbar-nav {
+      /* Top Links */
+      /* Separator */
+      /* Extended Dropdowns */
+      /* Notification */
+      /* Inbox */
+      /* Tasks */
+      /* User */
+      /* Language */
+      /* Dark version */ }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
+        border-left: 1px solid #E3E8EC; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
+        color: #C1CCD1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
+        background-color: #fff; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
+          color: #a4b4bb; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
+        background-color: #f36a5a; 
+        color: #ffffff; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
+        background-color: #ffffff; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
+          color: #a4b4bb; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
+        border-left: 1px solid #E3E8EC; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
+        border-bottom-color: #f7f8fa; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
+        background: #f7f8fa; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
+          color: #6f949c; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
+          color: #337ab7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
+            color: #23527c;
+            text-decoration: none; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
+        border-bottom: 1px solid #EFF2F6 !important;
+        color: #222222; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
+          background: #f8f9fa; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
+        background: #f1f1f1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+        background: #e4e4e4; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
+        background-color: #32c5d2;
+        color: #ffffff; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
+        border-color: transparent transparent transparent #32c5d2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
+        color: #5b9bd1; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
+        background-color: #dfe2e9; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
+        width: 195px; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
+        color: #7089a2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
+        color: #8ea3b6; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
+        color: #7089a2; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
+        background: #2e343b;
+        border: 0; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
+          border-bottom-color: #2e343b; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
+          background: #272c33; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
+            color: #a2abb7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
+            color: #5496cf; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
+          color: #aaafb7;
+          border-bottom: 1px solid #3b434c !important; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
+            color: #6FA7D7; }
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
+          .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
+            background: #373e47; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
+          border-bottom: 0 !important; }
+        .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
+          background: #3b434c; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
+        background: #23272d; }
+      .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
+        background: #181b1e; }
+  .page-header .page-header-menu {
+    background: #444d58;
+    /* Default Mega Menu */
+    /* Light Mega Menu */
+    /* Header seaech box */ }
+    .page-header .page-header-menu.fixed {
+      box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2); }
+    .page-header .page-header-menu .hor-menu .navbar-nav {
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+          color: #ced5de; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
+        color: #BCC2CB; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
+        color: #ffffff;
+        background: #55616f !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active > i {
+          color: #ffffff; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
+        color: #f1f1f1;
+        background: #4E5966; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
+        background: #55616f; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
+          color: #ced5de; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+          color: #ced5de;
+          background: #5d6b7a; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+          color: #ced5de;
+          background: #5d6b7a; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+          background-color: #606d7d; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
+        color: #6fa7d7; }
+    .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2); }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+          color: #555; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
+        color: #BCC2CB; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
+        color: #ffffff;
+        background: #55616f; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
+          color: #ffffff; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
+        color: #333 !important;
+        background: #fafafc !important; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
+          color: #333 !important; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
+        color: #f1f1f1;
+        background: #4E5966; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
+          color: #BCC2CB; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
+        box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
+        background: #fafafc; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
+          color: #000; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
+          color: #000;
+          background: #eaeaf2; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
+          color: #000;
+          background: #eaeaf2; }
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
+          .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+            color: #6fa7d7; }
+        .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
+          background-color: #ededf4; }
+      .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
+        border: 1px solid #eaeaf2;
+        border-top: 0; }
+    .page-header .page-header-menu .search-form {
+      background: #38414c; }
+      .page-header .page-header-menu .search-form .input-group {
+        background: #38414c; }
+        .page-header .page-header-menu .search-form .input-group .form-control {
+          color: #616d7d;
+          background: #38414c; }
+          .page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
+            color: #5f6a7a;
+            opacity: 1; }
+          .page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
+            color: #5f6a7a; }
+          .page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
+            color: #5f6a7a; }
+        .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
+          color: #616d7d; }
+
+/******
+Page Footer 
+******/
+.page-prefooter {
+  background: #48525e;
+  color: #a2abb7; }
+  .page-prefooter h2 {
+    color: #32c5d2; }
+  .page-prefooter a {
+    color: #32c5d2; }
+  .page-prefooter .subscribe-form .form-control {
+    background: #343b44;
+    border-color: #343b44;
+    color: #a2abb7; }
+    .page-prefooter .subscribe-form .form-control::-moz-placeholder {
+      color: #939eac;
+      opacity: 1; }
+    .page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
+      color: #939eac; }
+    .page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
+      color: #939eac; }
+  .page-prefooter .subscribe-form .btn {
+    color: #fff;
+    background-color: #3fc9d5;
+    border-color: #3fc9d5; }
+    .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
+      color: #fff;
+      background-color: #28adb9;
+      border-color: #1b727a; }
+    .page-prefooter .subscribe-form .btn:hover {
+      color: #fff;
+      background-color: #28adb9;
+      border-color: #27a5b0; }
+    .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
+    .open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
+      color: #fff;
+      background-color: #28adb9;
+      border-color: #27a5b0; }
+      .page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn:active:focus, .page-prefooter .subscribe-form .btn:active.focus, .page-prefooter .subscribe-form .btn.active:hover, .page-prefooter .subscribe-form .btn.active:focus, .page-prefooter .subscribe-form .btn.active.focus,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:hover,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle:focus,
+      .open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
+        color: #fff;
+        background-color: #22929b;
+        border-color: #1b727a; }
+    .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
+    .open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
+      background-image: none; }
+    .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
+    fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
+      background-color: #3fc9d5;
+      border-color: #3fc9d5; }
+    .page-prefooter .subscribe-form .btn .badge {
+      color: #3fc9d5;
+      background-color: #fff; }
+
+.page-footer {
+  background: #3b434c;
+  color: #a2abb7; }
+
+/* Scroll Top */
+.scroll-to-top > i {
+  color: #657383;
+  font-size: 32px;
+  opacity: 0.7 ;
+  filter: alpha(opacity=70) ; }
+
+@media (min-width: 992px) {
+  /* 992px */
+  .page-header {
+    /* Page Header Menu */ }
+    .page-header .page-header-menu.fixed {
+      width: 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 9995; } }
+
+@media (max-width: 991px) {
+  /* 991px */
+  .page-header .page-header-menu {
+    background: #eff3f8;
+    /* Horizontal mega menu */ }
+    .page-header .page-header-menu .hor-menu .navbar-nav {
+      background: #fff !important;
+      /* Mega menu content */
+      /* Classic menu */ }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
+        box-shadow: none; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
+          border-right: none !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
+            color: #72808a; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li {
+        border-bottom: 1px solid #F0F0F0; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
+          border-bottom: 0; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
+          background: none !important;
+          color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
+            color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li > a:focus, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:active, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
+            background: none !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
+          background: none !important;
+          color: #32c5d2 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
+            color: #32c5d2 !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
+        .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
+          color: #fff !important;
+          background: #32c5d2 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
+            color: #fff !important; }
+        .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
+          border: 0 !important;
+          border-top: 1px solid #eee;
+          box-shadow: none !important;
+          background: #fff !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
+            border-bottom: 1px solid #F0F0F0; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
+            margin-top: 1px; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
+            color: #666 !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
+              color: #666 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
+            background: none !important;
+            color: #32c5d2 !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
+              color: #32c5d2 !important; }
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
+          .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
+            color: #fff !important;
+            background: #32c5d2 !important; }
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
+            .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
+              color: #fff !important; }
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
+      .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
+        color: #fff !important; }
+    .page-header .page-header-menu .hor-menu .nav {
+      border: 0 !important;
+      margin: 0 !important; }
+      .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
+      .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
+        border: 0 !important;
+        margin: 0 !important;
+        color: #fff !important;
+        background: #47cbd7 !important; }
+        .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
+        .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
+          color: #fff !important; }
+  .page-header .search-form {
+    background: #fff !important; }
+    .page-header .search-form .input-group {
+      background: #fff !important; }
+      .page-header .search-form .input-group .form-control {
+        background: #fff !important; }
+      .page-header .search-form .input-group .input-group-btn .btn.submit {
+        background: #32c5d2; }
+        .page-header .search-form .input-group .input-group-btn .btn.submit i {
+          color: #fff !important; }
+        .page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
+          background: #27a9b4; } }
+
+@media (max-width: 480px) {
+  /* 480px */
+  .page-header {
+    /* Top menu */ }
+    .page-header .top-menu {
+      background-color: #fff; }
+      .page-header-fixed-mobile .page-header .top-menu {
+        background-color: #fff; }
+      .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+        background-color: white; }
+        .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
+          background: none; }
+        .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
+          background-color: #fff; } }
+
+/****
+ CSS3 Spinner Bar
+****/
+.page-spinner-bar > div,
+.block-spinner-bar > div {
+  background: #47cbd7; }