string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=386198&expand=properties"
string(13369) "[{"templateId":386198,"typeId":86,"typeName":"Admin Template","typeUrl":"admin-templates","categoryId":346,"categoryName":"Software Company Templates","templateTitle":"Software Company Responsive Admin Template","templatePreviewHtmlTitle":"Forty Five - Bootstrap 5 Admin Template - TemplateMonster","templateDemoHtmlTitle":"Demo for Forty Five - Bootstrap 5 Admin Template #386198","typeShortName":"Admin","templatePreviewFBTitle":"<p>Forty-Five is a <strong>professional Admin Dashboard</strong> <strong>template</strong> designed to provide a comprehensive set of tools and features to help you manage and track all aspects of your business. With its cutting-edge <strong>analytics</strong>, <strong>CRM</strong> integration, and user-friendly interface, this <strong>dashboard</strong> is built to streamline your administrative tasks and enhance your productivity. Track website traffic, user behavior, sales numbers, and more. Make data-driven decisions and optimize your strategies for better results. Keep track of customer interactions, sales leads, and customer support tickets in one centralized location. Stay organized and provide excellent customer service.</p><p>This <strong>admin template</strong> comes with a sleek and modern user interface kit built on the <strong>Bootstrap framework</strong>. It provides a consistent and responsive design across all devices, ensuring a seamless user experience for both you and your team. It is fully responsive and adapts to various screen sizes, including desktops, laptops, tablets, and mobile devices. Access your <strong>dashboard</strong> anytime, anywhere, and stay connected to your business even on the go</p><p>With its combination of advanced features, intuitive design, and seamless integration capabilities, our Professional Admin Dashboard is widely regarded as one of the best options available. Trusted by businesses of all sizes, this dashboard is designed to meet the needs of today's administrators.</p><p>Experience the power of our Professional <strong>Admin Template</strong> and take control of your business like never before. Boost efficiency, enhance decision-making, and stay ahead of the competition. Get started today and unlock the full potential of your admin tasks.</p><p><strong>Key Features</strong></p><ul><li>Built with Bootstrap 5.3.2</li><li>W3C Validated Code</li><li>W3C Validated Code</li><li>60+ HTML Pages</li><li>Developer-friendly and well-commented code structure</li><li>100% responsive layouts/components</li><li>Free lifetime updates</li></ul><p><strong>Pages</strong></p><ul><li>Analytics</li><li>Orders</li><li>Expenses</li><li>Support</li><li>Widgets</li><li>Calendar</li><li>FAQ's</li><li>Invoice List</li><li>Invoice Details</li><li>Create Invoice</li><li>Notifications</li><li>User Profile</li><li>DataTables</li><li>Editor</li><li>Placeholder</li><li>Calendar</li><li>Accordions</li><li>Alerts</li><li>Buttons</li><li>Badges</li><li>Cards</li><li>Custom Cards</li><li>Carousel</li><li>Icons</li><li>List Items</li><li>Modals</li><li>Progress Bars</li><li>Popovers</li><li>Tabs</li><li>Tooltips</li><li>Typography</li><li>Basic Form Inputs</li><li>Checkbox &amp; Radio</li><li>File Input</li><li>Validations</li><li>Date Time Pickers</li><li>Form Layouts</li><li>Starter Page</li><li>Tables</li><li>Apex Graphs</li><li>Morris Graphs</li><li>Maps</li><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Page Not Found</li><li>Maintenance</li></ul><p>Note - Images not included in the download.</p>","templateFullTitle":"Forty Five - Bootstrap 5 Admin Template","templatePreviewMetaDescription":"Forty-Five is a professional Admin Dashboard template designed to provide a comprehensive set of tools and features to help you manage and track all aspects of","templateDemoMetaDescription":"Check out the demo of the premium Forty Five - Bootstrap 5 Admin Template Admin Template (#386198) to get a better idea of what this design is before you purchase it. Click through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Forty Five - Bootstrap 5 Admin Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/admin-templates/forty-five-bootstrap-5-admin-template-386198.html","userRating":0,"designIndex":1,"authorUserId":"1090241","exclusive":"1","state":1,"price":45,"inserted_date":"2024-01-23","sent":0,"downloads":1,"search_words":"admin admin dashboard bootstrap dashboard admin panel web dashboard admin theme google dashboard react dashboard admin kit bootstrap admin admin panel template crm dashboard admin templates admin templates for sale business dashboard templates software dashboard templates it dashboard templates web development dashboard templates design dashboard templates","is_adult":0,"exc_price":2100,"sent_date":"2024-01-23 12:51:58","last_upload":"2024-02-15 10:15:06","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3357703,"templ_id":386198,"filename":"386198-original.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3357704,"templ_id":386198,"filename":"386198-big.png","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3357705,"templ_id":386198,"filename":"386198-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":3357706,"templ_id":386198,"filename":"386198-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":3357707,"templ_id":386198,"filename":"386198-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/386198.html","image":"https://s.tmimgcdn.com/scr/386100/forty-five-bootstrap-5-admin-template_386198-original.png","searchHash":"5b358a78853671c5f9eee0cd04f33186","previewHash":"9820588a2d8165c0d68b377da1231869","authorNickname":"BootstrapGallery","lowLevelTopic":"IT Templates; Software Company Templates; Web Development Templates; Web Design Templates; Daily Deals","weightedRating":null,"annualSale":1,"monthlySales":0,"quarterlySales":1,"productBoost":125,"onSale":0,"finalPrice":43,"discountPercent":0,"discountAmount":0,"semiannualSales":1,"properties":{"features":["Responsive","Admin Panel","Bootstrap","Multipurpose","Events Calendar","Dropdown Menu","Tabs","Gallery","HTML 5","JQuery","Static"],"styles":["Clean","Corporate","Minimalist","Flat"],"isLastAdded":"1","topic":["IT Templates","Software Company Templates","Web Development Templates","Software Templates","Web Design Templates","Design","Design & Photography","Business & Services","Computers & Internet","Daily Deals"],"isFree":"none","color":["white","purple","blue","cyan"],"showVariantForcibly":"b","authorUserId":"1090241","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["admin","bootstrap","dashboard","admin panel","admin templates","admin dashboard","web dashboard","bootstrap admin","react dashboard","admin theme","crm dashboard","google dashboard","admin kit","admin panel template","business dashboard templates","admin templates for sale","web development dashboard templates","software dashboard templates","it dashboard templates","design dashboard templates"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>Forty-Five is a <strong>professional Admin Dashboard</strong> <strong>template</strong> designed to provide a comprehensive set of tools and features to help you manage all aspects of your business.</p>","nameOfTheTemplate":"Forty Five - Bootstrap 5 Admin Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1090241/8dda81e4c2259e4d17a7071896ecc4c9.png, https://s3u.tmimgcdn.com/u1090241/8851b9441b90e8dc3447c68c1fe76003.png, https://s3u.tmimgcdn.com/u1090241/1bc8625756d365b735f26eb669c5fca0.png","shortDescription":"<p>Forty-Five is a <strong>professional Admin Dashboard</strong> <strong>template</strong> designed to provide a comprehensive set of tools and features to help you manage and track all aspects of your business. With its cutting-edge <strong>analytics</strong>, <strong>CRM</strong> integration, and user-friendly interface, this <strong>dashboard</strong> is built to streamline your administrative tasks and enhance your productivity. Track website traffic, user behavior, sales numbers, and more. Make data-driven decisions and optimize your strategies for better results. Keep track of customer interactions, sales leads, and customer support tickets in one centralized location. Stay organized and provide excellent customer service.</p><p>This <strong>admin template</strong> comes with a sleek and modern user interface kit built on the <strong>Bootstrap framework</strong>. It provides a consistent and responsive design across all devices, ensuring a seamless user experience for both you and your team. It is fully responsive and adapts to various screen sizes, including desktops, laptops, tablets, and mobile devices. Access your <strong>dashboard</strong> anytime, anywhere, and stay connected to your business even on the go</p><p>With its combination of advanced features, intuitive design, and seamless integration capabilities, our Professional Admin Dashboard is widely regarded as one of the best options available. Trusted by businesses of all sizes, this dashboard is designed to meet the needs of today's administrators.</p><p>Experience the power of our Professional <strong>Admin Template</strong> and take control of your business like never before. Boost efficiency, enhance decision-making, and stay ahead of the competition. Get started today and unlock the full potential of your admin tasks.</p><p><strong>Key Features</strong></p><ul><li>Built with Bootstrap 5.3.2</li><li>W3C Validated Code</li><li>W3C Validated Code</li><li>60+ HTML Pages</li><li>Developer-friendly and well-commented code structure</li><li>100% responsive layouts/components</li><li>Free lifetime updates</li></ul><p><strong>Pages</strong></p><ul><li>Analytics</li><li>Orders</li><li>Expenses</li><li>Support</li><li>Widgets</li><li>Calendar</li><li>FAQ's</li><li>Invoice List</li><li>Invoice Details</li><li>Create Invoice</li><li>Notifications</li><li>User Profile</li><li>DataTables</li><li>Editor</li><li>Placeholder</li><li>Calendar</li><li>Accordions</li><li>Alerts</li><li>Buttons</li><li>Badges</li><li>Cards</li><li>Custom Cards</li><li>Carousel</li><li>Icons</li><li>List Items</li><li>Modals</li><li>Progress Bars</li><li>Popovers</li><li>Tabs</li><li>Tooltips</li><li>Typography</li><li>Basic Form Inputs</li><li>Checkbox &amp; Radio</li><li>File Input</li><li>Validations</li><li>Date Time Pickers</li><li>Form Layouts</li><li>Starter Page</li><li>Tables</li><li>Apex Graphs</li><li>Morris Graphs</li><li>Maps</li><li>Login</li><li>Signup</li><li>Forgot Password</li><li>Page Not Found</li><li>Maintenance</li></ul><p>Note - Images not included in the download.</p>","uniqueKeywords":"admin,admin dashboard,bootstrap,dashboard,admin panel,web dashboard,admin theme,google dashboard,react dashboard,admin kit,bootstrap admin,admin panel template,crm dashboard,admin templates,admin templates for sale,business dashboard templates,software dashboard templates,it dashboard templates,web development dashboard templates,design dashboard templates","advImage":"https://s3u.tmimgcdn.com/u1090241/86928c5b1d791f3462787bceca9e2a11.png","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1090241/faa8bc48aca1025ce4eb0bdf31ffb4b3.png","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1090241/d2829e0a0d9bd2e9d7c7cc0971a17bb0.png, https://s3u.tmimgcdn.com/u1090241/671a30c1b30dfa0c72a4084bf4095c41.png","livePreviewURL":"https://www.bootstrapget.com/demos/templatemonster/fortyfive-bootstrap-admin-template/index.html","metaDescription":"Forty-Five is a professional Admin Dashboard template designed to provide a comprehensive set of tools and features to help you manage and track all aspects of","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Check out the demo of the premium Forty Five - Bootstrap 5 Admin Template Admin Template (#386198) to get a better idea of what this design is before you purchase it. Click through the pages, check out the images, click the buttons, explore the functionality.","customUrl":"/admin-templates/forty-five-bootstrap-5-admin-template-386198.html","productSize":"4604206","trendiness":"4","changeLog":"February 12, 2024\n\n- Fixed CSS Issues.\n- New Page Added Avatars.\n- New Page Added Spinners.\n- New Page Added Placeholders.\n- Fixed Icons Page CSS.\n- Fixed Error Page Responsive Issue.","changeLogDate":"2024-02-15","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: Fri, 03 May 2024 01:13:43 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=386198&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=386198&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=386198&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 03 May 2024 01:18:43 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://www.bootstrapget.com/demos/templatemonster/fortyfive-bootstrap-admin-template/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#386198 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/386198.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 #386198            </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=386198&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <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>