string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=296919&expand=properties"
string(12843) "[{"templateId":296919,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":347,"categoryName":"Web Development Templates","templateTitle":"Web Development Responsive Admin Template","templatePreviewHtmlTitle":"Bluedox - Premium Bootstrap 5 Admin Dashboard","templateDemoHtmlTitle":"Demo Preview for Bluedox - Premium Bootstrap 5 Admin Dashboard #296919","typeShortName":"Admin","templatePreviewFBTitle":"<p>Bluedox - Premium Bootstrap 5 Admin Dashboard template comes with new, and attractive designs and ready-to-use layouts. It is designed by using the latest Bootstrap v5.2 and jQuery. It comes with Five unique dashboard pages. Each dashboard has unique features. It has seven different pre-designed layouts that can be used to create any type of dashboard or web application. It has plenty of custom-ready widgets and components. We have included inline comments on all HTML pages.</p><p>This Admin Template’s easy-to-use interface and extensive customization options will help you create exactly the tools and workflows your team needs to work smarter. The responsive design ensures your dashboards look great on any device, while the modular codebase allows limitless customization.</p><p>If you’re looking for a premium admin template to build your internal tools and dashboards, Admin Template is the perfect solution. The design system and UI kit will empower your developers to rapidly build exactly the apps and workflows your business needs.</p><p>We have included a separate layouts folder which includes only the layout and related CSS/JS files. Anyone can start the project by using these layouts.</p><ul><li>Five Unique Dashboards</li><li>Bootstrap <strong>v5.3.2</strong></li><li>SCSS</li><li>Widgets</li></ul><p><strong>Pages</strong></p><ul><li>Support</li><li>Create Invoice</li><li>View Invoice</li><li>Invoice List</li><li>Subscribers</li><li>Contacts</li><li>Pricing</li><li>Profile</li><li>Account Settings</li><li>Events List</li><li>Calendar Daygrid</li><li>External Draggable</li><li>Google Calendar</li><li>Calendar List View</li><li>Calendar Selectable</li></ul><p><strong>UI Elements</strong></p><ul><li>Accordions</li><li>Alerts</li><li>Buttons</li><li>Badges</li><li>Cards</li><li>Advanced Cards</li><li>Carousel</li><li>Dropdowns</li><li>Icons</li><li>List Items</li><li>Modals</li><li>Off Canvas</li><li>Progress Bars</li><li>Spinners</li><li>Tabs</li><li>Tooltips</li><li>Typography</li></ul><p><strong>Forms</strong></p><ul><li>Form Inputs</li><li>Checkbox &amp; Radio</li><li>File Input</li><li>Validations</li><li>Date Time Pickers</li><li>Input Masks</li><li>Form Layouts</li></ul><p>Tables</p><p>Data Tables</p><p>Apex Graphs</p><p>Morris Graphs</p><p>jVector Maps</p><p><strong>Layouts</strong></p><ul><li>Default Layout</li><li>Grid Layout</li><li>Mega Menu</li><li>Full Screen</li><li>Hero Header</li><li>Layout Datepicker</li><li>Sidebar Quick Links</li><li>Welcome Layout</li></ul><p><strong>Authentication</strong></p><ul><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Error</li><li>Maintenance</li><li>Support</li></ul>","templateFullTitle":"Bluedox - Premium Bootstrap 5 Admin Dashboard","templatePreviewMetaDescription":"Bluedox - Premium Bootstrap 5 Admin Dashboard template comes with new, and attractive designs and ready-to-use layouts. It is designed by using the latest","templateDemoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Bluedox - Premium Bootstrap 5 Admin Dashboard Admin Template (#296919) by experiencing the live preview. View the pages, check the images, press the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Bluedox - Premium Bootstrap 5 Admin Dashboard","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/bluedox-premium-bootstrap-5-admin-dashboard-296919.html","userRating":0,"designIndex":1,"authorUserId":"1090241","exclusive":"1","state":1,"price":35,"inserted_date":"2022-11-28","sent":0,"downloads":17,"search_words":"admin analytics application bootstrap dashboard admin dashboard bootstrap 5 invoice light admin dashboard admin templates admin templates for sale business dashboard templates software dashboard templates web development dashboard templates it dashboard templates design dashboard templates bootstrap website templates admin panel admin console bootstrap dashboard","is_adult":0,"exc_price":2100,"sent_date":"2022-11-28 11:46:21","last_upload":"2024-02-15 10:18:21","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2911394,"templ_id":296919,"filename":"296919-2-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2911395,"templ_id":296919,"filename":"296919-2-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":2911396,"templ_id":296919,"filename":"296919-2-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":2911397,"templ_id":296919,"filename":"296919-2-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":2911398,"templ_id":296919,"filename":"296919-2-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/296919.html","image":"https://s.tmimgcdn.com/scr/296900/bluedox-premium-bootstrap-5-admin-dashboard_296919-2-original.jpg","searchHash":"f6a8a02e28808371cbd4d23f03a1b8ea","previewHash":"5b01d49d801f07e1c347e4b91f88eed0","authorNickname":"BootstrapGallery","lowLevelTopic":"IT Templates; Web Development Templates; Cafe and Restaurant Templates; Internet Templates; Daily Deals","weightedRating":null,"annualSale":12,"monthlySales":2,"quarterlySales":5,"productBoost":125,"onSale":0,"finalPrice":33,"discountPercent":0,"discountAmount":0,"semiannualSales":6,"properties":{"features":["Premium","Responsive","Pro","Admin Panel","Bootstrap","Events Calendar","Light Template","Tabs","HTML 5","JQuery","Static"],"styles":["Clean","Corporate","Minimalist"],"isLastAdded":"1","topic":["IT Templates","Web Development Templates","Cafe and Restaurant Templates","Internet Templates","Software Templates","Business & Services","Computers & Internet","Food & Restaurant","Daily Deals"],"isFree":"none","color":["black","white"],"productOfTheDay":"-3","showVariantForcibly":"b","authorUserId":"1090241","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["admin","analytics","application","bootstrap","dashboard","invoice","admin panel","admin templates","admin dashboard","bootstrap dashboard","bootstrap 5","light admin dashboard","admin console","business dashboard templates","admin templates for sale","web development dashboard templates","software dashboard templates","it dashboard templates","design dashboard templates","bootstrap website templates"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"nameOfTheTemplate":"Bluedox - Premium Bootstrap 5 Admin Dashboard","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1090241/31471e11e1873a6a1cb8f9309ed0e2fb.png, https://s3u.tmimgcdn.com/u1090241/52ae878a55af6a8fe1dc153034eed7b7.png, https://s3u.tmimgcdn.com/u1090241/a54ba9bafe2f8e6d4f8a03e73beeb107.png, https://s3u.tmimgcdn.com/u1090241/3e7313a5da0d757138ff660e0ce2bb94.png, https://s3u.tmimgcdn.com/u1090241/11c12fdc48b22b4a4e155ed2dad34d20.png, https://s3u.tmimgcdn.com/u1090241/282748f02289dc33baecce75732b3740.png","shortDescription":"<p>Bluedox - Premium Bootstrap 5 Admin Dashboard template comes with new, and attractive designs and ready-to-use layouts. It is designed by using the latest Bootstrap v5.2 and jQuery. It comes with Five unique dashboard pages. Each dashboard has unique features. It has seven different pre-designed layouts that can be used to create any type of dashboard or web application. It has plenty of custom-ready widgets and components. We have included inline comments on all HTML pages.</p><p>This Admin Template’s easy-to-use interface and extensive customization options will help you create exactly the tools and workflows your team needs to work smarter. The responsive design ensures your dashboards look great on any device, while the modular codebase allows limitless customization.</p><p>If you’re looking for a premium admin template to build your internal tools and dashboards, Admin Template is the perfect solution. The design system and UI kit will empower your developers to rapidly build exactly the apps and workflows your business needs.</p><p>We have included a separate layouts folder which includes only the layout and related CSS/JS files. Anyone can start the project by using these layouts.</p><ul><li>Five Unique Dashboards</li><li>Bootstrap <strong>v5.3.2</strong></li><li>SCSS</li><li>Widgets</li></ul><p><strong>Pages</strong></p><ul><li>Support</li><li>Create Invoice</li><li>View Invoice</li><li>Invoice List</li><li>Subscribers</li><li>Contacts</li><li>Pricing</li><li>Profile</li><li>Account Settings</li><li>Events List</li><li>Calendar Daygrid</li><li>External Draggable</li><li>Google Calendar</li><li>Calendar List View</li><li>Calendar Selectable</li></ul><p><strong>UI Elements</strong></p><ul><li>Accordions</li><li>Alerts</li><li>Buttons</li><li>Badges</li><li>Cards</li><li>Advanced Cards</li><li>Carousel</li><li>Dropdowns</li><li>Icons</li><li>List Items</li><li>Modals</li><li>Off Canvas</li><li>Progress Bars</li><li>Spinners</li><li>Tabs</li><li>Tooltips</li><li>Typography</li></ul><p><strong>Forms</strong></p><ul><li>Form Inputs</li><li>Checkbox &amp; Radio</li><li>File Input</li><li>Validations</li><li>Date Time Pickers</li><li>Input Masks</li><li>Form Layouts</li></ul><p>Tables</p><p>Data Tables</p><p>Apex Graphs</p><p>Morris Graphs</p><p>jVector Maps</p><p><strong>Layouts</strong></p><ul><li>Default Layout</li><li>Grid Layout</li><li>Mega Menu</li><li>Full Screen</li><li>Hero Header</li><li>Layout Datepicker</li><li>Sidebar Quick Links</li><li>Welcome Layout</li></ul><p><strong>Authentication</strong></p><ul><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Error</li><li>Maintenance</li><li>Support</li></ul>","uniqueKeywords":"admin,analytics,application,bootstrap,dashboard,admin dashboard,bootstrap 5,invoice,light admin dashboard,admin templates,admin templates for sale,business dashboard templates,software dashboard templates,web development dashboard templates,it dashboard templates,design dashboard templates,bootstrap website templates,admin panel,admin console,bootstrap dashboard","advImage":"https://s3u.tmimgcdn.com/u1090241/f5ca6dd461f79deb09157af43ca76134.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1090241/8bc8a7c465154ea81d595d62222dccc5.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1090241/cad8bef872b4f75ad84ff4c0bc355078.jpg","livePreviewURL":"https://www.bootstrapget.com/demos/bluedox-admin-dashboard/index.html","metaDescription":"Bluedox - Premium Bootstrap 5 Admin Dashboard template comes with new, and attractive designs and ready-to-use layouts. It is designed by using the latest","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3ideqOZ","demoMetaDescription":"Before you decide to buy it, get the look and feel of the premium Bluedox - Premium Bootstrap 5 Admin Dashboard Admin Template (#296919) by experiencing the live preview. View the pages, check the images, press the buttons, explore the features.","customUrl":"/admin-templates/bluedox-premium-bootstrap-5-admin-dashboard-296919.html","productSize":"7231925","trendiness":"2","excerpt":"<p><strong>Bootstrap 5 Admin Dashboard</strong> is available in multiple dashboard options, ready-to-use pages, and a lot of UI features.</p>","changeLog":"February 14, 2024\n\n- Fixed CSS Issues;\n- Code cleanup;\n- Created Input Tags Page;\n- Created Placeholders Page;\n- Added Notification Dropdown in Header;\n\nUpdated\n- Bootstrap version 5.3.2\n- Apex Graphs. Included Funnel and Pyramid Graphs.\n\nUpdated\n- Datepicker Control\n- Links\n\nUpdated \n- Bootstrap version 5.3.3","changeLogDate":"2024-07-02","frameworks":"None","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: Wed, 13 Nov 2024 18:54:37 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(293) "Link: <http://products/api/v2/products/en?language=en&ids=296919&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=296919&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=296919&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 13 Nov 2024 18:59:37 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://www.bootstrapget.com/demos/bluedox-admin-dashboard/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#296919 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/296919.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 #296919            </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=296919&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $32                <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>