.infoart-image-name {
	position: absolute;
    overflow: hidden;
    z-index: -1;
    /*max-width: 80%;*/
    top: 0;
	left: 0;
	padding: .5rem;
    
}
.overlay-img-btn {
	max-width: 100%;
}
#template-page-slides a {
    color: #7b8190;
}
.related-templates-masonry-wrapper, .search-template-wrapper {
    padding: 0px;
    max-width: unset;
    margin-right: auto;
    margin-left: auto;
}
.templates-page-gallery .related-templates-masonry-wrapper {
	padding: 2rem;
}
.infoart-templates-types {
	line-height: normal;
	-webkit-column-gap: 0px;
	-moz-column-gap: 0px;
	column-gap: 0px;
}
#template-menu-top .tabbable-line > .nav-tabs li {
	text-align: center;
}
#templates-main-slides-section .owl-carousel .owl-item {
	width: 180px !important
}

#template-top-slides .owl-carousel .owl-item, #templates .owl-carousel .owl-item {
    width: 200px !important;
}
.slides.nav-tabs .owl-item {
	width: auto !important;
}
#template-top-slides .tab-content img {
    margin-bottom: 0px;
}
@media only screen and (max-width: 600px) {
#templates-main-slides-section .owl-carousel .owl-item {
	width: 100px !important;
}
#template-top-slides .owl-carousel .owl-item {
    width: 90px !important;
}

}
@media (max-width: 991px) {
.tab-content img {
    margin-bottom: 0px !important;
}
}
.item {
	display: inline-block;
	width: 100%;
	padding: 10px;
    text-align: center;
}
.templates-page-gallery .item {
	padding: 5px;
}
.infoart-templates-types img {
	width: 100% !important;
  	height: auto !important; 
}
@media only screen and (max-width: 600px) {
	.infoart-templates-types {
		-webkit-column-count: 3;
		-moz-column-count: 3;
	  	column-count: 3;
	}
}
@media only screen and (min-width: 600px) {
	.infoart-templates-types {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media only screen and (min-width: 768px) {
  .infoart-templates-types {
	  	-webkit-column-count: 4;
	  	-moz-column-count: 4;
	  	column-count: 4;
	}
}
@media only screen and (min-width: 992px) {
	.infoart-templates-types {
		-webkit-column-count: 6;
		-moz-column-count: 6;
	  	column-count: 6;
	}
}
.hover-buttons {
    border-radius: 4px;
    background: rgba(14,19,24,.7);
    cursor: pointer;
    padding: 0;
    border: none;}
    
.infoart-divider-empty {
margin-top: 60px;
margin-bottom: 60px;
	
}
.template-content-box {
    position: absolute;
    top: 0;   
    width: 100%;
    height: 100%;
}

.template-content-overlay {
    position: relative;
    width: 100%;
    height: 100%;
}
.template-content-overlay .template-content-overlay-buttons {
    transform: translateY(-50px)
   
}
.template-content-overlay-buttons, .template-content-overlay.template-content-overlay-buttons-set:hover .template-content-overlay-buttons {
    -webkit-transform: translateY(16px);
      opacity: 1;
}
.template-content-overlay.template-content-overlay-buttons-set .template-content-overlay-buttons {

    transition: 0.3s;
    display: flex;
    float: right;
    opacity: 0;

}
.templates-count.activeMenuItem {
	color: #fff;
}
.infoart-templates-item {
    padding: 0;

}

.related-templates-masonry-item, .related-templates-masonry-content {
    margin-left: -1px !important;
        margin-top: -4px;
            margin-bottom: -5px;
}
.template-content-overlay:hover {
    opacity: 1;
}
@media only screen and (max-width: 600px) {
	.templates-page-gallery .related-templates-masonry-wrapper {
		margin: 0 !important;
	    padding: 0 !important;
	    border-radius: 0 !important;
	}
	.multiple-template-thumbnail {
	    white-space: nowrap;
	}
	.multiple-thumbnail {
    	width: 50% !important;
	}
	#edit-template,  .search-type-templates {
		width: 100% !important;
	}
}


.infoart-templates-item {
filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.1));
-webkit-filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.1));
-moz-filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.1));
  transition: filter .25s ease-in-out;
}
.infoart-templates-item:hover {
  filter: drop-shadow(-2px 1px 2px rgba(0,0,0,0.3));
}
.button-sets.template-content-overlay-buttons-set {
    transition: background-color .1s ease-in-out;
}
.button-sets {
    margin-right: 8px;
    border-radius: 4px;
    background: rgba(14,19,24,.7);
    cursor: pointer;
    padding: 0;
    border: none;
    right: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #fff;
    outline: none;
}
#templates-index .btn, #templates-index .btn:hover {
    background: #09BCEC;
}
.infoart-templates-item {
cursor: pointer;
}
.infoart-image-container a {
    display: flex;
}
.preview-btn, .use-btn {
color: #ffffff !important;
 transition: background-color .1s ease-in-out;
}
.preview-btn:hover, .use-btn:hover {
color: white;
background: #0DA3D6;
 transition: background-color .1s ease-in-out;
}
.preview-template-icon, .use-template-icon {
	padding: 10px;
}
.templates-side-menu-overlay-content {
top: 6%;
padding: 0px;
text-align: left;
}
.template-page-title {
font-size: 21px;
}
.template-type-title {
    display: inline-block;
    padding: 10px 0;
    font-size: 2rem;
    font-weight: bold;
}
.templates-side-menu-overlay .closebtn {
    z-index: 999999;
    right: 20px;
    

}
.sidebar-menu-scroll {
    height: calc(100% - 70px);
    margin-top: 70px;
}
#template-sidebar-menu {
    padding: 0 0 30px;
}

#template-sidebar-menu ul li a {
color: #26303f;
    display: block;
    font-weight: 400;
    padding: 15px 0 7px 10px;
    transition: .3s ease;
    border-bottom: 1px solid #f9f9f9;
    background-size: 12px;
    text-decoration: none;
    font-size: 14px;
    font-family: open sans,sans-serif;
}

#template-sidebar-menu ul li a:hover,
#template-sidebar-menu ul li a:hover i {
    color: #383c40;
}
#template-sidebar-menu ul li .badge {
    margin-top: 4px;
float:right;
}
#template-sidebar-menu ul li ul.sub-menu {
    padding: 0;
}
#template-sidebar-menu ul li ul.sub-menu li a {

    font-weight: 400;
    color: #7b8190;
    margin: 0;
    background-color: transparent;
    font-size: 15px;
}
#template-sidebar-menu ul li ul.sub-menu li a:hover {
    color: #383c40;
}
#template-sidebar-menu ul li ul.sub-menu li ul.sub-menu {
    padding: 0;
}
#template-sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {
    padding: 1rem 0rem 0rem 1rem;
    font-size: 13.5px;
}
.template-category-menu-title {
position: relative;
    font-size: 21px;
    color: #3b566e;
    font-weight: 400;
    line-height: 1.4em;
    padding-bottom: 20px;
    padding-left: 7px;
    }
    
    .templates-count {
   background-color: #A7A7A7;
    width: 35px;
    }
.diagrams-templates-header-main-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-diagrams.png);
   background-color: #759FBC;
}
.charts-templates-header-main-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-charts.png);
   background-color: #759FBC;
}
.infoart-templates-header-main-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-main.png);
	background-color: #4a5d72;
}

.infoart-templates-header-flyers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-flyers.png);
   background-color: #E6B3DE;
}
.infoart-templates-header-brochures-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-brochures.png);
   background-color: #B4E0D5;
}
.infoart-templates-header-business-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-business-cards.png);
   background-color: #A690A4;
}
.infoart-templates-header-certificates-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-certificates.png);
   background-color: #D4E29C;
}
.infoart-templates-header-gift-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-gift-cards.png);
   background-color: #F5E3E0;
}
.infoart-templates-header-greeting-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-greeting-cards.png);
   background-color: #E4DBB4;
}
.infoart-templates-header-infographics-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-infographics.png);
   background-color: #BFCBD3;
}
.infoart-templates-header-invitations-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-invitations.png);
   background-color: #B7CFE0;
}
.infoart-templates-header-menus-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-menus.png);
   background-color: #D2D2D2;
}
.infoart-templates-header-pest-analysis-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pest-analysis.png);
   background-color: #AFE6DA;
}
.infoart-templates-header-post-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-post-cards.png);
   background-color: #EFBEC5;
}
.infoart-templates-header-posters-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-posters.png);
   background-color: #B3E1B9;
}
.infoart-templates-header-resumes-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-resumes.png);
   background-color: #04A5B7;
}
.infoart-templates-header-swot-analysis-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-swot-analysis.png);
	background-color: #DDBF65;
}

.infoart-templates-header-isometric-diagrams-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-isometric-diagrams.png);
    background-color: #F7D08A;
}
.infoart-templates-header-customer-journey-maps-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-customer-journey-maps.png);
    background-color: #B1B695;
}
.infoart-templates-header-four-quadrant-model-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-four-quadrant-model.png);
    background-color: #cbb9a8;
}
.infoart-templates-header-pdcamodel-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pdcamodel.png);
    background-color: #d0ddd7;
}
.infoart-templates-header-reports-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-reports.png);
}
.infoart-templates-header-twitter-headers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-twitter.png);
}
.infoart-templates-header-email-headers-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-email.png);
}
.infoart-templates-header-instagram-posts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-instagram.png);
}
.infoart-templates-header-postcards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-postcards.png);
}

.infoart-templates-header-logos-bg {
	background-image: url(/images/infoart/templates/bg/template-page-shape-logos.png);
}


.infoart-templates-header-facebook-posts-bg {
	background-image: url(/images/infoart/templates/bg/template-page-shape-facebook-posts.png);
}

.infoart-templates-header-facebook-ads-bg {
	background-image: url(/images/infoart/templates/bg/template-page-shape-facebook-ads.png);
}

.infoart-templates-header-bg-type {
	/*background-color: #4a5d72;*/
	background-blend-mode: normal;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom center;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 10px;
    margin-top:20px;
    margin-left: 20px;
    margin-right: 20px;
    
}
@media only screen and (max-width: 991px){
.infoart-templates-header-bg-type {
	/*background-color: #4a5d72;*/
	background-blend-mode: normal;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom center;
    padding-top: 40px;
    padding-bottom: 0px;
    border-radius: 10px;
    margin:20px;
}

}
.template-caption-front .caption-box {
	width: 100%;
padding: 10px;
    display: inline-block;
    text-align: left;
    color: #546A7B;
    background: #f2f2f2;
    opacity: 1;
    border-radius: 0px 0px 3px 3px;
    font-size: 13px;
    font-weight: 600;
    margin-left: auto;
    line-height: 16px;
    margin-right: auto;
    position: relative;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;

}

.template-caption-front a {
	color: inherit;
	text-decoration: none;
}


.template-caption {
	margin-top: 15px;
padding-right: 10px;
    padding-left: 10px;
    display: table;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 5px;
}
.template-page-title-h1 {
color: #ffffff !important;
width: 700px;
margin-left: auto;
margin-right: auto;
}

.infoart-feature-header p, 
.charts-feature-header p {
    color: #ffffff !important;
    padding-left: 70px;
    padding-right: 70px;

}
@media only screen and (max-width: 600px) {
	.infoart-feature-header p, 
	.charts-feature-header p {
	    padding-left: 20px;
	    padding-right: 20px;	
	}
}
.diagrams-feature-header p {
    color: #ffffff !important;
    padding-left: 70px;
    padding-right: 70px;

}
@media only screen and (max-width: 600px) {
	.diagrams-feature-header p {
	    padding-left: 20px;
	    padding-right: 20px;	
	}
}

.full-container {
width: 100%;
}

/* slider css */

.slides {
    overflow: hidden;
    clear: both;
}

.slides .owl-carousel .owl-stage-outer {
    overflow: visible
}

.slide-list {
    width: 100%;
    margin: 0 auto;
}

.single-slide {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.owl-carousel .owl-stage {
	  display: flex;
  align-items: center;
}
.see-all-link {
	text-align: center;
	display: inline-grid;
	color: #7b8190;
}
.see-all-link:hover {

	color: #7b8190;
}
.see-all-top {
	float: right;
	font-size: 14px;
}
.see-all-top a{
	color: #7b8190;
} 
.slide-bg {
 cursor: pointer;
 display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center right;
}
.see-all-button {
	    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 0px #c8c8c8;
    -webkit-box-shadow: 0 0 0px #c8c8c8;
    box-shadow: 0 0 0px #c8c8c8;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    margin-top: -22.5px;
    padding-top: 3px;
    text-align: center;
    width: 40px;
    border: 3px solid #f9f9f9 !important;
	
}
.slides .owl-nav {
    left: 0;
    width: 99%;
    z-index: 2;
pointer-events:none;
   position: absolute;
    top: 50%;
}
.slides .owl-nav .fa {
font-size: 1.6rem;
}

.slides .owl-nav > button {
    background: none repeat scroll 0 0 #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-size: 25px;
    height: 40px;
    margin-top: -22.5px;
    padding-top: 3px;
    text-align: center;
    width: 40px;
    border: 2px solid rgb(228 228 228 / 0.5) !important;
        line-height: 13px !important;
            transition: all 0.3s ease 0s;
}

.slides .owl-nav > button:hover {
    background-color: #2EE59D;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    border: 2px solid rgb(255 255 255 / 0.5);
  
}
.slides .owl-nav > button:focus {
outline:0;
}

.slides .owl-nav > button.owl-prev {
    float: left;

    pointer-events: visible;
}

.slides .owl-nav > button.owl-next {
    float: right;

    pointer-events: visible;
}

.splide > .splide__arrows > button svg {
	background: none repeat scroll 0 0 #fff;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    display: inline-block;
    text-align: center;
    border: 2px solid rgb(228 228 228 / 0.5) !important;
    line-height: 13px !important;
    transition: all 0.3s ease 0s;
    fill: #666666;
}
.splide > .splide__arrows > button svg:hover {
	background-color: #2EE59D;
	box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    border: 2px solid rgb(255 255 255 / 0.5);
    fill: #fff;
}
.splide > .splide__arrows > button:focus {
	outline:0;
}

.slide-list::before,
.slide-list::after {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=80);
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 1000%;
    z-index: 1;
}

.slide-list::before {
    left: -1000%
}

.slide-list::after {
    right: -1000%
}

.slide-text {
    bottom: 0;
    color: #fff;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    width: 420px;

}

.slide-text h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    padding-right: 0px;
        letter-spacing: -0.06rem;
}
.slide-text p {
font-size: 1.3rem;
    line-height: 2rem;
    color: #666;
}

.slider-btn-learn-more {
color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 15px;
    margin-top: 30px;
    margin-bottom: 4px;
    text-transform: capitalize;
    background: #38d16a;
    border-radius: 3px;
  
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

}
.slider-btn-learn-more:hover{
    background: #2EAC57;
   
    color: #fff;
}
/* Medium Layout: 1280px. */
@media only screen and (max-width: 992px) { 
    .slide-text p {
    opacity: 0.8;
    background-color: #f7f7f7;
}
    .slide-text h2 {
    opacity: 0.8;
    background-color: #f7f7f7;
}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
   
    .slide-list {
      width: 680px;
    }    
    .single-slide {
      height: 390px;
    }    
   
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .slider-btn-learn-more {

    margin-top: 20px;
    margin-bottom: 10px;


}
    .slide-list {
      width: 280px;
    }
    

.slides .owl-nav > button {

    height: 40px;

    width: 40px;
}
.slider-btn-learn-more {
    font-size: 15px;
    font-weight: 700;
    padding: 8px 9px;
    margin-bottom: 2px;


}

.slides .owl-nav > button.owl-prev {
  margin-left: -10px;
  
}   
.slides .owl-nav > button.owl-next {
  margin-right: -10px;
}  
    
.single-slide {
  height: inherit;
} 
.slide-bg {
  height: 240px;
  position: relative;
}  
.slide-text {
  position: relative;
  width: auto;
      background-color: #f9f9f9;
}    
.slide-text h2 {
  font-size: 20px;
  line-height: 28px;
}    

    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .slide-list {
      width: 400px;
    } 
}
.slider-btn-learn-more:active{
	border: 1px solid transparent;
}
.slider-btn-learn-more:focus{
	border: 1px solid transparent;
}
.slider-btn-learn-more:active{
	border: 1px solid transparent;
}
.btn-action {
display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: baseline;

}
.slider-note {
	    display: inline-block;
    margin-bottom: 15px;
    height: 15px;
    line-height: 10px;
    vertical-align: middle;
    border-left: 1.5px solid #ccc;
    position: relative;
    top: 10px;
	
}
.slider-note p{
    font-size: 1.1rem;
    color: #666;
        font-weight: 700;
        top: -7px;
    position: relative;
        margin-left: 7px;
}
.note-highlight-blue{

    color: #4DA2FA;
    font-weight: 700;

}
.note-highlight-pink{

    color: #E75A7C;
    font-weight: 700;

}
.note-highlight-lightgrey{
font-size: 1rem;
    color: #b5b5b5;
margin-right: 5px;
}

.template-button {
    margin-right: 8px;
    border-radius: 4px;
    background: rgba(14,19,24,.7);
    cursor: pointer;
    padding: 0;
    border: none;
    right: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #fff;
    outline: none;
}
.template-button-set {
	display: flex;
	top: 0;
	right: 0;
	position: absolute;
    transition: 0.3s;
	opacity: 0;
}
.infoart-templates-item:hover .template-button-set {
    -webkit-transform: translateY(16px);
      opacity: 1;
}
.template-button-set {
    transform: translateY(-50px);
}
.multiple-template-thumbnail {
	float: left;
	/*margin: 1rem;
	display: flex;*/
}
.multiple-thumbnail {
	width: 25%;
	padding: 5px;
	display: inline-block;
}
.thumbnail-box {
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 1px;
}
.activeThumbnail {
	border: 2px solid #09bcec;
}
#edit-templateURL {
	display: none;
}
.thumbnails {
	
}
.list-multiple-page {
	/*max-width: 50%;*/
}
.template-top-title {
	display: flex;
	width: 100%;
	margin-bottom: 1rem;
	padding: 0 10px;
}
.search-template-result {
	padding: 1rem;
}

.search-all-templates .search-box, .search-type-templates .search-box {
	width: 80%;
	padding-right: 5px;
}
.search-all-templates .search-btn, .search-type-templates .search-btn {
	width: 10%;
    padding: .5rem 0px;
}
input.search-box {
	float: left;
    padding: .5rem 1rem;
    width: 80%;
    background: none;
    font-size: 17px;
    border: 1px solid lightgray;
    border-right: none;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
    line-height: unset;
}
input.search-box:focus {
	display: block;
	border: 1px solid lightgray;
    border-right: none;
}
input.search-box::placeholder {
	font-size: 12px;
	color: gray;
}
button.search-btn {
	float: left;
	padding: .5rem 1rem;
	background: none;
	font-size: 17px;
	border: 1px solid lightgray;
	border-left: none;
	border-radius: 0px;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	cursor: pointer;
}
.search-result {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding: 1rem 0;
}
.no-search-result, .no-search-results {
	text-align: center;
	padding: 2rem;
	font-size: 25px;
}
.no-search-result {
	display: none;
}
.infoart-templates-grid, .search-template-result {
	display: grid;
	grid-gap: .5rem;
	grid-template-columns: repeat(6, [col-start] 16% [col-end]);
	grid-auto-rows: 180px;
}
@media only screen and (max-width: 600px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(2, [col-start] 50% [col-end]);
	}
}
@media only screen and (min-width: 600px) {
	.infoart-templates-grid, .search-template-result {
		grid-template-columns: repeat(3, [col-start] 33.3% [col-end]);
	}
}
@media only screen and (min-width: 768px) {
  .infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(4, [col-start] 25% [col-end]);
	}
}
@media only screen and (min-width: 992px) {
	.infoart-templates-grid, .search-template-result {
	  	grid-template-columns: repeat(6, [col-start] 16% [col-end]);
	}
}
.diagram-content-main .infoart-templates-grid {
	display: grid !important;
    grid-template-columns: repeat(2, [col-start] 50% [col-end]) !important;
}
.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
	display: grid;
    grid-gap: .5rem;
    grid-template-columns: repeat(2, 300px);
    grid-auto-rows: 105px;
}
@media only screen and (max-width: 600px) {
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
		display: block;
	}
}
@media only screen and (min-width: 768px) {
  .diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
	  	grid-template-columns: repeat(2, 384px);
	}
	.diagram-content-main .infoart-templates-grid {
		display: grid !important;
	    grid-template-columns: repeat(2, [col-start] 50% [col-end]) !important;
	}
}
@media only screen and (min-width: 1024px) {
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
	  	grid-template-columns: repeat(3, 333px);
	}
	.diagram-content-main .infoart-templates-grid {
		display: grid !important;
	    grid-template-columns: repeat(3, [col-start] 33.3% [col-end]) !important;
	}
}
@media only screen and (min-width: 1200px) {
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
	  	grid-template-columns: repeat(4, 300px);
	}
	.diagram-content-main .infoart-templates-grid {
		display: grid !important;
	    grid-template-columns: repeat(4, [col-start] 25% [col-end]) !important;
	}
}
@media only screen and (min-width: 1400px) {
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
	  	grid-template-columns: repeat(5, 280px);
	}
}
@media only screen and (min-width: 1600px) {
	.diagram-list-templates.infoart-templates-grid, .diagram-list-templates.search-template-result {
	  	grid-template-columns: repeat(5, 320px);
	}
	.diagram-content-main .infoart-templates-grid {
		display: grid !important;
	    grid-template-columns: repeat(4, [col-start] 25% [col-end]) !important;
	}
}
.diagram-list-templates .infoart-templates-item:hover {
  	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
.diagram-list-templates .infoart-templates-item {
    display: inline-block;
    border: 1px solid #f2f2f2;
    border-radius: 5px 5px 3px 3px;
}
.diagram-list-templates .related-templates-masonry-content {
	margin: 0 !important;
}
.diagram-list-templates .infoart-templates-item img {
	display: block;
	width: 295px;
	height: 100% !important;
    object-fit: cover;
    border-radius: 0;
}
.diagram-list-templates .template-caption-front {
	margin-bottom: -8px;
}
.template-caption-front {
	display: block;
}
#edit-template {
	margin-top: 20px;
}

img.related-templates-masonry-content {
width: 100%;
	height: auto;
}
.template-spinner {
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(217, 217, 217, 0.8);
    border-right:6px solid rgba(217, 217, 217, 0.8);
    border-bottom:6px solid rgba(217, 217, 217, 0.8);
    border-top:6px solid rgba(109, 109, 109, 0.8);
    border-radius:100%;
 }
 
 @-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
 }
 @-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
 }
 @-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
 }
 @keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
 }

.specification {
	margin-top: 2rem;
}
.spec-col {
	padding: 0;	
}
.spec-title {
	font-weight: bold;
	font-size: 1.3rem;
	    margin-bottom: 20px;
	        margin-left: 15px;
}
.spec-sub-title {
	font-weight: bold;
    font-size: 1.2rem;
}
.custom-text {
	margin-bottom: 0;
    font-size: 1.2rem;
}
.customizable, .template-swatches, .dimension {
 	display: block;
 	margin-bottom: 1rem;
}
.dominant-color-title, .palette-color-title {
	margin-bottom: 1rem;
}
.dominant-color .swatch{
 	width: 3rem;
 	height: 3rem;
 }
 .swatches .swatch {
 	width: 2.5rem;
 	height: 2.5rem;
 }
 .swatch {
 	display:inline-block;
 	border-radius: 50%;
    margin-right: .5rem;
 }
.diagrams-templates-uml-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/uml.png) !important;
}
.diagrams-templates-dfd-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/dfd.png) !important;
}
.diagrams-templates-sysml-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/sysml.png) !important;
}
.diagrams-templates-business-misc-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/business-misc.png) !important;
}
.diagrams-templates-strategic-analysis-misc-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/strategic-analysis-misc.png) !important;
}
.diagrams-templates-brainstorming-misc-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/brainstorming-misc.png) !important;
}
.diagrams-templates-project-management-misc-header-bg {
	background-image: url(/images/diagrams/sub-category/bg/project-management-misc.png) !important;
}
 .diagrams-templates-header-class-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-class-diagram.png);
}
.diagrams-templates-header-use-case-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-use-case-diagram.png);
}
.diagrams-templates-header-sequence-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-sequence-diagram.png);
}
.diagrams-templates-header-activity-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-activity-diagram.png);
}
.diagrams-templates-header-deployment-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-deployment-diagram.png);
}
.diagrams-templates-header-component-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-component-diagram.png);
}
.diagrams-templates-header-state-machine-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-state-machine-diagram.png);
}
.diagrams-templates-header-package-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-package-diagram.png);
}
.diagrams-templates-header-data-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-data-flow-diagram.png);
}
.diagrams-templates-header-entity-relationship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-entity-relationship-diagram.png);
}
.diagrams-templates-header-requirement-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-requirement-diagram.png);
}
.diagrams-templates-header-block-definition-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-definition-diagram.png);
}
.diagrams-templates-header-internal-block-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-internal-block-diagram.png);
}
.diagrams-templates-header-parametric-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-parametric-diagram.png);
}
.diagrams-templates-header-robustness-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-robustness-diagram.png);
}
.diagrams-templates-header-enterprise-integration-patterns-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-enterprise-integration-patterns.png);
}
.diagrams-templates-header-business-process-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-business-process-diagram.png);
}
.diagrams-templates-header-archimate-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-archimate-diagram.png);
}
.diagrams-templates-header-itil-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-itil-diagram.png);
}
.diagrams-templates-header-customer-journey-mapping-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-customer-journey-mapping.png);
}
.diagrams-templates-header-value-stream-mapping-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-value-stream-mapping.png);
}
.diagrams-templates-header-epc-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-epc-diagram.png);
}
.diagrams-templates-header-causal-loop-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-causal-loop-diagram.png);
}
.diagrams-templates-header-business-concept-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-business-concept-diagram.png);
}
.diagrams-templates-header-dendrogram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-dendrogram.png);
}
.diagrams-templates-header-system-context-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-system-context-diagram.png);
}
.diagrams-templates-header-arrow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-arrow-diagram.png);
}
.diagrams-templates-header-problem-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-problem-flow-diagram.png);
}
.diagrams-templates-header-information-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-information-flow-diagram.png);
}
.diagrams-templates-header-affinity-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-affinity-diagram.png);
}
.diagrams-templates-header-interrelationship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-interrelationship-diagram.png);
}
.diagrams-templates-header-enterprise-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-enterprise-architecture-diagram.png);
}
.diagrams-templates-header-decision-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-decision-tree.png);
}
.diagrams-templates-header-influence-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-influence-diagram.png);
}
.diagrams-templates-header-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart.png);
}
.diagrams-templates-header-flowchart/swimlane-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/swimlane-diagram.png);
}
.diagrams-templates-header-flowchart/cross-functional-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/cross-functional-flowchart.png);
}
.diagrams-templates-header-sdl-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-sdl-diagram.png);
}
.diagrams-templates-header-flowchart/audit-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/audit-flowchart.png);
}
.diagrams-templates-header-flowchart/accounting-flowchart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flowchart/accounting-flowchart.png);
}
.diagrams-templates-header-floor-plan/home-office-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/home-office.png);
}
.diagrams-templates-header-floor-plan/work-office-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/work-office.png);
}
.diagrams-templates-header-floor-plan/seating-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/seating-chart.png);
}
.diagrams-templates-header-floor-plan/bedroom-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/bedroom.png);
}
.diagrams-templates-header-floor-plan/living-room-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/living-room.png);
}
.diagrams-templates-header-floor-plan/dining-room-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/dining-room.png);
}
.diagrams-templates-header-floor-plan/kitchen-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/kitchen.png);
}
.diagrams-templates-header-floor-plan/bathroom-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/bathroom.png);
}
.diagrams-templates-header-floor-plan/restroom-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan/restroom.png);
}
.diagrams-templates-header-floor-plan-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-floor-plan.png);
}
.diagrams-templates-header-organization-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-organization-chart.png);
}
.diagrams-templates-header-family-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-family-tree.png);
}
.diagrams-templates-header-genogram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-genogram.png);
}
.diagrams-templates-header-kinship-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-kinship-diagram.png);
}
.diagrams-templates-header-ios-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ios-wireframe.png);
}
.diagrams-templates-header-material-design-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-material-design-wireframe.png);
}
.diagrams-templates-header-android-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-android-wireframe.png);
}
.diagrams-templates-header-bootstrap-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bootstrap-wireframe.png);
}
.diagrams-templates-header-fluent-design-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-fluent-design-wireframe.png);
}
.diagrams-templates-header-mockups-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-mockups-wireframe.png);
}
.diagrams-templates-header-wired-ui-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-wired-ui-diagram.png);
}
.diagrams-templates-header-atlassian-wireframe-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-atlassian-wireframe.png);
}
.diagrams-templates-header-user-flow-mobile-app-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-user-flow-mobile-app.png);
}
.diagrams-templates-header-user-flow-website-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-user-flow-website.png);
}
.diagrams-templates-header-site-map-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-site-map-diagram.png);
}
.diagrams-templates-header-network-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-network-diagram.png);
}
.diagrams-templates-header-rack-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-rack-diagram.png);
}
.diagrams-templates-header-aws-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-aws-architecture-diagram.png);
}
.diagrams-templates-header-azure-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-azure-architecture-diagram.png);
}
.diagrams-templates-header-google-cloud-platform-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-google-cloud-platform-diagram.png);
}
.diagrams-templates-header-alibaba-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-alibaba-cloud-architecture-diagram.png);
}
.diagrams-templates-header-huawei-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-huawei-cloud-architecture-diagram.png);
}
.diagrams-templates-header-oracle-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-oracle-cloud-architecture-diagram.png);
}
.diagrams-templates-header-ibm-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ibm-cloud-architecture-diagram.png);
}
.diagrams-templates-header-tencent-cloud-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tencent-cloud-architecture-diagram.png);
}
.diagrams-templates-header-work-breakdown-structure-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-work-breakdown-structure.png);
}
.diagrams-templates-header-pert-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pert-chart.png);
}
.diagrams-templates-header-tqm-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tqm-diagram.png);
}
.diagrams-templates-header-fault-tree-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-fault-tree-analysis.png);
}
.diagrams-templates-header-threat-model-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-threat-model-diagram.png);
}
.diagrams-templates-header-mind-map-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-mind-map-diagram.png);
}
.diagrams-templates-header-concept-map-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-concept-map-diagram.png);
}
.diagrams-templates-header-bubble-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bubble-diagram.png);
}
.diagrams-templates-header-business-model-canvas-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-business-model-canvas.png);
}
.diagrams-templates-header-analysis-canvas-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas.png);
}
.diagrams-templates-header-analysis-canvas/agile-tools-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/agile-tools.png);
}
.diagrams-templates-header-analysis-canvas/project-management-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/project-management.png);
}
.diagrams-templates-header-analysis-canvas/business-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/business-model.png);
}
.diagrams-templates-header-analysis-canvas/problem-solving-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/problem-solving.png);
}
.diagrams-templates-header-analysis-canvas/product-planning-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/product-planning.png);
}
.diagrams-templates-header-analysis-canvas/strategy-tools-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/strategy-tools.png);
}
.diagrams-templates-header-analysis-canvas/learning-skills-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/learning-skills.png);
}
.diagrams-templates-header-analysis-canvas/team-management-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/team-management.png);
}
.diagrams-templates-header-analysis-canvas/miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-analysis-canvas/miscellaneous.png);
}
.diagrams-templates-header-swot-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-swot-analysis.png);
}
.diagrams-templates-header-five-forces-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-five-forces-analysis.png);
}
.diagrams-templates-header-pest-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pest-analysis.png);
}
.diagrams-templates-header-four-corners-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-four-corners-analysis.png);
}
.diagrams-templates-header-value-chain-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-value-chain-analysis.png);
}
.diagrams-templates-header-competitor-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-competitor-analysis.png);
}
.diagrams-templates-header-root-cause-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-root-cause-analysis.png);
}
.diagrams-templates-header-dashboard-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-dashboard.png);
}
.diagrams-templates-header-column-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-column-chart.png);
}
.diagrams-templates-header-bar-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bar-chart.png);
}
.diagrams-templates-header-line-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-line-chart.png);
}
.diagrams-templates-header-area-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-area-chart.png);
}
.diagrams-templates-header-histogram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-histogram.png);
}
.diagrams-templates-header-scatter-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-scatter-chart.png);
}
.diagrams-templates-header-bubble-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bubble-chart.png);
}
.diagrams-templates-header-pie-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pie-chart.png);
}
.diagrams-templates-header-radar-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-radar-chart.png);
}
.diagrams-templates-header-pictorial-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pictorial-chart.png);
}
.diagrams-templates-header-pyramid-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pyramid-chart.png);
}
.diagrams-templates-header-funnel-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-funnel-chart.png);
}
.diagrams-templates-header-doughnut-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-doughnut-chart.png);
}
.diagrams-templates-header-radial-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-radial-chart.png);
}
.diagrams-templates-header-rose-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-rose-chart.png);
}
.diagrams-templates-header-heatmap-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-heatmap-chart.png);
}
.diagrams-templates-header-treemap-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-treemap-chart.png);
}
.diagrams-templates-header-control-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-control-chart.png);
}
.diagrams-templates-header-pareto-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pareto-chart.png);
}
.diagrams-templates-header-process-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map.png);
}
.diagrams-templates-header-block-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram.png);
}
.diagrams-templates-header-block-diagram/list-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/list.png);
}
.diagrams-templates-header-block-diagram/process-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/process.png);
}
.diagrams-templates-header-block-diagram/cycle-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/cycle.png);
}
.diagrams-templates-header-block-diagram/hierarchy-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/hierarchy.png);
}
.diagrams-templates-header-block-diagram/relationship-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/relationship.png);
}
.diagrams-templates-header-block-diagram/matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/matrix.png);
}
.diagrams-templates-header-block-diagram/pyramid-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/pyramid.png);
}
.diagrams-templates-header-block-diagram/miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-diagram/miscellaneous.png);
}
.diagrams-templates-header-basic-electrical-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-basic-electrical-diagram.png);
}
.diagrams-templates-header-logic-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-logic-diagram.png);
}
.diagrams-templates-header-circuit-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-circuit-diagram.png);
}
.diagrams-templates-header-wiring-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-wiring-diagram.png);
}
.diagrams-templates-header-process-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-flow-diagram.png);
}
.diagrams-templates-header-piping-and-instrumentation-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-piping-and-instrumentation-diagram.png);
}
.diagrams-templates-header-venn-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-venn-diagram.png);
}
.diagrams-templates-header-infographic-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-infographic.png);
}
.diagrams-templates-header-timeline-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-timeline-diagram.png);
}
.diagrams-templates-header-gantt-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-gantt-chart.png);
}
.diagrams-templates-header-aida-funnel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-aida-funnel.png);
}
.diagrams-templates-header-brand-essence-wheel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-brand-essence-wheel.png);
}
.diagrams-templates-header-dichotomous-key-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-dichotomous-key.png);
}
.diagrams-templates-header-disneys-creative-strategy-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-disneys-creative-strategy.png);
}
.diagrams-templates-header-kwl-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-kwl-chart.png);
}
.diagrams-templates-header-pdca-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pdca.png);
}
.diagrams-templates-header-pedigree-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pedigree-chart.png);
}
.diagrams-templates-header-perceptual-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-perceptual-map.png);
}
.diagrams-templates-header-topic-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-topic-map.png);
}
.diagrams-templates-header-5-whys-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-5-whys.png);
}
.diagrams-templates-header-cluster-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-cluster-diagram.png);
}
.diagrams-templates-header-euler-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-euler-diagram.png);
}
.diagrams-templates-header-ge-mckinsey-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ge-mckinsey-matrix.png);
}
.diagrams-templates-header-gane-sarson-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-gane-sarson-diagram.png);
}
.diagrams-templates-header-mckinsey-7s-framework-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-mckinsey-7s-framework.png);
}
.diagrams-templates-header-ohmaes-3c-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ohmaes-3c-model.png);
}
.diagrams-templates-header-ssadm-dfd-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ssadm-dfd.png);
}
.diagrams-templates-header-strategy-canvas-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-strategy-canvas.png);
}
.diagrams-templates-header-yourdon-demarco-dfd-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-yourdon-demarco-dfd.png);
}
.diagrams-templates-header-yourdon-and-coad-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-yourdon-and-coad-diagram.png);
}
.diagrams-templates-header-scamper-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-scamper.png);
}
.diagrams-templates-header-ansoff-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ansoff-matrix.png);
}
.diagrams-templates-header-balanced-scorecard-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-balanced-scorecard.png);
}
.diagrams-templates-header-brainwriting-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-brainwriting.png);
}
.diagrams-templates-header-round-robin-brainstorming-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-round-robin-brainstorming.png);
}
.diagrams-templates-header-sipoc-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-sipoc-diagram.png);
}
.diagrams-templates-header-stakeholder-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-stakeholder-matrix.png);
}
.diagrams-templates-header-strategy-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-strategy-map.png);
}
.diagrams-templates-header-5s-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-5s.png);
}
.diagrams-templates-header-5w1h-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-5w1h.png);
}
.diagrams-templates-header-6s-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-6s.png);
}
.diagrams-templates-header-critical-to-quality-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-critical-to-quality-tree.png);
}
.diagrams-templates-header-eisenhower-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-eisenhower-matrix.png);
}
.diagrams-templates-header-solution-selection-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-solution-selection-matrix.png);
}
.diagrams-templates-header-star-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-star-diagram.png);
}
.diagrams-templates-header-starbursting-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-starbursting.png);
}
.diagrams-templates-header-vision-and-strategy-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-vision-and-strategy.png);
}
.diagrams-templates-header-block-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-block-flow-diagram.png);
}
.diagrams-templates-header-concept-fan-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-concept-fan.png);
}
.diagrams-templates-header-force-field-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-force-field-analysis.png);
}
.diagrams-templates-header-lotus-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-lotus-diagram.png);
}
.diagrams-templates-header-reframing-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-reframing-matrix.png);
}
.diagrams-templates-header-reverse-brainstorming-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-reverse-brainstorming.png);
}
.diagrams-templates-header-stepladder-technique-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-stepladder-technique.png);
}
.diagrams-templates-header-adkar-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-adkar.png);
}
.diagrams-templates-header-driver-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-driver-diagram.png);
}
.diagrams-templates-header-futures-wheel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-futures-wheel.png);
}
.diagrams-templates-header-how-how-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-how-how-diagram.png);
}
.diagrams-templates-header-why-why-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-why-why-diagram.png);
}
.diagrams-templates-header-kotters-8-step-change-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-kotters-8-step-change-model.png);
}
.diagrams-templates-header-marketing-funnel-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-marketing-funnel.png);
}
.diagrams-templates-header-soar-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-soar-analysis.png);
}
.diagrams-templates-header-tofu-mofu-bofu-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tofu-mofu-bofu.png);
}
.diagrams-templates-header-bcg-matrix-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bcg-matrix.png);
}
.diagrams-templates-header-cocd-box-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-cocd-box.png);
}
.diagrams-templates-header-current-reality-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-current-reality-tree.png);
}
.diagrams-templates-header-future-reality-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-future-reality-tree.png);
}
.diagrams-templates-header-lewins-change-model-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-lewins-change-model.png);
}
.diagrams-templates-header-ooda-loop-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-ooda-loop.png);
}
.diagrams-templates-header-roadmap-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-roadmap.png);
}
.diagrams-templates-header-defect-concentration-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-defect-concentration-diagram.png);
}
.diagrams-templates-header-moscow-method-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-moscow-method.png);
}
.diagrams-templates-header-tows-analysis-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-tows-analysis.png);
}
.diagrams-templates-header-empathy-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-empathy-map.png);
}
.diagrams-templates-header-circular-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-circular-flow-diagram.png);
}
.diagrams-templates-header-pick-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pick-diagram.png);
}
.diagrams-templates-header-circle-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-circle-map.png);
}
.diagrams-templates-header-evaporating-cloud-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-evaporating-cloud.png);
}
.diagrams-templates-header-prerequisite-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-prerequisite-tree.png);
}
.diagrams-templates-header-transition-tree-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-transition-tree.png);
}
.diagrams-templates-header-bridge-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-bridge-map.png);
}
.diagrams-templates-header-nasa-project-lifecycle-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-nasa-project-lifecycle.png);
}
.diagrams-templates-header-flow-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-flow-map.png);
}
.diagrams-templates-header-diamond-ranking-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-diamond-ranking.png);
}
.diagrams-templates-header-pmi-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-pmi-chart.png);
}
.diagrams-templates-header-t-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-t-chart.png);
}
.diagrams-templates-header-y-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-y-chart.png);
}
.diagrams-templates-header-x-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-x-chart.png);
}
.diagrams-templates-header-stock-and-flow-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-stock-and-flow-diagram.png);
}
.diagrams-templates-header-geo-map-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-geo-map.png);
}
.diagrams-templates-header-semi-doughnut-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-semi-doughnut.png);
}
.diagrams-templates-header-gauge-chart-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-gauge-chart.png);
}
.diagrams-templates-header-hexagonal-architecture-diagram-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-hexagonal-architecture-diagram.png);
}
.diagrams-templates-header-4qs-framework-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-4qs-framework.png);
}
.diagrams-templates-header-process-map//enterprise-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//enterprise.png);
}
.diagrams-templates-header-process-map//business-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//business.png);
}
.diagrams-templates-header-process-map//project-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//project.png);
}
.diagrams-templates-header-process-map//marketing-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//marketing.png);
}
.diagrams-templates-header-process-map//manufacturing-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//manufacturing.png);
}
.diagrams-templates-header-process-map//accounting-and-finance-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//accounting-and-finance.png);
}
.diagrams-templates-header-process-map//miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map//miscellaneous.png);
}
.diagrams-templates-header-process-map/enterprise-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/enterprise.png);
}
.diagrams-templates-header-process-map/business-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/business.png);
}
.diagrams-templates-header-process-map/project-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/project.png);
}
.diagrams-templates-header-process-map/marketing-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/marketing.png);
}
.diagrams-templates-header-process-map/manufacturing-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/manufacturing.png);
}
.diagrams-templates-header-process-map/accounting-and-finance-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/accounting-and-finance.png);
}
.diagrams-templates-header-process-map/miscellaneous-bg {
    background-image: url(/images/diagrams/templates/bg/template-page-shape-process-map/miscellaneous.png);
}
.charts-templates-header-dashboard-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-dashboard.png);
}
.charts-templates-header-column-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-column-chart.png);
}
.charts-templates-header-bar-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-bar-chart.png);
}
.charts-templates-header-line-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-line-chart.png);
}
.charts-templates-header-area-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-area-chart.png);
}
.charts-templates-header-histogram-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-histogram.png);
}
.charts-templates-header-scatter-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-scatter-chart.png);
}
.charts-templates-header-bubble-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-bubble-chart.png);
}
.charts-templates-header-pie-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pie-chart.png);
}
.charts-templates-header-radar-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-radar-chart.png);
}
.charts-templates-header-pictorial-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pictorial-chart.png);
}
.charts-templates-header-pyramid-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pyramid-chart.png);
}
.charts-templates-header-funnel-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-funnel-chart.png);
}
.charts-templates-header-doughnut-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-doughnut-chart.png);
}
.charts-templates-header-radial-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-radial-chart.png);
}
.charts-templates-header-rose-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-rose-chart.png);
}
.charts-templates-header-heatmap-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-heatmap-chart.png);
}
.charts-templates-header-treemap-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-treemap-chart.png);
}
.charts-templates-header-control-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-control-chart.png);
}
.charts-templates-header-pareto-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pareto-chart.png);
}
.charts-templates-header-strategy-canvas-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-strategy-canvas.png);
}
.charts-templates-header-geo-map-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-geo-map.png);
}
.charts-templates-header-semi-doughnut-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-semi-doughnut.png);
}
.charts-templates-header-gauge-chart-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-gauge-chart.png);
}
.charts-templates-header-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-bar-charts.png);
}
.charts-templates-header-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-column-charts.png);
}
.charts-templates-header-grouped-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-grouped-column-charts.png);
}
.charts-templates-header-stacked-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-column-charts.png);
}
.charts-templates-header-histograms-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-histograms.png);
}
.charts-templates-header-grouped-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-grouped-bar-charts.png);
}
.charts-templates-header-stacked-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-bar-charts.png);
}
.charts-templates-header-butterfly-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-butterfly-charts.png);
}
.charts-templates-header-pie-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pie-charts.png);
}
.charts-templates-header-doughnut-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-doughnut-charts.png);
}
.charts-templates-header-double-doughnut-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-double-doughnut-charts.png);
}
.charts-templates-header-semi-doughnut-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-semi-doughnut-charts.png);
}
.charts-templates-header-nightingale-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-nightingale-rose-charts.png);
}
.charts-templates-header-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-line-charts.png);
}
.charts-templates-header-curved-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-curved-line-charts.png);
}
.charts-templates-header-stacked-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-line-charts.png);
}
.charts-templates-header-step-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-step-charts.png);
}
.charts-templates-header-control-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-control-charts.png);
}
.charts-templates-header-column-and-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-column-and-line-charts.png);
}
.charts-templates-header-grouped-column-and-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-grouped-column-and-line-charts.png);
}
.charts-templates-header-stacked-column-and-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-column-and-line-charts.png);
}
.charts-templates-header-pareto-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pareto-charts.png);
}
.charts-templates-header-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-area-charts.png);
}
.charts-templates-header-stacked-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-area-charts.png);
}
.charts-templates-header-stepped-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stepped-area-charts.png);
}
.charts-templates-header-difference-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-difference-charts.png);
}
.charts-templates-header-radial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-radial-charts.png);
}
.charts-templates-header-stacked-radial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-radial-charts.png);
}
.charts-templates-header-geo-maps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-geo-maps.png);
}
.charts-templates-header-geo-heatmaps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-geo-heatmaps.png);
}
.charts-templates-header-scatter-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-scatter-charts.png);
}
.charts-templates-header-bubble-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-bubble-charts.png);
}
.charts-templates-header-punch-cards-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-punch-cards.png);
}
.charts-templates-header-360-punch-cards-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-360-punch-cards.png);
}
.charts-templates-header-radar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-radar-charts.png);
}
.charts-templates-header-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-rose-charts.png);
}
.charts-templates-header-stacked-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-stacked-rose-charts.png);
}
.charts-templates-header-gauge-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-gauge-charts.png);
}
.charts-templates-header-funnel-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-funnel-charts.png);
}
.charts-templates-header-pyramid-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pyramid-charts.png);
}
.charts-templates-header-pictorial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-pictorial-charts.png);
}
.charts-templates-header-heatmaps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-heatmaps.png);
}
.charts-templates-header-treemaps-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-treemaps.png);
}
.charts-templates-header-gantt-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-gantt-charts.png);
}
.charts-templates-header-candlestick-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-candlestick.png);
}
.charts-templates-header-boxplots-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-boxplots.png);
}
.charts-templates-header-100-stacked-column-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-column-charts.png);
}
.charts-templates-header-100-stacked-bar-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-bar-charts.png);
}
.charts-templates-header-100-stacked-line-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-line-charts.png);
}
.charts-templates-header-100-stacked-area-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-area-charts.png);
}
.charts-templates-header-100-stacked-radial-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-radial-charts.png);
}
.charts-templates-header-100-stacked-rose-charts-bg {
    background-image: url(/images/charts/templates/bg/template-page-shape-100-stacked-rose-charts.png);
}
#infoart-templates-section .templates-gallery {
	width: 100%;
}
.search-all-templates, .search-type-templates {
	display: inline-block;
    width: 70%;
    padding: 1rem;
}
.top-title {
	display: inline-block;
    width: 50%;
    margin-right: .5rem;
}
.search-type-templates .template-count {
	display: inline-block;
	padding: 10px;
	width: 30%;
	text-align: right;
}
.template-top-title .template-count {
	display: inline-block;
    padding: 10px 0;
    width: 50%;
    text-align: right;
}
.search-bar-input-group {
	display: table;
    width: 70%;
  	border-collapse: collapse;
}
.search-bar-input-group.center {
	width: 100%;
}
.search-bar-input-group.right {
    float: right;
}
.search-bar-input-group  div {
	display: table-cell;
  	vertical-align: middle;  /* needed for Safari */
}
.search-input-group-area {
	width:100%;
}
.search-input-group-icon.left {
	width: 25%;
}
.search-input-group-icon.left select {
    background: #f1f1f1;
    border: 0px solid lightgray;
    padding: 9.7px 10px;
    font-size: 15px;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	
}
.search-input-group-area .search-input,
.search-input-group-icon .search-input-btn {
    font-size: 17px;
    border: 1px solid lightgray;
    background: white;
    padding-top: 8px;
    padding-bottom: 8px;

}
.search-input-group-area .search-input {
	display: block;
    width: 100%;
    border-right: none;
    border-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: none;
    line-height: unset;
}
.center .search-input-group-area .search-input {
	border-left: none;
	border-radius: 0px;
}
.search-input-group-area .search-input:focus {
	border: 1px solid lightgray;
    border-right: none;
}
.search-input-group-area .search-input::placeholder {
	font-size: 12px;
	color: gray;
}
.search-input-group-icon .search-input-btn {
	padding-left: 20px;
	padding-right: 20px;
    border-left: none;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.template-menu-top {
	display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}
.template-menu-top .nav-tabs {
    display: block;
    padding: 5px 10px;
    text-align: left;
    min-height: 50px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li ,
.splide-menu.nav-tabs li.open, .splide-menu.nav-tabs li {
  font-weight: 600;
    font-size: 16px;
    border-bottom: 0px solid transparent;
    color: #717274;
    border-radius: 8px;
    padding: 5px 7px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover,
.splide-menu.nav-tabs li.open, .splide-menu.nav-tabs li:hover {
color: #1f92b5;
    background-color: #f3f3f3;
    border-radius: 8px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.active,
.splide-menu.nav-tabs li.active {
	border-bottom: 0px solid #39A7DF;
    position: relative;
      font-weight: 700;
      text-decoration: underline;
         background-color: #f3f3f3;
         color: #52bfa2;
}
.template-menu-top .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover,
.splide-menu.nav-tabs li.open, .splide-menu.nav-tabs li:hover {
	    border-bottom: 0px solid #9fc9dd;
	
}
.template-menu-top  .tabbable-line > .nav-tabs > li,
.splide-menu.nav-tabs li  {
	    margin-right: 0px;
	
}
.template-menu-top .nav>li>a,
.template-menu-top .slides .nav li a {
	    padding: 7px 8px;
}
.template-menu-top .tabbable-line > .nav-tabs > li.active > a,
.slides.nav-tabs li.active a {
	 
}
#templates .splide {
	padding-top: 0;
	padding-bottom: 0;
}
#templates .splide__list {
	display: flex;
	align-items: center;
}
.splide .menu-top {
	width: 200px;
	margin-right: 12px;
}
.diagram.splide .item {
	overflow: hidden;
}
.infoart.splide .infoart-templates-item {
	width: 200px;
}
.diagram.splide .item img {
	width: 295px;
    height: 166px;
    object-fit: cover;
}
#templateType-main .pagination {
    position: relative;
    margin-right: auto;
    float: unset;
    margin-left: auto;
    display: table;
}
.pagination {
 	border-radius: 0 !important;
}
.pagination>li>a, .pagination>li>span {
    color: #546A7B;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
   padding: 4px 10px;
   margin: 5px;
    border: none;
    border-radius: 40px;
    transition: all 0.3s ease 0s;
}
.pagination li:first-child > button {
border-radius: 20px;
    padding: 4px 12px;
}
.pagination li:last-child > button {
border-radius: 20px;
    padding: 4px 12px;
}
.pagination button {
 	position: relative;
 	line-height: 21px;
    float: left;
color: #546A7B;
    margin: 5px;
    background-color: transparent;
    font-size: 18px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    transition: all 0.3s ease 0s;
 }
.pagination button:hover {
 	z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination button:focus {
 	border: 1px solid #ddd;
 	outline: 0;
}
.pagination a.active, .pagination a.active:hover {
 	color: #fff;
 	background-color: #e089cd;
	border-color: #e089cd;
}
.pagination .disabled > button, .pagination button[disabled] {
 	cursor: not-allowed;
 	color: #777;
 	background-color: #f2f2f2;
}


.infoart-templates-header-bar-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-bar-charts.png);
}
.infoart-templates-header-column-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-column-charts.png);
}
.infoart-templates-header-grouped-column-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-grouped-column-charts.png);
}
.infoart-templates-header-stacked-column-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-column-charts.png);
}
.infoart-templates-header-histograms-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-histograms.png);
}
.infoart-templates-header-grouped-bar-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-grouped-bar-charts.png);
}
.infoart-templates-header-stacked-bar-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-bar-charts.png);
}
.infoart-templates-header-butterfly-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-butterfly-charts.png);
}
.infoart-templates-header-pie-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pie-charts.png);
}
.infoart-templates-header-doughnut-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-doughnut-charts.png);
}
.infoart-templates-header-double-doughnut-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-double-doughnut-charts.png);
}
.infoart-templates-header-semi-doughnut-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-semi-doughnut-charts.png);
}
.infoart-templates-header-nightingale-rose-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-nightingale-rose-charts.png);
}
.infoart-templates-header-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-line-charts.png);
}
.infoart-templates-header-curved-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-curved-line-charts.png);
}
.infoart-templates-header-stacked-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-line-charts.png);
}
.infoart-templates-header-step-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-step-charts.png);
}
.infoart-templates-header-control-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-control-charts.png);
}
.infoart-templates-header-column-and-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-column-and-line-charts.png);
}
.infoart-templates-header-grouped-column-and-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-grouped-column-and-line-charts.png);
}
.infoart-templates-header-stacked-column-and-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-column-and-line-charts.png);
}
.infoart-templates-header-pareto-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pareto-charts.png);
}
.infoart-templates-header-area-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-area-charts.png);
}
.infoart-templates-header-stacked-area-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-area-charts.png);
}
.infoart-templates-header-stepped-area-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stepped-area-charts.png);
}
.infoart-templates-header-difference-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-difference-charts.png);
}
.infoart-templates-header-radial-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-radial-charts.png);
}
.infoart-templates-header-stacked-radial-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-radial-charts.png);
}
.infoart-templates-header-geo-maps-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-geo-maps.png);
}
.infoart-templates-header-geo-heatmaps-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-geo-heatmaps.png);
}
.infoart-templates-header-scatter-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-scatter-charts.png);
}
.infoart-templates-header-bubble-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-bubble-charts.png);
}
.infoart-templates-header-punch-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-punch-cards.png);
}
.infoart-templates-header-360-punch-cards-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-360-punch-cards.png);
}
.infoart-templates-header-radar-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-radar-charts.png);
}
.infoart-templates-header-rose-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-rose-charts.png);
}
.infoart-templates-header-stacked-rose-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-stacked-rose-charts.png);
}
.infoart-templates-header-gauge-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-gauge-charts.png);
}
.infoart-templates-header-funnel-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-funnel-charts.png);
}
.infoart-templates-header-pyramid-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pyramid-charts.png);
}
.infoart-templates-header-pictorial-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-pictorial-charts.png);
}
.infoart-templates-header-heatmaps-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-heatmaps.png);
}
.infoart-templates-header-treemaps-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-treemaps.png);
}
.infoart-templates-header-gantt-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-gantt-charts.png);
}
.infoart-templates-header-candlestick-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-candlestick.png);
}
.infoart-templates-header-boxplots-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-boxplots.png);
}
.infoart-templates-header-100-stacked-column-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-100-stacked-column-charts.png);
}
.infoart-templates-header-100-stacked-bar-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-100-stacked-bar-charts.png);
}
.infoart-templates-header-100-stacked-line-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-100-stacked-line-charts.png);
}
.infoart-templates-header-100-stacked-area-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-100-stacked-area-charts.png);
}
.infoart-templates-header-100-stacked-radial-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-100-stacked-radial-charts.png);
}
.infoart-templates-header-100-stacked-rose-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-100-stacked-rose-charts.png);
}
.infoart-templates-header-floating-bar-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-floating-bar-charts.png);
}
.infoart-templates-header-floating-column-charts-bg {
    background-image: url(/images/infoart/templates/bg/template-page-shape-floating-column-charts.png);
}