@charset "UTF-8";
/* CSS Document */

.row [class^=col] {
	margin: .5rem 1%;
}

.row [class^=col]:first-of-type {
    margin-left: 0;   
}

.link-right {
	font-weight: 300;
	font-size: 30px;
}

.link-right a,
.link-right a:visited {
    color: #a0a0a0;
}

.link-right a:focus,
.link-right a:hover {
	color: #2322F0;
}

@media only screen and (min-width: 760px) {
    .link-right {
	   	top: 3px;
		position: absolute;
		right: 3px; 
    }
}

/*** List of apps ***/
.app-list .content-list.content > .content-item,
#appList .content-list.content > .content-item {
	border-bottom: 0px solid #e6e9ea;
	color: #676767;
	float: left;
	font-size: 10px;
	position: relative;
	min-height: 150px;
	width: 100%;
	padding: 10px 10px 10px 110px;
}


@media screen and (min-width: 768px) {	
    .app-list .content-list.content > .content-item,
	#appList .content-list.content > .content-item {
	    margin: 0 1%;
		min-height: 175px;
		width: 31%;
		padding: 10px 25px 0 110px;
	}
	
	.app-list .content-list.content > .content-item:nth-of-type(3n+0),
	#appList .content-list.content > .content-item:nth-of-type(3n+0) {
	    padding: 10px 0px 0 110px;
    }

}
    .app-list .content-list.content > .content-item > h3,
	#appList .content-list.content > .content-item > h3 {
		color: #010101;
		font-size: 14.3px;
	}

    .app-list .content-list.content > .content-item .post-author,
	#appList .content-list.content > .content-item .post-author {
		color: #989898;
		margin: 2px 0 0;
	}

	.content-fragment .app-list  .content > .content .post-author a 
	.content-fragment #appList  .content > .content .post-author a {
		color: #989898;
	}
	
	.content-fragment .app-list  .content > .content .post-author a:focus, 
	.content-fragment .app-list  .content > .content .post-author a:hover,
	.content-fragment #appList  .content > .content .post-author a:focus, 
	.content-fragment #appList  .content > .content .post-author a:hover {
		color: #4aa3df;
	}

	.app-list .content-list.content > .content-item .post-summary,
	#appList .content-list.content > .content-item .post-summary {
		margin-top: 6px;
	}

.content-fragment .app-list .content.abbreviated,
.content-fragment #appList .content.abbreviated {
    display: block;
}

.content-fragment .app-list .content.abbreviated .name,
.content-fragment #appList  .content.abbreviated .name {
    font-weight: normal;
    line-height: 21px;
	margin: 0;
}

.content-fragment .app-list .content.abbreviated .icon,
.content-fragment #appList  .content.abbreviated .icon {
	overflow: hidden;
	border-radius: 300px;
	color: white;
	font-size: 11.7px;
	font-weight: normal;
	height: 90px;
	position: absolute;
	width: 90px;
	padding: 0;
	z-index: 1;
	top: 6px;
	left: 6px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
}

	.content-fragment .app-list .content.abbreviated .icon:after,
	.content-fragment #appList .content.abbreviated .icon:after {
		background-image: url(https://www.appian.com/wp-content/themes/appian/images/interim/icon-plugin.png);
		background-size: 70% 70%;
		background-repeat: no-repeat;
		background-position: center;
		background-opacity: 0.5;
		position: absolute;
		bottom: 0;
		height: 80%;
		right: 0;
		content: "";
		opacity: 1;
		z-index: -1;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		transition: all 300ms;
		width: 80%;
		top: 10%;
		left: 10%;
	}

	.content-fragment .app-list .content.abbreviated .icon.hasImage:after,
	.content-fragment #appList .content.abbreviated .icon.hasImage:after {
		background-image: url('');
	}

	.content-fragment .app-list  .content.abbreviated .icon > img,
	.content-fragment #appList  .content.abbreviated .icon > img {
		height: 80%;
		left: 10%;
		position: absolute;
		top: 10%;
		width: 80%;
	}


.footer-fragments {
	border-top: 0px solid #e6e9ea;
}

.margin-bottom {
	margin-bottom: 60px !important;
}

.post-rating {
	margin-top: 4px;
}

.post-badges {
	display: inline-block;
}

.post-badges span:not(.attribute-name) {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: 200%;
	white-space: nowrap;
	margin: 0 2px;
	overflow: hidden;
	position: relative;
	top: 5px;
}

.post-badges span:not(.attribute-name):before {
	color: #CCCCCC;
	text-indent: 0;
	position: absolute;
	text-align: center;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0;
	display: block;
	content: "\e828";
	font-family: Entypo;
	font-size: 20px;
	line-height: 20px;
}

.post-badges span.check:before {
	content: "\e812";
}

.post-badges span.feature:before {
	/*content: "\e879";*/
	content: "\e828";
}

.post-badges span.cloud:before {
	content: "\f0c2";
	font-family: FontAwesome;
	font-size: 16px;
}

#marketSideBar.content-details .attribute-list .attribute-item .attribute-value.alt {
	background-color: #2322F0;
}

#marketSideBar.content-details .attribute-list .attribute-item .attribute-value.alt:hover {
	background-color: #020A51;
}

#marketSideBar.content-details .attribute-list .attribute-item .alt a {
	color: #FFFFFF;
}

#marketSideBar.content-fragment .content-fragment-header {
	display: block;
	margin: 0 0 5px;
	text-align: center;
}

#marketSideBar .attribute-list .attribute-item,
#marketSideBar .attribute-list .attribute-item > span > a,
#marketSideBar.content-details .attribute-list a {
	color: #787878;
	font-size: 14.3px;
	margin: 10px 0;
	line-height: 1.4285em;
}

#marketSideBar.content-details .attribute-list .attribute-item span > a {
	color: #2322F0;   
}

#marketSideBar .attribute-list .attribute-item > span.attribute-name {
	color: #333333;
	font-weight: bold;
}

#marketSideBar .attribute-list .attribute-item.resource > span > a {
	color: #787878;
	display: block;
	margin-top: 5px;
	padding-left: 15px;
	position: relative;
}

#marketSideBar .attribute-list .attribute-item.resource > span > a:focus, 
#marketSideBar .attribute-list .attribute-item.resource > span > a:hover {
	color: #4aa3df;
}

	#marketSideBar .attribute-list .attribute-item.resource > span > a:before {
		color: #787878;
		text-indent: 0;
		position: absolute;
		text-align: center;
		width: 20px;
		height: 20px;
		top: 0px;
		left: -5px;
		display: block;
		content: "\e879";
		font-family: Entypo;
		font-size: 20px;
		line-height: 20px;
	}

#marketSideBar .app-badges {
	margin-top: 15px;
}

#marketSideBar .app-badges img {
	height: 35px;
}

/* JMR - Added to fix circle not showing around img in search */

.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated.blog > .avatar {
    padding-left: 44px;
    position: relative;
}


.popup-list.search .multiple-column-list .content-list.content .content-item .content.abbreviated.blog > .avatar > a {
    overflow: hidden;
    border-radius: 300px;
    color: white;
    font-size: 11.7px;
    font-weight: normal;
    height: 44px;
    position: absolute;
    width: 44px;
    padding: 0;
    z-index: 1;
    top: 6px;
    left: -4px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}

/* Sideboard confirm message */
.attribute-header { 
    color: #333333; 
    display: block;
    font-weight: bold; 
    margin-bottom: 5px; 
}

#marketSideBar.content-details .attribute-list .attribute-item .attribute-value.alt.btn-confirm { 
    background-color: #3CBE73;
    border-color: #3CBE73;
    display: inline-block; 
    margin-bottom: -5px; 
    margin-right: 3%; 
}

#marketSideBar.content-details .attribute-list .attribute-item .attribute-value.alt.btn-confirm.right { 
    background-color: #E2202D;
    border-color: #E2202D;
    color: #1C3B63;
    margin-left: 3.5%; margin-right: 0%; 
}

.check-that { display: none; clear: both; }
.get-it-message > i { color: #3CBE73; }
.get-it-message > span { color: #000000; }


@media only screen and (max-width: 719px) {
    #marketSideBar.content-details .attribute-list .attribute-item .attribute-value.alt.btn-confirm { 
        margin-bottom: 5px !important; 
        margin-left: 0 !important; 
        margin-right: 0; 
        width: 100%
    } 
    
    #marketSideBar.content-details .attribute-list .attribute-item .attribute-value.alt.btn-confirm.right {
        display: block;
        float: none !important;
    }
}

/** 2020 Appmarket **/
.content-fragment-page.postlist {
    background-color: #f2f2f2;
    margin-top: 0;
}

.content-fragment-page.post .layout-content {
    background: none;
}

.content-fragment-page>.layout .header-top-content-left-sidebar-right .layout-region-inner.content,
.content-fragment-page.post .layout-content.header-top-content-left-sidebar-right {
    padding: 0;
}

.content-fragment-page.post .layout-region.content .layout-region-inner.content {
    min-height: 100%;
}

.content-fragment-page.post .layout-content.header-top-content-left-sidebar-right .layout-region-inner.content {
    padding: 0 !important;
    width: 100%;
}

.content-fragment-page.post .layout-content.header-top-content-left-sidebar-right .layout-region-inner.content .breadcrumb-list {
    text-align: left;
}

.content-fragment.with-header.top-border.app-blog-details {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.2);
    margin: 0 6px 50px !important;
}

.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border.with-header.app-blog-details {
    border-radius: 20px;
    padding: 50px 35px 1px !important;
}

.content-fragment.with-header.top-border.app-blog-details .content-fragment-header {
    border-bottom: 0px solid;
    font-size: 46px;
    font-weight: 200;
    font-family: 'Ubuntu';
    margin: 0 0 50px;
    text-align: center;
}

.content-fragment.with-header.top-border.app-blog-details .internal-link,
.content-fragment.with-header.top-border.app-blog-details .internal-link:visited {
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 18px;
    max-width: 280px;
    padding: 13px;
    margin: 0 auto;
    width: auto;
    text-align: center;
}

.content-fragment.with-header.top-border.app-blog-details .internal-link.blue,
.content-fragment.with-header.top-border.app-blog-details .internal-link.blue:visited {
    border: 2px solid #122862;
    color: #122862;
}

.content-fragment.with-header.top-border.app-blog-details .internal-link.blue:focus,
.content-fragment.with-header.top-border.app-blog-details .internal-link.blue:hover {
    background-color: #122862;
    color: #fff;
    text-decoration: none;
}

#appList {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.2);
    margin: 0 6px 50px !important;
    padding-bottom: 50px;
}

#appList ul {
    padding: 25px 25px 0;
    display: flex;
    flex-wrap: wrap;
}

.app-icon .icon-wrapper {
    height: 145px;
    position: relative;
    width: 100%;
}

.app-icon .icon.hasImage {
    background-color: #F0F0F0;
    overflow: hidden;
    border-radius: 300px;
    color: white;
    font-size: 11.7px;
    font-weight: normal;
    height: 125px;
    position: absolute;
    width: 125px;
    padding: 0;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -67px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}

.full-width-background .outer-wrapper {
    height: 65px;
}

.footer-fragments {
    background-color: #FFFFFF;
}

.appmarket {
    display: block;
    min-height: 65px;
}

.appmarket select {
    display: none !important;
}

.shareContainer {
    margin: 0 0 1.5em;
    text-align: center;
}

.shareContainer .content-fragment-header {
    color: #2322F0;
    display: block;
    line-height: 32px;
    font-size: 22px;
    margin-bottom: .5em;
}

.shareLink {
    background: url('/cfs-file/__key/communityserver-components-sitefiles/App+Market+Icons/emailShareIcon.png') 0 0 no-repeat;
    display: inline-block;
    font-size: 10px;
    height: 35px;
    margin: 0 10px;
    position: relative;
    text-indent: -9999em;
    vertical-align: middle;
    width: 35px;
}

.shareLink:focus:after,
.shareLink:hover:after {
    background-color: #2322F0;
    bottom: -5px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.shareLink.em {
    background-image: url('/cfs-filesystemfile/__key/communityserver-components-sitefiles/App+Market+Icons/share_5F00_email.png');
}

.shareLink.fb {
    background-image: url('/cfs-filesystemfile/__key/communityserver-components-sitefiles/App+Market+Icons/shareFacebook.png');
}

.shareLink.lk {
    background-image: url('/cfs-filesystemfile/__key/communityserver-components-sitefiles/App+Market+Icons/shareLinkedin.png');
}

.shareLink.tw {
    background-image: url('/cfs-filesystemfile/__key/communityserver-components-sitefiles/App+Market+Icons/shareTwitter.png');
}

.shareLink.em {
    background-image: url('/cfs-filesystemfile/__key/communityserver-components-sitefiles/App+Market+Icons/share_5F00_email.png');
}

.content-fragment .content.full .content {
    border-radius: 20px;
    -webkit-box-shadow: 3px 12px 15px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.10);
    margin: 0 10px 20px 5px;
    padding: 15px;
}

.app-market-widget {
    padding: 0 15px 30px !important
}

.appian-box-wrapper {
    margin: 0 20px 0 5px !important;
}

.right-sidebar .app-market-widget {
    background-color: #f5faff;
    border-radius: 20px;
    padding: 10px;
}

.right-sidebar  .appian-appmarket-blog-links.app-market-widget {
    background: none;
    padding: 0;
}