/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
/* Styles for branding */

.theme-header-bgcolor {
    background-color: #574f5b;
}

.theme-header-color {
    color: #ffffff;
}

.theme-highlight-color {
    color: #02A1C1;
}

/* End styles for branding */

body {
    margin: 0;
    font: 10px "Helvetica Neue", "Segoe UI", Helvetica, Arial, "Lucida Grande", sans-serif;
    background-color: #fff;
    /* Prevent the user from being able to select text on the page (stops ugly iOS selection UI from appearing if you touch too long) */
    -webkit-user-select: none;
    user-select: none;
    
    /* text selection is disabled for all IE browsers in ctxs.mastercontroller.js which does not work for Firefox */
    -moz-user-select: -moz-none;

    /* Prevent grey overlay from appearing when user taps elements on iOS */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    /* Prevent iOS context menu from appearing when holding finger over a link element */
    -webkit-touch-callout: none;
}

strong, b {
  font-weight: bold;
}

/* Safari introduces special styling for search inputs compared to text inputs, these adjustments prevent that from happening.*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration,
input[type="search"] {
    -webkit-appearance:none;
}

/* Items to hide during startup. This class is removed from all elements post init.
   Primarily used to stop blinking during plugin/extension setup */
.initial-hide {
    display: none;
}
/*- This css is to get the HTML5 elements to display correctly in older versions of IE that do not support them */
header, section {
    display: block;
}

/* This CSS is to prevent blue borders appearing around images in older versions of IE */
img {
    border: none;
}

.fullscreen-pane {
    /* CSS trick to ensure that the element fills the visible screen */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden; /* Prevent scrolling */
    display: none; /* Hide all panes by default */
}

.loading-screen {
    background-color: #574f5b;
}

.no-javascript-message-title {
    font-size: 16px;
    text-align: center;
    color: #999;
}

.no-javascript-message-description {
    font-size: 14px;
    text-align: center;
    color: #999;
}

/* Explictly setting the z index to hide the loading screen*/
.no-javascript-view {
    z-index: 5;
}

.show-on-page-load {
    display: block;
}

.loading-message {
    text-align: center;
    position: absolute;
    /* Off-set the size of the div to center it properly. */
    margin-top: -53px;
    margin-left: -65px;
    top: 50%;
    left: 50%;
}

.loading-logo {
    width: 130px;
    height: 52px;
    background-image: url('../images/1x/CitrixReceiver_WebScreen.png');
    display: block;
}

.high-contrast .loading-logo:before,
.high-contrast .citrixReceiverLogoAboutBox:before {
    content: url('../images/1x/CitrixReceiver_WebScreen_508.png');
}

.loading-spinner,
.refresh-spinner {
    width: 22px;
    height: 22px;
    margin-top: 10px;
}

.refresh-spinner {
    margin: -11px 0 0 -11px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 20;
}

/* Expands out the size of the div to provide some clearer differentiation between it and the background */
.high-contrast .refresh-spinner {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 1px solid;
}

.high-contrast .refresh-spinner:before {
    top: 29px; /* (height of container - height of spinner)/2 to center it */
    left: 29px;
    position: absolute;
}

.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* Allows DIVs to use native touch scrolling for their contents */
}

.x-scrollable {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Allows DIVs to use native touch scrolling for their contents */
}

/* This selector is overridden by the Unified Gateway. Please do not change it. */
.web-screen {
    background-color: #161619;
    background-image: url(../images/common/ReceiverFullScreenBackground.jpg);
    background-size: 100% 100%;
    /* Attempt to ensure that some background is always visible above and below the content area */
    min-height: 400px;
    /* CSS hack to simulate min-height on IE8*/
    height: auto !important;
    height: 400px;
}

/* This selector is overridden by the Unified Gateway. Please do not change it. */
.web-screen .content-area {
    padding: 60px 0;
    background-color: #3f3643;
    background-color: rgba(63, 54, 67, 0.8);
    text-align: center;
}

/* This selector is overridden by the Unified Gateway. Please do not change it. */
.web-screen .main-text {
    color: white;
    font-size: 18px;
    font-weight: 300;
}

.web-screen .detail-text {
    color: white;
    font-size: 14px;
    font-weight: 300;
}

.vertical-center-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.vertical-center-inner {
    display: table-cell;
    vertical-align: middle;
}

.home-view-content {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
}

.storeapp-loading-spinner {
    background-image: url("../images/1x/spinner.png");
}

.high-contrast .spinner:before {
    content: url("../images/common/authspinner.gif");
}

.spinner {
    background-image: url("../images/1x/spinner.png");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
}

.store-header {
    height: 76px;
}

.myapps-view.toggle-view-button .view-sprite {
    background-position: -27px -1px;
    width: 16px;
    height: 22px;
}

.store-view.toggle-view-button .view-sprite {
    background-position: -45px -1px;
    width: 21px;
}

.desktops-view.toggle-view-button .view-sprite {
    background-position: -1px -1px;
    width: 24px;
}

.tasks-view.toggle-view-button .view-sprite {
    background-position: -1px -1px;
    background-image: url('../images/1x/TasksIcon.png');
    background-size: 24px 24px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    right: 12px;
    top: 50px;
    z-index: 20;
    padding: 0 2px 2px;
}

.dropdown-menu .dropdown-menu-top {
    height: 5px;
    background-color: #fff;
    box-sizing: border-box;
     -ms-opacity: .6;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.dropdown-menu .dropdown-menu-bottom {
    height: 3px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-sizing: border-box;
}

.dropdown-menu .dropdown-menu-body {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box;
    padding: 18px 20px;
}

.high-contrast .dropdown-menu .dropdown-menu-body {
    border: 1px solid blue;
}

.dropdown-menu a {
    display: block;
    line-height: 37px;
    white-space: nowrap;
    text-align: left;
}

.high-contrast .dropdown-menu a {
    border-bottom: 1px solid blue;
}

.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    color: #666;
    text-decoration: none;
}

.high-contrast .dropdown-menu a:focus {
    text-decoration: underline;
}

.storeViewSection {
    /* Ensure that the store view occupies all visible space apart from the header at the top */
    position: absolute;
    top: 76px; /* Note this is used in ctxs.extensionapis.js:Resize */
    left: 0;
    right: 0;
    bottom: 0;
}

.appinfo-view .storeViewSection {
    display: none;
}

.store-view .storeViewSection,
.myapps-view .storeViewSection,
.updates-view .storeViewSection,
.desktops-view .storeViewSection,
.bundledetail-view .storeViewSection {
    display: block;
}

.toolbar {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
}

.logo-container {
    /* Maximum allowed dimensions for a custom logo - if the logo exceeds this size it will be cropped */
    width: 170px;
    height: 40px;

    /* Center the logo vertically in its parent */
    position: absolute;
    top: 50%;
    margin-top: -20px;

    -ms-background-position-y: 50%;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('../images/1x/CitrixReceiverLogo_Home.png');
}

.high-contrast .logo-container:before {
    content: url('../images/1x/CitrixReceiverLogo_Home_508.png');
}

.breadcrumb-container {
    display: inline-block;
    font-size: 14px;
}

.breadcrumb-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

.breadcrumb-container ul li {
    display: inline;
}

.high-contrast .breadcrumb-container ul li {
    position: relative;
}

.breadcrumb-folder-separator {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: -56px 0px;
    width: 9px;
    height: 13px;
}

.high-contrast .breadcrumb-folder-separator:before {
    content: url('../images/1x/actionSprite.png');
    clip: rect(0, 65px, 13px, 56px);
    position: absolute;
    left: -56px;
}

.search-container {
    position: relative; /* Allow search cancel button to be positioned absolutely */
}

.searchInput {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    background: none;
    border: none;
    margin: 0;
    font-size: 14px;
    color: #fefefe;
    color: rgba(254, 254, 254, 0.5);
    /* Added the font family here as some browsers default settings over ride the body style */
    font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, "Lucida Grande", sans-serif;
    /* Allow text selection in the search text box */
    -webkit-user-select: text;
    user-select: text;
    -moz-user-select: text;
}

    /* deprecate - todo we may need to bring this back, but probably not at 51 pixels 
   NB hosted control is being detected as legacyIE
.isLegacyIE .searchInput {
    line-height: 51px;
}
*/

/* Override for firefox to fix the colour for the placeholder text in search field */
.searchInput::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.searchInput:focus {
    outline: none;
}

/* Hide the Webkit "X" button in the search box, since we provide our own */
.searchInput::-webkit-search-cancel-button {
    display: none;
}

/* Hide the Webkit "X" button in the search box, since we provide our own on IE browsers */
.searchInput::-ms-clear {
    display: none;
}

.searchClearButton {
    position: absolute;
    width: 35px;
    height: 100%;
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center center;
    visibility: hidden;
}

/* Distinction between the 2 pseudo-classes due to IE 8 redraw issues with pseudo-classes */

.high-contrast .searchClearButton:before {
    content: url('');
    position: absolute;
    margin-top: 8px;
    margin-left: 9px;
}

.high-contrast .search-container.with-text .searchClearButton:before {
    content: url("../images/1x/search_close.png");
}


/* Search cancel button appears when search box contains text */
.search-container.with-text .searchClearButton {
    visibility: visible;
}

a, a:visited, a:link, a:hover {
    text-decoration: none;
}

.web-screen-link {
    color: #02A1C1;
    font-size: 14px;
}

.button {
    display: inline-block;
    min-width: 247px;
    height: 44px;
    line-height: 44px; /* Vertically center the text in the button */
    background-color: #bbb;
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 0 20px;

    /* Ensure the button text doesn't leak outside of the button */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* TODO - look at using this CSS for the message box dialog instead of having separate divs*/
.button.stacked {
    display: block;
}

.buttonscontainer {
    display: inline-block;
}

/* This selector is overridden by the Unified Gateway. Please do not change it. */
.button.default {
    background-color: #02A1C1;
}

.button.disabled {
    background-color: #3E5962;
    background-color: rgba(2, 161, 193, 0.2);
    color: #968989;
}

.dialog.button {
    /* Buttons within dialogs should stretch to the width of the dialog content */
    display: block;
    min-width: 0;
}

.dialog.button:focus,
.aboutBoxCloseBtn:focus,
.thirdPartyNoticeLink:focus,
.citrixLink:focus
 {
    outline: 1px dotted black;
}

.no-results-message, .no-fav-results-message{
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    color: #999;
}

.no-fav-results-message .no-fav-results-message-title{
    margin-top: 34px;
    font-size: 18px;
}

.no-fav-results-message .no-fav-results-message-description{
    display: none;
    margin-top: 16px;
    font-size: 16px;
}

.myapps-view .no-fav-results-message-description.show{
    display: block;
}

.no-results-message .text, .no-fav-results-message .text{
    vertical-align: middle;
}

.no-fav-results-message-image {
    background: url('../images/1x/img_favorites_empty.png') no-repeat center;
    height: 117px;
}

.myapps-view .no-fav-results-message.show {
    display: block;
}

.no-results-message a:hover {
    text-decoration: underline;
}

.storeapp,
.folder {
    position: relative; /* Allow contents to be positioned absolutely */
}

/* default icon for folders unless we recolor */
.folder .storeapp-icon {
    background-image: url('../images/1x/folder.png');
    background-size: 60px 60px;
    background-repeat: no-repeat;
    border-radius: 0;
}

.high-contrast .folder .storeapp-icon:before {
    content: url('../images/1x/folder.png');
}

.folderTemplate {
     background-image: url('../images/1x/folder_template.png');
}

.storeapp-details-link {
    overflow: hidden; /* Stop child element margins collapsing */
}

.myapps-view .storeapp-name,
.desktops-view .storeapp-name,
.myapps-view .myapps-ruler-container,
.folder-ruler-container {
    font-weight: normal;
}

.ruler-container, 
.myapps-ruler-container, 
.breadcrumb-ruler-container, 
.folder-ruler-container,
.search-ruler-container,
.appinfo-ruler-container {
    display: block;
    position: absolute;
    visibility: hidden; /* Rendered on the page so that we can inspect its dimensions, but hidden far off screen */
    top: -999px;
    left: -999px;
    font-size: 14px;
}

.appinfo-ruler-container {
    font-size: 22px;
    height: 96px;
}

.overlay, .popup {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.overlay {
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 17;
}

.popup {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    color: #ccc;
    box-shadow: 0 0 4px 1px #000;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.42);
    word-wrap: break-word;
    border-radius: 5px;
    border: 0 transparent;
    z-index: 20;
}

.messagebox.overlay, 
#user-menu-overlay,
#refresh-overlay {
    background-color: #eee;
    background-color: rgba(238, 238, 238, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.high-contrast .overlay,
.high-contrast #user-menu-overlay,
.high-contrast #refresh-overlay
 {
    background-color: transparent;
}

#user-menu-overlay {
    position: fixed;
    top: 76px;
}

.messageBoxPopup,
.aboutBox {
    border-radius: 0;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}

.messageBoxPopup.workflow-approved {
    background-image: url("../images/1x/green_flag.png");
    background-repeat: no-repeat;
}

.messageBoxTitle {
    color: #EC5026;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 10px 0;
    text-align: center;
}

.messageBoxText {
    margin: 0;
    font-size: 13px;
    color: #666;
    text-align: center;
}

.workflow-app-list {
    font-weight: bold;
}

.messageBoxAction,
.messageBoxCancelAction {
    padding-top: 15px;
}

.messageBoxAction .button {
    margin-top: 8px;
}

.popup.transient {
    /* Transition to fade out the popup. We delay the visibility change until the fade has finished. */
    -webkit-transition: visibility 0 1s, opacity 1s ease-in-out;
    transition: visibility 0 1s, opacity 1s ease-in-out;
}

.overlay.active + .popup.transient {
    /* Transition to fade in the popup */
    -webkit-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

#autoMessagePopup {
    padding: 30px;
    font-size: 13px;
}

/* Ensure that the iframes used for ICA downloads are not visible in the UI */
#ica-download-container {
    visibility: hidden;
    position: absolute;
    left: -999px;
    top: -999px;
    width: 0;
    height: 0;
}


.graybg {
    background-color: #e2e1e1;
}

.yellowStar, .grayStar  {
    display: inline-block;
    background-size: 14px 14px;
    background-repeat: repeat-x;
    width: 14px;
    height: 14px;
}

.yellowStar {
    background-image: url('../images/1x/yellowStar.png');
}

.grayStar {
    background-image: url('../images/1x/grayStar.png');
}

.rating-count {
    display: inline-block;
    color: #999999;
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-left: 2px;
}

.no-updates {
    display: none;
}

.no-apps-or-desktops-message {
    display: none;
    font-size: 16px;
    text-align: center;
    color: #999;
    position: absolute;
    top: 50%;
    width: 100%;
}

body.updates-view .applicationBundleContainer,
body.updates-view .store-apps-container,
body.updates-view .search-container,
body.updates-view .breadcrumb-container {
    display: none;
}

body.updates-view .no-updates {
    display: block;
    font-size: 15px;
    margin-top: 30px;
    margin-left: 6px;
}

.store-apps-title {
    display: none;
}

.bundledetail-view .applicationBundleHeader {
    display: block;
}

.applicationBundleHeader {
    display: none;
    padding: 0 20px 40px;
    position: relative;
}

.applicationBundleHeaderOverlay {
    background-image: url('../images/1x/bundle_white_overlay.png');
    background-repeat: repeat-x;
    position: absolute;
    height: 40px;
    width: 100%;
    bottom: 0;
    left: 0;
}

.applicationBundleHeaderTitle {
    padding-top: 39px;
    color: white;
    font-size: 34px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    padding-bottom: 2px;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.applicationBundleHeaderText {
    padding-top: 11px;
    padding-bottom: 2px;
    font-size: 16px;
    text-align: center;
    color: white;
    word-wrap: break-word;
}

.applicationBundleContainer {
    position: relative;
    overflow: hidden;
    display: none;
}

.applicationBundleScroller {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

.applicationBundleLogo {
    position: absolute;
}

.applicationBundle {
    display: inline-block;
    margin-right: 4px;
    z-index: 2;
    position: relative;
}

.high-contrast .applicationBundle,
.high-contrast .popup,
.high-contrast .button,
.high-contrast .storeapp-loading-overlay {
    border-style: solid;
    border-width: 1px;
}

.applicationBundleTitle {
    color: white;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.slick-slide .applicationBundleApp {
    margin-right: 13px;
    display: inline;
}

.appInfoView {
    display: none;
    position: absolute;
    top: 76px;
    left: 0;
    right: 0;
    bottom: 0;
}

.appinfo-view .appInfoView {
    display: block;
    /* Make room for the toolbar at the top */
    top: 124px; /* note used in resize calculations in ctxs.extensionapi.js*/
}

.appinfo-toolbar {
    display: none;
}

.appinfo-view .appinfo-toolbar {
    display: block;
}

.bundleDetail-toolbar {
    display: none;
}

.bundledetail-view .bundleDetail-toolbar {
    display: block;
}

/* TODO font size is no longer needed as no font but without it the position is wrong */
#appInfoBack, #folderViewBackButton, #bundleDetailBack, #searchBack {
    font-size: 16px;
}

.backButton {
    background-repeat: no-repeat;
    background-position: -91px 0;
    width: 12px;
    height: 19px;
    display: inline-block;
    vertical-align: text-bottom;
}

.high-contrast .backButton:before {
    content: url('../images/1x/actionSprite.png');
    clip: rect(0, 103px, 34px, 91px);
    position: absolute;
    top: 80px;
    left: -54px;
}

#bundleAddAll {
    font-size: 16px;
    float: right;
    line-height: 55px;
    text-align: center;
}

#folderViewBackButton {
    display: none;
    border-right: solid 1px #ccc;
    height: 34px;
    padding-right: 22px;
    padding-left: 9px;
}

.addIcon {
    background-position: -105px 0;
}

.addedIcon {
    background-position: -120px 0;
}

.addIcon,
.addedIcon,
.addIconSpacer
{
    margin-right: 8px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 13px;
    height: 19px;
    display: inline-block;
}

.appInfoIcon {
    width: 96px;
    height: 96px;
}

.appinfo-ruler-container h1,
.appInfoName {
    color: #333;
    font-size: 22px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.appInfoName {
    padding-top: 5px;
}

.appInfoCategoriesOrHostName {
    color: #999;
    font-size: 16px;
    padding-top: 8px;
}

.descriptionText {
    font-size: 16px;
    line-height: 23px;
}

.app-description {
    color: #666;
}

.truncated.app-description {
    display: none;
}

.full.app-description {
    display: none;
}

.less.desc-link {
    padding-left: 10px;
}

.storeapp-icon,
.storeapp-loading-overlay,
.storeapp-ready-overlay {
    width: 60px;
    height: 60px;
    border: 0 transparent; /* Stop border appearing in IE */
}

.storeapp-icon {
    border-radius: 8px;
    display: block;
}

.storeapp-icon-loading-placeholder {
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
    width: 60px;
    height: 60px;
    border-radius: 0;
}

.appInfoIcon.storeapp-icon-loading-placeholder {
    width: 96px;
    height: 96px;
}

.storeapp-loading-overlay,
.storeapp-ready-overlay {
    display: none;
    background-color: #eee;
    background-color: rgba(238, 238, 238, 0.95);
}

.storeapp-loading-spinner,
.storeapp-ready-overlay:before {
    margin: -11px 0 0 -11px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.storeapp-ready-overlay:before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url('../images/1x/ico_desktop_ready.png');
}

/* Add a hover effect in the main app list, but not in the app info view */
.storeapp .storeapp-ready-overlay:hover:before {
    background-image: url('../images/1x/ico_desktop_ready_hover.png');
}

.storeapp.launch-ready .storeapp-ready-overlay {
    display: block;
}

.applicationBundleLogo {
    width: 100%;
    height: 100%;
    z-index: -20;
    background-repeat: no-repeat;
}

.tabHeader {
    border-bottom: 1px solid #ccc;
}

.tabTitle {
    padding: 0 12px 11px 12px;
    font-size: 16px;
    font-weight: 500;
}

.tabSelected {
    color: #333;
    border-bottom: 3px solid #ccc;
}

.tabContent {
    display: none;
}

.tabContentSelected {
    display: block;
}

.stickyTab {
    position: fixed;
    z-index: 25;
    border-top: 0;
    background-color: #fff;
    padding-top: 9px;
}

.tabContentHeader {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    line-height: 17px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-top: 40px;
}

.faqQuestions {
    padding-top: 12px;
    font-size: 16px;
    line-height: 22px;
}

.faqQuestions .question {
    color: #666;
    font-weight: 500;
}

.faqQuestions .answer {
    color: #999;
    padding-bottom: 29px;
}

.applicationBundleContainer .content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.applicationBundleContainer .content:after {
    content: '';
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    display: block;
    padding-bottom: 25px;
}

.authentication-spinner {
    margin: 30px auto 0 auto;
}

.explicit-auth-progress {
    display: none;
}

.logoff-complete, 
.cookie-error-view,
.chrome-App-Origin-Mismatch {
    display: none;
}

.logoff-complete-title, .cookie-error-title {
    margin-bottom: 30px;
}

.logoff-complete-content, 
.cookie-error-content,
.chrome-App-Origin-content {
    margin: 30px auto;
}

.remember-logon-method input, .remember-logon-method label {
    vertical-align: middle; /* Ensure the checkbox and its label are lined up */
}

a.applicationBundleFirst {
    margin-left: 0;
}

.slick-loading .slick-list {
    background: none;
}

.bar-separator {
    padding: 0 10px;
}

.pluginassistant-popup {
    display:none;
    text-align: left;
    position: fixed;
    background-color: #3f3643;
    border: 1px solid #5E5E5E;
    padding: 10px;    
    width: 226px;
    font-size: 12px;
    color: #fee8c0
}

.pluginassistant-popup h3 {
    margin-top: 0;
}

.legalstatement-checkbox, .legalstatement-label {
    vertical-align: middle;
}

.installbutton.disabled {
    cursor:not-allowed;
}

#hiddeniframes {
    visibility: hidden;
    position: absolute;
    left: -999px;
    top: -999px;
    width: 0;
    height: 0;
}

.download-plugin .footer, .polling-plugin-ie .actions {
    color: white;
}

.acceptterms-popup {
    margin-bottom: 10px;
}

.pluginassistant-details {
    margin-top: 30px;
}

.download-plugin .footer {
    margin-top: 30px;
}

.securitydetails-popup {
    width: 30em;
}

.activate-plugin-box
{
    display: block;
    margin: 0 auto 15px auto;
}

.activate-plugin-box.firefox
{
    width: 180px;
    height: 100px;
    border: 1px solid #777;
    background-color: #484848;
    z-index: -1;
}

.activate-plugin-box.safari
{
    width: 100%;
    height: 30px;
}

.activate-plugin-text.chrome a:link,
.activate-plugin-text.chrome a:visited {
    color: white;
    text-decoration: underline;
}

.view-sprite {
    background-image: url('../images/1x/viewSprite.png');
    background-size: 233px 25px;
    height: 23px;
    width: 23px;
    /* dimensions of default icon*/
    background-position: -189px -1px;
    margin-right: 10px;
}

.theme-highlight-sprite {
    background-image: url('../images/1x/actionSprite.png');
    background-size: 134px 19px;
}

.appBundle1 {
    background-image: url('../images/common/bundle_background_01.jpg');
    background-size: 100% 100%;
}

.appBundle2 {
    background-image: url('../images/common/bundle_background_02.jpg');
    background-size: 100% 100%;
}

.appBundle3 {
    background-image: url('../images/common/bundle_background_03.jpg');
    background-size: 100% 100%;
}

.appBundle4 {
    background-image: url('../images/common/bundle_background_04.jpg');
    background-size: 100% 100%;
}

.appBundle5 {
    background-image: url('../images/common/bundle_background_05.jpg');
    background-size: 100% 100%;
}

.appBundle6 {
    background-image: url('../images/common/bundle_background_06.jpg');
    background-size: 100% 100%;
}

.appBundle7 {
    background-image: url('../images/common/bundle_background_07.jpg');
    background-size: 100% 100%;
}

.appBundle8 {
    background-image: url('../images/common/bundle_background_08.jpg');
    background-size: 100% 100%;
}

.appBundle9 {
    background-image: url('../images/common/bundle_background_09.jpg');
    background-size: 100% 100%;
}

.traceWindow {
    background: palegoldenrod;
    height: 100%;
    z-index: 999;
    width: 100%;
    position: absolute;
}

.traceWindow .trace {
        overflow: scroll;
        width: 100%;
        height: 100%;
}

.traceWindow .clearButton {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 20px;
    top: 50%;
    background: red;
}

.traceWindow .trace span {
    font-weight:bold;
    margin-right:10px;
}

.bundleDetail.appBundle1 {
    background-image: url('../images/common/bundle_banner_01.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle2 {
    background-image: url('../images/common/bundle_banner_02.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle3 {
    background-image: url('../images/common/bundle_banner_03.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle4 {
    background-image: url('../images/common/bundle_banner_04.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle5 {
    background-image: url('../images/common/bundle_banner_05.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle6 {
    background-image: url('../images/common/bundle_banner_06.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle7 {
    background-image: url('../images/common/bundle_banner_07.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle8 {
    background-image: url('../images/common/bundle_banner_08.jpg');
    background-size: 100% 100%;
}

.bundleDetail.appBundle9 {
    background-image: url('../images/common/bundle_banner_09.jpg');
    background-size: 100% 100%;
}

#appInfoRestartBtn {
    display: none;
}

.thirdPartyNoticeHeader {
    font-size: 20px;
    color: black;
}

.thirdPartyNoticeLink {
    color: #02A1C1;
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 8px;
    display: block;
}

.citrixCopyright {
    margin-top: 4px;
    display: inline-block;
}

.citrixLink {
    color: #02A1C1;
    font-size: 13px;
    margin-top: 9px;
    display: block;
}

.aboutBox,
.about-view {
    font-size: 13px;
    color: #666;
    text-align: center;
}

.citrixReceiverLogoAboutBox {
    display: block;
    background-image: url(../images/1x/Citrix_Logo.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 52px;
    width: 130px;
    margin: 16px auto 50px auto;
}

.aboutBoxCloseBtn {
    display: block;
    background-image: url(../images/1x/ico_close.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    position: absolute;
    right: 13px;
    top: 13px;
    background-size: 16px 16px;
}

.high-contrast .aboutBoxCloseBtn:before {
    content: url(../images/1x/ico_close.png);
    height: 32px;
    width: 32px;
    position: absolute;
    top: 8px;
}

.action-menu {
    /* TODO get real style for action menu from PD */
    display: none;
    background: white;
    padding: 4px;
    font-size: 16px;
    position: absolute;
    top: 16px;
    left: 20px;
    border-width: 1px;
    border-style: solid;
}
.action-menu:hover a{
  text-decoration: underline;
}

.action-menu.show {
    display: block;
}

.storeapp {
    overflow: hidden;
}


li.dragging .storeapp-details-link {
    background-color: #cccccc;
}

.customAuthHeader,
.customAuthFooter,
.pluginAuthHeader, 
.pluginAuthFooter,
#pluginBottom {
    position: absolute;
    width: 100%;
    left: 0; 
}

.customAuthHeader {
    top: 0;
}

.customAuthFooter,
.pluginAuthFooter,
#pluginBottom {
    bottom: 0;
}

.hidden {
    display: none;
}