/* App Launch Related CSS - Copied from ApplicationsWidget.scss */
.appicon-active-highlight {
    background-color: #EBFBF1;
    position: relative;
    z-index: 11;
    cursor: default;
}

#LinksContent .widget-scrolled-content
{
	overflow-y: auto ;
	height: 200px;
}

#LinksWidgetContainer
{
	position: relative;
    height: 100%;
}

#LinksContent .xc-popup-overlay
{
	position: absolute; 
}


#LinksContent .widget-inner-content
{
	padding: 0px 4px 0px 4px;
}
#LinksOnlyDash .widget-inner-content
{
	min-height: 250px;
}

#LinksWidgetListContainer
{
	padding-top: 3px;
	box-sizing: border-box ;
	font-size: 12px;
	height: 100%;
}
#LinksActiveList
{
	height: 100%;
    overflow-y: scroll;
}

/* Config Panel */
.links-advanced-search
{
}

.links-advanced-search label
{
	float: left;
	margin-right: 20px;
	margin-top: 8px;
	width: 124px;
}
.links-advanced-search label input[type="text"]
{
	width: 120px;
}


.links-line
{
	color: #777;
	box-sizing: border-box ;
}
.links-entry
{
	position: relative;
}

.links-entry, .apps-widget-view-list .xc-apps-icon.links-entry
{
	width: 100%;
	padding: 2px 4px;
	margin: 0px;
}

.links-entry-link
{
}


#LinksWidgetContainer #LinksContent .links-entry-icon
{
	margin-top: -2px;
	height: 17px;
	width: 17px;
}
.xc-apps-icon .display-name.links-entry-name
{
	font-size: 12px;
}

.links-entry-name
{
	width: 40%;
	padding-top: 2px;
	margin-right: 4px;

	cursor: pointer ;

	/*
	float: left;

	max-width: 396px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}
.links-entry-name:hover
{
	text-decoration:underline;
}

.links-entry-desc
{
	color: #777;
	padding-top: 2px;
	
	width: 45%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

	text-align: left;
	float: right;

	vertical-align: top;
	font-size: 12px;	
}


.links-entry-edit {
    cursor: pointer;
    opacity: 0;
    /*background-repeat: no-repeat;*/
    /*background-image: url(/XC/_common/images/icon-small-edit.png);*/
    width: 15px;
    height: 15px;
    float: right;
    display: inline-block;
    margin-top: 2px;
}

.links-entry-edit > i.fa {
    font-size: 15px;
}

.links-entry-edit:hover {
    /*background-position-y: -20px;*/
    opacity: 1;
    color: #1EBD59;
}

.links-entry-is-private
{
	background-repeat: no-repeat;
	background-image: url(../../../_common/images/icon-personal-or-company.png);
	width: 15px;
	height: 15px;

	display: none;
	opacity:0;
	
	position: absolute;
	right: 30px;
	z-index:2;

	margin-top: 2px;
}
.links-entry-is-company
{
	background-repeat: no-repeat;
	background-image: url(../../../_common/images/icon-personal-or-company.png);
	background-position-y: -24px;	
	width: 15px;
	height: 15px;
	
	display: none;
	opacity:0;

	position: absolute ;
	right: 30px;
	z-index:2;

	margin-top: 2px;
}

.links-line.hoverable:hover .links-entry-edit 
{
	opacity: 1 ;
	/*transition: opacity ease-in-out 0.25s ;
	transition-delay: .5s;*/
	font-size: 12px;
	
}
.links-line.hoverable:hover .links-entry-favorite
{
	opacity: 1 ;
	/*transition: opacity ease-in-out 0.25s ;
	transition-delay: .5s;*/
}

.links-line.hoverable:hover .links-entry-is-private
{
	opacity: 1 ;
	/*transition: opacity ease-in-out 0.25s ;
	transition-delay: .5s;*/
}
.links-line.hoverable:hover .links-entry-is-company
{
	opacity: 1 ;
	/*transition: opacity ease-in-out 0.25s ;
	transition-delay: .5s;*/
}

#AdvSearchClearBttn
{
	margin-top: 10px ;
}

#AdvSearchBttn
{
	margin-top: 10px ;
}

/* Favorites */
.links-entry-favorite
{
	cursor: pointer ;
	background-repeat: no-repeat;
}

.links-line .links-entry-favorite
{
	width: 13px; 
	height: 13px;
	float:left ;
	margin-left:4px;
	opacity: 0;
	background-image: url(../../../_common/images/star-icon-sm-empty.png);
	cursor: pointer ;
}
.links-line .links-entry-favorite:hover
{
	background-image: url(../../../_common/images/star-icon-sm-yellow.png);
}
.links-line.link-is-favorite .links-entry-favorite
{
	background-image: url(../../../_common/images/star-icon-sm-yellow.png);
}
	.links-line.link-is-favorite .links-entry-favorite:hover
	{
		background-image: url(../../../_common/images/star-icon-sm-empty.png);
	}
	
.links-line .links-entry-favorite.error, .links-line .links-entry-favorite.error:hover
{
	/*background: #ae0b0b;*/
	background-image: url(../../../_common/images/star-icon-sm-red.png);
}

.links-create-favorite-container
{
	margin-top: 4px;
}
	.links-create-favorite-container p
	{
		padding-top: 5px;
		float: left;
		margin-left: 5px;
	}

.links-create-favorite
{
	cursor: pointer ;
	background-repeat: no-repeat;
	height: 24px;
	width: 25px;
	margin-right:3px;
	float: left;
	background-image: url(../../../_common/images/star-icon-empty.png);
}
.links-create-favorite:hover
{
	background-image: url(../../../_common/images/star-icon-yellow.png);
}
.links-create-favorite.link-is-favorite
{
	background-image: url(../../../_common/images/star-icon-yellow.png);
}
.links-create-favorite.link-is-favorite:hover
{
	background-image: url(../../../_common/images/star-icon-empty.png);
}


/* One Line Description View */
#LinksWidgetListContainer.show-desc-on-one-line .links-entry-desc-on-new-line
{
	clear: none;
	display:none;
}
#LinksWidgetListContainer .links-entry-desc-on-new-line
{
	clear: both;
}

#LinksWidgetListContainer.show-desc-on-one-line .links-line
{
}
#LinksWidgetListContainer.show-desc-on-one-line .links-entry-desc
{
	float: none;
	text-align: left;
	display:inline-block;
	margin-left: 0px;
}

#LinksWidgetListContainer .links-entry-desc
{
	float: left;
	margin-left: 22px;
}

#LinksWidgetListContainer.show-desc-on-one-line .links-entry-name
{
	display:inline-block;
}


/* Compact View */

#LinksWidgetListContainer.compact .links-entry-desc
{
	display: none ;
}
#LinksWidgetListContainer.compact .links-line
{
	min-width: 223px;
	margin-bottom: 2px;
	margin-top: 1px;
	float: left ;
}

#LinksWidgetListContainer.compact .links-entry-name
{
	float: left;
	display: block;
	white-space:nowrap;
}
#LinksWidgetListContainer.compact .links-entry-icon
{
	float:left;
}


/* Readability View */
#LinksWidgetListContainer.readability
{
	background: #FFF;
}
#LinksWidgetListContainer.readability .links-entry-desc
{
	display: none ;
}
#LinksWidgetListContainer.readability .links-line
{
}

#LinksWidgetListContainer.readability .links-entry-name
{
    font-size: 17px;
    color: #000;
    display: inline;
	font-weight: 400;
}
#LinksContent #LinksWidgetListContainer.readability .links-entry-icon
{
    height: 22px;
    width: 22px;
}

/* Config Panel */


/* Create or Edit Popup */
#LinksCreateDlg
{
	width: 500px;
}

#CreateDlgTitle
{
}

	#LinksCreateDlg label
	{
		float:left;
	}
	#LinksCreateDlg input[type="text"]
	{
		float: right;
	}
	#LinksCreateDlg label span
	{
	}

#LinksCreateDlg.xc-page input[type="text"].create-link-text-edit
{
	width: 200px;
	margin-bottom: 4px;
}
#LinksCreateDlg.xc-page input[type="text"].create-link-text-edit-large
{
	width: 300px;
	margin-bottom: 4px;
}
	#LinksCreateDlg .xc-info-box
	{
		margin: 5px 10px 20px 10px;
	}
.xc-page #CreateLinkLaunchInManagedBrowser
{
	margin-top: 9px;
	margin-right: 9px;
}
.xc-page #CreateLinkCompany
{
	margin-top: 2px;
}

.link-is-private
{
	background-repeat: no-repeat;
	background-image: url(../../../_common/images/icon-personal-or-company.png);
	background-position: 10px 4px;
}
.link-is-company
{
	background-repeat: no-repeat;
	background-image: url(../../../_common/images/icon-personal-or-company.png);
	background-position: 9px -20px;	
}
.link-is-private, .link-is-company
{
	position: inherit ;
	display: block ;
	float: left ;
	
	width: inherit ;
	height: inherit ;
	
	padding: 3px 13px 3px 34px;
	cursor: pointer;

	margin-left: 9px;

	font-weight: 400;
}

.link-is-private.checked
{
	background-position: 10px -55px;
}
.link-is-company.checked
{
	background-position: 9px -80px;
}

#LinkCardDetails .link-is-private, #LinkCardDetails .link-is-company
{
	margin-left: 0px;
	margin-right: 9px;
}

#CreateLinkBttn
{
	float:right;
}
#CreateOrEditLinkCancel
{
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}

#CreationResults
{
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
}

#LinksCreateDlg label:after
{
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


/* View/Edit Card */
#LinksViewEditCard
{
	display: none ;
	position: absolute ;
	z-index: 501 ;
	background: white ;
	
	border: 1px solid #AAA;
	box-shadow: 2px 2px 15px 2px rgba(0,0,0,.2);

	border-radius: 3px;

	box-sizing: padding-box;
	
	top: -15px;
	left: -14px;
}

#LinkCardHeader
{
	border-bottom: 1px solid #CCC;
	padding: 15px 15px;
}
#LinkCardDetails
{
	padding: 15px 15px;
}
	#LinkCardDetails .xc-info-box
	{
		margin: 3px 10px 20px 10px;
	}
	#LinkCardDetails .xc-info-box.info
	{
		display:none;
	}

#LinksCardClose
{
	background-image: url(../../../_common/images/icon-close.png);
	width: 21px;
	height: 21px;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 5px 3px;
	right: 0px;
	top: 0px;
	cursor: pointer;
	border-top-right-radius: 3px;
	padding-left: 4px;
	background-color: #FAFAFA;
	border-left: 1px solid #AAA;
	border-bottom: 1px solid #AAA;

	display: none;
}
#LinksCardClose:hover
{
	background-position: 5px -12px;
	box-shadow: 0 0 15px -4px black;
	background-color: #AAA;
	color: #FAFAFA;
}


#LinksViewEditCard input#LinksCardName
{
	color: #777;
	cursor: text ;
	text-decoration: none ;

	color: #1EBD59;
	font-size: 19px;
	
	float: left;
	margin-top: -1px;
}
input#LinksCardDesc
{
}
#LinksWidgetListContainer .show-desc-on-one-line #LinksCardDesc
{
	margin-left: 0px;
}

#LinksWidgetContainer #LinksContent #LinksViewEditCard .links-entry-icon
{
	margin-top:0px;
	margin-bottom: -5px;
	height: 32px ;
	width: 32px ;
	float: left;

	border: 1px solid #CCC;
	padding: 7px;
	margin-right: 5px;
}

	#LinksViewEditCard p
	{
		float: left;
		margin-top: 0px;
		margin-right: 3px;
	}
	#LinksViewEditCard input[type="text"]
	{
		font-size: 12px;
		border: 1px solid transparent ;
		padding: 2px;
		padding: 2px 0px 2px 2px;
		background-color: transparent;
		height: inherit;
	}
	#LinksViewEditCard input[type="text"]:hover
	{
		border: 1px solid #CCC ;
	}


#LinksViewEditCard input[type="text"].create-link-text-edit
{
	width: 350px;
	color: #777;
}
#LinksViewEditCard  input[type="text"].create-link-text-edit-large
{
	width: 365px;
	color: #777;
}
#LinksCardLink
{
	margin-right: 5px;
}
#LinksCardTags
{
}
#LinkCardLaunchInManagedLabelAndCtrl
{
	margin-left: -4px;
	margin-top: -2px;
	display:block;
}
#LinkCardIsPrivateLabelAndCtrl
{
	margin-left: -4px;
	margin-top: 2px;
	display:block;
}
#LinksViewEditCard #LinkCardLaunchInManagedBrowser
{
}

#LinksViewEditCard input[type="checkbox"]
{
}

.links-card-favorite
{
	height: 24px;
	width: 25px;
	
	float: right;
	background-image: url(../../../_common/images/star-icon-empty.png);

	cursor: pointer ;
}
.links-card-favorite:hover
{
	background-image: url(../../../_common/images/star-icon-yellow.png);
}
#LinksViewEditCard.link-is-favorite .links-card-favorite
{
	background-image: url(../../../_common/images/star-icon-yellow.png);
}
	#LinksViewEditCard.link-is-favorite .links-card-favorite:hover
	{
		background-image: url(../../../_common/images/star-icon-empty.png);
	}
	
.links-card-favorite.error, .links-popout.links-card-favorite.error:hover
{
	/*background: #ae0b0b;*/
	background-image: url(../../../_common/images/star-icon-red.png);
}


#LinkCardSaveBttn
{
	float: right;
}
#LinkCardDeleteBttn
{
	float: left;
}
#SaveResults
{
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
}


#FilterCreateNew {
    /*background-image: url(/XC/_common/images/icon-plus.png);
	background-repeat: no-repeat;*/
    cursor: pointer;
    float: right;
    margin-right: -1px;
    cursor: pointer;
    color: #1EBD59;
    padding-top: 1px;
    font-weight: 400;
}
    #FilterCreateNew:hover {
        /*background-image: url(/XC/_common/images/icon-plus.png);
		background-position-y:-15px;*/
        text-decoration: underline;
        color: #00C853;
    }

#FooterCreateNew:hover
{
	text-decoration: underline ;
}

/* ------------------------- Tag Cloud ------------------------- */
.tag-cloud
{
	width: 300px ;
	padding: 5px ;
	text-align: center ;
}

.xc-select-list-drop-down .tag-cloud .xc-select-list-item
{
	position: relative; 
    display:inline-block;
    padding: 4px;
    cursor: pointer;
	vertical-align: middle;
}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item.selected
{
    background-color: #D7F7E3;
}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item:hover
{
    background-color: #D7F7E3;
}
	.xc-select-list-drop-down .tag-cloud .xc-select-list-item .text
	{
		margin-right: 0px;
		float: left;
	}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item.edit-mode
{
	color: #CCC;
}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item .tag-cloud-tag-edit
{
	display: none;
	
	margin-left: 4px;
	
	background-image: url(../../../_common/images/icon-small-edit.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	z-index: 1;

	position: absolute;
	right: -13px;
	top: -4px;
	opacity: 0;
}
	.xc-select-list-drop-down .tag-cloud .xc-select-list-item:hover .tag-cloud-tag-edit
	{
		opacity: 1;

				transition: opacity ease-in-out .2s;
			 -o-transition: opacity ease-in-out .2s;
			-ms-transition: opacity ease-in-out .2s;
		   -moz-transition: opacity ease-in-out .2s;
		-webkit-transition: opacity ease-in-out .2s;
	}

.xc-select-list-drop-down .tag-cloud .xc-select-list-item.edit-mode .tag-cloud-tag-edit
{
	display: block;
}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item.edit-mode .text
{
    opacity: 0.5;
}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item.edit-mode:hover .tag-cloud-tag-edit
{
	background-position-y: -20px;
}
.xc-select-list-drop-down .tag-cloud .xc-select-list-item.edit-mode:hover .text
{
    opacity: 1;
}

#FilterBrowseTags.xc-widget-filter-bar-item.open .xc-select-list-drop-down
{
	white-space: inherit;
}

.tag-cloud-manage
{
	color: #AAA;
	border-top: 1px solid #CCC;
	padding: 3px 0px 3px 0px;
	cursor: pointer;

	text-align:center;
}
	.tag-cloud-manage:hover
	{
		background-color: #D7F7E3;
		color: #777;
	}
	.tag-cloud-manage.edit-mode
	{
		background-color: #00C853;
		color: #FAFAFA;
	}
	.tag-cloud-manage.edit-mode:hover
	{
		background-color: #719a3f;
		color: #FAFAFA;
	}
#FilterBrowseTags .xc-select-list-drop-down
{
	padding: 3px 0px 0px 0px ;
}


/* ------------------------- Tag Editor ------------------------- */

#TagEditorContainer
{
}
#TagEditorDlg
{
	width: 500px;
}
#TagEditorTitle
{
}

#TagEditorDlg label
{
	float:left;
}
#TagEditorDlg input[type="text"]
{
	float: right;
}

#TagEditorDlg.xc-page input[type="text"].create-link-text-edit
{
	width: 200px;
	margin-bottom: 4px;
}
#TagEditorDlg.xc-page input[type="text"].create-link-text-edit-large
{
	width: 250px;
	margin-bottom: 4px;
}
#SaveTagBttn
{
	float:right;
}
#TagEditorCancel
{
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}

#EditSaveResults
{
	float: right;
	margin-bottom: 10px;
	margin-top: 10px;
}
#DeleteTagBttn
{
	float:right;
	margin-right: 25px;

}

#TagEditorDlg label:after
{
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

#LinkCount
{
	float: right;
	width: 257px;
}

/* Pagination */
#pagination
{
	font-family: monospace;
	float: right;
	padding-top: 1px;
}

#pagination a, #pagination span
{
	padding: 0px 3px;
	margin: 0px 0px;
	/*background-color: #D7F7E3;*/
}
	#pagination .page-number
	{
		/*background-color: #F0F0F0;*/
		border: solid 1px transparent;
		font-size: 11px;
	}

	#pagination .page-number.active
	{
		border: solid 1px #1EBD59;
		color: #1EBD59;
	}
	a.first, a.last
	{
		letter-spacing: -3px;
	}




#NoFavoritesHelp
{
	overflow-y: scroll;
	height: 100%;
}
	#NoFavoritesHelp .xc-widget-content-group-header, #NoFavoritesHelp h4
	{
		margin-bottom: 2px;
		margin-top: 2px;
		font-weight: bold;
		padding: 0px;
		color: #1EBD59;
	}
	#NoFavoritesHelp .xc-collapse-expand-icon
	{
		margin-left: 5px;
	}

	#NoFavoritesHelp p
	{
	}
	#NoFavoritesHelp ul
	{
	}
	#NoFavoritesHelp li
	{
		font-size: 12px;
		color: #777;
	}
#NoFavoritesHelp img
{
	vertical-align: middle;
	padding-bottom: 5px;
	width: 16px;
}