/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
/* --------------------------------------
	Responsive
	
	Some CSS, Mixins, and Media Queries
	to assist in making things respnosive
	 
   -------------------------------------- */
/*color constants are copied into ColorsViewModel.cs*/
/* These Z-Indexes Are Intertwined In order to support popups*/
/*-------------------- Top Bar and Main Menu --------------------------*/
/* -------------------------------------- Basic Typography -------------------------------------- */
/* -------------------------------------- Responsive Constants -------------------------------------- */
/* Same widths as Bootstrap's responsive breaks: http://getbootstrap.com/2.3.2/scaffolding.html#responsive */
/* Animate the element when it's size/position changes (not just on breakpoints...) */
.breakpoint-animate {
		transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-ms-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-moz-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-webkit-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out, top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, right 0.5s ease-in-out, bottom 0.5s ease-in-out; }

/* Use this to build custom responsive shims for elements */
#AppsWidgetContainer {
		position: relative; }

#AppsWidgetContainer .xc-popup-overlay {
		position: absolute;
		/* Instead of Fixed */
		z-index: 2;
		/* Lower for this widget so drop down menus are not blocked when a session is disconnected */ }

#AppsWidgetListContainer {
		text-align: center; }

#AppsWidgetOtherAppsList {
		border: solid 1px transparent; }

#ManageSessionsOverlay {
		z-index: 900;
		/*$ZIndex_ManageSessionsOverlay;*/ }

#ApplicationSessions {
		z-index: 901;
		/*$ZIndex_ManageSessionsDialog;*/ }

.js-displayFolder {
		cursor: pointer; }

/* ---------------------- Icon & Folder CSS - Any View ---------------------- */
.xc-apps-icon {
		text-align: center;
		border: 1px solid transparent;
		font-size: 11px;
		cursor: pointer; }

.xc-apps-icon.hoverable:hover {
		border: 1px solid #D7F7E3;
		background-color: #D7F7E3; }

.xc-apps-icon.hoverable:focus {
		outline-color: #1EBD59;
		background-color: #D7F7E3; }

.xc-apps-icon .display-name {
		text-decoration: none;
		color: #333;
		margin-top: 5px;
		white-space: normal; }

.xc-apps-icon:hover .display-name {
		/*text-decoration:underline;*/ }

#signoffPageLink.hidden {
		display: none; }

.xc-exclamation-span {
		padding-left: 15px;
		color: #B93E1C; }
		.xc-exclamation-span a {
				color: #B93E1C; }

.xc-exclamation-icon {
		color: #B93E1C; }

.xc-apps-icon .icon-img {
		border: none;
		height: 32px;
		width: 32px; }

.icon-overlay-wrapper {
		position: relative; }

.grayed-icon {
		filter: grayscale(100); }

.icon-img-overlay {
		color: #B93E1C;
		position: absolute; }

.apps-widget-view-list .icon-img-overlay {
		top: -10% !important;
		left: -15% !important;
		font-size: .75em !important; }

.apps-widget-view-icons-small .icon-img-overlay {
		top: -10%;
		left: -30%;
		font-size: 1em !important; }

.apps-widget-view-icons-large .icon-img-overlay {
		top: -15%;
		left: -30%;
		font-size: 1.5em; }

.apps-widget-view-readability .icon-img-overlay {
		top: -75%;
		left: -30%;
		font-size: 2em; }

.xc-apps-icon.pending-install {
		cursor: not-allowed;
		background-color: #EEE;
		background-image: url("../../../_common/images/pending-installation.png");
		background-position: 50% 50%;
		background-repeat: no-repeat; }

.xc-apps-icon.pending-install p.display-name {
		opacity: 0.5; }

.xc-apps-icon.pending-install .icon-img {
		opacity: 0.3; }

#ApplicationsRoot .xc-apps-folder-icon img {
		margin-bottom: 5px; }

/* ---------------------- Icon & Folder CSS - Large Icons View ---------------------- */
.apps-widget-view-icons-large {
		/*margin: 0px ;
	padding: 0px ;*/ }

.apps-widget-view-icons-large .xc-apps-icon {
		float: left;
		width: 100px;
		height: 90px;
		/* padding: 10px 3px 3px 3px; */
		padding-top: 10px;
		border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px; }

/* ---------------------- Icon & Folder CSS - Small Icons View ---------------------- */
.apps-widget-view-icons-small {
		/*margin: 0px ;
	padding: 0px ;*/ }

.apps-widget-view-icons-small .xc-apps-icon {
		float: left;
		width: 75px;
		height: 90px;
		padding: 10px 3px 3px 3px;
		border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px; }

.apps-widget-view-icons-small .icon-img {
		height: 24px;
		width: 24px; }

/* ---------------------- Icon & Folder CSS - List View ---------------------- */
.apps-widget-view-list {
		/*margin: 0px ;
	padding: 0px ;*/ }

.apps-widget-view-list .xc-apps-icon {
		float: left;
		min-width: 191px;
		height: inherit;
		margin: 2px;
		padding: 4px;
		border-radius: 1px;
		-o-border-radius: 1px;
		-ms-border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		text-align: left; }

.apps-widget-view-list .xc-apps-icon .icon-img {
		height: 16px;
		width: 16px;
		margin-right: 5px; }

.apps-widget-view-list .xc-apps-icon .display-name {
		display: inline-block;
		vertical-align: top;
		padding-top: 1px;
		margin-top: 0px; }

/* ---------------------- Icon & Folder CSS - Readability View ---------------------- */
.apps-widget-view-readability {
		/*margin: 0px ;
	padding: 0px ;*/
		background: white; }

.apps-widget-view-readability .xc-apps-icon {
		float: left;
		width: 109px;
		height: 115px;
		/* padding: 10px 3px 3px 3px; */
		padding-top: 10px;
		border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px; }

.apps-widget-view-readability .xc-apps-icon .display-name {
		color: #000;
		font-size: 16px; }

.apps-widget-view-readability .icon-img {
		height: 48px;
		width: 48px; }

/* ---------------------- Launching Apps ---------------------- */
#ApplicationsRoot {
		position: relative; }

.application-launch-blocking-overlay {
		position: absolute;
		display: none;
		z-index: 1;
		width: 100%;
		height: 100%;
		background-color: white;
		opacity: 0.7;
		-moz-opacity: 0.70;
		filter: alpha(opacity=70); }

.appicon-active-highlight {
		background-color: #D7F7E3;
		position: relative;
		z-index: 11;
		cursor: default; }

#AppLaunchImageArea {
		width: 100px;
		height: 100px;
		vertical-align: top;
		float: left; }

#ApplicationLaunchOverlayText {
		font-size: 22px;
		padding-left: 20px;
		font-weight: bold;
		float: left;
		width: 220px;
		text-overflow: clip;
		white-space: nowrap; }

#ApplicationLaunchOverlayFrontImg {
		padding: 13px;
		position: absolute;
		z-index: 13;
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
		/* IE6 & 7 */ }

#ApplicationLaunchOverlayText.js-app-launch-text-no-slide {
		text-overflow: inherit;
		white-space: inherit;
		font-size: 20px; }

#ApplicationLaunchOverlayStatusFader {
		position: absolute;
		z-index: 12;
		width: 100px;
		height: 100px;
		background-color: #F7F7F7; }

#ApplicationLaunchOverlayStatusFader.cover-up {
		opacity: 1; }

#AppsWidgetContainer .xc-widget-content-group-header {
		/*display: inline-block; */
		display: none;
		padding: 3px 0px 1px 0px; }

#ServerStatusText {
		padding-right: 10px;
		padding-top: 6px;
		cursor: pointer; }

#ExtendedServerStatusText {
		padding-top: 5px; }
		@media (max-width: 1200px) {
				#ExtendedServerStatusText {
						display: none; } }

.xc-app-launch-icon-overlay {
		position: absolute;
		opacity: 0.6;
		background-color: #D7F7E3;
		border: 1px solid transparent;
		display: none; }

.appicons {
		border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }

.appiconslist {
		border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }

.appiconstree {
		border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }

.appicons .xc-app-launch-icon-overlay {
		border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }

.appiconslist .xc-app-launch-icon-overlay {
		border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }

.appiconstree .xc-app-launch-icon-overlay {
		border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }

.appiconstree.xc-apps-app {
		margin-left: 14px; }

.xc-app-launch-icon-cloud-icon {
		width: 25px;
		position: absolute;
		opacity: 0; }

.xc-search-text-highlight {
		background-color: yellow; }

.xc-apps-icon.hide-for-text-search {
		display: none; }

.xc-apps-folder-container.hide-for-text-search {
		display: none; }

.xc-apps-icon.hide-for-folder-views, #AppsWidgetOtherApps.show-favorites .xc-apps-icon.xc-apps-app.favorite.hide-for-folder-views {
		display: none; }

#AppsWidgetOtherApps .xc-apps-app.favorite {
		display: none; }

#AppsWidgetOtherApps.show-favorites .xc-apps-app.favorite {
		display: block; }

.js-gear-menu-icon-refresh {
		float: left;
		padding-top: 8px;
		font-style: italic; }

/* Favorites Drag & Drop */
.config-panel-open .xc-apps-app {
		cursor: move;
		border: 1px solid #DDD;
		box-shadow: 0px -1px 9px -3px rgba(0, 0, 0, 0.2) inset; }

.config-panel-open .xc-widget-content-group-header-online-count {
		display: none; }

#AppsWidgetContainer .widget-inner-content {
		padding: 2px; }

AppsWidgetContainer .config-panel-open .widget-inner-content {
		overflow: visible; }

.config-panel-open #AppsWidgetFavoritesList {
		border: dashed 1px #1B9E4B;
		background-color: #F3F3F3;
		margin-top: 10px; }

.config-panel-open #AppsWidgetOtherAppsList {
		border: dashed 1px #BBB;
		background-color: #FAFAFA;
		margin-bottom: 10px; }

#AppsWidgetFavoritesList {
		min-width: 100%;
		float: left; }

#AppsWidgetFavoritesList-NoneMsg-ClickToStart {
		text-align: center;
		color: #1EBD59;
		cursor: pointer;
		opacity: .6;
		display: none;
		font-size: 14px;
		padding: 10px 10px 15px 10px; }

#AppsWidgetFavoritesList-NoneMsg-DragHere {
		text-align: center;
		color: #1EBD59;
		opacity: 1;
		padding-top: 20px;
		display: none;
		font-size: 14px; }

#AppsWidgetFavoritesList.empty #AppsWidgetFavoritesList-NoneMsg-ClickToStart {
		display: block; }

.config-panel-open #AppsWidgetFavoritesList.empty #AppsWidgetFavoritesList-NoneMsg-ClickToStart {
		display: none; }

.config-panel-open #AppsWidgetFavoritesList.empty #AppsWidgetFavoritesList-NoneMsg-DragHere {
		display: block; }

.config-panel-open .apps-widget-view-icons-large #AppsWidgetFavoritesList {
		min-height: 113px; }

.config-panel-open .apps-widget-view-icons-small #AppsWidgetFavoritesList {
		min-height: 93px; }

.config-panel-open .apps-widget-view-icons-list #AppsWidgetFavoritesList {
		min-height: 40px; }

.config-panel-open .apps-widget-view-readability #AppsWidgetFavoritesList {
		min-height: 113px; }

.config-panel-open .apps-widget-view-icons-large #AppsWidgetOtherAppsList {
		min-height: 113px; }

.config-panel-open .apps-widget-view-icons-small #AppsWidgetOtherAppsList {
		min-height: 93px; }

.config-panel-open .apps-widget-view-icons-list #AppsWidgetOtherAppsList {
		min-height: 40px; }

.config-panel-open .apps-widget-view-readability #AppsWidgetOtherAppsList {
		min-height: 113px; }

#AppsWidgetFavoritesList.drag-active {
		background-color: #D7F7E3;
		border: dashed 1px #AAA; }

#AppsWidgetFavoritesList.drag-hover-over {
		background-color: #7FE4A8;
		border: dashed 1px #888; }

#AppsWidgetOtherAppsList.drag-active {
		background-color: #D7F7E3;
		border: dashed 1px #AAA; }

#AppsWidgetOtherAppsList.drag-hover-over {
		background-color: #7FE4A8;
		border: dashed 1px #888; }

.apps-widget-drag-placeholder {
		border: 1px dotted #888;
		background-color: #FAFAFA; }

.apps-widget-view-icons-large .apps-widget-drag-placeholder {
		float: left;
		width: 100px;
		height: 90px;
		padding: 10px 3px 3px 3px;
		border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }

.apps-widget-view-icons-small .apps-widget-drag-placeholder {
		float: left;
		width: 75px;
		height: 90px;
		padding: 10px 3px 3px 3px;
		border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px; }

.apps-widget-view-list .apps-widget-drag-placeholder {
		float: left;
		min-width: 191px;
		height: inherit;
		margin: 2px;
		padding: 4px;
		border-radius: 7px;
		-o-border-radius: 7px;
		-ms-border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		text-align: left; }

.apps-widget-view-readability .apps-widget-drag-placeholder {
		float: left;
		width: 100px;
		height: 80px;
		padding: 10px 3px 3px 3px;
		border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }

.icon-up-return-arrow {
		background-image: url(../../../_common/images/icon-uturn-to-left.png);
		background-position: 35px -15px;
		width: 10px;
		height: 12px;
		background-repeat: no-repeat;
		cursor: pointer;
		padding: 0px 5px;
		display: inline-block;
		padding-right: 32px;
		background-size: 15px;
		margin-left: -11px;
		display: none; }

.icon-up-return-arrow:hover {
		background-position: 35px 0px; }

.icon-up-return-arrow.show-return-arrow {
		display: inline; }

#FolderBackInConfigMode {
		position: absolute; }

#FolderBackInConfigMode.icon-up-return-arrow.show-return-arrow {
		display: none; }

.config-panel-open #FolderBackInConfigMode.icon-up-return-arrow.show-return-arrow {
		display: block;
		margin-left: -5px;
		padding-top: -10px;
		margin-top: -15px; }

/* App Widget Only - One Page Widget */
#CloudIconStatusAndMenu.cloud-icon-in-one-widget-only-page {
		position: absolute;
		top: 40px;
		right: 0px;
		border-radius: 2px; }

#CloudIconStatusAndMenu.cloud-icon-in-one-widget-only-page .xc-dropdown-menu {
		right: 4px;
		top: -19px; }

#CloudIconStatusAndMenu.cloud-icon-in-one-widget-only-page .xc-dropdown-title-text {
		margin-left: 23px; }

.cloud-icon-in-one-widget-only-page #ServerStatusText {
		color: #FAFAFA; }

.cloud-icon-in-one-widget-only-page .js-menu-visible #ServerStatusText {
		color: #888; }

.cloud-icon-in-one-widget-only-page .xc-dropdown-down-arrow-icon {
		background-image: url(../../../_common/images/down-arrow.png); }

.cloud-icon-in-one-widget-only-page .xc-dropdown-down-arrow-icon:hover {
		background-image: url(../../../_common/images/down-arrow-grey.png); }

.cloud-icon-in-one-widget-only-page .xc-dropdown-icon-clickable-and-title .xc-cloud-server-status-icon {
		border-radius: 27px;
		margin-right: 5px;
		padding: 13px 8px;
		opacity: 1;
		background-color: white;
		background-position: 11px 14px;
		margin-top: -11px; }

.cloud-icon-in-one-widget-only-page #ExtendedServerStatusText .xc-green-text-over-white {
		color: #1EBD59; }

.drag-favs-helper-text {
		display: none;
		height: 50px; }

.config-panel-open .drag-favs-helper-text {
		display: block; }

.no-apps-here-helper-text {
		display: none;
		position: absolute;
		top: 43px;
		font-size: 22px;
		color: #1EBD59;
		text-align: center;
		width: 100%; }

#TestingUserXenAppSessionInfoContent {
		display: flex;
		justify-content: center;
		background-color: #FAFAFA;
		padding-top: 3px;
		padding-bottom: 4px; }
		#TestingUserXenAppSessionInfoContent > * {
				cursor: pointer; }
		#TestingUserXenAppSessionInfoContent #ExtendedServerStatusText {
				margin-right: 5px; }

#TestingUserLastHistory {
		text-align: center; }

.application-launch-error-box {
		text-align: left; }
		.application-launch-error-box i.fa {
				margin-right: 4px; }
		.application-launch-error-box i.fa-info-circle {
				color: #7FE4A8; }
		.application-launch-error-box i.fa-exclamation-circle {
				color: #B93E1C; }
		.application-launch-error-box i.fa-exclamation-triangle {
				color: #E88A44; }