string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=78804&expand=properties"
string(19590) "[{"templateId":78804,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":138,"categoryName":"IT Templates","templateTitle":"IT Responsive Admin Template","templatePreviewHtmlTitle":"Datta Able Angular 18 Dashboard #78804 - TemplateMonster","templateDemoHtmlTitle":"Live preview for Datta Able Angular 18 Dashboard #78804","typeShortName":"Admin","templatePreviewFBTitle":"<h3><strong>Datta Able to details</strong></h3><p>Datta Able Admin Template is made in <strong>Bootstrap 5</strong> and comes with <strong>Angular 18+</strong> with <strong>CLI 7.2.2</strong> framework for achieving, Any easy or complex dashboard need. Design by CreativeForm and developed by CodedThemes experienced team. We've made Datta Able a completely flexible dashboard template to use in your project. Explore our Datta Able demo which fulfills your need.</p><h3><strong>Features</strong></h3><p>Here are the top features which come with Datta Able admin theme. We've highlighted a few of them below points.</p><ul><li>20+ Page layouts (+Counting)</li><li>Live customizer to choose, What fits your project desires.</li><li>Well-structured code styles</li><li>Fully responsive and browser compatibility tested design.</li><li>Eye catchy color styles</li><li>Made for performance and high aesthetic code</li><li>Detailed video tutorial series with online documentation availability</li></ul><h3><strong>About Design</strong></h3><p>Pure eye catchy and vibrant colors are used in Datta Able Dashboard <strong>Angular 18+</strong> Template. More than 30+ preset color combinations come up with the template. You can also apply your custom color combination via a single change in the SCSS file with the help of the Documentation OR video helper guide.</p><h3><strong>Chart</strong></h3><p>The dashboard needs a chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of various options.</p><p><strong>Chart types</strong></p><ul><li>amChart 3</li><li>chartJS</li><li>eChart</li><li>Google chart</li><li>Highchart</li><li>Morris</li><li>nvd3</li><li>peity</li><li>redial</li></ul><p><strong>Maps</strong></p><ul><li>Google maps</li></ul><h3><strong>Smart Menu</strong></h3><p>We called Datta Able sidebar menu a SMART MENU because we've applied all the possible options with one click live customizer.</p><ul><li>The smart menu has various settings like</li><li>Fill Color</li><li>Active Color</li><li>Horizontal/Vertical</li><li>Collapse</li><li>RTL</li><li>Icon Color</li><li>Open/Close icon</li><li>Material Inspired Design</li><li>Gmail Inspired Design</li><li>Image Background</li></ul><h3><strong>Responsive</strong></h3><p>Datta Able <strong>Angular 18+</strong> design Fully supports each responsive device size even it is retina screens and tested in all major devices like iPad, tablets, and mobiles. We've improved Datta Able design in various aspects like smooth rendering, easy scroll, reduce design glitch etc...</p><p><strong>The design passed by Google Mobile-Friendly Test</strong></p><h3><strong>Colors</strong></h3><p>We've chosen cool eye catchy colors for the entire Datta Able Admin <strong>Angular 18+</strong> Template. 30+ light color combination is available, Which makes Datta Able completely different from other dashboard templates.</p><ul><li>Light Blue</li><li>Light Red</li><li>Light Purple</li><li>Light Gray</li><li>Dark</li><li>Gradient Colors</li></ul><h3><strong>Layouts</strong></h3><p>Combine of Menu and page layouts with 20+ variants (still counting) to come up with the package. Each layout has tons of options highlighted in Live customizer.</p><p><strong>Available layout color presets</strong></p><ul><li>Default (i.e. Dark Light)</li><li>Dark</li><li>Light Dark</li><li>Fill color</li><li>Color icon</li><li>Background image</li><li>Material style</li><li>Gmail style</li></ul><p><strong>Layout setting presets</strong></p><ul><li>Vertical</li><li>Horizontal</li><li>RTL</li><li>Box</li><li>Header fixed</li><li>Menu fixed</li><li>Collapse</li></ul><h3><strong>Components</strong></h3><p>Datta Able Admin <strong>Angular 18+</strong> Template comes with all Bootstrap basic components and we've also implemented extra 3'rd party tons of components which are listed below. All components are in the latest version too.</p><p><strong>Advance Components</strong></p><ul><li>Taskboard</li><li>Sweet alert</li><li>Date Picker</li><li>LightBox</li><li>Modal</li><li>Notification</li><li>Rating</li></ul><p><strong>Form Components</strong></p><ul><li>Switches, Radio, Checkbox, Tags input, max length</li><li>Validation forms</li><li>Form Masking</li><li>Form Wizard</li><li>Form pickers - Datepicker, color picker</li><li>Select 2</li></ul><p><strong>Tables</strong></p><ul><li>Data Tables</li><li>Basic Tables</li></ul><p><strong>Extra</strong></p><ul><li>Session timeout</li><li>Offline</li></ul><h3><strong>Performance</strong></h3><p>Performance is our key point, Before developing Datta Able Admin <strong>Angular 18+</strong> Theme, We've made it with lots of testing and efforts on code improvement.</p><p>Datta Able Admin <strong>Angular 18+</strong> Theme is made for performance and we've achieved it in terms of design testing or code testing. The design is passed with a good score in Google Page Speed, Pingdom, GT Metrix and code passed via w3 validators.</p><p><strong><em>notes - live demos have tons of features active, due to server location scores may differ in Google Page Speed, Pingdom, gtMetrix.</em></strong></p><p><br /></p><p><strong>Widgets </strong></p><p>150+ ready-to-use widget collections like statistics, analytics, user cards, charts, tables, charts, data widgets, and slider widgets.</p><p><br /></p><h3><strong>App &amp; Extensions</strong></h3><p>Datta Able comes with a variety of 3'rd party apps &amp; extensions which are directly usable in your project. We are continuously working on the next app &amp; extensions for future release version updates.</p><p><strong>App</strong></p><ul><li>Message</li><li>Task</li><li>To-do</li><li>Gallery</li></ul><p><strong>Extensions</strong></p><ul><li>Editor - Pell WYSIWYG, Tinymce</li><li>Invoice</li><li>Full Calendar</li><li>File upload</li></ul><h3><strong>Flexibility</strong></h3><p>Design and code is fully flexible to use directly in your project setup via Documentation helper, video helper tutorial, and separate page for direct copy/paste(components, charts, widgets, form elements)</p><h3><strong>Purchased Package Includes</strong></h3><ul><li>Theme Package without Live Customizer &amp; Page Builder (i.e. Demo Purpose only)</li><li>The live demo preview image is not included in the package</li><li>Documentation included in the template directory with <strong>docs.html</strong> file name</li></ul><h3><strong>Resources &amp; Credits</strong></h3><ul><li>Bootstrap 5</li><li>Angular 18+</li><li>Open Sans - Google Font</li><li>Free Images - Icon Finder</li><li>Plugins References - See our Documentation</li></ul>","templateFullTitle":"Datta Able Angular 18 Dashboard","templatePreviewMetaDescription":"Datta Able to detailsDatta Able Admin Template is made in Bootstrap 5 and comes with Angular 18+ with CLI 7.2.2 framework for achieving, Any easy or complex","templateDemoMetaDescription":"View the demo preview for the top notch Datta Able Angular 7 Admin Template (#78804) get yourself informed about this template before you buy it. View the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Datta Able Angular 18 Dashboard","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/datta-able-angular-7-admin-template-78804.html","userRating":"4.5","designIndex":"84","authorUserId":"1572603","exclusive":"0","state":1,"price":39,"inserted_date":"2019-03-13","sent":0,"downloads":48,"search_words":"angular admintemplate admin dashboard dashboardtemplate bootstrapadmintemplate sass scss admintheme admin dashboard responsive admin bootstrap 5","is_adult":0,"exc_price":2100,"sent_date":"2019-03-13 04:57:19","last_upload":"2024-05-15 09:09:28","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1808765,"templ_id":78804,"filename":"78804-2-original.jpg","width":800,"height":500,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1808766,"templ_id":78804,"filename":"78804-big.png","width":800,"height":1200,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1808767,"templ_id":78804,"filename":"78804-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1808768,"templ_id":78804,"filename":"78804-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1808769,"templ_id":78804,"filename":"78804-b.jpg","width":430,"height":645,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/78804.html","image":"https://s.tmimgcdn.com/scr/78800/datta-able-angular-18-dashboard_78804-2-original.jpg","searchHash":"4bb42273d7aa468690a6a59f56c9df47","previewHash":"88bb26a5d2b3431d96763c75f64432ba","authorNickname":"CodedThemes","lowLevelTopic":"IT Templates; Software Templates","weightedRating":4.1666666666667,"annualSale":2,"monthlySales":0,"quarterlySales":1,"productBoost":0,"onSale":0,"finalPrice":35,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"features":["Premium","Responsive","Admin Panel","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose"],"topic":["IT Templates","Software Templates","Business & Services","Computers & Internet"],"isFree":"none","popularity":["Top Rated","Recently Updated"],"color":"white","showVariantForcibly":"b","exclusive":"0","authorUserId":"1572603","alreadyPacked":"1","excludeExclusive":"Yes","nameOfTheTemplate":"Datta Able Angular 18 Dashboard","shortDescription":"<h3><strong>Datta Able to details</strong></h3><p>Datta Able Admin Template is made in <strong>Bootstrap 5</strong> and comes with <strong>Angular 18+</strong> with <strong>CLI 7.2.2</strong> framework for achieving, Any easy or complex dashboard need. Design by CreativeForm and developed by CodedThemes experienced team. We've made Datta Able a completely flexible dashboard template to use in your project. Explore our Datta Able demo which fulfills your need.</p><h3><strong>Features</strong></h3><p>Here are the top features which come with Datta Able admin theme. We've highlighted a few of them below points.</p><ul><li>20+ Page layouts (+Counting)</li><li>Live customizer to choose, What fits your project desires.</li><li>Well-structured code styles</li><li>Fully responsive and browser compatibility tested design.</li><li>Eye catchy color styles</li><li>Made for performance and high aesthetic code</li><li>Detailed video tutorial series with online documentation availability</li></ul><h3><strong>About Design</strong></h3><p>Pure eye catchy and vibrant colors are used in Datta Able Dashboard <strong>Angular 18+</strong> Template. More than 30+ preset color combinations come up with the template. You can also apply your custom color combination via a single change in the SCSS file with the help of the Documentation OR video helper guide.</p><h3><strong>Chart</strong></h3><p>The dashboard needs a chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of various options.</p><p><strong>Chart types</strong></p><ul><li>amChart 3</li><li>chartJS</li><li>eChart</li><li>Google chart</li><li>Highchart</li><li>Morris</li><li>nvd3</li><li>peity</li><li>redial</li></ul><p><strong>Maps</strong></p><ul><li>Google maps</li></ul><h3><strong>Smart Menu</strong></h3><p>We called Datta Able sidebar menu a SMART MENU because we've applied all the possible options with one click live customizer.</p><ul><li>The smart menu has various settings like</li><li>Fill Color</li><li>Active Color</li><li>Horizontal/Vertical</li><li>Collapse</li><li>RTL</li><li>Icon Color</li><li>Open/Close icon</li><li>Material Inspired Design</li><li>Gmail Inspired Design</li><li>Image Background</li></ul><h3><strong>Responsive</strong></h3><p>Datta Able <strong>Angular 18+</strong> design Fully supports each responsive device size even it is retina screens and tested in all major devices like iPad, tablets, and mobiles. We've improved Datta Able design in various aspects like smooth rendering, easy scroll, reduce design glitch etc...</p><p><strong>The design passed by Google Mobile-Friendly Test</strong></p><h3><strong>Colors</strong></h3><p>We've chosen cool eye catchy colors for the entire Datta Able Admin <strong>Angular 18+</strong> Template. 30+ light color combination is available, Which makes Datta Able completely different from other dashboard templates.</p><ul><li>Light Blue</li><li>Light Red</li><li>Light Purple</li><li>Light Gray</li><li>Dark</li><li>Gradient Colors</li></ul><h3><strong>Layouts</strong></h3><p>Combine of Menu and page layouts with 20+ variants (still counting) to come up with the package. Each layout has tons of options highlighted in Live customizer.</p><p><strong>Available layout color presets</strong></p><ul><li>Default (i.e. Dark Light)</li><li>Dark</li><li>Light Dark</li><li>Fill color</li><li>Color icon</li><li>Background image</li><li>Material style</li><li>Gmail style</li></ul><p><strong>Layout setting presets</strong></p><ul><li>Vertical</li><li>Horizontal</li><li>RTL</li><li>Box</li><li>Header fixed</li><li>Menu fixed</li><li>Collapse</li></ul><h3><strong>Components</strong></h3><p>Datta Able Admin <strong>Angular 18+</strong> Template comes with all Bootstrap basic components and we've also implemented extra 3'rd party tons of components which are listed below. All components are in the latest version too.</p><p><strong>Advance Components</strong></p><ul><li>Taskboard</li><li>Sweet alert</li><li>Date Picker</li><li>LightBox</li><li>Modal</li><li>Notification</li><li>Rating</li></ul><p><strong>Form Components</strong></p><ul><li>Switches, Radio, Checkbox, Tags input, max length</li><li>Validation forms</li><li>Form Masking</li><li>Form Wizard</li><li>Form pickers - Datepicker, color picker</li><li>Select 2</li></ul><p><strong>Tables</strong></p><ul><li>Data Tables</li><li>Basic Tables</li></ul><p><strong>Extra</strong></p><ul><li>Session timeout</li><li>Offline</li></ul><h3><strong>Performance</strong></h3><p>Performance is our key point, Before developing Datta Able Admin <strong>Angular 18+</strong> Theme, We've made it with lots of testing and efforts on code improvement.</p><p>Datta Able Admin <strong>Angular 18+</strong> Theme is made for performance and we've achieved it in terms of design testing or code testing. The design is passed with a good score in Google Page Speed, Pingdom, GT Metrix and code passed via w3 validators.</p><p><strong><em>notes - live demos have tons of features active, due to server location scores may differ in Google Page Speed, Pingdom, gtMetrix.</em></strong></p><p><br /></p><p><strong>Widgets </strong></p><p>150+ ready-to-use widget collections like statistics, analytics, user cards, charts, tables, charts, data widgets, and slider widgets.</p><p><br /></p><h3><strong>App &amp; Extensions</strong></h3><p>Datta Able comes with a variety of 3'rd party apps &amp; extensions which are directly usable in your project. We are continuously working on the next app &amp; extensions for future release version updates.</p><p><strong>App</strong></p><ul><li>Message</li><li>Task</li><li>To-do</li><li>Gallery</li></ul><p><strong>Extensions</strong></p><ul><li>Editor - Pell WYSIWYG, Tinymce</li><li>Invoice</li><li>Full Calendar</li><li>File upload</li></ul><h3><strong>Flexibility</strong></h3><p>Design and code is fully flexible to use directly in your project setup via Documentation helper, video helper tutorial, and separate page for direct copy/paste(components, charts, widgets, form elements)</p><h3><strong>Purchased Package Includes</strong></h3><ul><li>Theme Package without Live Customizer &amp; Page Builder (i.e. Demo Purpose only)</li><li>The live demo preview image is not included in the package</li><li>Documentation included in the template directory with <strong>docs.html</strong> file name</li></ul><h3><strong>Resources &amp; Credits</strong></h3><ul><li>Bootstrap 5</li><li>Angular 18+</li><li>Open Sans - Google Font</li><li>Free Images - Icon Finder</li><li>Plugins References - See our Documentation</li></ul>","uniqueKeywords":"angular,admintemplate,admin,dashboard,dashboardtemplate,bootstrapadmintemplate,sass,scss,admintheme,admin dashboard,responsive admin,bootstrap 5","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1572603/974f9e5e28b6e8b7a823f15d4338e80c.jpg","dqi":"84","livePreviewURL":"https://codedthemes.com/demos/admin-templates/datta-able/angular/default/auth/signinv2","metaDescription":"Datta Able to detailsDatta Able Admin Template is made in Bootstrap 5 and comes with Angular 18+ with CLI 7.2.2 framework for achieving, Any easy or complex","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2XUUfHd","customUrl":"/admin-templates/datta-able-angular-7-admin-template-78804.html","lastmod":"2021-07-28T17:31:56-04:00","trendiness":"1","changeLogDate":"2024-05-15","demoMetaDescription":"View the demo preview for the top notch Datta Able Angular 7 Admin Template (#78804) get yourself informed about this template before you buy it. View the pages, check out the images, click the buttons, explore the functionality.","reviewsTotal":"2","reviewAverageScore":"4.5","advImage":"https://s3.tmimgcdn.com/templates/96029/scr/1572603-1601970059129_Datta-able-Admin-Template.png","imagesIncluded":"Yes","tags":["admin","angular","dashboard","sass","admintemplate","scss","admin dashboard","responsive admin","dashboardtemplate","bootstrapadmintemplate","admintheme","bootstrap 5"],"productSize":"16987373","marketplaceMembership":"None","paidSupport":"Yes","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"changeLog":"## May 02, 2024 (v3.3.0)\n-Angular 18\n-Added Standalone mode layout Component\n-Implemented 404 page not found routing path\n-Added Defer\n\n## Feb 02, 2024 (v3.2.0)\n\n- Control flow updates for Angular 17\n- Multi-Language\n- Package upgrades\n- Code improvement\n\n##Nov 22, 2023 (v3.1.0)\n\n- Update to Angular 17\n- Make use of JWT based Auth\n- Bug Fix for Active Menu\n- Set Breadcrumb as Standalone and few improvements\n\n##July 17, 2023 (v3.0.1)\n\n- Bug Fixes\n- Package upgrades\n- Use JWT as login auth\n\n##Jun 03, 2023 (v3.0.0)\n\n- Upgrade to Angular 16\n- Eslint\n- Prettier\n- Added Apex chart\n\n##Jan 19, 2022 (v2.2.0)\n\n-Angular 15 Upgrades\n\n##Aug 29, 2022 (v2.1.0)\n\n-Angular 14 Upgrades\n-Package upgrades\n-Bug Fixes","frameworks":"Angular v16","excerpt":"<p>Datta able Angular admin templates is completely flexible dashboard template to use in your project.</p>","authorMainScreenshotVersion":"2","types":"Admin Templates","templateIcon":"icon-admin","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Thu, 16 May 2024 10:03:56 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(290) "Link: <http://products/api/v2/products/en?language=en&ids=78804&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=78804&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=78804&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 16 May 2024 10:08:56 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://codedthemes.com/demos/admin-templates/datta-able/angular/default/auth/signinv2<!DOCTYPE html>
<html lang="en">
<head>
    <title>#78804 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/78804.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Admin Templates #78804            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=78804&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $36                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/admin-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>