string(95) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=74805&expand=properties"
string(19028) "[{"templateId":74805,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive Admin Template","templatePreviewHtmlTitle":"Datta Able Bootstrap Admin Template #74805 - TemplateMonster","templateDemoHtmlTitle":"Live demo for Datta Able Bootstrap Admin Template #74805","typeShortName":"Admin","templatePreviewFBTitle":"<h3><strong>Datta Able in details</strong></h3><p>Datta Able Admin Template made in Bootstrap 4 framework for achieve any easy or complex dashboard need. Develop by codedthemes experience team. We've made Datta Able dashboard template as completely flexible to use in your project. Explore Datta Able demos which fulfill your need.</p><h3><strong>Features</strong></h3><p>Here are top features comes with Datta Able admin theme. We've higlight few of theme in below points.</p><ul><li>20+ Page layouts (+counting)</li><li>Live customizer to choose what setting your project desire</li><li>Well structured code styles</li><li>Fully responsive and browser 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 Template. More than 30+ preset color combination come up with template. You can also apply your custom color combination via single change in SCSS file with the help of Documentation OR video helper guide.</p><h3><strong>Responsive</strong></h3><p>Datta Able design fully support each responsive device sizes even it is retina screens and tested in major devices like iPad, tablets, mobiles. We've improve Datta Able design in various aspects like smooth rendering, easy scroll, reduce design glitch etc...</p><h3><strong>Performance</strong></h3><p>Performance is our key point before developing Datta Able Admin Theme and we've made it with lots of testing and efforts on code improvement.</p><p>Datta Able Admin Theme is made for performance and we've achieve it in terms of design testing or code testing. Design passed with good score in Google Page Speed, Pingdom, gtMetrix and code passed via w3 validators.</p><p><em>notes - live demos have tons of features active, due to server location score may differ in Google Page Speed, Pingdom, gtMetrix.</em></p><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, separate page for direct copy/paste(components, charts, widgets, form elements)</p><p>Our newly lanched video series helps you in every steps in your development 24x7 without contacting further in our support desk.</p><p><em>Request new feature/video tutorial - contact us.</em></p><h3><strong>Layouts</strong></h3><p>Combine of Menu and page layouts with 20+ variants (still counting) comeup with package. Each layout have tons of options higlighted in Live customizer. Please check demos first.</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>Smart Menu</strong></h3><p>We called Datta Able sidebar menu as a SMART MENU because we've applied all the possible options with one click live customizer. Check the detail setup tutorial about how its working - video</p><ul><li>Smart menu have 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>Widgets</strong></h3><p>150+ ready to use widget collection like statistics, analytics, user cards, charts, tables, chats, data widgets, slider widgets.</p><h3><strong>Components</strong></h3><p>Datta Able Admin Template comes with all Bootstrap basic components and we've also implemented extra 3'rd party tons of components which listed below. All components are in latest version too.</p><p><strong>Advance components</strong></p><ul><li>Sweet alert</li><li>Date Picker</li><li>Grid Helper</li><li>LightBox</li><li>Modal</li><li>Notification</li><li>Nestable</li><li>pNotify</li><li>Rating</li><li>Range Slider</li><li>Syntax Highlighter</li><li>Tour</li><li>Tree view</li><li>Toolbar</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 timout</li><li>Offline</li><li>Animations</li></ul><p><strong>Icons</strong></p><ul><li>Feather</li><li>Font Awesome5</li><li>Flag</li><li>Material</li><li>Simple Line icon</li><li>Themify</li></ul><h3><strong>Extensive Chart</strong></h3><p>Dashboard needs chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of variety options. For your flexibility Datta Able come with extra helper page for chart - click here</p><p><strong>Chart types</strong></p><ul><li>amChart 4</li><li>chartJS</li><li>eChart</li><li>Google chart</li><li>Highchart</li><li>knob</li><li>Morris</li><li>nvd3</li><li>peity</li><li>redial</li></ul><p><strong>Maps</strong></p><ul><li>Google maps</li><li>Vector</li><li>Gmap search API</li><li>Location</li></ul><h3><strong>App &amp; Extensions</strong></h3><p>Datta Able comes with variety of 3'rd party app &amp; extensions which directly usable in your project. We're continously working on next app &amp; extensions for future release version update.</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 - ckEditor, Tinymce</li><li>Invoice</li><li>Full Calendar</li><li>File upload</li></ul><h3><strong>Support</strong></h3><p>Separate support desk for quick resolution of your query. Our previous support ratio result is 90% query resolution in 1'st response.</p><ul><li>Theme Package without Live Customizer &amp; Page Builder (i.e. Demo Purpose only)</li><li>Live demo preview image is not included in package</li><li>Documentation included in template directory with strongdocs.html/strong file name</li></ul>","templateFullTitle":"Datta Able Bootstrap Admin Template","templatePreviewMetaDescription":"Datta Able in detailsDatta Able Admin Template made in Bootstrap 4 framework for achieve any easy or complex dashboard need. Develop by codedthemes experience","templateDemoMetaDescription":"Experience the demo for the Datta Able Bootstrap Admin Template (#74805) get yourself knowledgeable about this theme before you buy it. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Datta Able Bootstrap Admin Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/datta-able-bootstrap-admin-template-74805.html","userRating":"5","designIndex":"84","authorUserId":"1572603","exclusive":"0","state":1,"price":39,"inserted_date":"2018-11-29","sent":0,"downloads":68,"search_words":"admintemplate admin dashboard dashboardtemplate bootstrap4 bootstrapadmintemplate sass scss admintheme","is_adult":0,"exc_price":2100,"sent_date":"2018-11-29 07:51:24","last_upload":"2024-05-15 09:09:17","package_id":295,"hasExclusivePrice":0,"screenshots":[{"id":1783047,"templ_id":74805,"filename":"74805-original.png","width":800,"height":1200,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1783048,"templ_id":74805,"filename":"74805-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":1783049,"templ_id":74805,"filename":"74805-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":1783050,"templ_id":74805,"filename":"74805-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":1783051,"templ_id":74805,"filename":"74805-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/74805.html","image":"https://s.tmimgcdn.com/scr/74800/datta-able-bootstrap-admin-template_74805-original.png","searchHash":"258b540dcd275c04c1e05fa7d945ab3f","previewHash":"8ce7b8e8fea28c65c3ccb2c6e553bd86","authorNickname":"CodedThemes","lowLevelTopic":"IT Templates; Web Development Templates","weightedRating":4.3076923076923075,"annualSale":3,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":39,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Premium","Responsive","Admin Panel","Bootstrap","Retina Ready","Mobile Layout Included","Multipurpose"],"topic":["IT Templates","Web Development Templates","Software Templates","Business & Services","Computers & Internet"],"isFree":"none","popularity":"Top Rated","dateRange":"Last Year","color":"white","productOfTheDay":"0","showVariantForcibly":"b","exclusive":"0","authorUserId":"1572603","alreadyPacked":"1","nameOfTheTemplate":"Datta Able Bootstrap Admin Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/1572603-1543487335988_1-1930x1200-tm.png, https://s3u.tmimgcdn.com/1572603-1543487335988_2-1930x1200-tm.png, https://s3u.tmimgcdn.com/1572603-1543487335988_3-1930x1200-tm.png, https://s3u.tmimgcdn.com/1572603-1543487335988_4-1930x1200-tm.png","shortDescription":"<h3><strong>Datta Able in details</strong></h3><p>Datta Able Admin Template made in Bootstrap 4 framework for achieve any easy or complex dashboard need. Develop by codedthemes experience team. We've made Datta Able dashboard template as completely flexible to use in your project. Explore Datta Able demos which fulfill your need.</p><h3><strong>Features</strong></h3><p>Here are top features comes with Datta Able admin theme. We've higlight few of theme in below points.</p><ul><li>20+ Page layouts (+counting)</li><li>Live customizer to choose what setting your project desire</li><li>Well structured code styles</li><li>Fully responsive and browser 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 Template. More than 30+ preset color combination come up with template. You can also apply your custom color combination via single change in SCSS file with the help of Documentation OR video helper guide.</p><h3><strong>Responsive</strong></h3><p>Datta Able design fully support each responsive device sizes even it is retina screens and tested in major devices like iPad, tablets, mobiles. We've improve Datta Able design in various aspects like smooth rendering, easy scroll, reduce design glitch etc...</p><h3><strong>Performance</strong></h3><p>Performance is our key point before developing Datta Able Admin Theme and we've made it with lots of testing and efforts on code improvement.</p><p>Datta Able Admin Theme is made for performance and we've achieve it in terms of design testing or code testing. Design passed with good score in Google Page Speed, Pingdom, gtMetrix and code passed via w3 validators.</p><p><em>notes - live demos have tons of features active, due to server location score may differ in Google Page Speed, Pingdom, gtMetrix.</em></p><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, separate page for direct copy/paste(components, charts, widgets, form elements)</p><p>Our newly lanched video series helps you in every steps in your development 24x7 without contacting further in our support desk.</p><p><em>Request new feature/video tutorial - contact us.</em></p><h3><strong>Layouts</strong></h3><p>Combine of Menu and page layouts with 20+ variants (still counting) comeup with package. Each layout have tons of options higlighted in Live customizer. Please check demos first.</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>Smart Menu</strong></h3><p>We called Datta Able sidebar menu as a SMART MENU because we've applied all the possible options with one click live customizer. Check the detail setup tutorial about how its working - video</p><ul><li>Smart menu have 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>Widgets</strong></h3><p>150+ ready to use widget collection like statistics, analytics, user cards, charts, tables, chats, data widgets, slider widgets.</p><h3><strong>Components</strong></h3><p>Datta Able Admin Template comes with all Bootstrap basic components and we've also implemented extra 3'rd party tons of components which listed below. All components are in latest version too.</p><p><strong>Advance components</strong></p><ul><li>Sweet alert</li><li>Date Picker</li><li>Grid Helper</li><li>LightBox</li><li>Modal</li><li>Notification</li><li>Nestable</li><li>pNotify</li><li>Rating</li><li>Range Slider</li><li>Syntax Highlighter</li><li>Tour</li><li>Tree view</li><li>Toolbar</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 timout</li><li>Offline</li><li>Animations</li></ul><p><strong>Icons</strong></p><ul><li>Feather</li><li>Font Awesome5</li><li>Flag</li><li>Material</li><li>Simple Line icon</li><li>Themify</li></ul><h3><strong>Extensive Chart</strong></h3><p>Dashboard needs chart to highlight statistics data in your project. We've implemented more than 40+ charts with tons of variety options. For your flexibility Datta Able come with extra helper page for chart - click here</p><p><strong>Chart types</strong></p><ul><li>amChart 4</li><li>chartJS</li><li>eChart</li><li>Google chart</li><li>Highchart</li><li>knob</li><li>Morris</li><li>nvd3</li><li>peity</li><li>redial</li></ul><p><strong>Maps</strong></p><ul><li>Google maps</li><li>Vector</li><li>Gmap search API</li><li>Location</li></ul><h3><strong>App &amp; Extensions</strong></h3><p>Datta Able comes with variety of 3'rd party app &amp; extensions which directly usable in your project. We're continously working on next app &amp; extensions for future release version update.</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 - ckEditor, Tinymce</li><li>Invoice</li><li>Full Calendar</li><li>File upload</li></ul><h3><strong>Support</strong></h3><p>Separate support desk for quick resolution of your query. Our previous support ratio result is 90% query resolution in 1'st response.</p><ul><li>Theme Package without Live Customizer &amp; Page Builder (i.e. Demo Purpose only)</li><li>Live demo preview image is not included in package</li><li>Documentation included in template directory with strongdocs.html/strong file name</li></ul>","uniqueKeywords":"admintemplate,admin,dashboard,dashboardtemplate,bootstrap4,bootstrapadmintemplate,sass,scss,admintheme","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/1572603-1543487323363_adv-800x1200-tm.png","dqi":"84","imageKeyFeatures":"https://s3u.tmimgcdn.com/1572603-1543487353254_adv-banner-tm.jpg","livePreviewURL":"https://codedthemes.com/demos/admin-templates/datta-able/index-tm.html","metaDescription":"Datta Able in detailsDatta Able Admin Template made in Bootstrap 4 framework for achieve any easy or complex dashboard need. Develop by codedthemes experience","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"http://bit.ly/2Qn5gQF","customUrl":"/admin-templates/datta-able-bootstrap-admin-template-74805.html","lastmod":"2022-02-27T22:03:25-05:00","trendiness":"1","excludeExclusive":"Yes","demoMetaDescription":"Experience the demo for the Datta Able Bootstrap Admin Template (#74805) get yourself knowledgeable about this theme before you buy it. View the pages, examine the images, press the buttons, explore the functionality.","reviewsTotal":"3","reviewAverageScore":"5","advImage":"https://s3u.tmimgcdn.com/u1572603/18ef38e86bcbc8623aee6521e8cd878b.png","imagesIncluded":"Yes","tags":["admin","dashboard","sass","bootstrap4","admintemplate","scss","dashboardtemplate","bootstrapadmintemplate","admintheme"],"productSize":"40096442","marketplaceMembership":"None","paidSupport":"Yes","changeLogDate":"2024-05-15","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>Datta able Vanilajs Bootstrap 5 Admin Template with UI kit is working on an eCommerce site, a CRM, or any SASS-based project</p>","changeLog":"May 06, 2024(v1.3.0)\n----------\n - Gulp update\n - Add Finance Dashboard\n - Add Online Course Admin Panel\n - Add Membership Admin Panel\n - Add Helpdesk Admin Panel\n - Add Invoice Admin Panel\n\n14/02/2024 (v1.2.0)\n----------\n- Structure updates\n\n27/01/2023 (v1.0.2)\n----------\n- Bug Fixes\n\n03/01/2023(v1.0.1)\n---------\n- Bug Fixes\n\n30/05/2022(v1.0.0)\n---------\n- Improvements\n- Start Tracking version","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, 28 Nov 2024 18:54:47 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=74805&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=74805&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=74805&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Thu, 28 Nov 2024 18:59:47 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: 159.203.151.221:80"
}
https://codedthemes.com/demos/admin-templates/datta-able/index-tm.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#74805 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/74805.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 #74805            </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=74805&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>