/* Generated Fri Dec 5 17:03:35 EST 2025 */
body {
--gq-00dp-bkgnd-color: #ffffff;
--gq-comp-border-color: #dadce0;
--gq-control-panel-bkgnd-color: #ffffff;
--gq-control-panel-primary-color: #000000;
--gq-control-panel-secondary-color: #202124;
--gq-control-panel-footer-links-color: #1155cc;
--gq-control-panel-copyright-color: #000000;
--gq-control-panel-dash-icon-color: #a3a3a3;
--gq-fullscreen-bar-bkgnd-color: #ededed;
--gq-fullscreen-bar-text-color: #888888;
--gq-task-title-color: #000000;
--gq-task-title-empty-color: #7b7b7b;
--gq-task-title-placeholder-color: #7b7b7b66;
--gq-task-link-color: #4f4f4f;
--gq-task-link-hover-color: #4285f4;
--gq-task-selected-shadow: #121212;
--gq-bulk-task-container-bkgnd: #e8f0fe;
--gq-bulk-task-container-bkgnd-box-theme: #e8f0fe;
--gq-bulk-actions-title-color: #4285f4;
--gq-bulk-drag-bkgnd-color: #4285f4;
--gq-bulk-drag-text-color: #ffffff;
--gq-bulk-drag-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
--gq-task-notes-color: #505050;
--gq-task-btn-color: #5f6368;
--gq-task-checkbox-color: #5f6368;
--gq-task-checkbox-active-color: #000000;
--gq-task-btn-border-color: #a2a5a8;
--gq-task-details-btn-hover-color: #efeff0;
--gq-task-details-btn-active-color: #000000;
--gq-task-delete-btn-separator-color: #f1f1f1;
--gq-task-date-text-color: #7b7b7b;
--gq-task-date-today-color: #2ba54b;
--gq-task-date-overdue-color: #ab1117;
--gq-task-file-text-color: #202124;
--gq-task-file-hover-color: transparent;
--gq-task-created-text-color: #20212480;
--gq-task-add-btn-hover-color: #f7f7f7;
--gq-task-error-color: #BF0B0B;
--gq-task-assignment-bkgnd-color: #f5f5f5;
--gq-task-dragging-bkgnd-color: #ffffff;
--gq-task-dragging-box-shadow:0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
--gq-task-dragging-note-color: #7b7b7b;
--gq-task-copy-bkgnd-color: #4285f4;
--gq-task-copy-text-color: #FFFFFF;
--gq-task-comments-btn-text-color: #9c9d9e;
--gq-task-comments-btn-hover-text-color: #54585d;
--gq-task-parent-hover-color: #efeff0;
--gq-task-list-error-color: #5F5F5F;
--gq-task-celebrate-color: #5F5F5F;
--gq-task-celebrate-icon-color: #4285f4;
--gq-task-snoozed-color: #E49200;
--gq-task-snoozed-pill-color: rgba(242, 141, 0, 0.16);
--gq-queue-header-bkgnd-color: #f6f6f6;
--gq-queue-header-text-color: #555555;
--gq-queue-title-color: #000000;
--gq-queue-title-text-color: #888888;
--gq-queue-title-link-text-color: #000000;
--gq-queue-title-link-hover-color: #efefef;
--gq-queue-loading-color: #DFDFDF;
--gq-queue-viewers-color: #4285f4;
--gq-queue-viewers-menu-bkgnd-color: #FFFFFF;
--gq-queue-viewers-menu-text-color: #202124;
--gq-queue-more-bkgnd: #202124;
--gq-progress-color: #85b2f3;
--gq-progress-light-color: #d2e3fc;
--gq-panel-title-color: #202124;
--gq-panel-header-hover-color:#f1f1f1;
--gq-panel-placeholder-bkgnd-color: #e8f0fe;
--gq-category-icon-color: #888a8e;
--gq-category-hover-color:#eff1f2;
--gq-category-name-color: #202124;
--gq-category-placeholder-bkgnd-color: #e8f0fe;
--gq-category-empty-link-color: #4285f4;
--gq-tag-panel-dropdown-icon-color: #888a8e;
--gq-tag-panel-divider-color: #808080;
--gq-tag-filter-apply-color: #4285f4;
--gq-queue-count-color:#666666;
--gq-queue-hover-color:#f1f1f1;
--gq-queue-hover-bkgnd-color: #e8f0fe;
--gq-queue-hover-border-color: #4D90FE;
--gq-queue-placeholder-bkgnd-color: #e8f0fe;
--gq-selected-queue-bkgnd:#e8f0fe;
--gq-selected-queue-text:#202124;
--gq-right-panel-title-color:#222222;
--gq-right-panel-close-color:#202124;
--gq-right-panel-heading-tab-color: #5f6368;
--gq-right-panel-heading-tab-selected-color: #4285f4;
--gq-details-label-color: #757575;
--gq-details-value-color: #212121;
--gq-details-icon-color: #dfdfdf;
--gq-details-edit-bkgnd-color: #FFFFFF;
--gq-details-edit-text-color: #477FEF;
--gq-details-edit-border-color: #CFCFCF;
--gq-details-email-color: #000000;
--gq-details-email-header-color: #AFAFAF;
--gq-comment-textarea-color: #222222;
--gq-comment-placeholder-color: #AFAFAF;
--gq-comment-label-color: #4285f4;
--gq-comment-text-color: #333333;
--gq-comment-timestamp-color: #888888;
--gq-comment-edit-bkgnd-color: #FFFFFF;
--gq-comment-edit-text-color: #477FEF;
--gq-comment-edit-border-color: #CFCFCF;
--gq-comment-none-color:#AFAFAF;
--gq-comment-error-color:#999999;
--gq-comment-block-selected-color: #ececeb;
--gq-comment-mention-color: #4285f4;
--gq-comment-mention-bkgnd-color: #f1f3f4;
--gq-activity-none-color:#AFAFAF;
--gq-activity-error-color:#999999;
--gq-activity-border-color:#e1e1e1;
--gq-activity-text-color:#333333;
--gq-activity-subject-color:#000000;
--gq-activity-timestamp-color:#888888;
--gq-activity-date-heading-text-color:#5f6368;
--gq-activity-section-header-text-color:#5f6368;
--gq-activity-section-header-bkgnd-color:#ffffff;
--gq-activity-section-header-border-color:#dadce0;
--gq-activity-item-bkgnd-color:#FFFFFF;
--gq-activity-item-text-color:#9a9a9a;
--gq-activity-item-hover-text-color:#000000;
--gq-activity-item-block-color:#cecece;
--gq-activity-item-block-hover-color:#9a9a9a;
--gq-activity-item-active-color:#4285f4;
--gq-activity-tag-bkgnd-color:#9F9F9F;
--gq-activity-tag-text-color:#EFEFEF;
--gq-activity-settings-btn-bkgnd-color: #e1e1e1;
--gq-activity-settings-text-color:#000000;
--gq-contact-card-bkgnd-color: #FFFFFF;
--gq-contact-card-name-color: #202124;
--gq-contact-card-email-color: #3c4043;
--gq-contact-card-subheading-color: #6e7579;
--gq-contact-card-more-border-color: #dadce0;
--gq-contact-card-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
--gq-account-menu-name-color: #202124;
--gq-account-menu-email-color: #5f6368;
--gq-account-menu-link-color: #3c4043;
--gq-account-menu-link-hover-color:#e8eaed;
--gq-account-menu-privacy-color: #5f6368;
--gq-account-menu-privacy--hover-color: #f7f8f8;
--gq-account-menu-separator-color:#e8eaed;
--gq-free-trial-bkgnd-color: #417dd6;
--gq-free-trial-text-color:#ffffff;
--gq-tab-bkgnd-color:#ffffff;
--gq-tab-border-color:#e1e1e1;
--gq-tab-text-color:#5f6368;
--gq-tab-selected-bkgnd-color:#EEE;
--gq-tab-selected-text-color:#333;
--gq-icon-button-hover: #efeff0;
--gq-icon-button-selected: #2021241f;
--gq-button-selected-gradient-1: #EEE;
--gq-button-selected-gradient-2: #E0E0E0;
--gq-button-contained-bkgnd-color:#1a73e8;
--gq-button-contained-text-color:#ffffff;
--gq-button-contained-border-color:#3b85eb;
--gq-button-contained-border-bkgnd-color:#ffffff;
--gq-button-outlined-bkgnd-color: #ffffff;
--gq-button-outlined-text-color: #5f6368;
--gq-button-outlined-border-color: #dadce0;
--gq-button-outlined-hover-bkgnd-color: #f7f8f8;
--gq-button-outlined-hover-text-color: #3c4043;
--gq-button-outlined-blue-text-color: #1a73e8;
--gq-button-outlined-blue-border-color: #e8eaed;
--gq-button-outlined-blue-hover-bkgnd-color: #f8fbff;
--gq-button-outlined-blue-hover-border-color: #d2e3fc;
--gq-button-outlined-red-text-color: #BF0008;
--gq-button-outlined-red-border-color: #e8eaed;
--gq-button-outlined-red-hover-border-color: #f3b4b7;
--gq-button-outlined-red-hover-bkgnd-color: #f9eaeb;
--gq-button-text-text-color: #5f6368;
--gq-button-text-hover-color: #202124;
--gq-button-text-blue-text-color: #1a73e8;
--gq-feature-button-bkgnd-color: #ffffff;
--gq-feature-button-text-color: #3c4043;
--gq-feature-button-icon-color: #4285f4;
--gq-feature-button-hover-bkgnd-color: #f8f9fa;
--gq-menu-link-color: #202124;
--gq-menu-bkgnd-color: #FFFFFF;
--gq-menu-text-color: #202124;
--gq-menu-icon-color: #808080;
--gq-menu-hover-color: #EFEFEF;
--gq-menu-selected-color: #e8f0fe;
--gq-menu-separator-color: #0000001f;
--gq-menu-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
--gq-box-content-items-bkgnd-color: #f0f0f0;
--gq-box-content-items-border-color: #e0e0e0;
--gq-box-task-container-shadow: rgba(0, 0, 0, .10);
--gq-box-task-container-border-top: 0;
--gq-box-selected-task-container-border-color: #636363;
--gq-box-selected-order-border-color: #FFFFFF;
--gq-box-selected-order-bkgnd-color: #000000;
--gq-settings-primary-text-color: #3c4043;
--gq-settings-h2-color: #70757a;
--gq-settings-note-color: #70757a;
--gq-settings-tab-selected-bkgnd-color: #e8f0fe;
--gq-settings-tab-selected-text-color: #1a73e8;
--gq-settings-tab-selected-hover-color: #f1f3f4;
--gq-settings-privacy-text-color: #5f6368;
--gq-settings-privacy-hover-color: #f7f8f8;
--gq-settings-link-color: #4285f4;
--gq-settings-warning-color: #BF0008;
--gq-settings-disabled-bkgnd-color: #FFFFFF;
--gq-settings-dropdown-selected-color: #4285f4;
--gq-settings-dropdown-icon-hover-color: #000000;
--gq-settings-label-color: #8F8F8F;
--gq-settings-domain-color: #70757a;
--gq-settings-sub-title-bar-bkgnd-color: #fafafa;
--gq-settings-announcement-bkgnd-color: #e8f0fe;
--gq-settings-announcement-text-color: #1a73e8;
--gq-checkbox-bkgnd-color: #ffffff;
--gq-checkbox-border-color: #808080;
--gq-checkbox-hover-border-color: #383838;
--gq-checkbox-active-border-color: #c6c6c6;
--gq-checkbox-active-bkgnd-color: #ebebeb;
--gq-checkbox-focus-border-color: #4d90fe;
--gq-checkbox-checked-bkgnd-color: #1a73e8;
--gq-checkbox-checked-border-color: #1a73e8;
--gq-checkbox-checked-check-color: #ffffff;
--gq-checkbox-disabled-border-color: #e1e1e1;
--gq-radio-bkgnd-color: #ffffff;
--gq-radio-border-color: rgba(0,0,0,.54);
--gq-radio-hover-border-color: #383838;
--gq-radio-active-border-color: #c6c6c6;
--gq-radio-active-bkgnd-color: #ebebeb;
--gq-radio-focus-border-color: #4d90fe;
--gq-radio-checked-bkgnd-color: #4285f4;
--gq-radio-checked-border-color: #4285f4;
--gq-radio-disabled-border-color: #e1e1e1;
--gq-modern-input-text-color: #222222;
--gq-modern-input-border-color: #c9c9c9;
--gq-modern-input-selection-color: #212121;
--gq-modern-input-primary-color: #4285f4;
--gq-modern-input-label-color: #5f6368;
--gq-modern-input-error-color: #BF0008;
--gq-modern-input-placeholder-color: #8f8f8f;
--gq-modern-input-gray-bkgnd-color: #f1f3f4;
--gq-modern-input-icon-color: #757575;
--gq-modern-input-calendar-icon-color: #7f8080cc;
--gq-modern-menu-text-color: #666666;
--gq-modern-menu-bkgnd-color: #ffffff;
--gq-modern-menu-hover-color: #EFEFEF;
--gq-modern-menu-box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
--gq-modern-menu-highlighted-color:rgba(0,0,0,.03);
--gq-modern-calendar-box-bkgnd-color: #FFFFFF;
--gq-modern-calendar-box-border-color: #E5E5E5;
--gq-modern-calendar-box-box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
--gq-modern-calendar-header-text-color: #000000;
--gq-modern-calendar-date-text-color: #212121;
--gq-modern-calendar-date-hover-color: #f3f3f3;
--gq-modern-calendar-date-today-color: #3c80f6;
--gq-modern-calendar-date-current-text-color: #FFFFFF;
--gq-modern-calendar-date-current-bkgnd-color: #4285f4;
--gq-modern-calendar-header-icon-color: #212121;
--gq-dialog-bkgnd-color: #FFFFFF;
--gq-dialog-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
--gq-dialog-title-color: #212121;
--gq-dialog-label-color: #606060;
--gq-dialog-separator-color: #788DAF;
--gq-dialog-text-color: #5f6368;
--gq-dialog-notice-color: #FF9900;
--gq-dialog-heading-color: #202124;
--gq-dialog-link-color: #4285f4;
--gq-modal-bkgnd: #20212499;
--gq-modal-msg-text-color: #FFFFFF;
--gq-reconnecting-color: #4588f7;
--gq-duplicate-notice-color: #737373;
--gq-print-dialog-all-bkgnd-color: #f1f1f1;
--gq-publish-dialog-input-text-color: #188038;
--gq-publish-dialog-input-bkgnd-color: #e6f4ea;
--gq-get-link-dialog-icon-bkgnd-color: #4285f4;
--gq-get-link-dialog-icon-text-color: #FFFFFF;
--gq-get-link-dialog-input-text-color: #1a73e8;
--gq-get-link-dialog-input-bkgnd-color: #f1f3f4;
--gq-save-search-dialog-primary-color: #4285f4;
--gq-save-search-dialog-input-color: rgba(0,0,0,.87);
--gq-save-search-dialog-input-border-color: #d8d8d8;
--gq-save-search-dialog-label-color: rgba(0,0,0,.6);
--gq-quick-dialog-primary-color: #4285f4;
--gq-quick-dialog-input-color: rgba(0,0,0,.87);
--gq-quick-dialog-input-border-color: #d8d8d8;
--gq-quick-dialog-label-color: rgba(0,0,0,.6);
--gq-quick-dialog-notes-color: #8F8F8F;
--gq-quick-dialog-hover-color: #f1f1f1;
--gq-quick-dialog-selected-bkgnd-color: #f1f3f4;
--gq-quick-dialog-selected-icon-color: #5f6368;
--gq-quick-dialog-processing-color: #FFFFFF;
--gq-queue-filter-primary-color: #4285f4;
--gq-queue-filter-input-bkgnd-color: #ffffff;
--gq-queue-filter-input-border-color: #000000;
--gq-queue-filter-input-text-color: rgba(0,0,0,.8);
--gq-queue-filter-no-match-color: #000000;
--gq-queue-filter-primary-name-color: #000000;
--gq-queue-filter-secondary-name-color: #666666;
--gq-queue-filter-hover-color: #EFEFEF;
--gq-queue-filter-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
--gq-queue-filter-placeholder-color: rgba(0,0,0,0.4);
--gq-queue-notifications-text-color: #3c4043;
--gq-queue-notifications-subtitle-bkgnd-color: #f1f1f1;
--gq-queue-notifications-subtitle-text-color: #4d90fe;
--gq-settings-notifications-divider-color: #DFDFDF;
--gq-keyboard-border-color: #e0e0e0;
--gq-keyboard-h2-bkgnd-color: #f1f1f1;
--gq-keyboard-h2-text-color: #000000;
--gq-keyboard-group-title-text-color: #3c4043;
--gq-keyboard-group-title-active-bkgnd-color: #e8f0fe;
--gq-keyboard-primary-color: #1a73e8;
--gq-keyboard-left-line-color: #e8eaed;
--gq-keyboard-heading-hover-color: #f1f3f4;
--gq-keyboard-short-text-color: #80868b;
--gq-keyboard-key-bkgnd-color: #e8eaed;
--gq-keyboard-key-text-color: #000000;
--gq-keyboard-label-text-color: #000000;
--gq-smq-primary-color: #1a73e8;
--gq-upsell-primary-color: #3772D6;
--gq-upsell-button-text-color: #ffffff;
--gq-upsell-feature-text-color: #6F6F6F;
--gq-upsell-plan-name-color: #8031FF;
--gq-upsell-heading-title-text-color: #3c4043;
--gq-upsell-heading-hover-color: #f1f3f4;
--gq-upsell-heading-title-active-text-color: #8031FF;
--gq-upsell-heading-title-active-color: #f3ecff;
--gq-upsell-section-title-1-text-color: #000000;
--gq-upsell-primary-text-color: #3c4043;
--gq-upsell-details-color: #ffffff;
--gq-upsell-details-box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
--gq-upsell-image-opacity: 1.0;
--gq-upsell-purple: #8031FF;
--gq-upsell-pink: #FF569A;
--gq-upsell-blue: #4285F4;
--gq-upsell-green: #00D9AD;
--gq-upsell-yellow: #FFCC3E;
--gq-share-queue-subheading-color: #70757a;
--gq-share-queue-name-text-color: #000000;
--gq-share-queue-email-text-color: #777777;
--gq-share-queue-email-new-text-color: #4285f4;
--gq-share-queue-dropdown-text-color: #4F4F4F;
--gq-share-queue-dropdown-bkgnd-color: #ffffff;
--gq-share-queue-dropdown-border-color: #efefef;
--gq-share-queue-dropdown-arrow-color: #616161;
--gq-share-saving-bkgnd-color: #ffffff;
--gq-team-primary-color: #4285f4;
--gq-team-subheading-color: #70757a;
--gq-team-tab-text-color: #616161;
--gq-team-footer-bkgnd-color: #efefef;
--gq-team-text-color: #000000;
--gq-team-created-text-color: #252525;
--gq-team-warning-color: #BF0008;
--gq-team-owner-name-color: #212121;
--gq-team-owner-email-color: #757575;
--gq-team-owner-selection-color: #f7f7f7;
--gq-team-import-heading-color: #8F8F8F;
--gq-team-import-name-color: #666666;
--gq-team-check-color: #1e8e3e;
--gq-team-tag-text-color: #333333;
--gq-team-tag-hover-color: #f1f1f1;
--gq-team-access-name-color: #616161;
--gq-team-access-description-color: #808080;
--gq-team-step-bkgnd-color: #DFDFDF;
--gq-team-step-text-color: #000000;
--gq-team-step-active-text-color: #FFFFFF;
--gq-notifications-card-bkgnd-color: #FFFFFF;
--gq-notifications-header-color: #666666;
--gq-notifications-card-text-color: #262626;
--gq-notifications-card-subtext-color: #7d7d7d;
--gq-notifications-card-highlight-color: #4285f4;
--gq-notifications-card-close-color: #000000;
--gq-notifications-previous-text-color: #737373;
--gq-notifications-previous-bkgnd-color: #FFFFFF;
--gq-notifications-previous-hover-text-color: #333333;
--gq-notifications-previous-hover-bkgnd-color: #F8F8F8;
--gq-calendar-title-color: #000000;
--gq-calendar-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
--gq-calendar-repeat-btn-text-color: #757575;
--gq-calendar-repeat-btn-bkgnd-color: #f1f3f4;
--gq-calendar-repeat-btn-active-text-color: #ffffff;
--gq-calendar-repeat-btn-active-bkgnd-color: #4285f4;
--gq-search-bkgnd-color: #f1f3f4;
--gq-search-text-color: #000000;
--gq-search-placeholder-color: rgba(0,0,0,0.54);
--gq-search-active-bkgnd-color: #ffffff;
--gq-search-icon-hover-color: #e0e2e4;
--gq-adv-search-text-color: #3c4043;
--gq-adv-search-box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
--gq-filter-bkgnd-color: #FFFFFF;
--gq-filter-text-color: #666666;
--gq-filter-title-color: #70757a;
--gq-filter-placeholder-color: #BFBFBF;
--gq-filter-input-color: #000000;
--gq-filter-manage-hover-color: #f7f7f7;
--gq-filter-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
--gq-scrollbar-bkgnd-color: rgba(0, 0, 0, .2);
--gq-scrollbar-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
--gq-scrollbar-thumb-hover-bkgnd-color: rgba(0,0,0,.4);
--gq-scrollbar-thumb-hover-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
--gq-scrollbar-thumb-active-bkgnd-color: rgba(0,0,0,0.5);
--gq-scrollbar-thumb-active-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
--gq-insert-menu-option-text-color: #3c4043;
--gq-insert-menu-account-name-color: #3c4043;
--gq-insert-menu-account-email-color: #5f6368;
--gq-insert-menu-option-hover-color: #EFEFEF;
--gq-insert-menu-option-highlighted-color: #e3e3e3;
--gq-input-field-value: #000000;
--gq-input-field-line-valid: #009759;
--gq-input-field-line-invalid: #E50000;
--gq-input-field-highlight: #0089FF;
}
body.gq-dark-mode {
--gq-00dp-bkgnd-color: #121212;
--gq-comp-border-color: rgba(255, 255, 255, .20);
--gq-control-panel-bkgnd-color: #ffffff;
--gq-control-panel-primary-color: rgba(255, 255, 255, .8);
--gq-control-panel-secondary-color: rgba(255, 255, 255, .7);
--gq-control-panel-footer-links-color: #89a8f6;
--gq-control-panel-copyright-color: rgba(255, 255, 255, .9);
--gq-control-panel-dash-icon-color: rgba(255, 255, 255, .34);
--gq-fullscreen-bar-bkgnd-color: #34425c;
--gq-fullscreen-bar-text-color: rgba(255, 255, 255, 0.65);
--gq-task-title-color: rgba(255, 255, 255, .87);
--gq-task-title-empty-color: rgba(255, 255, 255, .87);
--gq-task-title-placeholder-color: rgba(255, 255, 255, .4);
--gq-task-link-color: rgba(255, 255, 255, .6);
--gq-task-link-hover-color: #8ab4f8;
--gq-bulk-task-container-bkgnd: #323f53;
--gq-bulk-task-container-bkgnd-box-theme: rgba(138, 180, 248, 0.24);
--gq-bulk-actions-title-color: #8ab4f8;
--gq-bulk-drag-bkgnd-color: #425470;
--gq-bulk-drag-text-color: #8ab4f8;
--gq-bulk-drag-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-task-notes-color: rgba(255, 255, 255, .7);
--gq-task-btn-color: rgba(255, 255, 255, .6);
--gq-task-checkbox-color: rgba(255, 255, 255, .9);
--gq-task-checkbox-active-color: rgba(255, 255, 255, 1.0);
--gq-task-btn-border-color: rgba(255, 255, 255, .8);
--gq-task-details-btn-hover-color: rgba(255, 255, 255, .18);
--gq-task-details-btn-active-color: rgba(255, 255, 255, 1.0);
--gq-task-delete-btn-separator-color: rgba(255, 255, 255, .12);
--gq-task-date-text-color: rgba(255, 255, 255, .8);
--gq-task-date-today-color: #25b74b;
--gq-task-date-overdue-color: #ff9098;
--gq-task-file-text-color: rgba(255, 255, 255, .9);
--gq-task-file-hover-color: rgba(255, 255, 255, .18);
--gq-task-created-text-color: rgba(255, 255, 255, .6);
--gq-task-add-btn-hover-color: rgba(255, 255, 255, .2);
--gq-task-error-color: #CF6679;
--gq-task-assignment-bkgnd-color: rgba(255, 255, 255, .24);
--gq-task-dragging-bkgnd-color: #121212;
--gq-task-dragging-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-task-dragging-note-color: rgba(255, 255, 255, .8);
--gq-task-copy-bkgnd-color: #8ab4f8;
--gq-task-copy-text-color: #000000;
--gq-task-comments-btn-text-color: rgba(255, 255, 255, .6);
--gq-task-comments-btn-hover-text-color: rgba(255, 255, 255, .8);
--gq-task-parent-hover-color: rgba(255, 255, 255, .24);
--gq-task-list-error-color: rgba(255, 255, 255, .6);
--gq-task-celebrate-color: rgba(255, 255, 255, .7);
--gq-task-celebrate-icon-color: #8ab4f8;
--gq-task-snoozed-color: #E49200;
--gq-task-snoozed-pill-color: rgba(242, 141, 0, 0.16);
--gq-queue-header-bkgnd-color: rgba(255, 255, 255, .2);
--gq-queue-header-text-color: rgba(255, 255, 255, .65);
--gq-queue-title-color: rgba(255, 255, 255, 1);
--gq-queue-title-text-color: rgba(255, 255, 255, .6);
--gq-queue-title-link-text-color: #FFFFFF;
--gq-queue-title-link-hover-color: rgba(255, 255, 255, .24);
--gq-queue-loading-color: rgba(255, 255, 255, .4);
--gq-queue-viewers-color: #8ab4f8;
--gq-queue-viewers-menu-bkgnd-color: #2d2e30;
--gq-queue-viewers-menu-text-color: rgba(255, 255, 255, .9);
--gq-queue-more-bkgnd: #202124;
--gq-progress-color: #85b2f3;
--gq-progress-light-color: #85b2f3;
--gq-panel-title-color:rgba(255, 255, 255, 0.9);
--gq-panel-header-hover-color:rgba(241, 243, 244, 0.12);
--gq-panel-placeholder-bkgnd-color: rgba(138, 180, 248, 0.24);
--gq-category-icon-color: rgba(255, 255, 255, 0.34);
--gq-category-hover-color:rgba(241, 243, 244, 0.18);
--gq-category-name-color:rgba(255, 255, 255, 0.87);
--gq-category-placeholder-bkgnd-color: rgba(138, 180, 248, 0.24);
--gq-category-empty-link-color: #8ab4f8;
--gq-tag-panel-dropdown-icon-color: rgba(255, 255, 255, .6);
--gq-tag-panel-divider-color: rgba(255, 255, 255, .6);
--gq-tag-filter-apply-color: #8ab4f8;
--gq-queue-count-color:rgba(255, 255, 255, .6);
--gq-queue-hover-color:#343434;
--gq-queue-hover-bkgnd-color: #323f53;
--gq-queue-hover-border-color: #85b2f3;
--gq-queue-placeholder-bkgnd-color: rgba(138, 180, 248, 0.24);
--gq-selected-queue-bkgnd: #323f53;
--gq-selected-queue-text:rgba(255, 255, 255, 1.0);
--gq-right-panel-title-color:rgba(255, 255, 255, .87);
--gq-right-panel-close-color:rgba(255, 255, 255, .87);
--gq-right-panel-heading-tab-color: rgba(255, 255, 255, .87);
--gq-right-panel-heading-tab-selected-color: #8ab4f8;
--gq-details-label-color: rgba(255, 255, 255, .7);
--gq-details-value-color: rgba(255, 255, 255, .87);
--gq-details-icon-color: rgba(255, 255, 255, .8);
--gq-details-edit-bkgnd-color: rgba(241, 243, 244, 0.12);
--gq-details-edit-text-color: #8ab4f8;
--gq-details-edit-border-color: rgba(255, 255, 255, 0.2);
--gq-details-email-color: rgba(255, 255, 255, 1.0);
--gq-details-email-header-color: rgba(255, 255, 255, 0.6);
--gq-comment-textarea-color: rgba(255, 255, 255, 1.0);
--gq-comment-placeholder-color: rgba(255, 255, 255, .6);
--gq-comment-label-color: #8ab4f8;
--gq-comment-text-color: rgba(255, 255, 255, .87);
--gq-comment-timestamp-color: rgba(255, 255, 255, .77);
--gq-comment-edit-bkgnd-color: rgba(241, 243, 244, 0.12);
--gq-comment-edit-text-color: #8ab4f8;
--gq-comment-edit-border-color: rgba(255, 255, 255, 0.2);
--gq-comment-none-color: rgba(255, 255, 255, 0.45);
--gq-comment-error-color: rgba(255, 255, 255, 0.5);
--gq-comment-block-selected-color: rgba(255, 255, 255, 0.2);
--gq-comment-mention-color: #8ab4f8;
--gq-comment-mention-bkgnd-color: rgba(255, 255, 255, .24);
--gq-activity-none-color:rgba(255, 255, 255, 0.5);
--gq-activity-error-color:rgba(255, 255, 255, .7);
--gq-activity-border-color:rgba(255, 255, 255, .20);
--gq-activity-text-color:rgba(255, 255, 255, .87);
--gq-activity-subject-color:rgba(255, 255, 255, 1.0);
--gq-activity-timestamp-color:rgba(255, 255, 255, .77);
--gq-activity-date-heading-text-color:rgba(255, 255, 255, .65);
--gq-activity-section-header-text-color:rgba(255, 255, 255, .65);
--gq-activity-section-header-bkgnd-color:#121212;
--gq-activity-section-header-border-color:rgba(255, 255, 255, .20);
--gq-activity-item-bkgnd-color:rgba(255, 255, 255, .15);
--gq-activity-item-text-color:rgba(255, 255, 255, .87);
--gq-activity-item-hover-text-color:rgba(255, 255, 255, 1.0);
--gq-activity-item-block-color:rgba(255, 255, 255, .20);
--gq-activity-item-block-hover-color:rgba(255, 255, 255, .87);
--gq-activity-item-active-color:#8ab4f8;
--gq-activity-tag-bkgnd-color:rgba(255, 255, 255, 0.15);
--gq-activity-tag-text-color:rgba(255, 255, 255, 0.9);
--gq-activity-settings-btn-bkgnd-color: rgba(255, 255, 255, .20);
--gq-activity-settings-text-color:rgba(255, 255, 255, .87);
--gq-contact-card-bkgnd-color: #2d2e30;
--gq-contact-card-name-color: rgba(255, 255, 255, .87);
--gq-contact-card-email-color: rgba(255, 255, 255, .7);
--gq-contact-card-subheading-color: rgba(255, 255, 255, .6);
--gq-contact-card-more-border-color: rgba(255, 255, 255, .20);
--gq-contact-card-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-account-menu-name-color: rgba(255, 255, 255, 1.0);
--gq-account-menu-email-color: rgba(255, 255, 255, .87);
--gq-account-menu-link-color: rgba(255, 255, 255, .95);
--gq-account-menu-link-hover-color: rgba(255, 255, 255, 0.08);
--gq-account-menu-privacy-color: rgba(255, 255, 255, .87);
--gq-account-menu-privacy--hover-color: rgba(255, 255, 255, .08);
--gq-account-menu-separator-color:rgba(255, 255, 255, .20);
--gq-free-trial-bkgnd-color:rgba(127,168,246,0.28);
--gq-free-trial-text-color:rgba(255, 255, 255, 0.65);
--gq-tab-bkgnd-color:#121212;
--gq-tab-border-color:rgba(255, 255, 255, .15);
--gq-tab-text-color:rgba(255, 255, 255, .65);
--gq-tab-selected-bkgnd-color: rgba(241, 243, 244, 0.12);
--gq-tab-selected-text-color:rgba(255, 255, 255, .90);
--gq-icon-button-hover: rgba(154, 160, 166, 0.16);
--gq-icon-button-selected: rgba(255, 255, 255, 0.12);
--gq-button-selected-gradient-1: rgba(255, 255, 255, 0.12);
--gq-button-selected-gradient-2: rgba(255, 255, 255, 0.18);
--gq-button-contained-bkgnd-color:#89a8f6;
--gq-button-contained-text-color:rgba(0,0,0, 0.9);
--gq-button-contained-border-color:#98b2f7;
--gq-button-contained-border-bkgnd-color:#2d2e30;
--gq-button-outlined-bkgnd-color: transparent;
--gq-button-outlined-text-color: rgba(255, 255, 255, .8);
--gq-button-outlined-border-color: rgba(255, 255, 255, .20);
--gq-button-outlined-hover-bkgnd-color: rgba(232, 234, 237, .04);
--gq-button-outlined-hover-text-color: rgba(232, 234, 237, 1.0);
--gq-button-outlined-blue-text-color: #8ab4f8;
--gq-button-outlined-blue-border-color: rgba(255, 255, 255, .20);
--gq-button-outlined-blue-hover-bkgnd-color: rgba(232, 234, 237, .04);
--gq-button-outlined-blue-hover-border-color: rgba(255, 255, 255, .40);
--gq-button-outlined-red-text-color: #CF6679;
--gq-button-outlined-red-border-color: rgba(255, 255, 255, .20);
--gq-button-outlined-red-hover-border-color: rgba(243, 180, 183, 0.6);
--gq-button-outlined-red-hover-bkgnd-color: rgba(249, 234, 235, .20);
--gq-button-text-text-color: rgba(255, 255, 255, .87);
--gq-button-text-hover-color: rgba(255, 255, 255, .87);
--gq-button-text-blue-text-color: #8ab4f8;
--gq-feature-button-bkgnd-color: rgba(138, 180, 248, 0.24);
--gq-feature-button-text-color: #8ab4f8;
--gq-feature-button-icon-color: #8ab4f8;
--gq-feature-button-hover-bkgnd-color: rgba(138, 180, 248, 0.36);
--gq-menu-bkgnd-color: #2d2e30;
--gq-menu-link-color: rgba(255, 255, 255, .87);
--gq-menu-text-color: rgba(255, 255, 255, .87);
--gq-menu-icon-color: rgba(255, 255, 255, .7);
--gq-menu-hover-color: rgba(255, 255, 255, 0.09);
--gq-menu-selected-color: rgba(138, 180, 248, .24);
--gq-menu-separator-color: rgba(255, 255, 255, .20);
--gq-menu-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-box-content-items-bkgnd-color: rgba(255, 255, 255, .10);
--gq-box-content-items-border-color: transparent;
--gq-box-task-container-shadow: rgba(255, 255, 255, .20);
--gq-box-task-container-border-top: 1px solid rgba(255, 255, 255, .20);
--gq-box-selected-task-container-border-color: rgba(255, 255, 255, .80);
--gq-box-selected-order-border-color: #121212;
--gq-box-selected-order-bkgnd-color: #FFFFFF;
--gq-settings-primary-text-color: rgba(255, 255, 255, .70);
--gq-settings-h2-color: rgba(255, 255, 255, .87);
--gq-settings-note-color: rgba(255, 255, 255, .87);
--gq-settings-tab-selected-bkgnd-color: rgba(138, 180, 248, 0.24);
--gq-settings-tab-selected-text-color: #8ab4f8;
--gq-settings-tab-selected-hover-color: rgba(138, 180, 248, 0.36);
--gq-settings-privacy-text-color: rgba(255, 255, 255, .6);
--gq-settings-privacy-hover-color: rgba(255, 255, 255, .2);
--gq-settings-link-color: #8ab4f8;
--gq-settings-warning-color: #CF6679;
--gq-settings-disabled-bkgnd-color: #121212;
--gq-settings-dropdown-selected-color: #8ab4f8;
--gq-settings-dropdown-icon-hover-color: #FFFFFF;
--gq-settings-label-color: #8F8F8F;
--gq-settings-domain-color: rgba(255, 255, 255, .87);
--gq-settings-sub-title-bar-bkgnd-color: #242424;
--gq-settings-announcement-bkgnd-color: rgba(138, 180, 248, 0.24);
--gq-settings-announcement-text-color: #8ab4f8;
--gq-checkbox-bkgnd-color: transparent;
--gq-checkbox-border-color: rgba(255, 255, 255, .50);
--gq-checkbox-hover-border-color: rgba(255, 255, 255, .80);
--gq-checkbox-active-border-color: #c6c6c6;
--gq-checkbox-active-bkgnd-color: rgba(255, 255, 255, .20);
--gq-checkbox-focus-border-color: #8ab4f8;
--gq-checkbox-checked-bkgnd-color: #8ab4f8;
--gq-checkbox-checked-border-color: #8ab4f8;
--gq-checkbox-checked-check-color: rgba(0, 0, 0, .80);
--gq-checkbox-disabled-border-color: rgba(255, 255, 255, .50);
--gq-radio-bkgnd-color: transparent;
--gq-radio-border-color: rgba(255, 255, 255, .50);
--gq-radio-hover-border-color: rgba(255, 255, 255, .80);
--gq-radio-active-border-color: #c6c6c6;
--gq-radio-active-bkgnd-color: rgba(255, 255, 255, .20);
--gq-radio-focus-border-color: #8ab4f8;
--gq-radio-checked-bkgnd-color: #8ab4f8;
--gq-radio-checked-border-color: #8ab4f8;
--gq-radio-disabled-border-color: rgba(255, 255, 255, .50);
--gq-modern-input-text-color: rgba(255, 255, 255, .87);
--gq-modern-input-border-color: rgba(255, 255, 255, .40);
--gq-modern-input-selection-color: #212121;
--gq-modern-input-primary-color: #8ab4f8;
--gq-modern-input-label-color: rgba(255, 255, 255, .8);
--gq-modern-input-error-color: #CF6679;
--gq-modern-input-placeholder-color: rgba(255, 255, 255, .6);
--gq-modern-input-gray-bkgnd-color: rgba(255, 255, 255, .20);
--gq-modern-input-icon-color: rgba(255, 255, 255, .80);
--gq-modern-input-calendar-icon-color: #FFFFFF;
--gq-modern-menu-text-color: rgba(255, 255, 255, .87);
--gq-modern-menu-bkgnd-color: #2d2e30;
--gq-modern-menu-hover-color: rgba(255, 255, 255, 0.09);
--gq-modern-menu-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .10), 0 2px 6px 2px rgba(0, 0, 0, .35);
--gq-modern-menu-hover-color:rgba(255, 255, 255, 0.09);
--gq-modern-calendar-box-bkgnd-color: #2d2e30;
--gq-modern-calendar-box-border-color: transparent;
--gq-modern-calendar-box-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-modern-calendar-header-text-color: rgba(255, 255, 255, .87);
--gq-modern-calendar-date-text-color: rgba(255, 255, 255, .8);
--gq-modern-calendar-date-hover-color: rgba(255, 255, 255, .24);
--gq-modern-calendar-date-today-color: #8ab4f8;
--gq-modern-calendar-date-current-text-color: #000000;
--gq-modern-calendar-date-current-bkgnd-color: #8ab4f8;
--gq-modern-calendar-header-icon-color: rgba(255, 255, 255, .6);
--gq-dialog-bkgnd-color: #2d2e30;
--gq-dialog-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .10), 0 2px 6px 2px rgba(0, 0, 0, .35);
--gq-dialog-title-color: rgba(255, 255, 255, .87);
--gq-dialog-label-color: rgba(255, 255, 255, .8);
--gq-dialog-separator-color: rgba(255, 255, 255, .20);
--gq-dialog-text-color: rgba(255, 255, 255, .77);
--gq-dialog-notice-color: #FF9900;
--gq-dialog-heading-color: rgba(255, 255, 255, .7);
--gq-dialog-link-color: #8ab4f8;
--gq-modal-bkgnd: #202124;
--gq-modal-msg-text-color: #FFFFFF;
--gq-reconnecting-color: #8ab4f8;
--gq-duplicate-notice-color: rgba(255, 255, 255, .7);
--gq-print-dialog-all-bkgnd-color: rgba(255, 255, 255, .12);
--gq-publish-dialog-input-text-color: #9cecb5;
--gq-publish-dialog-input-bkgnd-color: #314436;
--gq-get-link-dialog-icon-bkgnd-color: #8ab4f8;
--gq-get-link-dialog-icon-text-color: #000000;
--gq-get-link-dialog-input-text-color: #b2d0ff;
--gq-get-link-dialog-input-bkgnd-color: #495358;
--gq-save-search-dialog-primary-color: #8ab4f8;
--gq-save-search-dialog-input-color: rgba(255,255,255,.87);
--gq-save-search-dialog-input-border-color: rgba(255,255,255,.20);
--gq-save-search-dialog-label-color: rgba(255, 255, 255, .7);
--gq-quick-dialog-primary-color: #8ab4f8;
--gq-quick-dialog-input-color: rgba(255,255,255,.87);
--gq-quick-dialog-input-border-color: rgba(255,255,255,.20);
--gq-quick-dialog-label-color: rgba(255, 255, 255, .7);
--gq-quick-dialog-notes-color: rgba(255, 255, 255, .7);
--gq-quick-dialog-hover-color: rgba(255, 255, 255, .1);
--gq-quick-dialog-selected-bkgnd-color: rgba(255, 255, 255, .1);
--gq-quick-dialog-selected-icon-color: rgba(255, 255, 255, .7);
--gq-quick-dialog-processing-color: #000000;
--gq-queue-filter-primary-color: #8ab4f8;
--gq-queue-filter-input-bkgnd-color: #4b4b4b;
--gq-queue-filter-input-border-color: rgba(255, 255, 255, .60);
--gq-queue-filter-input-text-color: rgba(255, 255, 255, .87);
--gq-queue-filter-no-match-color: rgba(255, 255, 255, .87);
--gq-queue-filter-primary-name-color: rgba(255, 255, 255, .87);
--gq-queue-filter-secondary-name-color: rgba(255, 255, 255, .65);
--gq-queue-filter-hover-color: rgba(255, 255, 255, 0.09);
--gq-queue-filter-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .3);
--gq-queue-filter-placeholder-color: rgba(255, 255, 255, .65);
--gq-queue-notifications-text-color: rgba(255, 255, 255, .87);
--gq-queue-notifications-subtitle-bkgnd-color: rgba(255, 255, 255, 0.1);
--gq-queue-notifications-subtitle-text-color: #8ab4f8;
--gq-settings-notifications-divider-color: rgba(255, 255, 255, .20);
--gq-keyboard-border-color: rgba(255, 255, 255, .20);
--gq-keyboard-h2-bkgnd-color: rgba(255, 255, 255, .12);
--gq-keyboard-h2-text-color: rgba(255, 255, 255, .87);
--gq-keyboard-group-title-text-color: rgba(255, 255, 255, .87);
--gq-keyboard-group-title-active-bkgnd-color: rgba(255, 255, 255, .12);
--gq-keyboard-primary-color: #8ab4f8;
--gq-keyboard-left-line-color: rgba(255, 255, 255, .7);
--gq-keyboard-heading-hover-color: rgba(255, 255, 255, .08);
--gq-keyboard-short-text-color: rgba(255, 255, 255, .6);
--gq-keyboard-key-bkgnd-color: rgba(255, 255, 255, .12);
--gq-keyboard-key-text-color: rgba(255, 255, 255, .87);
--gq-keyboard-label-text-color: rgba(255, 255, 255, .87);
--gq-smq-primary-color: #8ab4f8;
--gq-upsell-primary-color: #8ab4f8;
--gq-upsell-button-text-color: #000000;
--gq-upsell-feature-text-color: rgba(255, 255, 255, .7);
--gq-upsell-plan-name-color: #c29cff;
--gq-upsell-heading-title-text-color: rgba(255, 255, 255, .87);
--gq-upsell-heading-hover-color: #4c4751;
--gq-upsell-heading-title-active-text-color: #c29cff;
--gq-upsell-heading-title-active-color: #4c4751;
--gq-upsell-section-title-1-text-color: rgba(255, 255, 255, .80);
--gq-upsell-primary-text-color: rgba(255, 255, 255, .70);
--gq-upsell-details-color: #4b4c4d;
--gq-upsell-details-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .10), 0 2px 6px 2px rgba(0, 0, 0, .35);
--gq-upsell-image-opacity: 0.9;
--gq-upsell-purple: #c29cff;
--gq-upsell-pink: #fdc3da;
--gq-upsell-blue: #9dc2ff;
--gq-upsell-green: #91ffe9;
--gq-upsell-yellow: #f8e3a9;
--gq-share-queue-subheading-color: rgba(255, 255, 255, .87);
--gq-share-queue-name-text-color: rgba(255, 255, 255, .87);
--gq-share-queue-email-text-color: rgba(255, 255, 255, .7);
--gq-share-queue-email-new-text-color: #8ab4f8;
--gq-share-queue-dropdown-text-color: rgba(255, 255, 255, .87);
--gq-share-queue-dropdown-bkgnd-color: rgba(255, 255, 255, .20);
--gq-share-queue-dropdown-border-color: transparent;
--gq-share-queue-dropdown-arrow-color: rgba(255, 255, 255, .60);
--gq-share-saving-bkgnd-color: rgba(0, 0, 0, .60);
--gq-team-primary-color: #8ab4f8;
--gq-team-subheading-color: rgba(255, 255, 255, .87);
--gq-team-tab-text-color: rgba(255, 255, 255, .80);
--gq-team-footer-bkgnd-color: rgba(255, 255, 255, .12);
--gq-team-text-color: rgba(255, 255, 255, .7);
--gq-team-created-text-color: rgba(255, 255, 255, .95);
--gq-team-warning-color: #CF6679;
--gq-team-owner-name-color: rgba(255, 255, 255, .87);
--gq-team-owner-email-color: rgba(255, 255, 255, .7);
--gq-team-owner-selection-color: rgba(255, 255, 255, .20);
--gq-team-import-heading-color: rgba(255, 255, 255, .7);
--gq-team-import-name-color: rgba(255, 255, 255, .87);
--gq-team-check-color: #56bb71;
--gq-team-tag-text-color: rgba(255, 255, 255, .87);
--gq-team-tag-hover-color: rgba(255, 255, 255, .12);
--gq-team-access-name-color: rgba(255, 255, 255, .87);
--gq-team-access-description-color: rgba(255, 255, 255, .7);
--gq-team-step-bkgnd-color: #6b6b6b;
--gq-team-step-text-color: #FFFFFF;
--gq-team-step-active-text-color: #000000;
--gq-notifications-card-bkgnd-color: #2d2e30;
--gq-notifications-header-color: rgba(255, 255, 255, .87);
--gq-notifications-card-text-color: rgba(255, 255, 255, .87);
--gq-notifications-card-subtext-color: rgba(255, 255, 255, .7);
--gq-notifications-card-highlight-color: #8ab4f8;
--gq-notifications-card-close-color: #FFFFFF;
--gq-notifications-previous-text-color: rgba(255, 255, 255, .7);
--gq-notifications-previous-bkgnd-color: rgba(255, 255, 255, .12);
--gq-notifications-previous-hover-text-color: rgba(255, 255, 255, .87);
--gq-notifications-previous-hover-bkgnd-color: rgba(255, 255, 255, .24);
--gq-calendar-title-color: rgba(255, 255, 255, .87);
--gq-calendar-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-calendar-repeat-btn-text-color: rgba(255, 255, 255, .87);
--gq-calendar-repeat-btn-bkgnd-color: rgba(255, 255, 255, .24);
--gq-calendar-repeat-btn-active-text-color: #000000;
--gq-calendar-repeat-btn-active-bkgnd-color: #8ab4f8;
--gq-search-bkgnd-color: rgba(255, 255, 255, .12);
--gq-search-text-color: rgba(255, 255, 255, .87);
--gq-search-placeholder-color: rgba(255, 255, 255, .7);
--gq-search-active-bkgnd-color: rgba(255, 255, 255, .24);
--gq-search-icon-hover-color: rgba(154, 160, 166, 0.30);
--gq-adv-search-text-color: rgba(255, 255, 255, .7);
--gq-adv-search-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-filter-bkgnd-color: #2d2e30;
--gq-filter-text-color: rgba(255, 255, 255, .8);
--gq-filter-title-color: rgba(255, 255, 255, .87);
--gq-filter-placeholder-color: rgba(255, 255, 255, .6);
--gq-filter-input-color: #FFFFFF;
--gq-filter-manage-hover-color: rgba(255, 255, 255, .24);
--gq-filter-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 2px 6px 2px rgba(0, 0, 0, .95);
--gq-scrollbar-bkgnd-color: rgba(255,255,255, .2);
--gq-scrollbar-box-shadow: inset 1px 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.07);
--gq-scrollbar-thumb-hover-bkgnd-color: rgba(255,255,255,.4);
--gq-scrollbar-thumb-hover-box-shadow: inset 1px 1px 1px rgba(255,255,255,.25);
--gq-scrollbar-thumb-active-bkgnd-color: rgba(255,255,255,0.5);
--gq-scrollbar-thumb-active-box-shadow: inset 1px 1px 3px rgba(255,255,255,0.35);
--gq-insert-menu-option-text-color: rgba(255, 255, 255, .87);
--gq-insert-menu-account-name-color: rgba(255, 255, 255, .87);
--gq-insert-menu-account-email-color: rgba(255, 255, 255, .77);
--gq-insert-menu-option-hover-color: rgba(255, 255, 255, 0.09);
--gq-insert-menu-option-highlighted-color: rgba(255, 255, 255, 0.19);
--gq-input-field-value: rgb(255 255 255 / 0.88);
--gq-input-field-line-valid: #00D57F;
--gq-input-field-line-invalid: #FD505D;
--gq-input-field-highlight: #92BBFF;
}
body {
/* PURPLE 1 */
--gq-color-15-bkgnd: #d6c9e6;
--gq-color-15-text: #776193;
--gq-color-15-drop-border: #C5B1E0;
--gq-color-15-drop-bkgnd: #E7DFF1;
--gq-color-15-selected-border: #bcadce;
--gq-color-15-selected-shadow: #776193;
/* PURPLE 2 */
--gq-color-16-bkgnd: #b398ca;
--gq-color-16-text: #562F77;
--gq-color-16-drop-border: #926CB2;
--gq-color-16-drop-bkgnd: #E7DFF1;
--gq-color-16-selected-border: #b398ca;
--gq-color-16-selected-shadow: #501987;
/* PURPLE 3 */
--gq-color-2-bkgnd: #b373b3;
--gq-color-2-text: #EFE8EF;
--gq-color-2-drop-border: #9e569e;
--gq-color-2-drop-bkgnd: #efe8ef;
--gq-color-2-selected-border: #b373b3;
--gq-color-2-selected-shadow: #6b2d7f;
/* PURPLE 4 */
--gq-color-17-bkgnd: #947aab;
--gq-color-17-text: #F6F2F9;
--gq-color-17-drop-border: #785896;
--gq-color-17-drop-bkgnd: #F6F2F9;
--gq-color-17-selected-border: #947aab;
--gq-color-17-selected-shadow: #664880;
/* PURPLE 5 */
--gq-color-18-bkgnd: #8857a8;
--gq-color-18-text: #F6F2F9;
--gq-color-18-drop-border: #633284;
--gq-color-18-drop-bkgnd: #F6F2F9;
--gq-color-18-selected-border: #8857a8;
--gq-color-18-selected-shadow: #572577;
/**********************/
/* BLUE 1 */
--gq-color-19-bkgnd: #d2dff8;
--gq-color-19-text: #4B6491;
--gq-color-19-drop-border: #C7D3EA;
--gq-color-19-drop-bkgnd: #E4EBFA;
--gq-color-19-selected-border: #b5c5e4;
--gq-color-19-selected-shadow: #4B6491;
/* BLUE 2 */
--gq-color-20-bkgnd: #aac4f7;
--gq-color-20-text: #1F4791;
--gq-color-20-drop-border: #96B3E8;
--gq-color-20-drop-bkgnd: #D9E4FA;
--gq-color-20-selected-border: #aac4f7;
--gq-color-20-selected-shadow: #1F4791;
/* BLUE 3 */
--gq-color-8-bkgnd: #668CD9;
--gq-color-8-text: #F2F5FC;
--gq-color-8-drop-border: #4E79CE;
--gq-color-8-drop-bkgnd: #F2F5FC;
--gq-color-8-selected-border: #668CD9;
--gq-color-8-selected-shadow: #0052be;
/* BLUE 4 */
--gq-color-1-bkgnd: #668cb3;
--gq-color-1-text: #EDF3F9;
--gq-color-1-drop-border: #3B6793;
--gq-color-1-drop-bkgnd: #EDF3F9;
--gq-color-1-selected-border: #668cb3;
--gq-color-1-selected-shadow: #506b8f;
/* BLUE 5 */
--gq-color-21-bkgnd: #5879bc;
--gq-color-21-text: #EFF3F9;
--gq-color-21-drop-border: #37599B;
--gq-color-21-drop-bkgnd: #EFF3F9;
--gq-color-21-selected-border: #5879bc;
--gq-color-21-selected-shadow: #06347c;
/**********************/
/* TURQ 1 */
--gq-color-22-bkgnd: #C0E5E1;
--gq-color-22-text: #3C847C;
--gq-color-22-drop-border: #9CD3CE;
--gq-color-22-drop-bkgnd: #DAF5F2;
--gq-color-22-selected-border: #a1d0cb;
--gq-color-22-selected-shadow: #3C847C;
/* TURQ 2 */
--gq-color-23-bkgnd: #4ace8c;
--gq-color-23-text: #286044;
--gq-color-23-drop-border: #2FAF6F;
--gq-color-23-drop-bkgnd: #9DEEC5;
--gq-color-23-selected-border: #4ace8c;
--gq-color-23-selected-shadow: #337b6f;
/* TURQ 3 */
--gq-color-4-bkgnd: #329262;
--gq-color-4-text: #EAF9F2;
--gq-color-4-drop-border: #267C51;
--gq-color-4-drop-bkgnd: #EAF9F2;
--gq-color-4-selected-border: #329262;
--gq-color-4-selected-shadow: #256041;
/* TURQ 4 */
--gq-color-25-bkgnd: #008976;
--gq-color-25-text: #EAF9F7;
--gq-color-25-drop-border: #026859;
--gq-color-25-drop-bkgnd: #EAF9F7;
--gq-color-25-selected-border: #008976;
--gq-color-25-selected-shadow: #006958;
/* TURQ 5 */
--gq-color-26-bkgnd: #015e51;
--gq-color-26-text: #F2F9F8;
--gq-color-26-drop-border: #023A32;
--gq-color-26-drop-bkgnd: #F2F9F8;
--gq-color-26-selected-border: #015e51;
--gq-color-26-selected-shadow: #024337;
/**********************/
/* GREEN 1 */
--gq-color-28-bkgnd: #D9EDBB;
--gq-color-28-text: #58821B;
--gq-color-28-drop-border: #C9E89B;
--gq-color-28-drop-bkgnd: #ECF7DC;
--gq-color-28-selected-border: #c6dea2;
--gq-color-28-selected-shadow: #a2c370;
/* GREEN 2 */
--gq-color-27-bkgnd: #9dd649;
--gq-color-27-text: #3F6605;
--gq-color-27-drop-border: #85BC32;
--gq-color-27-drop-bkgnd: #D1ECA9;
--gq-color-27-selected-border: #9dd649;
--gq-color-27-selected-shadow: #7bbe10;
/* GREEN 3 */
--gq-color-10-bkgnd: #8CbF40;
--gq-color-10-text: #F0FCDE;
--gq-color-10-drop-border: #71A327;
--gq-color-10-drop-bkgnd: #F0FCDE;
--gq-color-10-selected-border: #8CbF40;
--gq-color-10-selected-shadow: #699b2e;
/* GREEN 4 */
--gq-color-29-bkgnd: #549003;
--gq-color-29-text: #E5F7CD;
--gq-color-29-drop-border: #416D03;
--gq-color-29-drop-bkgnd: #E5F7CD;
--gq-color-29-selected-border: #549003;
--gq-color-29-selected-shadow: #296e00;
/* GREEN 5 */
--gq-color-24-bkgnd: #385f03;
--gq-color-24-text: #F6FCED;
--gq-color-24-drop-border: #274201;
--gq-color-24-drop-bkgnd: #F6FCED;
--gq-color-24-selected-border: #385f03;
--gq-color-24-selected-shadow: #274400;
/**********************/
/* BROWN 1 */
--gq-color-30-bkgnd: #F2E6B5;
--gq-color-30-text: #917A1F;
--gq-color-30-drop-border: #EFE1A7;
--gq-color-30-drop-bkgnd: #F5EDD0;
--gq-color-30-selected-border: #e0d299;
--gq-color-30-selected-shadow: #d6c47c;
/* BROWN 2 */
--gq-color-7-bkgnd: #E0C240;
--gq-color-7-text: #705C0F;
--gq-color-7-drop-border: #D8B62F;
--gq-color-7-drop-bkgnd: #F5ECC6;
--gq-color-7-selected-border: #E0C240;
--gq-color-7-selected-shadow: #c7a924;
/* BROWN 3 */
--gq-color-3-bkgnd: #F2A640;
--gq-color-3-text: #F9F4ED;
--gq-color-3-drop-border: #D68C2C;
--gq-color-3-drop-bkgnd: #F9F4ED;
--gq-color-3-selected-border: #F2A640;
--gq-color-3-selected-shadow: #e0942e;
/* BROWN 4 */
--gq-color-6-bkgnd: #C4A883;
--gq-color-6-text: #F9F5EF;
--gq-color-6-drop-border: #A8875C;
--gq-color-6-drop-bkgnd: #F9F5EF;
--gq-color-6-selected-border: #C4A883;
--gq-color-6-selected-shadow: #b39163;
/* BROWN 5 */
--gq-color-9-bkgnd: #A7A77D;
--gq-color-9-text: #FCFCF7;
--gq-color-9-drop-border: #898959;
--gq-color-9-drop-bkgnd: #FCFCF7;
--gq-color-9-selected-border: #A7A77D;
--gq-color-9-selected-shadow: #888853;
/**********************/
/* RED 1 */
--gq-color-11-bkgnd: #f9d3b1;
--gq-color-11-text: #a26b3a;
--gq-color-11-drop-border: #EFC6A2;
--gq-color-11-drop-bkgnd: #F6E4D3;
--gq-color-11-selected-border: #efc5a0;
--gq-color-11-selected-shadow: #deb693;
/* RED 2 */
--gq-color-12-bkgnd: #f59393;
--gq-color-12-text: #9f3030;
--gq-color-12-drop-border: #E07474;
--gq-color-12-drop-bkgnd: #F8CECE;
--gq-color-12-selected-border: #f59393;
--gq-color-12-selected-shadow: #d66868;
/* RED 3 */
--gq-color-5-bkgnd: #D96666;
--gq-color-5-text: #F9E5E5;
--gq-color-5-drop-border: #BA3D3D;
--gq-color-5-drop-bkgnd: #F9E5E5;
--gq-color-5-selected-border: #D96666;
--gq-color-5-selected-shadow: #bf4444;
/* RED 4 */
--gq-color-13-bkgnd: #ac4444;
--gq-color-13-text: #FCF2F2;
--gq-color-13-drop-border: #822121;
--gq-color-13-drop-bkgnd: #FCF2F2;
--gq-color-13-selected-border: #ac4444;
--gq-color-13-selected-shadow: #8e2b2b;
/* RED 5 */
--gq-color-14-bkgnd: #651111;
--gq-color-14-text: #FFFFFF;
--gq-color-14-drop-border: #490909;
--gq-color-14-drop-bkgnd: #FCEDED;
--gq-color-14-selected-border: #651111;
--gq-color-14-selected-shadow: #4a0606;
/**********************/
/* BLACK 1 */
--gq-color-31-bkgnd: #9F9F9F;
--gq-color-31-text: #FFFFFF;
--gq-color-31-drop-border: #8F8F8F;
--gq-color-31-drop-bkgnd: #FDFDFD;
--gq-color-31-selected-border: #9F9F9F;
--gq-color-31-selected-shadow: #716868;
/* BLACK 2 */
--gq-color-32-bkgnd: #5F5F5F;
--gq-color-32-text: #FFFFFF;
--gq-color-32-drop-border: #2F2F2F;
--gq-color-32-drop-bkgnd: #FDFDFD;
--gq-color-32-selected-border: #5F5F5F;
--gq-color-32-selected-shadow: #404040;
}
body.gq-dark-mode {
/* PURPLE 1 */
--gq-color-15-bkgnd:#d6c9e6;
--gq-color-15-text: #121212;
--gq-color-15-drop-border: #C5B1E0;
--gq-color-15-drop-bkgnd: #E7DFF1;
--gq-color-15-selected-border: #d6c9e6;
--gq-color-15-selected-shadow: #d6c9e6;
/* PURPLE 2 */
--gq-color-16-bkgnd: #b398ca;
--gq-color-16-text: #121212;
--gq-color-16-drop-border: #926CB2;
--gq-color-16-drop-bkgnd: #d6c9e6;
--gq-color-16-selected-border: #b398ca;
--gq-color-16-selected-shadow: #b398ca;
/* PURPLE 3 */
--gq-color-2-bkgnd: #7d4f7d;
--gq-color-2-text: #FFFFFF;
--gq-color-2-drop-border: #FFFFFF;
--gq-color-2-drop-bkgnd: #7d4f7d;
--gq-color-2-selected-border: #a57aa5;
--gq-color-2-selected-shadow: #d7c3d7;
/* PURPLE 4 */
--gq-color-17-bkgnd: #725d85;
--gq-color-17-text: #FFFFFF;
--gq-color-17-drop-border: #FFFFFF;
--gq-color-17-drop-bkgnd: #725d85;
--gq-color-17-selected-border: #cebcde;
--gq-color-17-selected-shadow: #947aab;
/* PURPLE 5 */
--gq-color-18-bkgnd: #5e3c75;
--gq-color-18-text: #FFFFFF;
--gq-color-18-drop-border: #FFFFFF;
--gq-color-18-drop-bkgnd: #5e3c75;
--gq-color-18-selected-border: #d7baea;
--gq-color-18-selected-shadow: #9578a9;
/**********************/
/* BLUE 1 */
--gq-color-19-bkgnd: #d2dff8;
--gq-color-19-text: #121212;
--gq-color-19-drop-border: #C7D3EA;
--gq-color-19-drop-bkgnd: #E4EBFA;
--gq-color-19-selected-border: #d2dff8;
--gq-color-19-selected-shadow: #d2dff8;
/* BLUE 2 */
--gq-color-20-bkgnd: #aac4f7;
--gq-color-20-text: #121212;
--gq-color-20-drop-border: #96B3E8;
--gq-color-20-drop-bkgnd: #D9E4FA;
--gq-color-20-selected-border: #aac4f7;
--gq-color-20-selected-shadow: #aac4f7;
/* BLUE 3 */
--gq-color-8-bkgnd: #49629e;
--gq-color-8-text: #FFFFFF;
--gq-color-8-drop-border: #FFFFFF;
--gq-color-8-drop-bkgnd: #49629e;
--gq-color-8-selected-border: #5d78b7;
--gq-color-8-selected-shadow: #bdc6dc;
/* BLUE 4 */
--gq-color-1-bkgnd: #4d6b8c;
--gq-color-1-text: #FFFFFF;
--gq-color-1-drop-border: #FFFFFF;
--gq-color-1-drop-bkgnd: #4d6b8c;
--gq-color-1-selected-border: #6583a5;
--gq-color-1-selected-shadow: #7ba7c5;
/* BLUE 5 */
--gq-color-21-bkgnd: #3d5384;
--gq-color-21-text: #FFFFFF;
--gq-color-21-drop-border: #FFFFFF;
--gq-color-21-drop-bkgnd: #3d5384;
--gq-color-21-selected-border: #afbdde;
--gq-color-21-selected-shadow: #5481b7;
/**********************/
/* TURQ 1 */
--gq-color-22-bkgnd: #C0E5E1;
--gq-color-22-text: #121212;
--gq-color-22-drop-border: #9CD3CE;
--gq-color-22-drop-bkgnd: #DAF5F2;
--gq-color-22-selected-border: #C0E5E1;
--gq-color-22-selected-shadow: #C0E5E1;
/* TURQ 2 */
--gq-color-23-bkgnd: #4eb981;
--gq-color-23-text: #121212;
--gq-color-23-drop-border: #2FAF6F;
--gq-color-23-drop-bkgnd: #9DEEC5;
--gq-color-23-selected-border: #4eb981;
--gq-color-23-selected-shadow: #8ce8b8;
/* TURQ 3 */
--gq-color-4-bkgnd: #308256;
--gq-color-4-text: #FFFFFF;
--gq-color-4-drop-border: #FFFFFF;
--gq-color-4-drop-bkgnd: #308256;
--gq-color-4-selected-border: #419467;
--gq-color-4-selected-shadow: #66bd8f;
/* TURQ 4 */
--gq-color-25-bkgnd: #0c7162;
--gq-color-25-text: #FFFFFF;
--gq-color-25-drop-border: #FFFFFF;
--gq-color-25-drop-bkgnd: #0c7162;
--gq-color-25-selected-border: #209886;
--gq-color-25-selected-shadow: #33b3a0;
/* TURQ 5 */
--gq-color-26-bkgnd: #0c4b41;
--gq-color-26-text: #FFFFFF;
--gq-color-26-drop-border: #FFFFFF;
--gq-color-26-drop-bkgnd: #0c4b41;
--gq-color-26-selected-border: #49a294;
--gq-color-26-selected-shadow: #44a797;
/**********************/
/* GREEN 1 */
--gq-color-28-bkgnd: #D9EDBB;
--gq-color-28-text: #121212;
--gq-color-28-drop-border: #121212;
--gq-color-28-drop-bkgnd: #D9EDBB;
--gq-color-28-selected-border: #D9EDBB;
--gq-color-28-selected-shadow: #D9EDBB;
/* GREEN 2 */
--gq-color-27-bkgnd: #8fc14e;
--gq-color-27-text: #121212;
--gq-color-27-drop-border: #121212;
--gq-color-27-drop-bkgnd: #8fc14e;
--gq-color-27-selected-border: #8fc14e;
--gq-color-27-selected-shadow: #b1d383;
/* GREEN 3 */
--gq-color-10-bkgnd: #7faa44;
--gq-color-10-text: #121212;
--gq-color-10-drop-border: #121212;
--gq-color-10-drop-bkgnd: #7faa44;
--gq-color-10-selected-border: #7faa44;
--gq-color-10-selected-shadow: #c6dca4;
/* GREEN 4 */
--gq-color-29-bkgnd: #497813;
--gq-color-29-text: #FFFFFF;
--gq-color-29-drop-border: #FFFFFF;
--gq-color-29-drop-bkgnd: #497813;
--gq-color-29-selected-border: #5d9220;
--gq-color-29-selected-shadow: #81b940;
/* GREEN 5 */
--gq-color-24-bkgnd: #406021;
--gq-color-24-text: #FFFFFF;
--gq-color-24-drop-border: #FFFFFF;
--gq-color-24-drop-bkgnd: #406021;
--gq-color-24-selected-border: #71944f;
--gq-color-24-selected-shadow: #a4c781;
/**********************/
/* BROWN 1 */
--gq-color-30-bkgnd: #F2E6B5;
--gq-color-30-text: #121212;
--gq-color-30-drop-border: #121212;
--gq-color-30-drop-bkgnd: #F5EDD0;
--gq-color-30-selected-border: #F2E6B5;
--gq-color-30-selected-shadow: #faf5e2;
/* BROWN 2 */
--gq-color-7-bkgnd: #c3ab50;
--gq-color-7-text: #121212;
--gq-color-7-drop-border: #121212;
--gq-color-7-drop-bkgnd: #c3ab50;
--gq-color-7-selected-border: #c3ab50;
--gq-color-7-selected-shadow: #edd75d;
/* BROWN 3 */
--gq-color-3-bkgnd: #d49953;
--gq-color-3-text: #121212;
--gq-color-3-drop-border: #121212;
--gq-color-3-drop-bkgnd: #d49953;
--gq-color-3-selected-border: #d49953;
--gq-color-3-selected-shadow: #f7dab8;
/* BROWN 4 */
--gq-color-6-bkgnd: #C4A883;
--gq-color-6-text: #121212;
--gq-color-6-drop-border: #121212;
--gq-color-6-drop-bkgnd: #C4A883;
--gq-color-6-selected-border: #C4A883;
--gq-color-6-selected-shadow: #f5e1c7;
/* BROWN 5 */
--gq-color-9-bkgnd: #969678;
--gq-color-9-text: #121212;
--gq-color-9-drop-border: #121212;
--gq-color-9-drop-bkgnd: #969678;
--gq-color-9-selected-border: #969678;
--gq-color-9-selected-shadow: #cacab7;
/**********************/
/* RED 1 */
--gq-color-11-bkgnd: #f9d3b1;
--gq-color-11-text: #121212;
--gq-color-11-drop-border: #121212;
--gq-color-11-drop-bkgnd: #f9d3b1;
--gq-color-11-selected-border: #f9d3b1;
--gq-color-11-selected-shadow: #f9e8d9;
/* RED 2 */
--gq-color-12-bkgnd: #f59393;
--gq-color-12-text: #121212;
--gq-color-12-drop-border: #121212;
--gq-color-12-drop-bkgnd: #f59393;
--gq-color-12-selected-border: #f59393;
--gq-color-12-selected-shadow: #f9c6c6;
/* RED 3 */
--gq-color-5-bkgnd: #c86767;
--gq-color-5-text: #121212;
--gq-color-5-drop-border: #121212;
--gq-color-5-drop-bkgnd: #c86767;
--gq-color-5-selected-border: #c86767;
--gq-color-5-selected-shadow: #da9090;
/* RED 4 */
--gq-color-13-bkgnd: #984646;
--gq-color-13-text: #FFFFFF;
--gq-color-13-drop-border: #FFFFFF;
--gq-color-13-drop-bkgnd: #984646;
--gq-color-13-selected-border: #984646;
--gq-color-13-selected-shadow: #cb595d;
/* RED 5 */
--gq-color-14-bkgnd: #881d1d;
--gq-color-14-text: #FFFFFF;
--gq-color-14-drop-border: #FFFFFF;
--gq-color-14-drop-bkgnd: #881d1d;
--gq-color-14-selected-border: #9c2f2f;
--gq-color-14-selected-shadow: #a23131;
/**********************/
/* BLACK 1 */
--gq-color-31-bkgnd: #9F9F9F;
--gq-color-31-text: #121212;
--gq-color-31-drop-border: #121212;
--gq-color-31-drop-bkgnd: #9F9F9F;
--gq-color-31-selected-border: #c7c7c7;
--gq-color-31-selected-shadow: #c7c7c7;
/* BLACK 2 */
--gq-color-32-bkgnd: #5F5F5F;
--gq-color-32-text: #FFFFFF;
--gq-color-32-drop-border: #FFFFFF;
--gq-color-32-drop-bkgnd: #5F5F5F;
--gq-color-32-selected-border: #a2a2a2;
--gq-color-32-selected-shadow: #a2a2a2;
}
html, body {
position: absolute;
height: 100%;
min-width: 100%;
-webkit-text-size-adjust: 100%;
}
body {
background: #FFFFFF none repeat scroll 0 0;
margin: 0;
padding: 0;
font-family: arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.2em;
}
.gq-page {
position: relative;
min-height: 100%;
overflow-x: hidden;
display: flex;
flex-direction: column;
height: 100%;
}
.gq-clear {
clear:both;
}
.gq-clearfix:before,
.gq-clearfix:after {
content: " ";
display: table;
}
.gq-clearfix:after {
clear: both;
}
.gq-hidden {
display: none !important;
}
.gq-invisible {
visibility: hidden !important;
}
.gq-page-header {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
position:relative;
background-color: #FFFFFF;
border-bottom: #dadce0 1px solid;
margin-bottom: 15px;
flex: 0 0 auto;
}
.gq-page-header-line-1 {
margin: 0 auto;
display: inline;
}
.gq-page-header:after {
content: "";
display: table;
clear:both;
}
.gq-page-logo-container {
float:left;
width: 160px;
margin: 9px 0 0 0;
padding:10px 0 10px 10px;
vertical-align: middle;
box-sizing: content-box !important;
}
.gq-page-logo-container a,
.gq-page-logo-container a:hover,
.gq-page-logo-container a:visited,
.gq-page-logo-container a:active {
cursor: pointer;
border: 0px none !important;
color: transparent;
}
.gq-page-logo-container a img {
border:none;
width: 100%;
}
.gq-page-header-bar {
float: left;
padding:10px 0;
}
.gq-page-header-bar-content {
color: #808080;
border: 0;
font-weight: normal;
font-size: 22px;
line-height: 51px;
margin: 0 5px 0 15px;
}
#gqPageHeaderMenu {
cursor: pointer;
float: right;
display: none;
margin: 24px 20px 0px 20px;
}
#gqPageHeaderMenu div {
background-color: #888888;
height: 4px;
width: 25px;
margin: 3px;
}
.gq-page-header-links {
display: block;
float: right;
padding:10px 10px 10px 0;
width: auto;
font-weight: 500;
}
.gq-page-header-links ul {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
padding:0;
margin: 0;
overflow: hidden;
}
.gq-page-header-links li {
display: inline-block;
float: none;
list-style-type:none;
list-style-image: none;
list-style-position:inside;
margin:0;
padding:0;
text-align:left;
}
.gq-page-header-links a {
display: block;
margin-left: 25px;
font-size: 14px;
line-height: 51px;
text-decoration: none;
color: #3c4043 !important;
}
.gq-page-header-links a:hover,
.gq-page-header-links a:visited {
text-decoration: underline !important;
}
.gq-page-header-links .gq-header-button a {
padding: 0;
text-decoration: none !important;
box-sizing: content-box;
}
.gq-page-header-links .gq-header-button.wide a {
padding: 0 10px;
}
.gq-page-header-links .gq-header-button .gq-button-two {
color: #FFFFFF !important;
}
.gq-page-main {
margin: 0 20px;
padding-bottom: 70px;
flex: 1 1 auto;
}
.gq-page-main:after {
content: "";
display: table;
clear:both;
}
.gq-page-footer {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
width: 100%;
font-size:13px;
text-align:left;
border-top:1px solid #dadce0;
margin: 0;
padding: 15px 0;
color: #808080;
background-color: #FFFFFF;
flex: 0 0 auto;
}
.gq-page-footer [class*='span'] {
margin-bottom: 0;
}
.gq-page-footer ul {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
}
.gq-page-footer ul a {
color: #808080;
text-decoration: none;
}
.gq-page-footer ul a:hover {
text-decoration: underline;
}
.gq-page-footer ul li {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
display: inline;
padding-right: 16px;
}
.gq-page-footer li div {
display:none;
}
.gq-page-footer span {
float: right;
margin-right: 10px;
}
a,
a:hover,
a:visited {
text-decoration: underline;
color: #15C;
}
.gq-integration-content {
margin: 10px 10px 130px 10px;
}
.gq-page-header-content,
.gq-page-main-content,
.gq-page-footer-content {
width: 960px;
margin: 0 auto;
position: relative;
}
/***** HELP HEADER *******/
@media screen and (min-width:892px) and (max-width: 974px){
.gq-page.gq-help .gq-page-header-line-1 {
text-align: center;
display: block;
}
.gq-page.gq-help .gq-page-logo-container {
display: inline-block;
float: none;
vertical-align: top;
}
.gq-page.gq-help .gq-page-header-bar {
display: inline-block;
float: none;
}
.gq-page.gq-help .gq-page-header-links {
display: block;
text-align: center;
padding: 0;
float: none;
}
.gq-page.gq-help .gq-page-header-links li {
float: none;
display: inline-block;
}
}
/***** PAGES WITH HEADER TEXT *******/
@media screen and (min-width:810px) and (max-width: 925px){
.gq-page.gq-has-header-text .gq-page-header-line-1 {
text-align: center;
display: block;
}
.gq-page.gq-has-header-text .gq-page-logo-container {
display: inline-block;
float: none;
margin: 0;
}
.gq-page.gq-has-header-text .gq-page-header-bar {
display: inline-block;
float: none;
}
.gq-page.gq-has-header-text .gq-page-header-links {
display: block;
text-align: center;
padding: 0;
float: none;
}
.gq-page.gq-has-header-text .gq-page-header-links li {
float: none;
display: inline-block;
}
}
@media screen and (max-width: 900px){
.gq-page-footer div {
text-align:center;
}
.gq-page-footer ul {
float: none;
margin: 0;
}
.gq-page-footer li {
padding-right: 5px;
}
.gq-page-footer span {
float: none;
}
.gq-page-footer [class*='span'] {
margin-bottom: 5px;
}
.gq-page-footer .row [class*='span']:last-child {
margin-bottom: 0px;
}
.gq-page-footer-content .span-7,
.gq-page-footer-content .span-5 {
width:97.91667%;
margin-left:1.04167%;
margin-right:1.04167%;
}
}
@media screen and (max-width: 892px){
.gq-page-logo-container {
margin: 9px 0 0 5px;
}
.gq-page-header-links {
width: 100%;
padding: 0;
}
.gq-page-header-links ul {
max-height: 0;
-moz-user-select: none;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.gq-page-header-links ul.expanded {
max-height: 500px;
}
.gq-page-header-links li {
float: none;
text-align: center;
display: block;
border-bottom: 1px solid #CFCFCF;
}
.gq-page-header-links li:first-child {
border-top: 1px solid #CFCFCF;
}
.gq-page-header-links a {
margin: 0;
font-size: 20px;
}
.gq-page-header-links .gq-header-button a {
margin: 12px 0;
}
#gqPageHeaderMenu {
display: block;
}
}
@media screen and (max-width: 540px){
.gq-page-footer li div {
display: block;
margin-bottom: 5px;
}
.gq-page-main {
padding-bottom: 100px;
}
}
@media screen and (max-width: 480px){
#gqPageHeaderMenu {
margin: 15px;
}
.gq-page-header {
}
.gq-page-logo-container {
width: 110px;
}
.gq-page-header-bar {
max-width: 130px;
height: 40px;
overflow: hidden;
}
.gq-page-header-bar-content {
font-size: 16px;
line-height: 40px;
}
}
/********************************/
/***** ADMIN ********************/
/********************************/
.gq-admin-page,
.gq-admin-page .gq-page-main-content {
min-width: 1350px;
}
.gq-admin-account {
margin: 10px 0;
font-size: 13px;
padding: 10px;
width: 550px;
border: 1px solid #CFCFCF;
}
.gq-admin-num-users {
margin: 10px 0;
}
.gq-admin-account-value,
.gq-admin-num-users-value {
font-weight:bold;
}
.gq-admin-hosted {
color: #1F7F00;
}
.gq-admin-paging {
width: 300px;
margin-bottom: 30px;
}
.gq-admin-paging-next {
float: right;
}
.gq-admin-paging-prev {
float: left;
}
.gq-admin-totals-value {
font-weight: bold;
}
.gq-admin-totals {
font-size: 15px;
border: 1px solid #9f9f9f;
padding: 0 10px 10px 10px;
}
.gq-admin-totals div {
margin-top:10px;
}
.gq-admin-totals-title {
font-weight: bold;
font-size: 20px;
margin: 0 0 5px 5px;
}
.gq-admin-totals-container {
width: 300px;
float: left;
margin-bottom: 30px;
}
.gq-admin-accounts-container {
float: right;
margin-bottom: 30px;
}
.gq-contact-response-content {
font-size: 16px;
text-align:center;
margin-bottom: 65px;
}
/***********************/
/* CALENDAR RESPONSE */
/***********************/
.gq-calendar-response-content {
font-size: 16px;
text-align:left;
margin: 40px 15px;
line-height: 24px;
}
.gq-calendar-response-content img {
margin-right: 15px;
width: 40px;
vertical-align: middle;
}
.gq-calendar-response-title {
font-size: 32px;
vertical-align: middle;
}
.gq-calendar-response-content .ext-title {
font-size: 24px;
font-weight: bold;
}
.gq-calendar-response-content #gqAddCalendarExt {
margin: 50px 0 50px 0;
background-color: #F1F1F1;
padding: 15px;
border-radius: 5px;
text-align: center;
transition: opacity 0.3s;
}
.gq-calendar-response-content #gqAddCalendarExt .gq-video-link {
width: 575px;
border: 1px solid #dfdfdf;
cursor: pointer;
}
.gq-calendar-response-content #gqCalendarInstallBtn {
font-size: 17px;
font-weight: normal;
height: 46px;
line-height: 46px;
padding: 0 15px;
}
.gq-calendar-response-content #gqCalendarInstallMore {
font-size: 20px;
text-decoration: none;
color: #4285f4;
}
.gq-calendar-response-content #gqCalendarInstallMore:hover {
text-decoration: underline;
}
/*********************/
/* SURVEY */
/*********************/
.gq-admin-survey-response-total {
width: 50px;
vertical-align:top;
}
.gq-admin-survey-question {
font-size: 15px;
font-weight: bold;
}
.gq-admin-survey-response {
font-size: 15px;
font-weight: normal;
color: #1F7F23;
margin-bottom:15px;
}
/*********************/
/* GCal Activation */
/*********************/
#gqCreatingEventsProgress {
margin:0 auto;
width: 300px;
height:29px;
border: 1px solid #CFCFCF;
}
#gqCreatingEventsProgress div {
height: 25px;
width: 12px;
background-color: #C3D9FF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin:1px;
border: 1px solid #6B8CBF;
}
#gqModalBkgnd {
background: #000000 none repeat scroll 0 0;
opacity: 0.2;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
filter: alpha(opacity=20);
}
.gq-version-button {
width: 65px;
text-align: center;
margin: 20px auto;
font-size:13px;
cursor:pointer;
background: #F8F8F8 url(../images/1.1.2/btnBkgnd.gif) repeat-x scroll 0 0;
border-top: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
}
.gq-version-button a {
color: black;
font-weight: bold;
text-decoration: none;
}
/*********************/
/* GTD */
/*********************/
.gq-gtd-content {
margin: 0 auto;
max-width: 960px;
padding: 0 20px;
}
.gq-gtd-content sup {
font-size: 10px;
}
.gq-gtd-bottom {
background-color: #EFEFEF;
padding: 15px;
margin: 15px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.gq-gtd-1 {
font-size: 16px;
line-height: 25px;
}
.gq-gtd-1 a {
color: #5F5F5F;
}
.gq-gtd-2 {
background-color: #e9eefa;
padding: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
max-width: 345px;
text-align: center;
margin: 0 auto;
}
.gq-gtd-2 p {
font-size: 18px;
color: #5b7dea;
font-weight: bold;
margin: 0 0 7px 0;
}
.gq-gtd-3 {
margin: 0 auto;
width: 160px;
font-size: 12px;
color: #8F8F8F;
}
.gq-gtd-3 div {
padding: 0 15px;
}
.gq-gtd-4 {
color: #6F6F6F;
font-size: 15px;
margin-left: 10px;
}
.gq-gtd-4 strong {
color: #000000;
}
.gq-gtd-4 h3 {
margin: 7px 0;
}
.gq-gtd-4 h3 a {
color: #5F5F5F;
}
.gq-gtd-content h2 {
margin: 20px 0 0 0;
padding-left: 5px;
}
.gq-gtd-content .gq-video-thumb-container {
background: none;
float:none;
height: auto;
width: auto;
text-align: center;
}
.gq-gtd-content .gq-video-thumb-container img {
border: 1px solid #bed3f8;
}
.gq-gtd-copyright {
font-size: 11px;
color: #5F5F5F;
text-align:center;
}
.gq-gtd-content .gq-video-link img {
max-width: 100%;
}
.gq-page-modern .gq-page-main.gq-forum-page {
padding-bottom: 0 !important;
margin-top: 15px !important;
}
.gq-forum-page .gq-page-main-content {
max-width: 960px;
width: auto;
}
.gq-forum-container {
max-width: 900px;
margin: -15px auto 0 auto;
padding: 0 20px 0 10px;
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
}
/******** ETSY LANDING PAGE ************/
.gq-etsy .gq-page-main {
padding-bottom: 150px;
}
.gq-etsy-disclaimer {
color: #999999;
font-size: 13px;
position: absolute;
bottom: 50px;
width: 100%;
}
.gq-etsy-disclaimer div {
text-align: center;
margin: 0 auto;
}
.gq-etsy .gq-home-right-panel {
height: 210px;
}
.gq-etsy .gq-home-left-panel h2 {
margin: 14px 0;
font-size: 18px;
}
.gq-etsy .gq-home-left-panel {
height: 200px;
}
.gq-etsy .gq-home-left-panel h3 {
margin-top: 30px;
color: #8632C1;
font-size: 20px;
}
.gq-etsy .gq-home-left-panel h5 {
margin: 10px 0 0 110px;
color: #8632C1;
font-size: 20px;
}
.gq-etsy .gq-home-left-panel a {
margin: 49px 0 0 558px;
color: #CFCFCF;
display: inline-block;
font-size: 13px;
}
.gq-etsy .gq-home-left-panel a:hover {
color: #AFAFAF;
}
.gq-etsy-screenshot {
margin: 0 0 10px 0;
}
/******** APPS INSTALL ************/
.gq-apps-install-domain {
color: #2BA815;
}
.gq-apps-install-continue {
text-align: center;
margin-top: 40px;
}
.gq-apps-install-help > div {
height: 30px !important;
}
/************ RESPONSIVE PAGE **************/
.gq-page-responsive .gq-page-main-content,
.gq-page-responsive .gq-page-header-content,
.gq-page-responsive .gq-page-footer-content {
width: auto !important;
max-width: 960px;
}
.gq-img-responsive img {
max-width: 100%;
width: 100%;
}
/************ MODERN PAGE **************/
.gq-page-modern .gq-page-main {
margin: 0 !important;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
}
.gq-page-modern .gq-page-main-content {
max-width: 100%;
width: auto !important;
}
.gq-page-modern .gq-page-header-content,
.gq-page-modern .gq-page-footer-content {
width: auto !important;
max-width: 960px;
}
.gq-page-modern .gq-page-header {
margin-bottom: 0;
}
.gq-about-section .content {
max-width: 960px;
margin: 25px auto;
padding: 0 20px;
}
.gq-about-section h1,
.gq-about-section h2 {
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 5px 0;
width: 100%;
}
.gq-about-section h3 {
color: #737373;
font-size: 24px;
font-weight: 100;
line-height: 30px;
display:inline-block;
margin: 0 0 5px 0;
}
.gq-about-section .content p,
.gq-about-section .content ul {
font-size: 15px;
color: #333333;
line-height: 25px;
margin-top: 10px;
margin-bottom: 20px;
font-family: arial, helvetica, sans-serif;
}
.gq-about-section .content ul {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
}
.gq-about-section .content li {
margin-bottom: 20px;
}
.gq-about-section .content p span {
font-weight: bold;
color: #000000;
}
.gq-about-page {
max-width: 960px;
margin: 0 10px;
font-size: 15px;
line-height: 22px;
}
.gq-about-photo {
float: right;
font-size: 13px;
color: #8F8F8F;
border: none
padding: 5px;
margin: 0 0 5px 10px;
text-align:center;
}
.gq-about-photo-bottom {
font-size: 13px;
color: #8F8F8F;
border: none
padding: 5px;
margin: 0 0 10px 0;
text-align:center;
display: none;
}
.gq-about .gq-partner-badge {
float: right;
margin: 0 0 50px 20px;
max-width: 234px;
}
.gq-about-founder {
max-width: 250px;
float: right;
padding: 2px;
margin: 14px 0 20px 20px;
font-family: arial,helvetica,sans-serif;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.gq-about-founder img {
width: 100%;
margin-bottom: 10px;
box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
border-radius: 10px;
}
@media screen and (max-width: 550px){
.gq-about-section h1,
.gq-about-section h2 {
text-align: center;
}
.gq-about-founder {
float: none;
margin: 20px auto;
}
}
@media screen and (max-width: 480px){
.gq-about-photo {
display:none;
}
.gq-about-photo-bottom {
display:block;
}
.gq-about .gq-partner-badge {
float: none;
display: block;
margin: 0 auto 50px auto;
}
}
.gq-error-page {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
display: flex;
flex-direction: column;
}
.gq-error-page-content {
text-align: center;
margin: 75px 0 125px 0;
flex: 1 1 auto;
}
.gq-error-page-content h1 {
font-size: 24px;
line-height: 35px;
}
.gq-error-page-content h2 {
font-size: 18px;
margin-top: 36px;
font-weight: normal;
}
.gq-error-page a {
color: default;
}
.gq-calext-page {
text-align:center;
font-family: "Roboto",Helvetica,Arial,sans-serif;
}
.gq-calext-header {
height: 100px;
margin-top: 50px;
}
.gq-calext-title {
font-family: "Google Sans",arial,sans-serif;
font-size: 18px;
color:#8F8F8F;
text-align: center;
margin-top: 40px;
}
.gq-calext-msg {
font-size: 15px;
font-weight: 500;
margin: 20px 60px;
line-height: 22px;
}
.gq-calext-img {
margin: 20px 20px 40px 20px;
width: 478px;
}
#gqCalExtActivateBtn {
display: inline-block;
margin-bottom: 100px;
text-decoration: none;
}
.gq-faq-section {
padding: 30px 0;
}
.gq-faq-section h2 {
font-size: 40px;
font-weight: 100;
color: #737373;
line-height: 50px;
margin-bottom: 0;
margin-top: 10px;
}
.gq-faq-section .content {
max-width: 925px;
margin: 0 auto;
padding: 0 20px;
}
/******** HEADER **********/
.gq-faq-section.header {
background-color: #3A6CBE;
width: 100%;
height: 100px;
position:relative;
}
.gq-faq-section.header::after {
content: "";
background-image: url("../images/1.1.2/faq_hero.jpg");
background-position: 50% 45%;
background-repeat: repeat-x;
background-size: cover;
opacity: 0.09;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
.gq-faq-section.header .content {
text-align: center;
}
.gq-faq-section.header h2 {
margin-top: 25px;
margin-bottom: 20px;
font-size: 50px;
font-weight: 100;
color: #FFFFFF;
text-shadow: 1px 1px rgba(0,0,0,0.5);
line-height: 60px;
}
.gq-faq-section.header a {
color: #FFFFFF;
font-size: 24px;
display: inline-block;
margin:0;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 100;
text-decoration: none;
}
.gq-faq-section.header a:hover {
text-decoration: underline;
}
.gq-faq-section.header p {
color: #FFFFFF;
font-size: 16px;
margin: 15px 0;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 100;
}
.gq-faq-subtitle {
margin: 40px 20px -20px 20px;
color:#a3a3a3;
font-size: 20px;
line-height: 32px;
text-align: center;
font-weight: 300;
}
.gq-faq-bottom {
margin: 40px;
color:#a3a3a3;
font-size: 20px;
line-height: 32px;
text-align: center;
}
.gq-faq-bottom a {
text-decoration: none;
color: #4d90fe;
}
.gq-faq-bottom a:hover {
text-decoration:underline;
}
/******** FAQ BOX **********/
.gq-faq-group-title {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 28px;
color: #4d90fe;
text-transform: uppercase;
margin: 70px 0 0 0;
text-align:left;
}
.gq-faq-group-title:first-child {
margin: 20px 0 0 0;
}
.gq-faq {
padding-top: 30px;
}
.gq-faq a {
color: #4d90fe;
}
.gq-faq img {
border: solid 1px #CFCFCF;
padding: 5px;
max-width: 100%;
border-radius: 5px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
box-sizing: border-box;
}
.gq-faq-box {
padding: 15px 30px 15px 15px;
border: 1px solid #CFCFCF;
width: 100%;
text-align: left;
font-family: Verdana,Helvetica,sans-serif;
color: #58585a;
box-sizing: border-box;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
position:relative;
}
.gq-faq-box:hover {
border: 1px solid #AFAFAF;
}
.gq-faq-box .toggle {
font-size: 22px;
line-height: 24px;
position: absolute;
top: 50%;
margin-top: -22px;
left: -7px;
padding: 10px;
cursor: pointer;
box-sizing: border-box;
}
.gq-faq-box .toggle span {
height: 24px;
width: 24px;
display: block;
transition: all .3s;
position: absolute;
}
.gq-faq-box .toggle span svg {
fill: #58585a;
}
.gq-faq-box .toggle span:first-child {
transform: rotate(90deg);
}
.gq-faq-box.expanded .toggle span:first-child {
transform: rotate(180deg);
}
.gq-faq-box .question-box {
position: relative;
cursor: pointer;
}
.gq-faq-box .question {
font-size: 15px;
line-height: 26px;
margin-left: 40px;
font-weight: bold;
}
.gq-faq-box .answer {
font-size: 14px;
line-height: 24px;
margin: 20px 0 10px 40px;
display: none;
}
.gq-faq-box.expanded .answer {
display: block;
}
.gq-faq-box .answer li {
margin-bottom: 10px;
}
.gq-faq-box .answer ol ol {
list-style-type:lower-alpha;
}
@media screen and (max-width: 768px){
.gq-faq-section.header::after {
background-image: url("../images/1.1.2/faq_hero2.jpg");
}
}
@media screen and (max-width: 480px){
.gq-faq-section.header::after {
background-image: url("../images/1.1.2/faq_hero3.jpg");
}
.gq-faq-section h2 {
font-size: 30px;
line-height: 40px;
}
}
/* Features */
/************* IMAGES ************/
.gq-features .gq-img-responsive {
margin: 0 auto;
}
.gq-img-responsive.feature1 {
max-width: 912px;
}
.gq-img-responsive.feature2 {
max-width: 900px;
}
.gq-img-responsive.feature3 {
max-width: 700px;
}
.gq-img-responsive.feature4 {
max-width: 780px;
}
.gq-img-responsive.feature5 {
max-width: 882px;
}
.gq-img-responsive.feature6 {
max-width: 578px;
}
.gq-img-responsive.feature7 {
max-width: 758px;
}
.gq-img-responsive.feature8 {
max-width: 616px;
}
.gq-img-responsive.feature9 {
max-width: 725px;
}
.gq-img-responsive.feature10 {
max-width: 602px;
}
.gq-img-responsive.feature11 {
max-width: 940px;
}
.gq-img-responsive.feature12 {
max-width: 806px;
}
.gq-img-responsive.feature13 {
max-width: 224px;
}
.gq-img-responsive.feature14 {
max-width: 776px;
}
.gq-img-responsive.feature15 {
max-width: 800px;
}
.gq-img-responsive.feature16 {
max-width: 728px;
}
.gq-img-responsive.feature16 img {
border: 1px solid #cfcfcf;
}
.gq-img-responsive.feature17 {
max-width: 700px;
}
/************* BARS ************/
.gq-feat-bar {
height: 30px;
width: 100%;
background-color: #f5f5f5;
}
.gq-feat-bar.red {
background-color: #ae4341;
}
.gq-feat-bar.blue {
background-color: #3366cc;
}
.gq-feat-bar.green {
background-color: #169382;
}
.gq-feat-bar.orange {
background-color: #f3aa48;
}
.gq-feat-bar.purple {
background-color: #8958a9;
}
.gq-feat-bar.yellow {
background-color: #e2c64d;
}
/************* SECTION - GENERAL ************/
.gq-feat-section {
padding: 50px 0;
text-align: center;
}
.gq-feat-section .row {
max-width: 960px;
margin: 0 auto;
}
.gq-feat-section h2 {
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 5px 0;
}
.gq-feat-section h2:before {
background: transparent url(../images/1.1.2/homem_sprite_export.gif) no-repeat scroll 0 0;
content: "";
display: inline-block;
width: 50px;
height: 50px;
margin: -12px 15px 0 0;
vertical-align: middle;
}
.gq-feat-section .description {
font-size: 20px;
color: #a3a3a3;
line-height: 32px;
margin-top: 10px;
margin-bottom: 15px;
}
.gq-feat-section .description .gq-video-link {
color: #3B76EB;
text-decoration: none;
font-size: 18px;
margin-left: 10px;
cursor: pointer;
}
.gq-feat-section .description .gq-video-link:hover {
text-decoration: underline;
}
.gq-feat-section .left {
display:block;
}
.gq-feat-section .below {
display:none;
text-align: center;
margin-top: 20px;
}
.gq-feat-section.mobile span {
display: inline-block;
padding: 0 120px;
}
@media screen and (max-width: 960px){
.gq-feat-section {
padding: 50px 20px;
}
.gq-feat-section.mobile span {
padding: 0 100px;
}
}
@media screen and (max-width: 768px){
.gq-feat-section h2 {
font-size: 26px;
font-weight: 300;
}
.gq-feat-section h2:before {
}
.gq-feat-section .left {
display:none;
}
.gq-feat-section .below {
display:block;
}
.gq-feat-section .description a:before {
content: "";
display: block;
}
.gq-feat-section.mobile span {
padding: 0 80px;
}
}
@media screen and (max-width: 480px){
.gq-feat-section h2 {
line-height: 40px;
}
.gq-feat-section h2:before {
display: block;
margin: 0 auto;
}
}
/************* SECTION - SHARED ************/
.gq-feat-section.shared h2:before {
background-position: -350px 0;
}
/************* SECTION - CALENDAR ************/
.gq-feat-section.calendar h2:before {
background-position: -50px 0;
}
/************* SECTION - ATTACHMENTS ************/
.gq-feat-section.attachments h2:before {
background-position: -650px 0;
}
/************* SECTION - SUBTASKS ************/
.gq-feat-section.subtasks h2:before {
background-position: -150px 0;
}
/************* SECTION - COMMENTS ************/
.gq-feat-section.comments h2:before {
background-position: -650px -90px;
}
/************* SECTION - REMINDERS ************/
.gq-feat-section.reminders h2:before {
background-position: -200px 0;
}
/************* SECTION - REPEATING ************/
.gq-feat-section.repeating h2:before {
background-position: -250px 0;
}
/************* SECTION - TAGGING ************/
.gq-feat-section.tagging h2:before {
background-position: 0px 0;
}
.gq-feat-section.tagging img.first {
margin-bottom: 30px;
}
/************* SECTION - ASSIGNMENTS ************/
.gq-feat-section.assignments h2:before {
background-position: -300px 0;
}
.gq-feat-section.assignments img.first {
margin-bottom: 30px;
}
/************* SECTION - GMAIL ************/
.gq-feat-section.gmail h2:before {
background-position: -650px -50px;
}
.gq-feat-section.gmail img {
border: 1px solid #CFCFCF;
}
/************* SECTION - SEARCH ************/
.gq-feat-section.search h2:before {
background-position: -100px 0;
}
/************* SECTION - SMART QUEUES ************/
.gq-feat-section.smart h2:before {
background-position: -400px 0;
}
/************* SECTION - ACTIVITY ************/
.gq-feat-section.activity h2:before {
background-position: -700px 0;
}
/************* SECTION - MOBILE ************/
.gq-feat-section.mobile h2:before {
background-position: -600px -50px;
}
/************* SECTION - SECURITY ************/
.gq-feat-section.security h2:before {
/*background-position: -600px 0px;*/
display:none;
}
.gq-feat-section.security .description {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.gq-feat-seals {
max-width: 310px;
margin: 30px auto 0 auto;
position: relative;
}
.gq-feat-symantec {
display: inline-block;
margin-left: 15px;
float: left;
}
.gq-feat-digi {
display: inline-block;
margin-left: 15px;
margin-top: 7px;
float: left;
}
.gq-feat-digi img {
outline: 0;
}
@media screen and (max-width: 480px){
.gq-feat-digi {
display: block;
margin: 20px auto 0 auto;
width: 125px;
float: none;
padding-left: 2px;
}
.gq-feat-symantec {
display: block;
margin: 0 auto;
width: 125px;
float: none;
}
}
/***************************************/
/************* NEW FEATURES ************/
/***************************************/
.gq-feature-content {
margin: 0 auto;
max-width: 900px;
}
.gq-feature-content h1,
.gq-feature-content h2 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 5px 0;
}
.gq-feature-list {
}
.gq-feature {
font-size: 12px;
clear: both;
margin: 10px 0 25px 0;
}
@media screen and (max-width: 480px){
.gq-feature {
font-size: 14px;
}
}
.gq-feature h4 {
margin-bottom: 5px;
font-size: 14px;
}
.gq-feature-date {
font-size: 13px;
color: #BFBFBF;
float: left;
margin-top: 5px;
}
.gq-feature-text {
}
.gq-feature-icon {
float: right;
margin-left: 10px;
display: none;
}
.gq-feature-icon a img {
border:none;
}
.gq-feature-clear {
height:0;
clear:both;
border-bottom: 1px solid #CFCFCF;
padding-top: 20px;
}
.gq-feature-gadget {
width: 280px;
float: left;
}
.gq-feature-gadget img {
margin-top: 10px;
}
/***************************************/
.gq-feat-section.more {
font-size: 20px;
line-height: 26px;
}
.gq-feat-section.more h1 {
font-size: 20px;
line-height: 26px;
margin: 0;
font-weight: 300;
}
.gq-feat-section.more .gq-button {
font-size: 18px;
font-weight: normal;
width: 170px;
height: 38px;
line-height: 38px;
margin-top: 20px;
}
.gq-free-trial-promo .wrapper {
text-align: center;
padding: 0px 30px 40px 30px;
}
.gq-free-trial-promo .wrapper .email {
font-size: 11px;
color: #afafaf;
margin: 10px 0;
}
.gq-free-trial-promo .wrapper h2 {
font-size: 40px;
line-height: 50px;
margin-top: 15px;
}
.gq-free-trial-promo .wrapper h3 {
text-align: center;
font-size: 20px;
line-height: 26px;
font-weight: bold;
}
.gq-free-trial-promo .wrapper p {
font-size: 16px;
line-height: 22px;
}
.gq-free-trial-promo .wrapper a {
text-decoration: none;
display: inline-block;
text-align:center;
margin-bottom: 20px;
}
.gq-help-search-total {
color: #676767;
font-size: 13px;
margin: 0px 0 15px 0;
padding: 0 0 15px 3px;
border-bottom: 1px solid #E9E9E9;
}
.gq-help-search-result {
margin: 0 0 20px 0;
font-family: arial,sans-serif;
}
.gq-help-search-result .title {
margin-bottom: 2px;
}
.gq-help-search-result .title a {
color: #1155CC;
font-size:16px;
}
.gq-help-search-result .snippet {
color: #333333;
font-size: 13px;
}
.gq-help-search-result .url a {
color: #008000;
font-size: 13px;
text-decoration: none;
}
.gq-help-search-pages {
font-size: 15px;
}
.gq-help-search-pages .page {
display: inline-block;
margin-right: 8px;
}
.gq-help-search-pages .page.selected {
font-weight: bold;
}
/********************************/
/* Help */
/********************************/
.gq-help .gq-page-header-bar-content {
margin: 0 5px;
}
#gqHelpMenuBtn {
display: none;
}
#gqHelpMenuBtn .arrow {
display:block;
float: left;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right:7px solid #666666;
height: 0;
margin: 6px 5px 0 0;
}
.gq-help.expanded #gqHelpMenuBtn .arrow {
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left:7px solid #666666;
border-right: 0;
}
.gq-help-nav {
float: left;
width: 160px;
font-size: 13px;
margin: 0;
padding: 0;
}
.gq-help.expanded .gq-help-nav {
display: block;
}
.gq-help-nav li {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
margin-bottom: 5px;
padding: 2px 0 2px 8px;
}
.gq-help-nav ul {
padding: 0 0 0 20px;
}
.gq-help-nav-2 {
padding-left: 30px !important;
}
.gq-help-nav li a {
text-decoration: none;
color: #777777;
display: inline-block;
width: 100%;
}
.gq-help-nav li:hover {
background-color: #EFEFEF !important;
color: #000000 !important;
}
.gq-help-nav li:hover a {
color: #000000 !important;
}
.gq-help-nav li.selected > a {
text-decoration: none;
color: #000000;
font-weight: bold;
}
.gq-help-title {
float:left;
line-height: 27px;
}
.gq-help-searchbox {
border: 1px solid rgba(0, 0, 0, 0.15);
border-top: 1px solid rgba(0, 0, 0, 0.25);
background-color: white;
height: 27px;
padding: 0 5px;
max-width: 140px;
margin: 10px 10px 0 0;
float: left;
}
.gq-help-searchbox input {
border: 0 !important;
width: 100%;
height: 26px;
font-size: 16px;
padding: 0 !important;
margin: 0;
background: #FFF !important;
text-indent: 6px !important;
outline: 0 none transparent;
display: block;
}
#gqHelpSearchBtn {
margin-top: 10px;
float: left;
}
.gq-help-main {
font-size: 13px;
margin: 0 0 40px 175px;
}
.gq-help.expanded .gq-help-main {
margin-left: 175px;
}
.gq-help-main .gq-toc-wrapper {
display: flex;
}
.gq-help-main .gq-toc-wrapper .column {
width: 100%;
}
.gq-help-main h1 {
font-size: 24px;
font-weight: normal;
padding: 5px;
border-bottom: 1px solid #CCC;
line-height: 24px;
}
.gq-help-main h2 {
font-size: 15px;
margin-top: 25px;
padding: 5px 8px;
background-color:#EFEFEF;
border: 1px solid #DFDFDF;
}
.gq-help-main p {
line-height: 22px;
}
.gq-help-main img {
border: solid 2px #DFDFDF;
padding: 5px;
max-width: 100%;
}
.gq-help-main img.no-border {
border: none;
}
.gq-help-notice {
color: #BF1717;
}
.gq-help .gsc-control-cse {
float: right;
padding: 0;
margin-top: -10px;
margin-bottom: 30px;
}
.gq-help-gtd-list {
margin-bottom: 10px;
}
.gq-help-gtd-list li {
padding-bottom: 10px;
}
.gq-deprecated-msg {
color: #d50000;
background-color:#fbe9e7;
padding: 15px;
}
.gq-video-thumb-layout {
}
.gq-attachment-video-thumb-layout {
height: 170px;
}
.gq-video-thumb-container {
color: #666;
height: 161px;
width:221px;
float:left;
cursor:pointer;
margin: 0 25px 25px 0;
background-color: whiteSmoke;
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid rgba(0, 0, 0, 0.1);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-user-select: none;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
position: relative;
}
.gq-video-thumb-container:hover {
color: #000;
border: 1px solid #C6C6C6;
background-color: #F8F8F8;
background-image:-webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image:-moz-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image:-ms-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image:-o-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
.gq-video-thumb-container .play-btn {
background: transparent url(../images/1.1.2/videoPlayBtn.png) no-repeat 0 0;
position: absolute;
top: 38px;
left: 57px;
width: 110px;
height: 110px;
opacity: 0;
}
.gq-video-thumb-container:hover .play-btn {
opacity: 1;
}
.gq-video-thumb-container h2 {
font-size: 15px;
font-weight: bold;
padding: 0;
text-align:center;
background-color: transparent;
margin-bottom:8px;
margin-top:0;
padding: 10px 0 0 0;
border: none;
}
.gq-video-thumb-container img {
margin: 0 auto;
border: none;
display: block;
padding:0;
}
.gq-help-page-video {
max-width: 575px;
}
.gq-help-page-video img {
cursor: pointer;
}
.gq-help-mobile-table {
width: 600px;
font-weight: bold;
text-align:center;
}
.gq-help-android img {
border: 0 !important;
padding:0 !important;
}
.gq-help-chrome-badge {
text-decoration: none;
}
.gq-help-chrome-badge img {
width: 170px;
border: 1px solid #CFCFCF;
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
border-radius: 5px;
margin: 10px 0;
}
.gq-help-chrome-badge img:hover {
border: 1px solid #4285f4;
}
#gqInstallWorkspaceAddon {
height: 26px;
padding: 10px 20px;
font-size: 16px;
line-height: 26px;
}
.gq-team-member-roles {
width: 100%;
}
.gq-team-member-roles th {
background-color: #4285f4;
color: #FFFFFF;
font-size: 13px;
text-align: center;
padding: 10px;
width: 90px;
border-top: 1px solid #4285f4;
}
.gq-team-member-roles th:first-child {
width:auto;
text-align:left;
border-top-left-radius: 5px;
border-left: 1px solid #4285f4;
}
.gq-team-member-roles th:last-child {
border-top-right-radius: 5px;
border-right: 1px solid #4285f4;
}
.gq-team-member-roles td {
font-size: 13px;
border-bottom: 1px solid #efefef;
padding: 10px 6px;
vertical-align: middle;
}
.gq-team-member-roles td:first-child {
border-left: 1px solid #EFEFEF;
}
.gq-team-member-roles td:last-child {
border-right: 1px solid #EFEFEF;
}
.gq-team-member-roles tr:last-child td:first-child {
border-bottom-left-radius: 5px;
}
.gq-team-member-roles tr:last-child td:last-child {
border-bottom-right-radius: 5px;
}
.gq-team-member-roles tr:hover {
background-color: #f1f1f1;
}
.gq-team-member-roles td.allowed {
width: 23px;
height: 16px;
margin: 0 auto;
background: transparent url(../images/1.1.2/pricing_check_grey.gif) no-repeat scroll;
background-size: 23px 16px;
background-position: 50% 50%;
}
/* search fields */
.gq-team-member-roles thead th {
position:sticky;
}
.gq-team-member-roles .search-field {
width: 100px;
text-align:left;
}
.gq-team-member-roles .format {
width: 100px;
text-align:left;
}
.gq-team-member-roles .example {
text-align:left;
}
.gq-team-member-roles td.search-field {
font-weight: bold;
padding-left: 20px;
}
.gq-team-member-roles td.format {
font-style: italic;
padding-left: 10px;
}
.gq-team-member-roles td.example {
color: #4185f4;
padding-left: 10px;
}
.gq-team-member-roles tr.divider td {
background-color: #f5f5f5;
}
.gq-team-member-roles tr.divider:hover {
background-color: transparent;
}
@media screen and (max-width: 960px){
.gq-help-searchbox {
max-width: 130px;
}
#gqHelpSearchBtn {
min-width: 50px;
}
.gq-video-thumb-layout {
max-width: 500px;
margin: 0 auto;
}
.gq-team-member-roles th {
width: 90px;
}
}
@media screen and (max-width: 768px){
.gq-help-nav {
display: none;
}
.gq-help-main {
margin-left: 0px;
font-size: 15px;
line-height: 24px;
}
#gqHelpMenuBtn {
display: block;
}
}
@media screen and (max-width: 560px){
.gq-video-thumb-container {
margin: 30px auto 30px auto;
float: none;
}
.gq-team-member-roles th {
width: auto;
font-size: 12px;
}
.gq-team-member-roles td {
font-size: 12px;
}
.gq-help-main .gq-toc-wrapper {
flex-direction: column;
}
}
@media screen and (max-width: 480px){
.gq-help-searchbox {
margin-top: 5px;
}
#gqHelpSearchBtn {
display: none;
}
.gq-team-member-roles th {
width: auto;
font-size: 10px;
padding: 3px;
}
.gq-team-member-roles td {
font-size: 10px;
}
}
a img {
border:none;
}
.gq-home-left-wrapper {
float: left;
width: 100%;
margin:10px 0 5px 0;
}
.gq-home-left-panel {
margin-right: 275px;
position: relative;
height: 300px;
}
.gq-home-left-panel h4 {
margin: 3px 0 10px 0;
font-size: 30px;
line-height: 40px;
}
.gq-home-left-panel h2 {
font-size: 16px;
margin: 0;
font-weight: normal;
}
.gq-home-tour {
width: 370px;
margin: 10px 0 0 0;
cursor: pointer;
position: relative;
}
.gq-home-tour-watch {
position: absolute;
top: 120px;
left: 390px;
}
.gq-home-play {
background: transparent url(../images/1.1.2/home_play.png) no-repeat scroll -16px -10px;
width: 110px;
height: 95px;
position: absolute;
left: 125px;
top: 70px;
}
.gq-home-play:hover {
background-position: -16px -106px;
}
.gq-home-tour img {
margin-top: 15px;
border: 1px solid #CFCFCF;
}
.gq-home-left-panel h3 {
font-size: 16px;
margin-bottom: 3px;
}
.gq-home-right-panel {
height: 300px;
width: 268px;
float: left;
margin-left: -278px;
position: relative;
margin-top: 10px;
}
.gq-home-login-container {
width: 100%;
background-color: #FFFFFF;
border: 1px solid #E5E5E5;
padding: 3px;
position: relative;
}
.gq-home-login-box {
width: 100%;
height: 100%;
background-color: #F1F1F1;
text-align:center;
font-size:13px;
padding: 10px 0 10px 0;
}
.gq-home-login-box-content {
padding:5px;
}
.gq-home-login-box-access {
margin-top:15px;
}
.gq-home-login-box-access a {
}
.gq-home-login-box-title {
font-size: 15px;
font-weight: bold;
text-align:center;
margin: 4px 0 0 0;
position: relative;
}
.gq-home-login-box-title span {
display: block;
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -638px -17px;
height: 18px;
width: 18px;
top: 0;
left: 42px;
position: absolute;
}
.gq-apps-title{
font-size: 15px;
font-weight: bold;
text-align:center;
margin: 4px 0 0 25px;
position: relative;
}
.gq-apps-title span {
display: block;
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -638px -17px;
height: 18px;
width: 18px;
top: 0;
left: 17px;
position: absolute;
}
.gq-home-login-lock {
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -558px 0px;
height: 50px;
width: 30px;
position: absolute;
top: 2px;
right: 7px;
}
.gq-home-blog {
margin: 5px 0 20px 0;
font-size: 13px;
border-left: 1px dashed #AFAFAF;
padding: 0 15px;
float: right;
width: 225px;
clear: right;
}
.gq-home-blog a,
.gq-home-blog a:visited,
.gq-home-blog a:hover,
.gq-home-blog a:active {
font-weight:bold;
font-size: 13px;
text-decoration: underline;
}
.gq-home-powered {
margin: 3px 5px -35px 0;
float: right;
}
#gqLoginBtn {
line-height: 40px;
height: 40px;
width: 200px;
cursor: pointer;
display:block;
text-decoration: none;
font-size: 20px;
font-weight: normal;
color: #FFF;
margin: 15px auto 10px auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
position:relative;
padding-left: 20px;
}
#gqLoginBtn div {
background-image: url('../images/1.1.2/googleLoginG.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 40px 40px;
height: 40px;
width: 40px;
display: block;
position: absolute;
left: 0px;
top: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
#gqLoginBtn span {
display: inline;
padding-left: 25px;
}
#gqLoginBtn.gq-button-three div {
background: transparent url(../images/1.1.2/loginBtnBkgndGreen.png) no-repeat scroll 0px 0px;
}
#gqLoginBtn.gq-button-five div {
background: transparent url(../images/1.1.2/loginBtnBkgndRed.png) no-repeat scroll 0px 0px;
}
#gqAppsLoginBtn {
color: #000;
}
.gq-home-login-separator {
height: 0;
width: 90%;
border-top: 1px dashed #CFCFCF;
margin: 15px auto;
}
.gq-home-video-thumb {
margin-top:10px;
border:none;
display:block;
}
.gq-home-connect-container {
margin: 0 auto;
text-align: right;
}
.twitter-follow-button {
display: inline-block;
margin-right: 10px;
}
.gq-home-fb {
background: transparent url(../images/1.1.2/facebookIcon.gif) no-repeat scroll center center !important;
border: none;
width:37px;
height:37px;
float: left;
margin:10px 0 0 5px;
}
.gq-home-google-plus {
margin-left: 5px;
}
.gq-home-apps-login-container {
font-size: 13px;
margin-bottom: 3px;
padding: 0;
text-align: right;
}
.gq-home-apps-login-container a {
border: 1px solid #CFCFCF;
display: inline-block;
text-align: center;
text-decoration: none;
width: 92px;
margin: 0 20px 0 6px;
padding-left: 24px;
color: #000000;
position: relative;
height: 25px;
font-size: 13px;
background-image: -webkit-linear-gradient(top,#FFFFFF,#F1F1F1);
background-image: -moz-linear-gradient(top,#FFFFFF,#F1F1F1);
background-image: -ms-linear-gradient(top,#FFFFFF,#F1F1F1);
background-image: -o-linear-gradient(top,#FFFFFF,#F1F1F1);
background-image: linear-gradient(top,#FFFFFF,#F1F1F1);
}
.gq-home-apps-login-container a span {
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -638px -17px;
height: 18px;
width: 18px;
display: block;
position: absolute;
left: 7px;
top: 3px;
}
.gq-home-logout-msg {
width: 100%;
text-align: center;
color:#CF0C0C;
font-size: 13px;
margin: 0;
font-weight: bold;
padding-bottom: 10px;
}
.gq-home-apps-add {
padding-top:20px;
font-size: 11px;
text-align: center;
font-weight: bold;
line-height: 15px;
}
.gq-home-digi {
text-align:center;
position: absolute;
bottom: -4px;
right: -6px;
display: block;
}
.gq-home-digi img {
outline: 0;
}
.gq-home-symantec {
text-align:center;
position: absolute;
bottom: -9px;
right: -6px;
display: block;
}
.gq-home-features {
clear: both;
padding: 20px 0 25px 0;
position: relative;
}
.gq-home-features-bar {
height: 90px;
width: 100%;
background-color: #F1F1F1;
border: 1px solid #E5E5E5;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: relative;
}
.gq-home-features-bar h3 {
margin: 0;
position: absolute;
top: 5px;
left: 105px;
}
.gq-home-features-bar ul {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
padding:0;
margin: 25px 0 0 9px;
}
.gq-home-features-bar ul li {
display: inline-block;
width: 50px;
height: 50px;
margin: 0 12px;
opacity: 0.7;
}
.gq-home-features-bar ul li.active {
opacity: 1;
}
#gqFeatureSeparator {
position: absolute;
width: 0px;
height: 73px;
border-left: 2px solid #e5e5e5;
top: 6px;
left: 87px;
}
#gqFeatureMarker {
background: url("../images/1.1.2/sprites_home.jpg") no-repeat scroll -667px -23px transparent;
position: absolute;
top: 110px;
left: 15px;
height: 24px;
width: 61px;
}
.gq-home-star {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -498px 0px;
}
.gq-home-drag {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -741px -4px;
margin: 0 2px 0 17px !important;
}
.gq-home-calendar {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -2px 0px;
}
.gq-home-sharing {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -56px 0px;
}
.gq-home-reminders {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -112px 0px;
}
.gq-home-tagging {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -166px 0px;
}
.gq-home-subtasks {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -223px 0px;
}
.gq-home-repeating {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -277px 0px;
}
.gq-home-assignments {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -332px 0px;
}
.gq-home-smart {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -388px 0px;
}
.gq-home-mobile {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -443px 0px;
}
.gq-home-apps {
background:transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -588px 0px;
}
.gq-home-details {
width: 100%;
}
.gq-home-details-panel {
width: 100%;
position: relative;
min-height:560px;
}
.gq-home-details-panel h4 {
margin: 0;
font-size: 18px;
position: absolute;
top: 0;
}
.gq-home-details-panel > div {
position: absolute;
}
.gq-home-details-panel .learn1,
.gq-home-details-panel .learn2 {
line-height: 30px;
text-decoration: none;
cursor: pointer;
}
.gq-home-details-panel .learn1 span,
.gq-home-details-panel .learn1 a,
.gq-home-details-panel .learn2 span,
.gq-home-details-panel .learn2 a {
font-size: 18px;
color: #15C;
text-decoration: none;
}
.gq-home-details-panel .learn1 span:hover,
.gq-home-details-panel .learn1 a:hover,
.gq-home-details-panel .learn2 span:hover,
.gq-home-details-panel .learn2 a:hover {
text-decoration: underline;
}
.gq-home-details-panel .detail1,
.gq-home-details-panel .detail2 {
font-size: 20px;
line-height: 30px;
color: #808080;
}
/******* STAR *******/
#gqfStar h4 {
left: 0;
}
#gqfStar .detail1 {
top: 40px;
left: 0;
width: 390px;
color: #000;
border: 1px solid #e5e5e5;
padding: 10px;
font-size: 15px;
line-height: 20px;
}
#gqfStar .detail2 {
top: 40px;
right: 0;
width: 350px;
text-align: right;
}
#gqfStar .detail3 {
top: 175px;
right: 0;
width: 100%;
text-align: center;
font-size: 15px;
color: #808080;
}
#gqfStar .detail4 {
top: 340px;
left: 0;
width: 100%;
text-align: center;
font-size: 15px;
color: #808080;
position:relative;
}
#gqfStar .detail4 img {
display: inline-block;
margin: 10px 30px 20px 30px;
}
#gqfStar .image1 {
top: 210px;
left: 0;
width: 100%;
position: relative;
}
#gqfStar .learn1 {
text-align:left;
margin-top: 10px;
}
#gqfStar .learn1 a {
font-size: 15px;
}
.gq-home-quotes {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
padding:0;
margin: 0;
text-align: center;
width: 100%;
min-height: 40px;
}
.gq-home-quotes li {
display: none;
font-size: 18px;
font-weight: bold;
}
.gq-home-quotes li.active {
display: inline-block;
}
.gq-home-quote {
display: inline-block;
}
.gq-home-author {
font-weight:normal;
color:#666;
display: inline-block;
margin-top: 10px;
}
.gq-home-stars {
display: inline-block;
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -803px -19px;
width: 70px;
height:20px;
margin-right: 10px;
}
.gq-home-quote-left {
display: inline-block;
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -873px -21px;
width: 20px;
height:20px;
}
.gq-home-quote-right {
display: inline-block;
background: transparent url(../images/1.1.2/sprites_home.jpg) no-repeat scroll -890px -21px;
width: 20px;
height:20px;
}
/******* DRAG *******/
#gqfDrag h4 {
left: 60px;
}
#gqfDrag .detail1 {
top: 40px;
left: 790px;
}
#gqfDrag .image1 {
top: 20px;
left: 0;
}
#gqfDrag .learn1 {
top: 180px;
left: 790px;
text-align:left;
}
/******* CALENDAR *******/
#gqfCalendar h4 {
left: 90px;
}
#gqfCalendar .detail1 {
top: 40px;
left: 20px;
width: 300px;
}
#gqfCalendar .image1 {
top: 300px;
left: 0;
z-index: 2;
}
#gqfCalendar .image2 {
top: 20px;
right: 0;
}
#gqfCalendar .learn1 {
top: 250px;
left: 20px;
text-align:left;
}
/******* SHARING *******/
#gqfSharing h4 {
left: 190px;
}
#gqfSharing .detail1 {
top: 40px;
left: 20px;
z-index: 2;
}
#gqfSharing .image1 {
top: 40px;
left: 0;
}
#gqfSharing .image2 {
top: 20px;
right: 0;
}
#gqfSharing .learn1 {
top: 80px;
left: 20px;
text-align:left;
}
/******* REMINDERS *******/
#gqfReminders h4 {
left: 314px;
}
#gqfReminders .detail1 {
top: 60px;
left: 575px;
width: 300px;
}
#gqfReminders .image1 {
top: 20px;
left: 50px;
}
#gqfReminders .image2 {
top: 170px;
left: 500px;
}
#gqfReminders .learn1 {
top: 320px;
left: 575px;
text-align:left;
}
/******* TAGGING *******/
#gqfTagging h4 {
left: 400px;
}
#gqfTagging .detail1 {
top: 50px;
left: 575px;
width: 300px;
}
#gqfTagging .image1 {
top: 20px;
left: 30px;
}
#gqfTagging .image2 {
top: 200px;
right: 0;
}
#gqfTagging .learn1 {
top: 130px;
left: 575px;
text-align:left;
}
/******* SUBTASKS *******/
#gqfSubtasks h4 {
left: 477px;
}
#gqfSubtasks .detail1 {
top: 53px;
left: 783px;
}
#gqfSubtasks .image1 {
top: 20px;
left: 0;
}
#gqfSubtasks .learn1 {
top: 450px;
left: 783px;
text-align:left;
}
/******* ASSIGNMENTS *******/
#gqfAssignments h4 {
left: 540px;
}
#gqfAssignments .detail1 {
top: 70px;
left: 20px;
width: 300px;
}
#gqfAssignments .image1 {
top: 20px;
right: 0;
}
#gqfAssignments .image2 {
top: 260px;
left: 0;
z-index: 2;
}
#gqfAssignments .learn1 {
top: 150px;
left: 20px;
text-align:left;
}
/******* REPEAT *******/
#gqfRepeating h4 {
left: 600px;
}
#gqfRepeating .detail1 {
top: 60px;
left: 0;
}
#gqfRepeating .image1 {
top: 20px;
right: 0;
z-index: 2;
}
#gqfRepeating .image2 {
top: 110px;
left: 0;
}
#gqfRepeating .learn1 {
top: 280px;
left: 400px;
text-align:right;
}
/******* SMART *******/
#gqfSmart h4 {
left: 690px;
}
#gqfSmart .detail1 {
top: 70px;
left: 20px;
width: 200px;
z-index: 2;
}
#gqfSmart .image1 {
top: 20px;
left: 0;
}
#gqfSmart .learn1 {
top: 150px;
left: 20px;
text-align:left;
}
/******* MOBILE *******/
#gqfMobile h4 {
right: 80px;
}
#gqfMobile .detail1 {
top: 70px;
left: 700px;
}
#gqfMobile .image1 {
top: 30px;
left: 0;
}
#gqfMobile .learn1 {
top: 200px;
left: 700px;
text-align:left;
}
/******* APPS *******/
#gqfApps h4 {
right: 10px;
}
#gqfApps .detail1 {
top: 50px;
left: 0;
width: 380px;
}
#gqfApps .detail1 .content {
margin-bottom: 20px;
}
#gqfApps .detail2 {
top: 310px;
right: 10px;
width: 535px;
}
#gqfApps .detail3 {
top: 95px;
right: 0px;
height: 70px;
width: 200px;
}
#gqfApps .detail3 > div {
height: 30px !important;
}
#gqfApps .image1 {
top: 210px;
left: 0;
z-index: 2;
}
#gqfApps .image2 {
top: 40px;
right: -20px;
}
#gqfApps .learn1 {
top: 170px;
left: 0px;
text-align:left;
}
#gqfApps .learn2 {
top: 360px;
right: 30px;
text-align:left;
}
#gqLifehackerLink {
display: block;
background: transparent url(../images/1.1.2/home_feature_sprite.gif) no-repeat scroll 5px 0px;
width: 155px;
height: 55px;
position: absolute;
left: 405px;
top: 60px;
}
#gqLifehackerLink:hover {
background: transparent url(../images/1.1.2/home_feature_sprite.gif) no-repeat scroll 5px -50px;
}
#gqMakeUseOfLink {
display: block;
background: transparent url(../images/1.1.2/home_feature_sprite.gif) no-repeat scroll -155px 0px;
width: 220px;
height: 55px;
position: absolute;
left: 110px;
top: 60px;
}
#gqMakeUseOfLink:hover {
background: transparent url(../images/1.1.2/home_feature_sprite.gif) no-repeat scroll -155px -50px;
}
#gqTechRepublicLink {
display: block;
background: transparent url(../images/1.1.2/home_feature_sprite.gif) no-repeat scroll -380px 0px;
width: 300px;
height: 55px;
position: absolute;
left: 640px;
top: 60px;
}
#gqTechRepublicLink:hover {
background: transparent url(../images/1.1.2/home_feature_sprite.gif) no-repeat scroll -380px -50px;
}
.gq-page-home #gqModalBkgnd {
background: #20212499;
}
.gq-page-home .gq-page-main {
padding-bottom: 0;
}
.gq-page-home .gq-page-footer {
position: relative;
border-top: 0;
}
.gq-homem-logout-msg {
width: 140px;
text-align: center;
color: #BB1B28;
font-size: 13px;
font-family: arial, helvetica, sans-serif;
margin-left: -70px;
font-weight: bold;
position: absolute;
top: 20px;
left: 50%;
padding: 5px 7px;
z-index: 100;
background-color: #FFFFFF;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
-ms-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.gq-homem-logout-msg.googleaccount {
width: 210px;
margin-left: -105px;
}
/************* HEADER SECTION ************/
.gq-homem-header-section {
background-image: url("../images/1.1.2/homem1_export.jpg");
background-position: 50% 45%;
background-repeat: repeat-x;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 666px;
position:relative;
border-top: 1px solid #AFAFAF;
}
.gq-homem-header-wrapper {
margin: 170px auto 0 auto;
width: 450px;
text-align: center;
}
.gq-homem-header-title {
text-shadow: 0px 1px 4px rgba(0,0,0,0.8);
color: #FFFFFF;
font-size: 40px;
font-weight: 100;
z-index: 100;
}
.gq-homem-header-text {
text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
color: #FFFFFF;
margin: 20px 0 0 5px;
font-size: 22px;
font-weight: 300;
line-height: 35px;
}
.gq-homem-login-container {
background-color: rgba(0,0,0,0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #FFFFFF;
padding: 15px;
width: 300px;
margin: 30px auto;
}
.gq-homem-login-inner {
background-color: #FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
padding: 15px;
width: 270px;
font-family: arial, helvetica, sans-serif;
text-align: center;
position: relative;
}
.gq-homem-login-title {
color: #000000;
font-weight: bold;
}
.gq-homem-login-lock {
position: absolute;
bottom: 3px;
right: 3px;
background:transparent url(../images/1.1.2/homem_sprite_export.gif) no-repeat scroll -602px -101px;
height: 14px;
width: 14px;
}
.gq-homem-seals {
margin: 140px 0px 10px 0;
}
.gq-homem-digi {
text-align:center;
display: block;
float:right;
padding: 0;
margin: 6px 10px 0 10px;
}
.gq-homem-digi img {
outline:0;
}
.gq-homem-symantec {
text-align:center;
display: block;
float:right;
padding: 0 9px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #FFFFFF;
}
.gq-homem-play {
background: transparent url(../images/1.1.2/home_play.png) no-repeat scroll -16px -10px;
width: 110px;
height: 95px;
cursor: pointer;
}
.gq-homem-play:hover {
background-position: -16px -106px;
}
#gqHomemTourVideo1 {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
#gqHomemTourVideo1 > div {
max-width: 960px;
margin: 230px auto;
}
#gqHomemTourVideo1 div div {
font-size: 20px;
}
#gqHomemTourVideo2 {
display: none;
font-size: 20px;
}
#gqHomemTourVideo2 .gq-homem-play {
margin: 20px auto;
}
@media screen and (max-width: 768px){
.gq-homem-header-section {
background-image: url("../images/1.1.2/homem7_export.jpg");
background-position: 50% 45%;
}
.gq-homem-header-wrapper {
margin: 100px auto 0 auto;
}
#gqHomemTourVideo1 {
display: none;
}
#gqHomemTourVideo2 {
display: block;
}
.gq-homem-seals {
margin: 40px auto 10px auto;
width: 290px;
}
}
@media screen and (max-width: 480px){
.gq-homem-header-section {
background-image: url("../images/1.1.2/homem6_export.jpg");
background-position: 50% 45%;
}
.gq-homem-header-wrapper {
margin: 50px auto 0 auto;
width: auto;
}
.gq-homem-header-title {
font-size: 28px;
}
.gq-homem-header-text {
font-size: 18px;
line-height: 28px;
margin: 20px 10px 0 10px;
}
.gq-homem-login-container {
width: 260px;
}
.gq-homem-login-inner {
width: 230px;
}
.gq-homem-seals {
margin: 80px auto 0 auto;
}
#gqHomemTourVideo2 {
color: #FFFFFF;
}
}
/************* SECTION - GENERAL ************/
.gq-homem-section {
padding: 50px 0;
}
.gq-homem-header-section .container,
.gq-homem-section .container {
max-width: 960px;
margin: 0 auto;
position: relative;
}
.gq-homem-header-section .content,
.gq-homem-section .content {
position:relative;
}
.gq-homem-section h3 {
color: #737373;
font-size: 34px;
font-weight: 100;
margin:0;
line-height: 50px;
}
.gq-homem-section .description {
font-size: 20px;
color: #a3a3a3;
line-height: 32px;
margin-top: 10px;
margin-bottom: 15px;
}
.gq-homem-section .description a {
color: #1155CC;
text-decoration: none;
font-size: 18px
}
.gq-homem-section .description a:hover {
text-decoration: underline;
}
.gq-homem-section .square {
width: 50px;
height: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.gq-homem-section .red {
background-color: #ae4341;
}
.gq-homem-section .blue {
background-color: #3366cc;
}
.gq-homem-section .green {
background-color: #169382;
}
.gq-homem-section .orange {
background-color: #f3aa48;
}
.gq-homem-section .purple {
background-color: #8958a9;
}
.gq-homem-section .yellow {
background-color: #e2c64d;
}
.gq-homem-section .info-with-icon {
margin-left: 70px;
}
/************* SECTION 7 - OVERVIEW ************/
.gq-homem-section-7 {
background-color: #FFFFFF;
}
.gq-homem-section-7 .description {
max-width: 960px;
}
/************* SECTION 0 - MOBILE ************/
.gq-homem-section-0 {
background-color: #FFFFFF;
}
.gq-homem-section-0 .description {
max-width: 960px;
}
.gq-homem-section-0 .tablet {
position: relative;
margin-top: 30px;
}
.gq-homem-section-7 .laptop {
text-align: center;
margin: 20px auto;
display: none;
max-width: 768px;
}
.gq-homem-section-0 .tablet {
max-width:960px;
}
.gq-homem-section-7 .laptop img,
.gq-homem-section-0 .tablet img {
max-width: 100%;
width: 100%;
}
.gq-homem-section-0 .icon-wrapper {
display: inline-block;
float: left;
}
.gq-homem-section-0 .links {
margin-top: 20px;
text-align: center;
}
.gq-homem-section-0 a {
display: inline-block;
margin: 20px 30px 0 60px;
}
#gqHomemMobileVideo {
position: absolute;
top: 50%;
margin-top: -50px;
left: 50%;
margin-left: -50px;
}
@media screen and (max-width: 480px){
.gq-homem-section-0 h3:before {
height: 40px;
width: 40px;
}
.gq-homem-section h3 {
line-height: 40px;
font-size: 27px;
}
.gq-homem-section-0 a img {
width: 60%;
}
}
@media screen and (max-width: 768px){
.gq-homem-section-0 a {
display: inline-block;
margin: 20px auto;
width: 100%;
}
.gq-homem-section-7 .laptop {
display: block;
}
}
@media screen and (max-width: 1020px){
.gq-homem-section .container {
padding: 0 20px;
}
}
/************* SECTION 1 - FEATURES ************/
.gq-homem-section-1 {
background-color: #F5F5F5;
}
.gq-homem-section-1 .container {
max-width: none;
}
.gq-homem-section-1 h3,
.gq-homem-section-1 .description {
text-align: center;
width: 100%;
}
.gq-homem-section-1 .learn-more {
text-align:center;
}
.gq-homem-section-1 .learn-more .gq-button {
font-size: 18px;
font-weight: normal;
width: 170px;
height: 38px;
line-height: 38px;
}
.gq-homem-section-1 .features ul {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
padding: 0;
margin: 50px auto 30px auto;
max-width: 960px;
text-align: justify;
}
.gq-homem-section-1 .features ul:after {
content: "";
display: table;
clear:both;
}
.gq-homem-section-1 .features li {
list-style: none;
position:relative;
display: block;
vertical-align: top;
text-align: center;
padding: 10px 0;
font-size: 24px;
line-height: 32px;
float: left;
margin: 0;
width: 33.33%;
height: 125px;
}
/*
.gq-homem-section-1 .features li:last-child {
width: 100%;
}
*/
.gq-homem-section-1 .features li:before {
content: " ";
display: block;
width: 50px;
height: 50px;
background:transparent url(../images/1.1.2/homem_sprite_export.gif) no-repeat scroll 0px 0px;
margin: 0 auto 5px auto;
}
.gq-homem-section-1 .features .subtasks:before {
background-position: -150px 0;
}
.gq-homem-section-1 .features .reminders:before {
background-position: -200px 0;
}
.gq-homem-section-1 .features .assignments:before {
background-position: -300px 0;
}
.gq-homem-section-1 .features .shared:before {
background-position: -350px 0;
}
.gq-homem-section-1 .features .tags:before {
background-position: 0px 0;
}
.gq-homem-section-1 .features .search:before {
background-position: -100px 0;
}
.gq-homem-section-1 .features .calendar:before {
background-position: -50px 0;
}
.gq-homem-section-1 .features .repeats:before {
background-position: -250px 0;
}
.gq-homem-section-1 .features .comments:before {
background-position: -650px -90px;
}
.gq-homem-section-1 .features .smart:before {
background-position: -400px 0;
}
.gq-homem-section-1 .features .attachments:before {
background-position: -650px 0;
}
.gq-homem-section-1 .features .mobile:before {
background-position: -600px -50px;
}
.gq-homem-section-1 .features .gmail:before {
background-position: -650px -50px;
}
.gq-homem-section-1 .features .empty:before {
background-position: -10000px -10000px;
}
@media screen and (max-width: 768px){
.gq-homem-section-1 .features li {
width: 50%;
}
.gq-homem-section-1 .features li:last-child {
width: 50%;
}
.gq-homem-section-1 .features .empty {
display: none;
}
}
@media screen and (max-width: 480px){
.gq-homem-section-1 .features li {
width: 100%;
}
.gq-homem-section-1 .features li:last-child {
width: 100%;
}
}
/************* SECTION 2 - CUSTOMERS ************/
.gq-homem-section-play-btn {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: opacity 100ms;
transform: scale(1.4);
}
.gq-homem-section-play-btn span {
font-family: "Material Icons Outlined";
font-size: 100px;
width: 100px;
height: 100px;
line-height: 100px;
color: #FFFFFF;
cursor: pointer;
position: relative;
z-index: 1;
}
.gq-homem-section-play-btn span:before {
content: '';
width: 82px;
height: 82px;
background-color: #000000a6;
position: absolute;
border-radius: 50%;
z-index: -1;
top: 9px;
left: 9px;
box-shadow: 5px 5px 6px rgb(0 0 0 / 20%), -5px 5px 6px rgb(0 0 0 / 30%), 5px -5px 6px rgb(0 0 0 / 30%), -5px -5px 6px rgb(0 0 0 / 30%);
}
.gq-homem-section-play-btn span:hover:before {
background-color: #000000;
}
.gq-homem-section-2-container {
height: 550px;
position: relative;
padding:0;
width: 100%;
}
.gq-slide-left {
left:-2000px !important;
z-index: 0;
}
.gq-homem-section-2-container .gq-homem-section {
background-position: 50% 45%;
background-repeat: repeat-x;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 100%;
height: 450px;
position:absolute;
top: 0;
left: 0;
-moz-user-select: none;
-moz-transition: all 0.9s;
-o-transition: all 0.9s;
-webkit-transition: all 0.9s;
transition: all 0.9s;
}
.gq-homem-section-2-container .gq-homem-section.gq-homem-section-2F {
background-image: url("../images/1.1.2/homem31_export.jpg");
background-position: 50% 0%;
cursor: pointer;
}
.gq-homem-section-2F .gq-homem-customer-container {
min-height: unset;
max-width: unset;
top: 210px;
}
.gq-homem-section-2F .gq-homem-customer-quote {
font-size: 35px;
line-height: 50px;
color: #fff;
font-family: 'Roboto';
text-shadow: 1px 1px 2px black;
}
.gq-homem-section-2F .gq-homem-customer-quote span {
font-size: 20px;
}
.gq-homem-section-2A {
background-image: url("../images/1.1.2/homem4_export.jpg");
z-index: 10;
}
.gq-homem-section-2B {
background-image: url("../images/1.1.2/homem5_export.jpg");
}
.gq-homem-section-2C {
background-image: url("../images/1.1.2/homem28_export.jpg");
}
.gq-homem-section-2D {
background-image: url("../images/1.1.2/homem16_export.jpg");
}
.gq-homem-section-2E {
background-image: url("../images/1.1.2/homem22_export.jpg");
}
.gq-homem-customers {
margin-bottom: 30px;
}
.gq-homem-customer-container {
position:relative;
background-color: rgba(0,0,0,0.7);
padding: 25px;
max-width: 690px;
min-height: 185px;
margin: 100px auto 0 auto;
}
.gq-homem-section-2A .gq-homem-customer-quote {
color: #fae55b;
font-size: 30px;
line-height: 38px;
}
.gq-homem-section-2B .gq-homem-customer-quote {
color: #EEF19F;
font-size:30px;
line-height: 38px;
}
.gq-homem-section-2C .gq-homem-customer-quote {
color: #bbdcff;
font-size:30px;
line-height: 38px;
}
.gq-homem-section-2D .gq-homem-customer-quote {
color: #fae55b;
font-size:30px;
line-height: 38px;
}
.gq-homem-section-2E .gq-homem-customer-quote {
color: #eef19f;
font-size:30px;
line-height: 38px;
}
.gq-homem-customer-attr {
color: #FFFFFF;
font-size: 18px;
float: right;
margin-top: 20px;
}
.gq-homem-customer-case {
margin-top: 37px;
}
.gq-homem-customer-case .gq-button {
font-weight: normal;
font-size: 15px;
height: 34px !important;
line-height: 34px !important;
width: 140px;
}
@media screen and (max-width: 900px){
.gq-homem-section-2F .gq-homem-customer-container {
top: 170px;
}
.gq-homem-section-2F .gq-homem-customer-quote {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (max-width: 768px){
.gq-homem-section-2A {
background-image: url("../images/1.1.2/homem9_export.jpg");
}
.gq-homem-section-2B {
background-image: url("../images/1.1.2/homem11_export.jpg");
}
.gq-homem-section-2C {
background-image: url("../images/1.1.2/homem29_export.jpg");
}
.gq-homem-section-2D {
background-image: url("../images/1.1.2/homem17_export.jpg");
}
.gq-homem-section-2E {
background-image: url("../images/1.1.2/homem23_export.jpg");
}
}
@media screen and (max-width: 480px){
.gq-homem-section-2A {
background-image: url("../images/1.1.2/homem10_export.jpg");
}
.gq-homem-section-2B {
background-image: url("../images/1.1.2/homem12_export.jpg");
}
.gq-homem-section-2C {
background-image: url("../images/1.1.2/homem30_export.jpg");
}
.gq-homem-section-2D {
background-image: url("../images/1.1.2/homem18_export.jpg");
}
.gq-homem-section-2E {
background-image: url("../images/1.1.2/homem24_export.jpg");
}
.gq-homem-section-2-container .gq-homem-customer-quote {
font-size:20px;
line-height: 28px;
}
.gq-homem-customer-attr {
float: none;
}
.gq-homem-customer-container {
margin: 50px auto 0 auto;
text-align: center;
}
}
/************* SECTION 2-5 - CUSTOMERS ************/
.gq-homem-section-2-5 {
padding: 30px 15px 10px 15px;
}
.gq-homem-section-2-5 .container {
max-width: 100%;
}
.gq-homem-panel-selector {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
padding: 0;
margin: 0 auto 10px auto;
max-width: 340px;
text-align: justify;
display: flex;
justify-content: space-evenly;
}
.gq-homem-customers-more {
text-align: right;
}
.gq-homem-customers-more a {
color: #4588f7;
text-decoration: none;
text-align: right;
}
.gq-homem-customers-more a:hover {
text-decoration: underline;
}
.gq-homem-panel-selector li {
border: 1px solid #CFCFCF;
border-radius: 50%;
background-color: #EFEFEF;
width: 12px;
height: 12px;
list-style: none;
position:relative;
display: block;
margin:0;
cursor: pointer;
}
.gq-homem-panel-selector li.selected {
background-color: #3079ed;
border: 1px solid #3079ed;
}
@media screen and (max-width: 768px){
.gq-homem-customers-more {
text-align: center;
margin-top: 20px;
}
}
/************* SECTION 3 - FEATURE ************/
.gq-homem-section-3 {
background-color: #FFFFFF;
text-align: center;
padding-top: 30px;
}
.gq-homem-section-3 .featured {
font-family: arial,sans-serif;
font-size: 15px;
color: #808080;
text-align: center;
}
.gq-homem-section-3 .row {
text-align:center;
}
.gq-homem-section-3 #gqTechRepublicLink {
width: 220px;
}
.gq-homem-section-3 a {
position: relative;
top: auto;
left: auto;
display: inline-block;
margin-top: 25px;
background:transparent url(../images/1.1.2/homem_sprite_export.gif) no-repeat scroll 0px 0px;
}
.gq-homem-section-3 a.lifehacker {
width: 155px;
height: 55px;
background-position: 7px -50px;
}
.gq-homem-section-3 a.lifehacker:hover {
background-position: 7px -100px;
}
.gq-homem-section-3 a.makeuseof {
width: 220px;
height: 55px;
background-position: -156px -50px;
}
.gq-homem-section-3 a.makeuseof:hover {
background-position:0 0;
background-position: -156px -100px;
}
.gq-homem-section-3 a.techrepublic {
width: 220px;
height: 55px;
background-position: -380px -50px;
}
.gq-homem-section-3 a.techrepublic:hover {
background-position: -380px -100px;
}
/************* NEW FEATURES ************/
.gq-homem-section-3-5 {
background-color: #000000;
padding:10px 0;
text-align: center;
}
.gq-homem-section-3-5 h3 {
font-size: 25px;
color: #929292;
}
.gq-homem-section-3-5 a {
text-decoration: none;
}
.gq-homem-section-3-5 .gq-button {
font-weight: normal;
margin-left: 20px;
vertical-align: middle;
font-size: 13px;
}
@media screen and (max-width: 480px){
.gq-homem-section-3-5 .gq-button {
display: block;
margin: 10px auto;
}
}
/************* SECTION 4 - APPS ************/
.gq-homem-section-4 {
background-color: #F5F5F5;
padding: 50px 0 0 0;
}
.gq-homem-section-4 .gq-homem-integrates {
font-weight: 300;
font-size: 24px;
color: #666666;
margin: 30px 0 -5px 0;
line-height: 45px;
}
.gq-homem-section-4 .gq-homem-integrates.line-2 {
margin: 0 0 -5px 0;
}
.gq-homem-section-4 .gq-homem-integrates a {
border: none;
color: #666666;
text-decoration: none;
}
.gq-homem-section-4 .gq-homem-integrates img {
vertical-align: middle;
margin-left: 0px;
}
.gq-homem-section-4 .gq-homem-org-text {
margin-bottom: 30px;
}
.gq-homem-section-4 .gq-homem-org-img {
margin-bottom:0;
text-align: center;
}
.gq-homem-section-4 .gq-homem-org-img img {
max-height: 100%;
margin-top: 20px;
}
.gq-homem-section-4 .learn-more .gq-button {
font-size: 18px;
font-weight: normal;
width: 170px;
height: 38px;
line-height: 38px;
}
.gq-img-reponsive.org {
max-width: 638px;
}
@media screen and (max-width: 960px){
.gq-homem-section-4 .span-5,
.gq-homem-section-4 .span-7 {
float:left;
width:97.91667%;
margin-left:1.04167%;
margin-right:1.04167%;
}
.gq-homem-section-4 .gq-homem-org-img div {
max-width: 638px;
margin: 0 auto;
}
.gq-homem-section-4 .gq-homem-org-img img {
max-width: 100%;
}
}
/************* CONNECT ************/
.gq-homem-connect {
max-width: 960px;
text-align: left;
padding: 20px 0 10px 0;
margin: 0 auto;
}
.gq-homem-connect a {
display: inline-block;
width: 50px;
height: 50px;
margin:0 15px;
background:transparent url(../images/1.1.2/homem_sprite_export.gif) no-repeat scroll 0px 0px;
}
.gq-homem-connect .twitter {
background-position: -550px 0px;
}
.gq-homem-connect .facebook {
background-position: -500px 0px;
}
.gq-homem-connect .googleplus {
background-position: -450px 0px;
}
@media screen and (max-width: 768px){
.gq-homem-connect {
text-align: center;
}
}
.gq-apps-page {
text-align: center;
color: #8F8F8F;
margin: 35px 20px 20px 35px;
}
.gq-apps-pro {
width: 430px;
font-size: 13px;
margin: 0 auto 25px auto;
}
.gq-apps-failure {
color: #EF0E0E;
font-weight: bold;
font-size: 13px;
}
.gq-apps-login-container {
max-width: 500px;
margin: 5px auto 30px auto;
border: 1px solid #CFCFCF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position:relative;
padding: 15px;
}
.gq-apps-login-container h1 {
color: #000000;
margin: 20px 0 30px 0;
font-size: 24px;
line-height: 30px;
font-weight: normal;
}
.gq-apps-login-container h1 img {
margin: 0 3px -12px 0;
}
.gq-apps-login-container h2 {
margin: 30px 0 40px 0;
font-size: 18px;
font-weight: normal;
}
.gq-apps-login-container form {
color: #000000;
font-size: 15px;
margin-bottom: 45px;
}
.gq-apps-login-container form span {
color: #8F8F8F;
font-size: 11px;
}
.gq-apps-help {
text-align:right;
color: #06C;
display: block;
font-size: 13px;
margin: 0 10px 5px 0;
position: absolute;
width: 40px;
bottom: 0;
right: 0;
}
.gq-apps-notice {
width: 700px;
font-size: 13px;
margin: 10px auto 30px auto;
}
.gq-apps-notice span {
font-weight: bold;
}
.gq-apps-notice a {
color: #8F8F8F;
text-align: left;
width: 400px;
margin:10px auto;
}
.gq-beta-request {
text-align: center;
max-width: 900px;
margin: 100px auto;
padding-bottom: 100px;
}
.gq-beta-request h2 {
font-family: "Google Sans",Roboto,Arial,sans-serif;
font-size: 20px;
font-weight: 500;
}
.gq-beta-request p {
font-family: Roboto,Arial,sans-serif;
font-size: 16px;
line-height: 22px;
}
.gq-beta-request img {
max-width: 800px;
margin: 20px 0 50px 0;
border-radius: 20px;
border: 2px solid #efefef;
display: inline-block;
}
/************* IMAGES ************/
.gq-gapps .gq-page-main img {
max-width: 100%;
}
.gq-gapps .gq-img-responsive {
margin: 0 auto;
}
.gq-img-responsive.gapps1 {
max-width: 320px;
}
.gq-img-responsive.gapps2 {
max-width: 465px;
}
.gq-img-responsive.gapps3 {
max-width: 440px;
}
.gq-img-responsive.gapps4 {
max-width: 940px;
}
.gq-img-responsive.gapps5 {
max-width: 800px;
}
.gq-img-responsive.gapps6 {
max-width: 505px;
}
.gq-img-responsive.gapps7 {
max-width: 224px;
}
.gq-img-responsive.gapps8 {
max-width: 460px;
}
/************* BARS ************/
.gq-gapps-bar {
height: 0px;
width: 100%;
border-top: 1px solid #CFCFCF;
}
.gq-gapps-bar.red {
background-color: #ae4341;
}
.gq-gapps-bar.blue {
background-color: #3366cc;
}
.gq-gapps-bar.green {
background-color: #169382;
}
.gq-gapps-bar.orange {
background-color: #f3aa48;
}
.gq-gapps-bar.purple {
background-color: #8958a9;
}
.gq-gapps-bar.yellow {
background-color: #e2c64d;
}
/************* SECTION - GENERAL ************/
.gq-gapps-section {
padding: 50px 0;
}
.gq-gapps-section .row {
max-width: 960px;
margin: 0 auto;
}
.gq-gapps-section h2 {
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 5px 0;
}
.gq-gapps-section h2:before {
content: "";
display: block;
width: 50px;
height: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
margin-right: 20px;
}
.gq-gapps-section h2.red:before {
background-color: #ae4341;
}
.gq-gapps-section h2.blue:before {
background-color: #3366cc;
}
.gq-gapps-section h2.green:before {
background-color: #169382;
}
.gq-gapps-section h2.orange:before {
background-color: #f3aa48;
}
.gq-gapps-section h2.purple:before {
background-color: #8958a9;
}
.gq-gapps-section h2.yellow:before {
background-color: #e2c64d;
}
.gq-gapps-section .description {
font-size: 20px;
color: #a3a3a3;
line-height: 32px;
margin-top: 10px;
margin-bottom: 15px;
}
.install-learn a,
.gq-gapps-section .description a {
color: #1155CC;
text-decoration: none;
font-size: 18px
}
.install-learn a:hover,
.gq-gapps-section .description a:hover {
text-decoration: underline;
}
.gq-gapps-section .left {
display:block;
}
.gq-gapps-section .below {
display:none;
text-align: center;
margin-top: 20px;
}
@media screen and (max-width: 960px){
.gq-gapps-section {
padding: 50px 20px;
}
}
@media screen and (max-width: 768px){
.gq-gapps-section h2 {
font-size: 26px;
line-height: 40px;
font-weight: 300;
}
.gq-gapps-section h2:before {
width: 40px;
height: 40px;
margin-right: 15px;
}
.gq-gapps-section .left {
display:none;
}
.gq-gapps-section .below {
display:block;
}
}
@media screen and (max-width: 480px){
.gq-gapps-section h2:before {
display: none;
}
}
/************* HEADER SECTION ************/
.gq-gapps-title {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 56px;
margin: 0px 0 20px 0;
padding: 0 30px;
text-align: center;
}
.gq-gapps-logo {
width: 400px;
margin: 0 auto;
}
.gq-gapps-video-box {
height: 340px;
position: relative;
cursor: pointer;
background-image: url("../images/1.1.2/googleWorkspaceBkgnd.jpg");
background-position: 50% 45%;
background-repeat: repeat-x;
background-size: cover;
width: 100%;
padding-top: 40px;
}
.gq-gapps #gqModalBkgnd {
background: #20212499;
}
.gq-gapps-video-box .play-btn {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
display: flex;
justify-content: center;
transition: opacity 100ms;
}
.gq-gapps-video-box .play-btn span {
font-family: "Material Icons Outlined";
font-size: 130px;
width: 130px;
height: 130px;
line-height: 130px;
color: #FFFFFF;
cursor: pointer;
transition: opacity 150ms;
z-index: 1;
position: relative;
}
.gq-gapps-video-box .play-btn span:before {
content: '';
width: 108px;
height: 108px;
background-color: #000000a6;
position: absolute;
border-radius: 50%;
z-index: -1;
top: 11px;
left: 11px;
box-shadow: 5px 5px 6px rgb(0 0 0 / 20%), -5px 5px 6px rgb(0 0 0 / 30%), 5px -5px 6px rgb(0 0 0 / 30%), -5px -5px 6px rgb(0 0 0 / 30%);
}
.gq-gapps-video-box .play-btn span:hover:before {
background-color: #000000;
}
.gq-gapps-seamless {
font-size: 34px;
font-weight: 100;
text-align: center;
color: #808080;
line-height: 45px;
margin: 20px 10px;
width: 320px;
margin-right: -160px;
position: absolute;
top: 0;
right: 50%;
z-index: 1;
}
.gq-gapps-seamless span {
display: block;
font-size: 15px;
line-height: 15px;
}
.gq-gapps-seamless img {
vertical-align: middle;
width: 157px;
}
.gq-gapps-header-blur {
-webkit-box-shadow: 0 0 10px 5px rgba(255,255,255,1.0);
-moz-box-shadow: 0 0 10px 5px rgba(255,255,255,1.0);
-ms-box-shadow: 0 0 10px 5px rgba(255,255,255,1.0);
box-shadow: 0 0 10px 5px rgba(255,255,255,1.0);
background-color:rgba(255,255,255,1.0);
height: 5px;
width: 100%;
position: absolute;
z-index: 100;
}
.gq-gapps-header-section {
background-image: url("../images/1.1.2/help/gapps5_export.jpg");
background-position: 50% 45%;
background-repeat: repeat-x;
background-size: cover;
width: 100%;
height: 500px;
position:relative;
}
.gq-gapps-header-text {
max-width: 380px;
background-color: rgba(0,0,0,0.65);
color: #FFFFFF;
font-size: 30px;
line-height: 35px;
padding: 15px;
position: absolute;
bottom: 40px;
right: 40px;
}
@media screen and (max-width: 768px){
.gq-gapps-header-text {
right: 1%;
left: 1%;
margin: 0 auto;
text-align: center;
}
.gq-gapps-title {
font-size: 34px;
line-height: 46px;
}
.gq-gapps-logo {
width: 300px;
}
}
@media screen and (max-width: 480px){
.gq-gapps-seamless {
position: relative;
margin: 0 auto;
top: auto;
right: auto;
padding: 10px;
}
.gq-gapps-header-blur {
display: none;
}
.gq-gapps-header-section {
display: none;
}
.gq-gapps-video-box .play-btn {
transform: scale(.8);
}
}
/************* SECTION 0 - INTRO ************/
.gq-gapps-section-0 {
background-color: #F5F5F5;
}
.gq-gapps-section-0 img {
border: 1px solid #CFCFCF;
}
/************* SECTION 1 - APPS MENU ************/
.gq-gapps-section-1 .install-wrapper {
border: 1px solid #bcbcbc;
background-color: #F5F5F5;
padding: 15px;
margin-top: 40px;
width: 93%;
}
.gq-gapps-section-1 .install-title {
font-size: 20px;
line-height: 32px;
font-weight: 400;
color: #444444;
}
.gq-gapps-section-1 .install-text {
padding: 10px 0 20px 0;
font-size: 20px;
font-weight: 300;
color: #666666;
line-height: 26px;
}
.gq-gapps-section-1 .install-learn {
float:right;
line-height: 44px;
font-weight: 400;
}
/************* SECTION 2 - CALENDAR ************/
.gq-gapps-section-2 {
background-color: #F5F5F5;
}
.gq-gapps-section-2 img {
border: 1px solid #CFCFCF;
}
.gq-gapps-section-2 .image {
text-align:center;
}
/************* SECTION 3 - SHARING ************/
.gq-gapps-section-3 .contacts {
text-align: center;
}
.gq-gapps-section-3 .content {
margin-left: 10px;
}
@media screen and (max-width: 768px){
.gq-gapps-section-3 .content {
margin-left: 0px;
}
}
/************* SECTION 4 - EMAIL ************/
.gq-gapps-section-4 {
text-align: center;
padding-bottom: 20px;
}
.gq-gapps-section-4 img {
border: 1px solid #CFCFCF;
}
/************* SECTION 5 - ATTACHMENTS ************/
.gq-gapps-section-5 {
background-color: #F5F5F5;
}
/************* SECTION 6 - REFERRAL ************/
.gq-gapps-section-6 {
border-top: 1px solid #DFDFDF;
background-color: #FFFFFF;
text-align: center;
}
.gq-gapps-section-6 .referral-text {
font-size: 24px;
line-height: 32px;
}
.gq-gapps-section-6 .referral-button .gq-button {
margin-top: 10px;
font-size: 18px;
height: 50px;
line-height: 50px;
font-weight: normal;
padding: 0 15px;
}
/************* SECTION 7 - SECURITY ************/
.gq-gapps-section-7 {
background-color: #F5F5F5;
}
.gq-apps-trial .content-wrap {
margin: 40px auto;
max-width: 960px;
padding: 0 20px;
}
.gq-apps-trial .promo-wrap {
margin-right: 40px;
}
.gq-apps-trial .form-wrap {
padding: 25px;
background: #F5F5F5;
border: 1px solid #E5E5E5;
font-family: arial,sans-serif;
font-size: 13px;
margin: 0 auto;
max-width: 350px;
}
.gq-apps-trial .section-title {
font-weight: bold;
margin: 20px 0 -5px 0;
}
.gq-apps-trial .form-wrap .form-element {
margin-top: 15px;
}
.gq-apps-trial input[type=text] {
display: inline-block;
background: #FFFFFF;
font-size: 13px;
border: 1px solid #D9D9D9;
border-top: 1px solid silver;
padding: 0 8px;
margin: 5px 0;
width: 100%;
height: 29px;
line-height: 25px;
box-sizing: border-box;
}
.gq-apps-trial input[type=text]:focus {
border: 1px solid #4D90FE;
outline: none;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
}
.gq-apps-trial input[type=text].error,
.gq-apps-trial select.error {
border: 1px solid #DD4B39;
}
.gq-apps-trial .form-wrap .error-msg {
color: #DD4B39;
line-height: 17px;
margin: 0 0 5px 0;
}
.gq-apps-trial .submit-button {
text-align: center;
margin-top: 20px;
}
.gq-apps-trial .submit-button button {
margin-top: 10px;
font-size: 18px;
width: 100%;
min-height: 50px;
height: inherit;
padding: 4px;
font-weight: normal;
}
/* SELECT */
.gq-apps-trial select {
width: 100%;
margin: 5px 0;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), linear-gradient(top, #f5f5f5, #f1f1f1);
background-position: 95% 50%;
background-repeat: no-repeat;
border: 1px solid #dcdcdc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #333;
cursor: default;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
min-width: 72px;
outline: 0;
padding: 7px 19px 7px 4px;
text-align: center;
text-indent: .01px;
text-overflow: ellipsis;
text-overflow: '';
white-space: nowrap;
}
.gq-apps-trial select:-ms-expand {
display: none;
}
.gq-apps-trial select:hover {
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
color: #111;
}
.gq-apps-trial select:focus {
border: 1px solid #4d90fe;
}
/* CHECKBOXES */
.gq-apps-trial input[type="checkbox"] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #c6c6c6;
border-image: -ms-linear-gradient(top, #fff, #fff);
-webkit-border-radius: 1px;
border-radius: 1px;
height: 13px;
left: 1px;
margin: 2px 8px 0 0;
outline: 0;
position: relative;
top: 1px;
width: 13px;
}
.gq-apps-trial input[type="checkbox"]:hover {
border: 1px solid #b2b2b2;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}
.gq-apps-trial input[type="checkbox"]:active {
background-color: #ebebeb;
border: 1px solid #c6c6c6;
}
.gq-apps-trial input[type="checkbox"]:focus {
border: 1px solid #4d90fe;
}
.gq-apps-trial input[type="checkbox"]:checked:after {
background: url(../images/1.1.2/checkmark_2x.png) no-repeat 0 0 / 21px;
content: '';
display: block;
height: 21px;
left: -5px;
position: relative;
top: -6px;
width: 21px;
}
.gq-apps-trial input[type="checkbox"]:disabled {
background-color: #fff;
border: 1px solid #e1e1e1;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .5;
}
/*********** ELEMENTS ********/
.gq-apps-trial p {
color: #999999;
font-size: 18px;
line-height: 28px;
font-family: arial,sans-serif;
}
.gq-apps-trial h1 {
line-height: 40px;
}
.gq-apps-trial h2 {
margin-top: 40px;
line-height: 28px;
}
.gq-apps-trial .promo-wrap li {
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 20px;
font-family: arial,sans-serif;
}
.gq-apps-trial .box-image {
text-align: center;
max-width: 391px;
margin: 0 auto;
}
.gq-apps-trial .box-image img {
max-width: 100%;
width: 100%;
}
.gq-apps-trial #userNameFormElement:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gq-apps-trial #notifications {
float: left;
margin-right: 10px;
}
.gq-apps-trial .first-name {
float: left;
margin-right: 2%;
width: 49%;
}
.gq-apps-trial .last-name {
float: left;
width: 49%;
}
.gq-apps-trial #adminEmail {
margin-right: 2%;
width: 45%;
}
.gq-apps-trial #adminEmailDomain {
color:#999999;
float: right;
padding-top: 4px;
width: 53%;
word-wrap: break-word;
}
.gq-apps-trial #generalErrorMsg {
margin-top: 20px;
}
/******** SUCCESS PAGE *********/
.gq-apps-trial .success-wrap {
text-align: center;
}
.gq-apps-trial .success-wrap h1 {
color: #555555;
font-size: 38px;
margin-bottom: 50px;
font-weight: 300;
}
.gq-apps-trial .success-wrap h2 {
color: #737373;
font-size: 20px;
margin-bottom: 25px;
font-weight: 300;
}
.gq-apps-trial .success-wrap h2 strong {
color: #222222;
font-weight: 400;
display: block;
}
.gq-apps-trial .success-wrap p {
font-size: 13px;
color: #737373;
margin-bottom: 40px;
line-height: 1.5;
}
.gq-drive-response-content {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
color: #202124;
text-align:center;
}
.gq-drive-response-content p {
line-height: 30px;
}
.gq-drive-activation-title-logo {
text-align: center;
}
.gq-drive-activation-title-logo img {
width: 40px;
}
.gq-drive-response-content img {
display: inline-block;
vertical-align: middle;
}
.gq-drive-response-title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 20px;
font-weight: 500;
color: #333333;
text-align: center;
line-height: 40px;
}
.gq-gmail-integration #gqPageHeaderMenu {
display: none;
}
#gqGmailEmail {
position: absolute;
top: 23px;
right: 15px;
font-size: 13px;
color: #404040;
}
.gq-contacts-response-content {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 16px;
color: #202124;
text-align:center;
}
.gq-contacts-response-content p {
line-height: 30px;
}
.gq-contacts-activation-title-logo {
text-align: center;
}
.gq-contacts-activation-title-logo img {
width: 48px;
}
.gq-contacts-response-content img {
display: inline-block;
vertical-align: middle;
}
.gq-contacts-response-title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 20px;
font-weight: 500;
color: #333333;
text-align: center;
line-height: 40px;
}
.gq-customers .gq-page-main {
padding-top: 20px;
text-align:center;
}
.gq-customers .row {
max-width: 960px;
margin: 0 auto;
}
.gq-customers h2 {
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 15px 0;
}
.gq-customers p {
font-size: 20px;
color: #a3a3a3;
line-height: 32px;
margin-top: 10px;
margin-bottom: 15px;
}
.gq-customers .case-card {
font-family: arial, helvetica, sans-serif;
text-align: center;
max-width: 255px;
padding: 15px;
border: 1px solid #DFDFDF;
margin: 0 10px 20px 10px;
min-height: 466px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
-ms-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
.gq-customers .span-5 .case-card {
margin:10px auto 20px auto;
}
.gq-customers .case-logo img {
max-width: 100%
}
.gq-customers .case-quote {
font-size: 18px;
line-height: 24px;
margin: 10px 0;
}
.gq-customers .case-card.red .case-quote {
color: #9B001C;
}
.gq-customers .case-card.blue .case-quote {
color: #2d86b5;
}
.gq-customers .case-card.green .case-quote {
color: #169382;
}
.gq-customers .case-card.orange .case-quote {
color: #d05d19;
}
.gq-customers .case-card.brown .case-quote {
color: #7F6211;
}
.gq-customers .case-card.purple .case-quote {
color: #8958a9;
}
.gq-customers .case-card.dark-blue .case-quote {
color: #24419e;
}
.gq-customers .case-card.dark-green .case-quote {
color: #00703c;
}
.gq-customers .case-card.dark-orange .case-quote {
color: #E2941D;
}
.gq-customers .case-attr {
font-weight: normal;
color: #868686;
font-size: 15px;
line-height: 20px;
margin: 10px 0 50px 0;
}
.gq-customers .case-button {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 20px 0 5px 0;
}
.gq-customers .customer-subtitle {
font-size: 24px;
font-weight: 300;
color: #777777;
line-height: 36px;
margin: 20px 10px 0 10px;
}
.gq-customers .customer-logos {
padding: 0;
}
.gq-customers .customer-logos img {
max-width: 100%;
}
.gq-customers .customer-logos li {
display:inline-block;
list-style: none;
position: relative;
padding: 30px;
float: left;
}
.gq-customers .customer-logos .silverline,
.gq-customers .customer-logos .supply {
padding: 30px 10px;
}
@media screen and (max-width: 960px){
.gq-customers .customer-logos li {
width: 100%;
padding: 30px 0;
}
}
@media screen and (max-width: 768px){
.gq-customers .row {
margin: 0 10px;
}
.gq-customers .case-card {
margin:10px auto 20px auto;
max-width: 320px;
}
.gq-customers .customer-logos .silverline,
.gq-customers .customer-logos .supply {
padding: 30px 0;
}
}
.gq-customers2 h1,
.gq-customers2 h2 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 56px;
margin: 40px 0 20px 0;
padding: 0 30px;
text-align: center;
}
.gq-customers2 .subtitle {
font-size: 20px;
line-height: 32px;
color: #808080;
max-width: 600px;
margin: 0 auto;
padding: 0 30px;
text-align: center;
}
/************ VIDEOS ***************/
.gq-customers2 #gqModalBkgnd {
background: #20212499;
}
.gq-customers-video-section {
max-width: 1200px;
padding: 50px 30px 100px 30px;
display: flex;
margin: 0 auto;
flex-wrap: wrap;
justify-content: space-evenly;
}
.gq-customers-video-box {
max-width: 400px;
min-width: 300px;
position: relative;
cursor: pointer;
overflow: hidden;
border-radius: 6px;
border: 1px solid #dfdfdf;
box-shadow: 1px 1px 4px rgb(0 0 0 / 10%), -1px -1px 4px rgb(0 0 0 / 10%);
margin: 0 15px 50px 15px;
flex: 1 1 0;
display: flex;
flex-direction: column;
}
.gq-customers-video-box:hover {
box-shadow: 1px 1px 10px rgb(0 0 0 / 20%), -1px -1px 10px rgb(0 0 0 / 20%);
}
.gq-customers-video-box .thumbnail-wrap {
position: relative;
}
.gq-customers-video-box .thumbnail-wrap img {
width: 100%;
display: block;
}
.gq-customers-video-box .play-icon {
position: absolute;
bottom: 15px;
right: 15px;
}
.gq-customers-video-box .play-icon span {
font-family: "Material Icons Outlined";
font-size: 30px;
line-height: 30px;
color: #AFAFAF;
cursor: pointer;
display: block;
}
.gq-customers-video-box .play-btn {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 100ms;
}
.gq-customers-video-box:hover .play-btn {
opacity: 1;
}
.gq-customers-video-box .play-btn span {
font-family: "Material Icons Outlined";
font-size: 100px;
width: 100px;
height: 100px;
line-height: 100px;
color: #FFFFFF;
cursor: pointer;
position: relative;
z-index: 1;
}
.gq-customers-video-box .play-btn span:before {
content: '';
width: 82px;
height: 82px;
background-color: #000000a6;
position: absolute;
border-radius: 50%;
z-index: -1;
top: 9px;
left: 9px;
box-shadow: 5px 5px 6px rgb(0 0 0 / 20%), -5px 5px 6px rgb(0 0 0 / 30%), 5px -5px 6px rgb(0 0 0 / 30%), -5px -5px 6px rgb(0 0 0 / 30%);
}
.gq-customers-video-box .play-btn span:hover:before {
background-color: #000000;
}
.gq-customers-video-box .title {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 28px;
padding: 15px;
flex: 1 0 auto;
}
.gq-customers-video-box .more {
padding: 0 15px 15px 15px;
}
.gq-customers-video-box .more a {
color: #4285f4;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
}
.gq-customers-video-box .more a:hover {
text-decoration: underline;
}
/************ SECTIONS ***************/
.gq-customers-section {
padding: 90px 30px;
background-position: 50% 45%;
background-repeat: repeat-x;
background-size: cover;
width: 100%;
position:relative;
transition: all 0.9s;
box-sizing: border-box;
}
.gq-customers-section.white {
padding: 70px 30px;
}
.gq-customers-section .quote-box {
padding: 30px;
background-color: #FFFFFF;
margin: 0 auto;
max-width: 600px;
border: 1px solid #999999;
}
.gq-customers-section.white .quote-box {
box-shadow: none;
padding:0;
border: none;
}
.gq-customers-section .quote-box .quote-text {
font-size: 28px;
line-height: 38px;
font-weight: 300;
text-align: center;
}
.gq-customers-section .quote-box .photo {
margin-top: 10px;
text-align: center;
}
.gq-customers-section .quote-box .photo-large {
margin-top: 10px;
text-align: center;
}
.gq-customers-section .quote-box .photo-large img {
width: 139px;
}
.gq-customers-section .quote-box .photo-small {
display: none;
text-align: center;
margin-top: 20px;
}
.gq-customers-section .quote-box .photo-small img {
width: 120px;
}
.gq-customers-section .quote-box .attribution {
font-family: arial,sans-serif;
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
margin: 50px 0px 15px 15px;
float: left;
}
.gq-customers-section.white .quote-box .attribution {
float: none;
text-align: center;
margin: 10px;
}
.gq-customers-section .quote-box .case-btn {
float: right;
margin: 55px 20px 20px 0px;
}
.gq-customers-section.white .quote-box .case-btn {
float: none;
text-align: center;
margin:40px 10px 10px 10px;
}
.gq-customers-section .quote-box .gq-button {
font-size: 18px;
font-weight: normal;
width: 170px;
height: 38px;
line-height: 38px;
}
/******* SECTION A ***********/
.gq-customers-section.section-A {
background-image: url("../images/1.1.2/homem5_export.jpg");
}
.gq-customers-section.section-A .quote-box {
}
.gq-customers-section.section-A .quote-box .quote-text {
color: #4588f7;
}
/******* SECTION B ***********/
.gq-customers-section.section-B {
}
.gq-customers-section.section-B .quote-box .quote-text {
color: #9b2e98;
}
/******* SECTION C ***********/
.gq-customers-section.section-C {
background-image: url("../images/1.1.2/homem16_export.jpg");
padding: 130px 30px;
}
.gq-customers-section.section-C .quote-box {
}
.gq-customers-section.section-C .quote-box .quote-text {
color: #7F6211;
}
/******* SECTION D ***********/
.gq-customers-section.section-D {
}
.gq-customers-section.section-D .quote-box .quote-text {
color: #24419E;
}
/******* SECTION E ***********/
.gq-customers-section.section-E {
background-image: url("../images/1.1.2/homem4_export.jpg");
}
.gq-customers-section.section-E .quote-box .quote-text {
color: #9B001C;
}
.gq-customers-section.section-E .quote-box {
}
/******* SECTION F ***********/
.gq-customers-section.section-F {
}
.gq-customers-section.section-F .quote-box {
max-width: 650px;
}
.gq-customers-section.section-F .quote-box .quote-text {
color: #2E993B;
}
/******* SECTION G ***********/
.gq-customers-section.section-G {
background-image: url("../images/1.1.2/homem13_export.jpg");
}
.gq-customers-section.section-G .quote-box .quote-text {
color: #2E993B;
}
.gq-customers-section.section-G .quote-box .case-btn{
margin: 55px 10px 20px 0;
}
.gq-customers-section.section-G .quote-box .attribution {
margin: 50px 20px 15px 35px;
}
.gq-customers-section.section-G .quote-box {
}
/******* SECTION H ***********/
.gq-customers-section.section-H {
}
.gq-customers-section.section-H .quote-box .quote-text {
color: #9B001C;
}
/******* SECTION I ***********/
.gq-customers-section.section-I {
background-image: url("../images/1.1.2/homem19_export.jpg");
}
.gq-customers-section.section-I .quote-box .quote-text {
color: #C97800;
}
.gq-customers-section.section-I .quote-box {
}
/******* SECTION J ***********/
.gq-customers-section.section-J {
}
.gq-customers-section.section-J .quote-box .quote-text {
color: #84724A;
}
/******* SECTION K ***********/
.gq-customers-section.section-K {
background-image: url("../images/1.1.2/homem22_export.jpg");
}
.gq-customers-section.section-K .quote-box .quote-text {
color: #37a915;
}
.gq-customers-section.section-K .quote-box {
}
/******* SECTION L ***********/
.gq-customers-section.section-L {
}
.gq-customers-section.section-L .quote-box .quote-text {
color: #bf0008;
}
/******* SECTION M ***********/
.gq-customers-section.section-M {
background-image: url("../images/1.1.2/homem25_export.jpg");
}
.gq-customers-section.section-M .quote-box .quote-text {
color: #42aca7;
}
.gq-customers-section.section-M .quote-box {
}
/******* SECTION N ***********/
.gq-customers-section.section-N {
}
.gq-customers-section.section-N .quote-box .quote-text {
color: #84724A;
}
/******* SECTION O ***********/
.gq-customers-section.section-O {
background-image: url("../images/1.1.2/homem28_export.jpg");
}
.gq-customers-section.section-O .quote-box .quote-text {
color: #5e8fd4;
}
.gq-customers-section.section-O .quote-box {
}
/******* SECTION P ***********/
.gq-customers-section.section-P {
}
.gq-customers-section.section-P .quote-box .quote-text {
color: #9b0000;
padding: 0 10px;
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 768px){
.gq-customers-section.section-A {
background-image: url("../images/1.1.2/homem11_export.jpg");
}
.gq-customers-section.section-C {
background-image: url("../images/1.1.2/homem17_export.jpg");
}
.gq-customers-section.section-E {
background-image: url("../images/1.1.2/homem9_export.jpg");
}
.gq-customers-section.section-G {
background-image: url("../images/1.1.2/homem14_export.jpg");
}
.gq-customers-section.section-I {
background-image: url("../images/1.1.2/homem20_export.jpg");
}
.gq-customers-section.section-K {
background-image: url("../images/1.1.2/homem23_export.jpg");
}
.gq-customers-section.section-M {
background-image: url("../images/1.1.2/homem26_export.jpg");
}
.gq-customers-section.section-O {
background-image: url("../images/1.1.2/homem29_export.jpg");
}
}
@media screen and (max-width: 722px){
.gq-customers-video-box .play-btn {
opacity: 1;
}
}
@media screen and (max-width: 700px){
.gq-customers-section .quote-box .attribution {
float: none;
text-align: center;
margin: 10px !important;
}
.gq-customers-section .quote-box .case-btn {
float: none;
text-align: center;
margin: 30px 10px 10px 10px !important;
}
.gq-customers-section .quote-box .photo-large {
display: none;
}
.gq-customers-section .quote-box .photo-small {
display: block;
}
.gq-customers-section .quote-box .photo img {
width: 120px;
}
}
@media screen and (max-width: 480px){
.gq-customers-section .quote-box .quote-text {
font-size: 22px;
}
.gq-customers-section.section-A {
background-image: url("../images/1.1.2/homem12_export.jpg");
}
.gq-customers-section.section-C {
background-image: url("../images/1.1.2/homem18_export.jpg");
}
.gq-customers-section.section-E {
background-image: url("../images/1.1.2/homem10_export.jpg");
}
.gq-customers-section.section-G {
background-image: url("../images/1.1.2/homem15_export.jpg");
}
.gq-customers-section.section-I {
background-image: url("../images/1.1.2/homem21_export.jpg");
}
.gq-customers-section.section-K {
background-image: url("../images/1.1.2/homem24_export.jpg");
}
.gq-customers-section.section-M {
background-image: url("../images/1.1.2/homem27_export.jpg");
}
.gq-customers-section.section-O {
background-image: url("../images/1.1.2/homem30_export.jpg");
}
}
.gq-page-case-studies {
min-width: none;
}
.gq-page-case-studies .gq-page-main-content,
.gq-page-case-studies .gq-page-header-content,
.gq-page-case-studies .gq-page-footer-content {
width: auto !important;
max-width: 960px;
}
.gq-page-case-studies h1,
.gq-page-case-studies h2 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
font-size: 30px;
line-height: 40px;
margin: 2px 0 20px 0;
}
.gq-case-sidebar {
text-align: left;
margin-bottom: 20px;
}
.gq-case-sidebar .gq-case-back {
margin: 40px 0 20px 0;
}
.gq-case-back.top {
display: none;
margin: 10px 0 20px -5px;
}
.gq-case-back button {
height: 40px;
min-width: 90px;
text-align: left;
}
.gq-case-back .arrow {
display:block;
float: left;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right:7px solid #666666;
height: 0;
margin: 6px 5px 0 0;
}
.gq-case-logo {
margin-bottom: 20px;
}
.gq-case-logo img {
max-width: 100%;
}
.gq-case-main {
line-height: 26px;
font-size: 16px;
padding-left: 20px;
}
.gq-case-header {
color: #808080;
}
.gq-case-about {
font-style:italic;
}
.gq-case-footer {
font-style:italic;
margin-top: 50px;
font-size: 15px;
}
.gq-case-item {
margin-bottom: 15px;
line-height: 24px;
}
.gq-case-item span {
font-weight: bold;
}
.gq-case-quote {
font-size: 20px;
line-height: 30px;
background-color: #EFEFEF;
padding: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
margin: 10px 0 0 0;
}
/*** FOOD FOR THE HUNGRY ****/
.hungry .gq-case-sidebar .gq-case-quote {
color: #6c9700;
}
.hungry .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #6c9700;
padding: 20px 0 30px 0;
border-top:2px solid #6c9700;
border-bottom:2px solid #6c9700;
position: relative;
}
.hungry .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.hungry .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: -15px;
}
/*** MINISTRY OF SUPPLY ****/
.ministry .gq-case-sidebar .gq-case-quote {
color: #3933AC;
}
.ministry .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #3933AC;
padding: 20px 0 40px 0;
border-top:2px solid #3933AC;
border-bottom:2px solid #3933AC;
position: relative;
}
.ministry .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.ministry .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: -15px;
}
/*** BEAN ****/
.bean .gq-case-sidebar .gq-case-quote {
color: #2E993B;
}
.bean .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #2E993B;
padding: 20px 0 64px 0;
border-top:2px solid #2E993B;
border-bottom:2px solid #2E993B;
position: relative;
}
.bean .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.bean .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: -15px;
}
/*** ENERJET ****/
.enerjet .gq-case-sidebar .gq-case-quote {
color: #7F6211;
}
.enerjet .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #7F6211;
padding: 20px 0 64px 0;
border-top:2px solid #7F6211;
border-bottom:2px solid #7F6211;
position: relative;
}
.enerjet .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.enerjet .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: -15px;
}
/*** MARTINOVSKY ****/
.martinovsky .gq-case-sidebar .gq-case-quote {
color: #c97800;
}
.martinovsky .gq-case-quote-body {
font-size: 20px;
line-height: 30px;
background-color: #FFFFFF;
color: #c97800;
padding: 20px 0 44px 0;
border-top:2px solid #c97800;
border-bottom:2px solid #c97800;
position: relative;
}
.martinovsky .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.martinovsky .gq-case-quote-body img {
float: right;
max-width: 30%;
margin-top: -15px;
}
/*** SWIMELAR ****/
.swimelar .gq-case-sidebar .gq-case-quote {
color: #830300;
}
.swimelar .gq-case-quote-body {
font-size: 20px;
line-height: 30px;
background-color: #FFFFFF;
color: #830300;
padding: 20px 0 64px 0;
border-top:2px solid #830300;
border-bottom:2px solid #830300;
position: relative;
}
.swimelar .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.swimelar .gq-case-quote-body img {
float: right;
max-width: 30%;
margin-top: -5px;
}
/*** SAINT ANNS ****/
.saint-anns .gq-case-sidebar .gq-case-quote {
color: #9B001C;
}
.saint-anns .gq-case-quote-body {
font-size: 20px;
line-height: 30px;
background-color: #FFFFFF;
color: #9B001C;
padding: 15px 0 55px 0;
border-top:2px solid #9B001C;
border-bottom:2px solid #9B001C;
position: relative;
}
.saint-anns .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 0;
bottom: 10px;
}
/*** ARBORS ****/
.arbors .gq-case-sidebar .gq-case-quote {
color: #2d86B5;
}
.arbors .gq-case-quote-body {
font-size: 20px;
line-height: 30px;
background-color: #FFFFFF;
color: #2d86B5;
padding: 15px 0 60px 0;
border-top:2px solid #2d86B5;
border-bottom:2px solid #2d86B5;
position: relative;
}
.arbors .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.arbors .gq-case-quote-body img {
float: right;
max-width: 22%;
}
/*** KRENGEL TECH ****/
.krengel .gq-case-sidebar .gq-case-quote {
color: #169382;
}
.krengel .gq-case-quote-body {
font-size: 20px;
line-height: 30px;
background-color: #FFFFFF;
color: #169382;
padding: 15px 0 60px 0;
border-top:2px solid #169382;
border-bottom:2px solid #169382;
position: relative;
}
.krengel .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 0;
bottom: 10px
}
/*** TEEN CHALLENGE ****/
.teen-challenge .gq-case-sidebar .gq-case-quote {
color: #24419e;
}
.teen-challenge .gq-case-quote-body {
color: #24419e;
border-top:2px solid #24419e;
border-bottom:2px solid #24419e;
font-size: 20px;
line-height: 30px;
background-color: #FFFFFF;
padding: 15px 0 60px 0;
position: relative;
}
.teen-challenge .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 30%;
bottom: 25px
}
.teen-challenge .gq-case-quote-body img {
float: right;
max-width: 25%;
}
/*** UNIVERSITY COLLEGE ****/
.university .gq-case-sidebar .gq-case-quote {
color: #9b0000;
}
.university .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #9b0000;
padding: 20px 0 65px 0;
border-top:2px solid #9b0000;
border-bottom:2px solid #9b0000;
position: relative;
}
.university .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.university .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: 0;
}
/*** RFRK ****/
.rfrk .gq-case-sidebar .gq-case-quote {
color: #e76f34;
}
.rfrk .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #e76f34;
padding: 20px 0 65px 0;
border-top:2px solid #e76f34;
border-bottom:2px solid #e76f34;
position: relative;
}
.rfrk .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.rfrk .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: -14px;
}
/*** YMCA ****/
.ymca .gq-case-sidebar .gq-case-quote {
color: #a2238d;
}
.ymca .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #a2238d;
padding: 20px 0 35px 0;
border-top:2px solid #a2238d;
border-bottom:2px solid #a2238d;
position: relative;
}
.ymca .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.ymca .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: 5px;
}
/*** VIERBICHER ****/
.vierbicher .gq-case-sidebar .gq-case-quote {
color: #2b8ac0;
}
.vierbicher .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #2b8ac0;
padding: 20px 0 35px 0;
border-top:2px solid #2b8ac0;
border-bottom:2px solid #2b8ac0;
position: relative;
}
.vierbicher .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.vierbicher .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: 5px;
}
/*** BUSINESS CLOUD ****/
.bcloud.gq-page-case-studies h1,
.bcloud.gq-page-case-studies h2 {
padding-right: 50px;
}
.bcloud .gq-case-sidebar .gq-case-quote {
color: #22a8e1;
}
.bcloud .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #22a8e1;
padding: 20px 0 35px 0;
border-top:2px solid #22a8e1;
border-bottom:2px solid #22a8e1;
position: relative;
}
.bcloud .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 15px
}
.bcloud .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: -10px;
}
/*** ROBO RAIDERS ****/
.robo .gq-case-sidebar .gq-case-quote {
color: #9b0000;
}
.robo .gq-case-quote-body {
font-size: 24px;
line-height: 34px;
background-color: #FFFFFF;
color: #9b0000;
padding: 20px 0 40px 0;
border-top:2px solid #9b0000;
border-bottom:2px solid #9b0000;
position: relative;
}
.robo .gq-case-quote-body .gq-case-attr {
font-weight: bold;
color: #000000;
font-size: 15px;
line-height: 20px;
position: absolute;
right: 25%;
bottom: 10px
}
.robo .gq-case-quote-body img {
float: right;
max-width: 25%;
margin-top: 0;
margin-left: 10px;
}
.robo .gq-case-img {
max-width: 610px;
width: 100%;
}
@media screen and (max-width: 768px){
.gq-case-sidebar {
text-align: center;
}
.gq-case-main {
padding-left: 0px;
}
.gq-case-sidebar .gq-case-back {
display: none;
}
.gq-case-back.top {
display: block;
}
.ministry .gq-case-quote-body {
padding-bottom:64px;
}
.bcloud.gq-page-case-studies h1,
.bcloud.gq-page-case-studies h2 {
padding-right: 0px;
}
}
@media screen and (max-width: 480px){
.gq-page-case-studies h1,
.gq-page-case-studies h2 {
font-size: 26px;
line-height: 36px;
}
.hungry .gq-case-quote-body {
padding-bottom:60px;
}
}
.gq-page-success-stories #gqModalBkgnd {
background: #20212499;
}
.gq-success-title {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 44px;
font-weight: 500;
line-height: 56px;
margin: 40px 0 20px 0;
padding: 0 30px;
}
.gq-success-page-label {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
color: #bfbfbf !important;
text-align: center;
margin: 30px 0;
cursor: pointer;
display: block;
}
.gq-success-page-label:hover {
color: #666666 !important;
}
.gq-success-video-box {
position: relative;
cursor: pointer;
overflow: hidden;
border-radius: 6px;
border: 1px solid #dfdfdf;
box-shadow: 1px 1px 4px rgb(0 0 0 / 10%), -1px -1px 4px rgb(0 0 0 / 10%);
margin: 0 30px 40px 30px;
flex: 1 1 0;
display: flex;
flex-direction: column;
}
.gq-success-video-box:hover {
box-shadow: 1px 1px 10px rgb(0 0 0 / 20%), -1px -1px 10px rgb(0 0 0 / 20%);
}
.gq-success-video-box img {
width: 100%;
display: block;
}
.gq-success-video-box .play-btn {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 100ms;
}
.gq-success-video-box .play-btn span {
font-family: "Material Icons Outlined";
font-size: 130px;
width: 130px;
height: 130px;
line-height: 130px;
color: #FFFFFF;
cursor: pointer;
transition: opacity 150ms;
z-index: 1;
position: relative;
}
.gq-success-video-box .play-btn span:before {
content: '';
width: 108px;
height: 108px;
background-color: #000000a6;
position: absolute;
border-radius: 50%;
z-index: -1;
top: 11px;
left: 11px;
box-shadow: 5px 5px 6px rgb(0 0 0 / 20%), -5px 5px 6px rgb(0 0 0 / 30%), 5px -5px 6px rgb(0 0 0 / 30%), -5px -5px 6px rgb(0 0 0 / 30%);
}
.gq-success-video-box .play-btn span:hover:before {
background-color: #000000;
}
.gq-success-description {
font-size: 24px;
font-weight: 400;
color: #808080;
line-height: 32px;
padding: 0 30px;
margin-bottom: 50px;
}
@media screen and (max-width: 892px){
.gq-success-title {
font-size: 30px;
line-height: 38px;
}
.gq-success-description {
font-size: 20px;
line-height: 28px;
}
}
.gq-policy-nav-header {
}
.gq-policy-nav {
float: left;
width: 160px;
font-size: 13px;
margin: 0;
padding: 100px 10px 0 0;
}
.gq-policy-nav ul {
padding: 0 0 0 0px;
}
.gq-policy-nav li {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
padding: 6px 0 6px 8px;
font-size: 16px;
line-height: 22px;
}
.gq-policy-nav li a {
text-decoration: none;
color: #777777;
display: inline-block;
width: 100%;
}
.gq-policy-nav li:hover {
background-color: #EFEFEF !important;
color: #000000 !important;
}
.gq-policy-nav li:hover a {
color: #000000 !important;
}
.gq-policy-nav li.selected > a {
text-decoration: none;
color: #000000;
font-weight: bold;
}
.gq-policy-main {
font-size: 13px;
margin: 0 0 40px 175px;
}
.gq-policy-main h1 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #000000;
font-size: 56px;
font-weight: 100;
line-height: 90px;
display:block;
margin: 20px 0;
}
.gq-policy-main h2 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #000000;
font-size: 32px;
font-weight: 300;
line-height: 50px;
display:block;
margin: 0 0 5px 0;
}
.gq-policy-main h3 {
color: #737373;
}
.gq-policy-main p {
font-size: 16px;
line-height: 24px;
color: #737373;
}
.gq-policy-main ul,
.gq-policy-main ol {
font-size: 16px;
line-height: 24px;
color: #737373;
}
.gq-policy-main ul li,
.gq-policy-main ol li {
margin-bottom: 15px;
}
.gq-policy-main .gq-updated {
font-size: 15px;
font-weight: bold;
margin-bottom: 30px;
}
.gq-policy-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
}
.gq-policy-table th {
text-align: left;
padding: 5px 10px;
background-color: #efefef;
border: 1px solid #cfcfcf;
}
.gq-policy-table td {
border: 1px solid #cfcfcf;
padding: 10px;
font-size: 16px;
line-height: 22px;
color: #737373;
}
.gq-policy-table .label {
font-weight: bold;
vertical-align: top;
min-width: 140px;
color: #555555;
}
.gq-policy-main ul.gq-privacy-contents li {
margin-bottom: 6px;
}
.gq-cookie-browsers li {
font-size: 16px;
line-height: 22px;
padding: 5px 0;
}
@media screen and (max-width: 650px){
.gq-policy-nav {
display: none;
}
.gq-policy-main {
margin: 0 0 40px 0px;
}
.gq-policy-main h1 {
font-size: 40px;
line-height: 54px;
}
.gq-policy-main h2 {
font-size: 26px;
line-height: 32px;
}
.gq-policy-table .label {
min-width: 90px;
}
}
[class*='span'] {
margin-bottom: 10px;
position: relative;
}
.row:after {
content: "";
display: table;
clear:both;
}
.span-1{
float:left;
width:7%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-2{
float:left;
width:15.33333%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-3{
float:left;
width:23.66667%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-4{
float:left;
width:32%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-5{
float:left;
width:40.33333%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-6{
float:left;
width:48.66667%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-7{
float:left;
width:57%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-8{
float:left;
width:65.33333%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-9 {
float:left;
width:73.66667%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-10{
float:left;
width:82%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-11{
float:left;
width:90.33333%;
margin-left:0.66667%;
margin-right:0.66667%;
}
.span-12{
float:left;
width:98.66667%;
margin-left:0.66667%;
margin-right:0.66667%;
}
@media screen and (max-width: 768px){
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
float:left;
width:97.91667%;
margin-left:1.04167%;
margin-right:1.04167%;
}
}
@media screen and (max-width: 480px){
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12 {
float:left;
width:97.91667%;
margin-left:1.04167%;
margin-right:1.04167%;
}
}
.gq-reftool-error {
font-size: 20px;
line-height: 28px;
text-align: center;
color: #A50A0A;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
margin-top: 20px;
}
.gq-reftool-success {
font-size: 20px;
line-height: 28px;
text-align: center;
color:#09963b;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
margin-top: 20px;
}
.gq-reftool-heading {
font-size: 36px;
text-align: center;
line-height: 50px;
margin: 20px 10px;
}
.gq-reftool-section {
max-width: 960px;
margin: 0 auto;
clear: both;
}
.gq-reftool-section .description .content {
padding-left: 10px;
}
.gq-reftool-section .gq-pixel {
margin: 0 auto;
max-width: 497px;
}
.gq-reftool-desc {
font-size: 21px;
line-height: 28px;
color: #646464;
}
.gq-reftool-fine {
font-size: 12px;
color: #646464;
margin-top: 50px;
}
.gq-reftool-count {
font-size: 30px;
margin-top: 40px;
line-height: 40px;
text-align: center;
}
.gq-reftool-count span {
display: inline-block;
padding: 10px;
color: #09963B;
background-color: #EFEFEF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
min-width: 20px;
text-align: center;
line-height: 24px;
}
.gq-reftool-count-note {
font-size: 12px;
color: #8F8F8F;
text-align: center;
}
/******** EMAIL FORM *********/
.gq-reftool .referrals-email {
font-family: arial, helvetica, sans-serif;
}
.gq-reftool .referrals-email h2 {
margin: 40px 0 15px 0;
}
.gq-reftool .referrals-email input,
.gq-reftool .referrals-email textarea {
outline: none !important;
outline-color: -moz-use-text-color !important;
outline-style: none !important;
outline-width: 0 !important;
}
.gq-reftool .referrals-email .form-wrapper {
padding: 20px;
background-color: #EFEFEF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
margin-right: 20px;
}
.gq-reftool .referrals-email .form-wrapper .label {
color: #6d6d6d;
margin-bottom: 5px;
}
.gq-reftool .referrals-email .form-wrapper .label span {
color: #000000;
}
.gq-reftool .referrals-email .form-wrapper .subject {
width: 96%;
font-family: helvetica-neue,helvetica,sans-serif;
font-size: 16px;
line-height: 24px;
padding: 3px 5px;
margin-bottom: 20px;
}
.gq-reftool .referrals-email .form-wrapper .message-body {
width: 94%;
font-family: helvetica-neue,helvetica,sans-serif;
font-size: 16px;
line-height: 24px;
padding: 10px;
margin-bottom: 20px;
}
.gq-reftool .referrals-email .form-wrapper .link {
color: #1155cc;
text-align: center;
margin-bottom: 10px;
}
.gq-reftool .referrals-email .form-wrapper .video {
color: #1155cc;
text-align: center;
margin-bottom: 20px;
}
.gq-reftool .referrals-email .form-wrapper .video img {
border: 1px solid #CFCFCF;
}
.gq-reftool .referrals-email .form-wrapper .send-button {
text-align: right;
}
#gqReferralContactsSpacer {
height: 75px;
width: 500px;
}
.gq-reftool #gqContactsFilter {
width: 100%;
position: relative;
}
.gq-reftool #gqContactsFilter.gq-show-btn #gqContactsFilterBox {
width: 80%;
}
#gqReferralNotice {
margin: 0 0 15px 0;
color: #A50A0A;
}
#gqToList {
margin-bottom: 20px;
}
#gqToList div {
line-height: 24px;
}
/******** REFERRALS TABLE *********/
.gq-reftool .referrals-sent {
font-family: arial, helvetica, sans-serif;
}
.gq-reftool .referrals-sent h2 {
margin: 40px 0 15px 0;
text-align: center;
}
.gq-reftool .referrals-sent table {
width: 100%;
font-size: 14px;
line-height: 28px;
}
.gq-reftool .referrals-sent table tr:first-child {
background-color: #f3f3f3;
}
.gq-reftool .referrals-sent table tr:hover {
background-color: #f4f4f4;
}
.gq-reftool .referrals-sent table th {
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
color: #6d6d6d;
padding: 5px;
}
.gq-reftool .referrals-sent table td {
padding: 5px;
}
.gq-reftool .referrals-sent table th.count {
border-left: 1px solid #cccccc;
}
.gq-reftool .referrals-sent table .count {
text-align: left;
padding-left: 10px;
}
.gq-reftool .referrals-sent table .sent {
min-width: 40px;
text-align: left;
}
.gq-reftool .referrals-sent table .email {
min-width: 40px;
text-align: left;
}
.gq-reftool .referrals-sent table .sign {
min-width: 40px;
text-align: right;
padding-right: 10px;
}
.gq-reftool .referrals-sent table .yes {
color:#09963b;
font-weight: bold;
}
.gq-reftool .referrals-sent table th.sign {
border-right: 1px solid #cccccc;
}
@media screen and (max-width: 768px){
.gq-reftool-section .description .content {
padding: 0 10px;
}
.gq-reftool .referrals-email .form-wrapper {
margin: 0 10px;
}
.gq-reftool .referrals-email h2 {
text-align: center;
}
}
/******** REFERRAL JOIN PAGE ******/
.gq-refjoin {
display: flex;
flex-direction: column;
}
.gq-refjoin .content-wrap {
margin: 40px auto 100px auto;
max-width: 1260px;
padding: 0 20px;
flex: 1 1 0;
display: flex;
}
.gq-refjoin .promo-wrap {
margin-right: 60px;
width: 100%;
}
.gq-refjoin .register-wrap {
width: 100%;
position: relative;
}
.gq-refjoin .register-bkgnd {
position: absolute;
left: -110px;
z-index: -1;
transform: rotate(307deg);
height: 420px;
top: 240px;
color: #01D8AD;
}
.gq-refjoin .form-wrap {
width: 100%;
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
margin: 0 auto;
min-height: 300px;
border: 1px solid #eff1f7;
border-radius: 24px;
box-shadow: 0 2px 12px rgb(20 20 43 / 6%);
background-color: #fff;
z-index: 2;
}
.gq-refjoin .form-title-bar {
background-color: rgba(239,241,246,.4);
font-weight: 800;
font-size: 22px;
line-height: 32px;
color: #13141c;
padding: 32px 62px;
border-top-right-radius: 24px;
border-top-left-radius: 24px;
display: flex;
}
.gq-refjoin .form-content {
margin: 20px 62px 42px 62px;
}
.gq-refjoin .form-wrap .form-element {
margin-top: 25px;
}
.gq-refjoin .input-label {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
color: rgb(0 0 0 / 60%);
position: relative;
background-color: #ffffff;
margin-left: 10px;
user-select: none;
width: fit-content;
padding: 0px 7px 0px 7px;
z-index: 2;
}
.gq-refjoin .input-label.active {
color: #4285f4;
}
.gq-refjoin .input-label.active.error,
.gq-refjoin .input-label.error {
color: #DD4B39;
}
.gq-refjoin input[type=text] {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(0,0,0,.87);
width: 100%;
margin: -10px 0px 10px 0px;
padding: 10px;
box-sizing: border-box;
border: 1px solid #d8d8d8;
border-radius: 4px;
outline: none;
background-color: #ffffff;
}
.gq-refjoin input[type=text]:focus {
border: 2px solid #4285f4;
padding: 9px;
}
.gq-refjoin input[type=text].error,
.gq-refjoin select.error {
border: 1px solid #DD4B39;
}
.gq-refjoin input[type=text].error:focus,
.gq-refjoin select.error:focus {
border: 2px solid #DD4B39;
padding: 9px;
}
.gq-refjoin .form-wrap .error-msg {
color: #DD4B39;
font-size: 13px;
font-weight: bold;
line-height: 17px;
margin: 0 0 5px 0;
}
.gq-refjoin .terms-text {
color: #6E7080;
line-height: 24px;
}
.gq-refjoin #termsErrorMsg {
margin-top: 10px;
}
.gq-refjoin .submit-button {
text-align: center;
margin-top: 20px;
}
.gq-refjoin .submit-button button {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
margin-top: 10px;
font-size: 18px;
font-weight: 800;
line-height: 20px;
width: 100%;
min-height: 50px;
height: inherit;
padding: 26px 38px;
border-radius: 8px;
box-shadow: 0px 6px 22px rgba(54, 130, 255, 0.24);
}
.gq-refjoin a {
color: #6E7080;
text-decoration: underline;
}
.gq-refjoin a:hover {
color: #4285f4;
}
/* SELECT */
.gq-refjoin .dropdown {
position: relative;
}
.gq-refjoin .dropdown::after {
color: #616161;
content: '\25be';
cursor: pointer;
display: inline-block;
opacity: 0.7;
position: absolute;
right: 22px;
top: 2px;
text-align: center;
width: 9px;
font-size: 12px;
}
.gq-refjoin select {
font-size: 13px;
line-height: 20px;
color: rgba(0,0,0,.87);
outline: none;
font-family: "Roboto",Helvetica,Arial,sans-serif;
border-radius: 4px;
margin: -10px 0px 10px 0px;
padding: 10px;
border: 1px solid #d8d8d8;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
background-color: #ffffff;
text-align: left;
text-indent: .01px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.gq-refjoin select:focus {
border: 2px solid #4285f4;
padding: 9px;
}
/*********** ELEMENTS ********/
.gq-refjoin h1 {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
font-size: 40px;
font-weight: 800;
line-height: 50px;
color: #13141C;
}
.gq-refjoin p {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 36px;
color: #6E7080;
}
.gq-refjoin h2 {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
font-size: 24px;
font-weight: 800;
line-height: 34px;
margin-top: 40px;
color: #13141C;
}
.gq-refjoin .promo-wrap li {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 30px;
color: #6E7080;
margin-bottom: 20px;
}
.gq-refjoin #userNameFormElement:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gq-refjoin #terms {
float: left;
margin-right: 10px;
}
.gq-refjoin .first-name {
float: left;
margin-right: 2%;
width: 49%;
}
.gq-refjoin .last-name {
float: left;
width: 49%;
}
.gq-refjoin #generalErrorMsg {
margin-top: 20px;
}
@media screen and (max-width: 1000px){
.gq-refjoin .content-wrap {
flex-direction: column;
}
.gq-refjoin .promo-wrap {
margin-right: 0px;
margin-bottom: 40px;
}
}
/******** DASHBOARD PAGE **************/
.gq-refdash-section {
padding: 30px 0;
text-align: center;
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
}
.gq-refdash-section h1 {
font-weight: 800;
font-size: 48px;
line-height: 66px;
text-align: center;
color: #13141C;
margin-bottom: 20px;
margin-top: 10px;
}
.gq-refdash-section h2 {
font-weight: 800;
font-size: 30px;
line-height: 50px;
text-align: center;
color: #13141C;
margin-bottom: 20px;
margin-top: 10px;
}
.gq-refdash-section .terms {
color: #6E7080;
font-size: 13px;
text-decoration: none;
}
.gq-refdash-section .terms:hover {
text-decoration: underline;
}
.gq-refdash-section .referral-box {
padding: 30px;
border: 1px solid #eff1f7;
border-radius: 24px;
background-color: #ffffff;
margin-bottom: 20px;
box-shadow: 0 2px 12px rgb(20 20 43 / 6%);
}
.gq-refdash-section .referral-box-bkgnd {
position: absolute;
right: -110px;
z-index: -1;
transform: rotate(28deg);
height: 320px;
bottom: 0px;
color: #FFC728;
}
.gq-refdash-section .referral-text {
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #6E7080;
}
.gq-refdash-section .referral-link {
font-weight: 800;
font-size: 36px;
line-height: 44px;
text-align: center;
color: #4285F4;
margin-bottom: 0;
margin-top: 10px;
word-break: break-word;
word-wrap: break-word;
overflow-wrap: break-word;
}
.gq-refdash-section .view-old-link {
color: #4285F4;
font-size: 13px;
cursor: pointer;
margin-top: 30px;
}
.gq-refdash-section .view-old-link:hover {
text-decoration: underline;
}
.gq-refdash-section .old-link-wrapper {
margin-top: 50px;
}
.gq-refdash-section .old-explanation {
color: #6E7080;
}
.gq-refdash-section .old-referral-link {
font-weight: 700;
}
.gq-refdash-section .content {
max-width: 1260px;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.gq-refdash-section.hero {
overflow: hidden;
}
.gq-refdash-section.learn {
margin-bottom: 30px;
}
.gq-refdash-section.learn .content {
display: flex;
text-align: left;
}
.gq-refdash-section.learn .started {
width: 100%;
margin-right: 30px;
}
.gq-refdash-section.learn .media {
width: 100%;
margin-left: 30px;
}
.gq-refdash-section.learn .media-btn a {
padding: 30px 40px;
font-size: 18px;
line-height: 20px;
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
font-weight: 800;
color: #ffffff;
}
.gq-refdash-section.learn .media-btn a:hover {
color: #ffffff;
box-shadow: 0px 6px 22px rgba(54, 130, 255, 0.24);
}
.gq-refdash-section.learn h2 {
text-align: left;
}
.gq-refdash-section.learn p {
font-size: 18px;
line-height: 30px;
color: #6E7080;
margin-bottom: 20px;
}
.gq-refdash-section.learn ol {
padding-inline-start: 20px;
}
.gq-refdash-section.learn li {
font-size: 18px;
line-height: 30px;
color: #6E7080;
margin-bottom: 20px;
}
.gq-refdash-section.summary {
background-color: #F8F9FA;
position: relative;
}
.gq-refdash-section .summary-bkgnd {
position: absolute;
left: 10px;
z-index: 0;
transform: rotate(332deg);
height: 320px;
top: 15%;
color: #01D8AD;
}
.gq-refdash-section.history {
padding-bottom: 140px;
overflow: hidden;
}
.gq-refdash-section .history-bkgnd-1 {
position: absolute;
right: -80px;
z-index: -1;
transform: rotate(183deg);
height: 300px;
top: 30px;
color: #8031FF;
}
.gq-refdash-section .history-bkgnd-2 {
position: absolute;
left: -110px;
z-index: -1;
transform: rotate(141deg);
height: 280px;
bottom: -140px;
color: #FF569A;
}
.gq-refdash-section .result-boxes {
display: flex;
justify-content: center;
margin-bottom: 20px;
width: calc(100% + 40px);
margin-left: -20px;
}
.gq-refdash-section .results-box {
margin: 10px 20px;
padding: 20px;
text-align: center;
width: 100%;
background: #FFFFFF;
border: 1px solid #EFF1F7;
box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.06);
border-radius: 11px;
}
.gq-refdash-section .results-box .heading {
font-size: 18px;
font-weight: bold;
}
.gq-refdash-section .results-box .total {
font-weight: 800;
font-size: 52px;
line-height: 60px;
text-align: center;
color: #13141C;
margin: 15px 0;
}
.gq-refdash-section .results-box .explain {
font-size: 15px;
line-height: 24px;
min-height: 80px;
color: #6E7080;
vertical-align: bottom;
}
/***** TABLE ******/
.gq-refdash-section .gq-table-wrapper {
}
.gq-refdash-section .gq-table-wrapper table {
width: 100%;
box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.06);
border: 1px solid #EFF1F7;
border-radius: 24px;
overflow: hidden;
}
.gq-refdash-section .gq-table-wrapper th {
padding: 20px 8px 14px 8px;
color: #4B4D66;
background-color: #ffffff;
font-size: 18px;
line-height: 24px;
font-weight: 600;
border-bottom: 1px solid #EFF1F7;
}
.gq-refdash-section .gq-table-wrapper th:first-child,
.gq-refdash-section .gq-table-wrapper td:first-child {
padding-left: 30px;
}
.gq-refdash-section .gq-table-wrapper th:last-child,
.gq-refdash-section .gq-table-wrapper td:last-child {
padding-right: 30px;
}
.gq-refdash-section .gq-table-wrapper table tr:not(:first-child):hover {
background-color: #F8F9FA;
}
.gq-refdash-section .gq-table-wrapper td {
font-size:15px;
line-height: 22px;
color: #4B4D66;
border-bottom: 1px solid #EFF1F7;
padding: 15px 8px;
background-color: #ffffff;
}
.gq-refdash-section .gq-table-wrapper .header-row {
background-color: #F1F1F1;
}
.gq-refdash-section .gq-table-wrapper .gq-refhist-date {
text-align: left;
width: 110px;
}
.gq-refdash-section .gq-table-wrapper .gq-refhist-desc {
text-align: left;
}
.gq-refdash-section .gq-table-wrapper .gq-refhist-amount {
text-align: center;
width: 110px;
}
.gq-refdash-section .gq-table-wrapper .gq-refhist-balance {
text-align: right;
width: 110px;
}
.gq-refdash-section .negative {
color: #B91717;
}
@media screen and (max-width: 1024px){
.gq-refdash-section .result-boxes {
flex-wrap: wrap;
}
.gq-refdash-section .results-box {
width: 40%;
}
}
@media screen and (max-width: 900px){
.gq-refdash-section .results-box {
width: 100%;
}
.gq-refdash-section.learn .content {
flex-wrap: wrap;
}
.gq-refdash-section.learn .media {
margin-left: 0px;
}
}
@media screen and (max-width: 600px){
.gq-refdash-section .referral-link {
font-size: 30px;
line-height: 36px;
}
}
@media screen and (max-width: 480px){
.gq-refdash-section .referral-link {
font-size: 20px;
line-height: 26px;
}
.gq-refdash-section .referral-box-bkgnd {
height: 280px;
}
}
/******** ACCOUNT MENU **************/
.gq-refdash #gqAccountMenu,
.gq-refjoin #gqAccountMenu {
margin-top: 8px;
}
.gq-refdash #gqAccountDropdown > .gq-object-menu-item,
.gq-refjoin #gqAccountDropdown > .gq-object-menu-item {
display: none !important;
}
.gq-refdash #gqAccountDropdown .gq-profile-box,
.gq-refjoin #gqAccountDropdown .gq-profile-box {
}
.gq-refdash #gqPageHeaderMenu,
.gq-refjoin #gqPageHeaderMenu,
.gq-refover #gqPageHeaderMenu,
.gq-referral-terms #gqPageHeaderMenu {
display: none !important;
}
.gq-signin {
background-color: #ffffff;
padding: 20px 20px 0 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.gq-signin-bkgnd-1 {
width: 210px;
position: absolute;
z-index: -3;
left: -110px;
top: -20px;
}
.gq-signin-bkgnd-1 svg {
transform: rotate(219deg);
}
.gq-signin-bkgnd-2 {
width: 710px;
position: absolute;
z-index: -4;
top: -100px;
left: -70px;
}
.gq-signin-bkgnd-2 svg {
}
.gq-signin-bkgnd-3 {
position: absolute;
z-index: -1;
top: -210px;
left: -60px;
color: #8031FF;
}
.gq-signin-bkgnd-3 svg {
width: 640px;
}
.gq-signin-box {
padding: 20px 20px 20px 20px;
min-width: 500px;
background-color: #FFFFFF;
border-radius: 24px;
border: 1px solid #eff1f6;
margin: 40px auto 0 auto;
position: relative;
flex: 0 0 auto;
}
.gq-signin-shadow {
display: block;
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
box-shadow:0px 5px 55px rgba(53, 60, 70, 0.2);
z-index: -1;
}
.gq-signin-content {
background-color: #FFFFFF;
}
.gq-signin-logo {
width: 170px;
margin: 40px auto 40px auto;
display: block;
}
.gq-signin-title {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
font-weight: 600;
color: #13141C;
font-size: 40px;
line-height: 46px;
text-align: center;
}
.gq-signin-error {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
font-weight: 400;
color: #bf1717;
font-size: 16px;
text-align: center;
line-height: 24px;
margin: 20px 0 0 0;
}
.gq-signin-error strong {
display: block;
margin-bottom: 10px;
}
.gq-signin-email {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
font-weight: 300;
color: #8F8F8F;
font-size: 16px;
text-align: center;
line-height: 30px;
margin-bottom: 20px;
}
.gq-signin-consent {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
font-weight: 500;
color: #333333;
font-size: 18px;
text-align: center;
line-height: 27px;
padding: 20px 40px;
}
.gq-signin-text {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
font-weight: 400;
color: #6E7080;
font-size: 18px;
text-align: center;
line-height: 32px;
padding: 20px 40px;
max-width: 420px;
}
.gq-signin-create {
margin: 50px 0;
text-align: center;
}
.gq-signin-create a {
display: inline-block;
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
font-size: 13px;
margin: 0 20px;
text-decoration: none;
cursor: pointer;
color: #6E7080;
}
.gq-signin-create a:hover {
text-decoration: underline;
color: #4285f4;
}
.gq-signin-footer {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
margin: 50px auto 0px auto;
font-size: 13px;
max-width: 400px;
text-align: center;
color: #6E7080;
}
.gq-signin-footer div {
margin: 30px 0 0 0;
color: #6E7080;
}
.gq-signin-footer a {
display: inline-block;
margin: 0 20px;
text-decoration: none;
cursor: pointer;
color: #888888;
}
.gq-signin-bottom {
font-family: "THICCCBOI", Helvetica,Arial,sans-serif;
margin-top: auto;
font-size: 13px;
text-align: center;
color: #888888;
flex: 0 0 auto;
padding: 5px 15px 20px 15px;
border-radius: 8px;
}
#gqSigninLoading .gq-progress-circle {
height: 50px;
width: 50px;
margin: 30px auto;
}
#gqSigninBtn {
font-family: "Roboto",Helvetica,Arial,sans-serif;
line-height: 48px;
height: 48px;
width: 240px;
cursor: pointer;
display:block;
text-decoration: none;
font-size: 17px;
font-weight: 500;
color: #6E7080;
margin: 30px auto;
border-radius: 10px;
position:relative;
padding-left: 20px;
padding-right: 20px;
border: 1px solid #aeaeb5;
background-color: #FFFFFF;
text-align: center;
}
#gqSigninBtn:hover{
box-shadow: 1px 3px 4px 1px rgb(53 60 70 / 10%);
}
#gqSigninBtn div {
background-color: #ffffff;
width: 40px;
height: 40px;
line-height: 30px;
padding: 8px;
border-radius: 6px;
display: inline-block;
position: absolute;
left: 30px;
top: 4px;
box-sizing: border-box;
margin-left: 10px;
}
#gqSigninBtn span {
display: inline;
padding-left: 35px;
}
.gq-signin #gqContinueBtn {
line-height: 40px;
height: 40px;
width: 200px;
cursor: pointer;
display:block;
text-decoration: none;
font-size: 17px;
color: #FFF;
text-align: center;
margin: 30px auto;
border-radius: 4px;
position:relative;
padding-left: 20px;
}
.gq-sfooter {
border-top: 1px solid #DCE0EB;
padding: 28px 0px;
flex: 0 0 auto;
background-color: #FFFFFF;
}
.gq-sfooter-wrapper {
display: flex;
align-items: center;
max-width: 1260px;
padding: 0 20px;
margin: 0 auto;
}
.gq-sfooter-logo {
flex: 0 0 0;
}
.gq-sfooter-logo img {
height: 32px;
}
.gq-sfooter-info {
flex: 1 1 auto;
text-align: center;
}
.gq-sfooter-info-1 {
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #6E7080;
}
.gq-sfooter-info-1 span {
color: rgb(110 112 128 / 70%);
margin: 0 5px;
}
.gq-sfooter-info-1 a {
text-decoration: none;
color: #6E7080;
cursor: pointer;
}
.gq-sfooter-info-1 a:hover {
text-decoration: underline;
color: #4285F4;
}
.gq-sfooter-info-2 {
margin-top: 3px;
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #6E7080;
opacity: 0.7;
}
/****************************************/
.gq-solution-page {
}
.gq-solution-page.fullscreen {
height: 100%;
overflow: hidden;
}
.gq-solution-page .full-bkgnd {
padding: 40px 20px;
margin: 30px 0;
}
.gq-solution-page .section {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.gq-solution-page .section .navigation {
margin-top: 50px;
}
.gq-solution-page .section .navigation .arrow {
margin: 0 8px;
line-height: 40px;
}
.gq-solution-page .section .navigation .arrow svg {
fill: #dfdfdf;
transform: rotate(180deg);
width: 18px;
vertical-align: middle;
padding-top: 2px;
}
.gq-solution-page .section .navigation a {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #bfbfbf !important;
padding-bottom: 5px;
border-bottom: 2px solid #f1f1f1;
text-decoration: none;
white-space: nowrap;
}
.gq-solution-page .section .navigation a:hover {
color: #666666 !important;
border-bottom: 2px solid #666666;
cursor: pointer;
}
.gq-solution-page .section .title-line {
display: flex;
padding: 20px 0 10px 0;
}
.gq-solution-page.template .section .title-line {
padding: 20px 0 0px 0;
}
.gq-solution-page .section .title-line h1 {
flex-grow: 1;
font-size: 44px;
line-height: 56px;
margin: 0px;
font-weight: 500;
display: flex;
}
.gq-solution-page .section .title-line h1::before {
content:"";
width: 20px;
height: 100%;
background-color:#686868;
margin-right: 15px;
display:block;
float: left;
}
.gq-solution-page.template .section .title-line h1::before {
display: none;
}
.gq-solution-page.template .section .title-line .icon {
display: block;
margin-right: 15px;
margin-top: -7px;
}
.gq-solution-page.template .section .title-line .icon svg {
transform: rotate(270deg);
width: 60px;
height: 60px;
margin-top: 6px;
}
.gq-solution-page .section .subtitle {
font-size: 20px;
line-height: 32px;
color: #808080;
}
.gq-solution-page #gqVideoContainer {
z-index: 2000;
}
/***** TEMPLATE **********/
.gq-solution-page .carousel-bkgnd {
padding: 20px 0;
margin: 50px 0 60px 0;
background-color: #f8f8f8;
border-bottom: 1px solid #f1f1f1;
position: relative;
box-sizing: border-box;
height: 790px;
}
.gq-solution-page .carousel-window {
position: absolute;
white-space: nowrap;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.gq-solution-page .carousel-plane {
}
.gq-solution-page .carousel-slide {
width: 100%;
display: inline-flex;
position: relative;
transition: all 1500ms ease-out;
vertical-align: top;
white-space: normal;
}
.gq-solution-page .carousel-window[data-selected-slide="0"] .carousel-slide {
left: 0;
}
.gq-solution-page .carousel-window[data-selected-slide="1"] .carousel-slide {
left: -100%;
}
.gq-solution-page .carousel-window[data-selected-slide="2"] .carousel-slide {
left: -200%;
}
.gq-solution-page .carousel-window[data-selected-slide="3"] .carousel-slide {
left: -300%;
}
.gq-solution-page .carousel-window[data-selected-slide="4"] .carousel-slide {
left: -400%;
}
.gq-solution-page .carousel-window[data-selected-slide="5"] .carousel-slide {
left: -500%;
}
.gq-solution-page .carousel-window[data-selected-slide="6"] .carousel-slide {
left: -600%;
}
.gq-solution-page .carousel-window[data-selected-slide="7"] .carousel-slide {
left: -700%;
}
.gq-solution-page .carousel-window[data-selected-slide="8"] .carousel-slide {
left: -800%;
}
.gq-solution-page .carousel-window[data-selected-slide="9"] .carousel-slide {
left: -900%;
}
.gq-solution-page .section.template {
max-width: 1200px;
flex-grow: 1;
}
.gq-solution-page .section .template-info-bar {
display: flex;
white-space: normal;
}
.gq-solution-page .section .template-info-bar .content {
flex-grow: 1;
display: flex;
max-width: 960px;
margin: 0 auto;
padding: 0 10px;
}
.gq-solution-page .section .template-info-bar .icon {
position: relative;
float: left;
height: 100%;
padding-right: 15px;
margin-top: -4px;
}
.gq-solution-page .section .template-info-bar .icon svg {
transform: rotate(270deg);
width: 70px;
height: 70px;
}
.gq-solution-page .section .template-info-bar .left-button {
}
.gq-solution-page .section .template-info-bar .left-button svg,
.gq-solution-page .section .template-info-bar .right-button svg {
width: 50px;
padding: 5px;
fill: #848f99;
border: 1px solid transparent;
border-radius: 50%;
cursor: pointer;
transition: all 0.2s;
}
.gq-solution-page .section .template-info-bar .right-button svg {
transform: rotate(180deg);
}
.gq-solution-page .section .template-info-bar .left-button:hover svg,
.gq-solution-page .section .template-info-bar .right-button:hover svg {
background-color: #ffffff;
border: 1px solid #dfdfdf;
}
.gq-solution-page .carousel-slide:first-child .section .template-info-bar .left-button {
visibility: hidden;
}
.gq-solution-page .carousel-slide:last-child .section .template-info-bar .right-button {
visibility: hidden;
}
.gq-solution-page .section .template-info-bar .content .details {
flex-grow: 1;
padding: 0 15px 0 0;
}
.gq-solution-page .section .template-info-bar .content .title {
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.gq-solution-page .section .template-info-bar .content .description {
color: #686868;
font-size: 16px;
line-height: 24px;
}
.gq-solution-page .section .template-info-bar .content .buttons {
padding-top: 10px;
text-align: right;
white-space: nowrap;
}
.gq-solution-page .section .template-info-bar .content .buttons a {
margin: 0 0 10px 20px;
}
.gq-solution-page .section .use-template-btn {
font-size: 18px;
font-weight: 400;
height: 40px;
line-height: 40px;
white-space: nowrap;
padding: 0 30px;
}
.gq-solution-page .section .use-template-btn-loading {
font-size: 18px;
font-weight: 400;
height: 46px;
line-height: 46px;
white-space: nowrap;
padding: 0 30px;
width: 172px;
text-align: center;
display: inline-block;
box-sizing: border-box;
margin-left: 20px;
vertical-align: middle;
}
.gq-solution-page .section .use-template-btn-loading .gq-progress-circle {
height: 34px;
width: 34px;
display: inline-block;
padding-top: 2px;
}
.gq-solution-page .section .learn-btn {
font-size: 18px;
font-weight: 400;
height: 40px;
line-height: 40px;
white-space: nowrap;
padding: 0 30px;
text-decoration: none;
background-image: inherit;
background-color: #ffffff;
color: #686868 !important;
}
/***** TEMPLATE PREVIEW **********/
.gq-solution-page .template-preview-placeholder-wrapper {
max-width: 1200px;
margin: 0 auto;
}
.gq-solution-page .template-preview-placeholder {
margin: 30px 0 30px 0px;
background-color: transparent;
position: relative;
height: 630px;
width: 100%;
box-sizing: border-box;
}
.gq-solution-page .template-preview {
margin: 30px 0 30px 0;
position: relative;
box-sizing: border-box;
z-index: 1000;
}
.gq-solution-page .template-preview iframe {
transition: all 0.75s ease-in-out;
min-height: 200px;
}
.gq-solution-page.fullscreen .carousel-slide.selected .template-preview {
position: fixed;
width: 100% !important;
top: 0 !important;
left: 0 !important;
padding: 20px;
}
.gq-solution-page.fullscreen .carousel-slide.selected .template-preview iframe {
min-height: calc(100vh - 70px);
}
.template-browser .content {
padding: 0;
display: flex;
position: relative;
min-height: 600px;
}
.gq-solution-page .template-interactive {
background: linear-gradient(180deg, #fff0 0%, #fff 20%, #efefef 100%);
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
font-size: 15px;
cursor: pointer;
padding: 50px 30px 20px 30px;
box-sizing: border-box;
transition: all 1s;
min-height: 50px;
line-height: 30px;
display: flex;
}
.gq-solution-page .template-interactive.middle {
padding-top: 110px;
min-height: 200px;
}
.gq-solution-page .template-interactive .click-around {
width: 100%;
}
.gq-solution-page .template-interactive .learn {
width: 100%;
text-align: right;
}
.gq-solution-page .template-interactive .learn svg {
width: 25px;
height: 25px;
vertical-align: middle;
padding-right: 4px;
padding-bottom: 2px;
}
.template-browser {
border-radius: 5px;
box-shadow: 0px 8px 14px 4px rgba(0,0,0,.1);
background-color: #FFFFFF;
overflow: hidden;
min-height: 200px;
transition: all 0.75s ease-in-out;
}
.gq-solution-page.fullscreen .carousel-slide.selected .template-browser {
min-height: calc(100vh - 40px);
}
.template-browser .top-bar {
background-color:#e6e9eb;
height: 30px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
padding-left: 5px;
}
.template-browser .top-bar .window-button {
padding: 9px 4px;
float: left;
}
.template-browser .top-bar .window-button div {
border-radius: 50%;
background-color:#848f99;
height: 12px;
width: 12px;
}
.template-browser .top-bar .fullscreen-button {
cursor: pointer;
}
.template-browser .top-bar:hover .fullscreen-button div {
background-color: #25c63a;
}
.template-browser .top-bar .fullscreen-note {
opacity: 0;
transition: all .3s;
color: #848f9959;
display: inline-block;
padding-left: 10px;
font-size: 15px;
font-weight: 400;
line-height: 28px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
user-select: none;
}
.template-browser .top-bar .fullscreen-note::before {
content: "\02190";
padding-right: 5px;
}
.template-browser .top-bar:hover .fullscreen-note {
opacity: 1.0;
}
/***** TEMPLATE CONTENT **********/
.gq-solution-page .template-content.bar {
border-left: 5px solid #686868;
padding-left: 20px;
margin-bottom: 80px;
}
.gq-solution-page .template-content {
margin-bottom: 30px;
}
.gq-solution-page .template-content .label {
font-size: 16px;
line-height: 26px;
font-weight: 400;
text-transform: uppercase;
color: #afafaf;
}
.gq-solution-page .template-content h2 {
font-size: 26px;
line-height: 34px;
font-weight: 300;
margin: 0;
color: #686868;
}
.gq-solution-page .template-content p {
font-size: 16px;
line-height: 28px;
margin: 10px 0 20px 0;
color: #686868;
}
.gq-solution-page .template-content li {
font-size: 16px;
line-height: 28px;
margin: 10px 0 20px 0;
color: #686868;
}
/* WHITE */
.gq-solution-page .template-content.white h2 {
color: #FFFFFF !important;
}
.gq-solution-page .template-content.white p {
color: #FFFFFF;
}
.gq-solution-page .yellow .template-content.white p {
font-size: 18px;
}
/****** QUOTE ******/
.gq-solution-page .template-content .quote-container {
box-shadow: 0 7px 7px 0 rgba(34,43,55,.15);
background-color: #FFFFFF;
border-radius: 5px;
padding: 24px 32px;
}
.gq-solution-page .template-content .quote-box {
display: flex;
flex-direction: row;
}
.gq-solution-page .template-content .quote-box.small {
width: 80%;
margin:0 auto;
}
.gq-solution-page .template-content .quote-container .photo {
margin-bottom: 10px;
}
.gq-solution-page .template-content .quote-container .photo img {
width: 150px;
}
.gq-solution-page .template-content .quote-container .attribution {
white-space: nowrap;
font-weight: 300;
line-height: 22px;
}
.gq-solution-page .template-content .quote-container .quote-content {
flex-grow: 1;
margin-left: 30px;
position: relative;
}
.gq-solution-page .template-content .quote-container .quote-text {
font-size: 28px;
line-height: 46px;
font-weight: 300;
margin-bottom: 70px;
}
.gq-solution-page .template-content .quote-container .case-btn {
text-align: right;
position: absolute;
bottom: 0;
right: 0;
}
.gq-solution-page .template-content .quote-container .case-btn a {
font-size: 20px;
padding: 5px 30px;
font-weight: 300;
white-space: nowrap;
}
.gq-solution-page .template-content.benefits {
background-color:#fafafa;
border-radius: 10px;
padding: 25px;
}
.gq-solution-page .template-content.box {
border-radius: 10px;
padding: 25px;
border: 1px solid #cfcfcf;
}
.gq-solution-page .template-content.box img {
width: 100%;
margin: 10px 0 0 0;
display: inline-block;
}
.gq-solution-page .template-content .column-wrapper {
display: flex;
flex-direction: row;
}
.gq-solution-page .template-content .column {
width: 50%;
}
.gq-solution-page .template-content .column ol {
padding-inline-start: 20px;
padding-right: 20px;
}
.gq-solution-page .template-content.benefits.legal .column ol {
padding-left: 30px;
padding-right: 30px;
}
.gq-solution-page .template-content .bottom-btn {
text-align: center;
margin-bottom: 20px;
}
/****** TEMPLATE CONTAINER ******/
.gq-solution-page .template-container {
border: 5px solid #efefef;
border-radius: 10px;
padding: 20px 10px 0 10px;
position: relative;
margin: 60px 0 60px 0;
}
.gq-solution-page .template-container .title {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #cfcfcf;
position: absolute;
top: -14px;
left: 40px;
padding: 0 12px;
background-color: #FFFFFF;
text-transform: uppercase;
}
.gq-solution-page .template-container .list {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.gq-solution-page .template-container .box {
background-color: #f1f1f1;
padding: 10px 15px 10px 12px;
display: flex;
text-decoration: none;
font-size: 22px;
font-weight: 500;
border-radius: 5px;
line-height: 40px;
margin: 0 10px 20px 10px;
border: 1px solid transparent;
transition: all .2s ease-in;
flex: 1 1 0px;
min-width: calc(50% - 20px);
max-width: calc(50% - 20px);
box-sizing: border-box;
}
.gq-solution-page .template-container .box:hover {
box-shadow: 1px 3px 8px 0px rgba(34,43,55,.15);
border: 1px solid #dfdfdf;
transform: scale(1.05, 1.05);
}
.gq-solution-page .template-container .box .icon {
width: 40px;
height: 40px;
transform: rotate(270deg);
}
.gq-solution-page .template-container .box .template-name {
color: #000000;
margin-left: 10px;
}
/****** VIDEO ******/
.gq-solution-page .template-content.video {
display: flex;
margin: 60px 0;
}
.gq-solution-page .template-content .video-content {
max-width: 220px;
margin-right: 80px;
}
.gq-solution-page .template-content .video-thumb {
cursor: pointer;
}
.gq-solution-page .template-content .video-thumb img {
max-width: 100%;
border: 1px solid #dfdfdf;
box-shadow: 1px 2px 7px 0px rgba(0,0,0,.1);
}
/****** TEMPLATE PAGE ******/
.gq-solution-page .template-content.tips {
margin: 40px 0;
}
.gq-solution-page .related {
margin-top: 60px;
}
.gq-solution-page .related .template-container {
margin-top: 20px;
margin-bottom: 20px;
}
.gq-solution-page .related h2 a {
color: #000000 !important;
text-decoration: none;
}
.gq-solution-page .related h2 a:hover {
text-decoration: underline;
}
.gq-solution-page .view-all-templates {
text-align: center;
margin-bottom: 100px;
}
.gq-solution-page .view-all-templates a {
text-decoration: none;
}
.gq-solution-page .view-all-templates a:hover {
text-decoration: underline;
}
/****** OPTIONS ******/
.gq-solution-page .template-content .option-btns {
margin-bottom: 20px
}
.gq-solution-page .template-content .option-btns button {
padding: 10px 20px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
border: 0px;
border-radius: 5px;
font-size: 14px;
white-space: nowrap;
color: #686868;
margin-right: 20px;
cursor: pointer;
outline: 0;
user-select: none;
}
.gq-solution-page .template-content .option-btns button:hover {
background-color: #dfdfdf;
color: #323232;
}
.gq-solution-page .template-content .option-btns button.selected {
color: #FFFFFF;
}
.gq-solution-page .template-content.box .option-btns button {
padding: 5px 15px;
}
.gq-solution-page .template-content.box .option-btns {
margin-bottom: 15px;
margin-top: 10px;
}
.gq-solution-page .template-content .option-containers {
padding: 0;
}
.gq-solution-page .template-content.additional .option-containers {
margin: 30px 0 50px 0;
box-shadow: 0 7px 7px 0 rgba(34,43,55,.15);
padding: 20px;
border-radius: 10px;
border: 1px solid #cfcfcf;
}
.gq-solution-page .template-content .option-containers img {
width: 100%;
}
.gq-solution-page .template-content .img-wrap {
max-width: 700px;
}
/* BLUE */
.gq-solution-page.blue .section a,
.gq-solution-page.blue .section a:hover,
.gq-solution-page.blue .section a:visited {
color: #4588f7;
}
.gq-solution-page.blue .template-content.bar {
border-left: 5px solid #4588f7;
}
.gq-solution-page.blue .section .title-line h1::before {
background-color: #4588f7;
}
.gq-solution-page.blue .template-content h2,
.gq-solution-page.blue .template-content.benefits h2 {
color: #4588f7;
}
.gq-solution-page.blue .template-content.box {
border: 1px solid #4588f7;
}
.gq-solution-page.blue .template-content.box h2 {
color: #4588f7;
}
.gq-solution-page.blue .template-content .quote-container .quote-text {
color: #4588f7;
}
.gq-solution-page.blue .template-interactive {
color: #4588f7;
}
.gq-solution-page .full-bkgnd.blue {
background-color: #4588f7;
}
.gq-solution-page.blue .template-content .option-btns button.selected {
background-color: #4588f7;
}
.gq-solution-page.blue .template-container .box .icon svg {
fill: #4588f7;
}
.gq-solution-page.blue.template .section .title-line .icon svg {
fill: #4588f7;
}
.gq-solution-page.blue .section .template-info-bar .icon svg {
fill: #4588f7;
}
.gq-solution-page.blue .template-interactive .learn svg {
fill: #4588f7;
}
/* RED */
.gq-solution-page.red .section a,
.gq-solution-page.red .section a:hover,
.gq-solution-page.red .section a:visited {
color: #ad1457;
}
.gq-solution-page.red .template-content.bar {
border-left: 5px solid #ad1457;
}
.gq-solution-page.red .section .title-line h1::before {
background-color: #ad1457;
}
.gq-solution-page.red .template-content h2,
.gq-solution-page.red .template-content.benefits h2 {
color: #ad1457;
}
.gq-solution-page.red .template-content.box {
border: 1px solid #ad1457;
}
.gq-solution-page.red .template-content.box h2 {
color: #ad1457;
}
.gq-solution-page.red .template-content .quote-container .quote-text {
color: #ad1457;
}
.gq-solution-page.red .template-interactive {
color: #ad1457;
}
.gq-solution-page .full-bkgnd.red {
background-color: #ad1457;
}
.gq-solution-page.red .template-content .option-btns button.selected {
background-color: #ad1457;
}
.gq-solution-page.red .template-container .box .icon svg {
fill: #ad1457;
}
.gq-solution-page.red.template .section .title-line .icon svg {
fill: #ad1457;
}
.gq-solution-page.red .section .template-info-bar .icon svg {
fill: #ad1457;
}
.gq-solution-page.red .template-interactive .learn svg {
fill: #ad1457;
}
/* PINK */
.gq-solution-page.pink .section a,
.gq-solution-page.pink .section a:hover,
.gq-solution-page.pink .section a:visited {
color: #9b2e98;
}
.gq-solution-page.pink .template-content.bar {
border-left: 5px solid #9b2e98;
}
.gq-solution-page.pink .section .title-line h1::before {
background-color: #9b2e98;
}
.gq-solution-page.pink .template-content h2,
.gq-solution-page.pink .template-content.benefits h2 {
color: #9b2e98;
}
.gq-solution-page.pink .template-content.box {
border: 1px solid #9b2e98;
}
.gq-solution-page.pink .template-content.box h2 {
color: #9b2e98;
}
.gq-solution-page.pink .template-content .quote-container .quote-text {
color: #9b2e98;
}
.gq-solution-page.pink .template-interactive {
color: #9b2e98;
}
.gq-solution-page .full-bkgnd.pink {
background-color: #9b2e98;
}
.gq-solution-page.pink .template-content .option-btns button.selected {
background-color: #9b2e98;
}
.gq-solution-page.pink .template-container .box .icon svg {
fill: #9b2e98;
}
.gq-solution-page.pink.template .section .title-line .icon svg {
fill: #9b2e98;
}
.gq-solution-page.pink .section .template-info-bar .icon svg {
fill: #9b2e98;
}
.gq-solution-page.pink .template-interactive .learn svg {
fill: #9b2e98;
}
/* GREEN */
.gq-solution-page.green .section a,
.gq-solution-page.green .section a:hover,
.gq-solution-page.green .section a:visited {
color: #34a853;
}
.gq-solution-page.green .template-content.bar {
border-left: 5px solid #34a853;
}
.gq-solution-page.green .section .title-line h1::before {
background-color: #34a853;
}
.gq-solution-page.green .template-content h2,
.gq-solution-page.green .template-content.benefits h2 {
color: #34a853;
}
.gq-solution-page.green .template-content.box {
border: 1px solid #34a853;
}
.gq-solution-page.green .template-content.box h2 {
color: #34a853;
}
.gq-solution-page.green .template-content .quote-container .quote-text {
color: #34a853;
}
.gq-solution-page.green .template-interactive {
color: #34a853;
}
.gq-solution-page .full-bkgnd.green {
background-color: #34a853;
}
.gq-solution-page.green .template-content .option-btns button.selected {
background-color: #34a853;
}
.gq-solution-page.green .template-container .box .icon svg {
fill: #34a853;
}
.gq-solution-page.green.template .section .title-line .icon svg {
fill: #34a853;
}
.gq-solution-page.green .section .template-info-bar .icon svg {
fill: #34a853;
}
.gq-solution-page.green .template-interactive .learn svg {
fill: #34a853;
}
/* YELLOW */
.gq-solution-page.yellow .section a,
.gq-solution-page.yellow .section a:hover,
.gq-solution-page.yellow .section a:visited {
color: #fab409;
}
.gq-solution-page.yellow .section a,
.gq-solution-page.yellow .section a:hover,
.gq-solution-page.yellow .section a:visited {
color: #fab409;
}
.gq-solution-page.yellow .template-content.bar {
border-left: 5px solid #fab409;
}
.gq-solution-page.yellow .section .title-line h1::before {
background-color: #fab409;
}
.gq-solution-page.yellow .template-content h2,
.gq-solution-page.yellow .template-content.benefits h2 {
color: #fab409;
}
.gq-solution-page.yellow .template-content.box {
border: 1px solid #fab409;
}
.gq-solution-page.yellow .template-content.box h2 {
color: #fab409;
}
.gq-solution-page.yellow .template-content .quote-container .quote-text {
color: #fab409;
}
.gq-solution-page.yellow .template-interactive {
color: #fab409;
}
.gq-solution-page .full-bkgnd.yellow {
background-color: #fab409;
}
.gq-solution-page.yellow .template-content .option-btns button.selected {
background-color: #fab409;
}
.gq-solution-page.yellow .template-container .box .icon svg {
fill: #fab409;
}
.gq-solution-page.yellow.template .section .title-line .icon svg {
fill: #fab409;
}
.gq-solution-page.yellow .section .template-info-bar .icon svg {
fill: #fab409;
}
.gq-solution-page.yellow .template-interactive .learn svg {
fill: #fab409;
}
/* RED */
.gq-solution-page .template-content.red h2 {
color: #e73b2f;
}
.gq-solution-page .template-content.red {
border-left: 5px solid #e73b2f;
}
/* PURPLE */
.gq-solution-page .template-content.purple h2 {
color: #8E24AA;
}
.gq-solution-page .template-content.purple {
border-left: 5px solid #8E24AA;
}
@media screen and (max-width: 1100px){
.gq-solution-page .section .template-info-bar .content .buttons {
padding-top: 0;
white-space: normal;
}
.gq-solution-page .section .template-info-bar .content .buttons a {
margin: 0 0 10px 20px;
height: 30px;
font-size: 15px;
line-height: 30px;
width: 90px;
}
}
@media screen and (max-width: 800px){
.gq-solution-page .section .title-line h1 {
font-size: 38px;
line-height: 50px;
}
.gq-solution-page .template-content .quote-box.small {
width: 100%;
margin:0;
}
.gq-solution-page .carousel-bkgnd {
height: 930px;
}
.gq-solution-page .section .template-info-bar .left-button svg,
.gq-solution-page .section .template-info-bar .right-button svg {
width: 40px;
}
.gq-solution-page .section .template-info-bar .content {
flex-direction: column;
}
.gq-solution-page .section .template-info-bar .content .buttons {
padding-top: 20px;
width: 100%;
text-align: center;
}
.gq-solution-page .section .template-info-bar .content .details {
text-align: center;
flex-direction: column;
}
.gq-solution-page .section .template-info-bar .icon {
float: none;
height: auto;
padding-right: 0;
}
.gq-solution-page .section .template-info-bar .content .description {
display: none;
}
}
@media screen and (max-width: 700px){
.gq-solution-page .template-content.video {
flex-direction: column;
}
.gq-solution-page .template-content .video-content {
max-width: 100%;
margin: 0;
}
}
@media screen and (max-width: 600px){
.gq-solution-page .section .title-line {
flex-direction: column;
}
.gq-solution-page .section .title-line h1 {
font-size: 36px;
line-height: 40px;
}
.gq-solution-page .section .title-line a {
margin: 20px 0;
}
.gq-solution-page.template .section .title-line .icon {
display: none;
}
.gq-solution-page .template-content .column-wrapper {
flex-direction: column;
}
.gq-solution-page .template-content .column {
width: 100%;
}
.gq-solution-page .template-content .quote-box {
flex-direction: column;
text-align: center;
}
.gq-solution-page .template-content .quote-container .quote-content {
margin-top: 20px;
margin-left: 0px;
}
.gq-solution-page .template-content .quote-container .quote-text {
font-size: 24px;
line-height: 32px;
margin-bottom: 30px;
}
.gq-solution-page .template-content .option-btns button {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.gq-solution-page .template-content .quote-container .case-btn {
position:relative;
text-align: center;
}
.gq-solution-page .template-container .box {
min-width: calc(100% - 20px);
max-width: calc(100% - 20px);
}
.gq-solution-page .section .template-info-bar .content .buttons {
white-space: normal;
}
}
.gq-solutions {
}
.gq-solutions .section {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.gq-solutions .section.header {
text-align: center;
padding: 50px 20px 20px 20px;
}
.gq-solutions .section.header .label {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #bfbfbf;
}
.gq-solutions .section.header .line {
border-bottom: 10px dotted #f1f1f1;
height: 0px;
margin: 40px 0px 20px 0px;
}
.gq-solutions h1 {
font-size: 44px;
line-height: 56px;
margin: 20px;
font-weight: 500;
}
.gq-solutions h1 .blue {
color: #3c7df6;
}
.gq-solutions h1 .red {
color: #ad1457;
}
.gq-solutions .subtitle {
font-size: 20px;
line-height: 32px;
color: #808080;
max-width: 600px;
margin: 0 auto;
}
/*****************/
.gq-solutions .section .content-wrapper {
display: flex;
align-items: center;
}
.gq-solutions .section .content {
max-width: 300px;
}
.gq-solutions .section .image-box {
flex-grow: 1;
position: relative;
}
.gq-solutions .section .image-box img {
max-width: 100%;
}
.gq-solutions .section h2 {
font-size: 26px;
line-height: 34px;
font-weight: 500;
margin: 0;
color: #000000;
}
.gq-solutions .section h2 .blue {
color: #3c7df6;
}
.gq-solutions .section h2 .red {
color: #ad1457;
}
.gq-solutions .section h2 .yellow {
color: #fab40a;
}
.gq-solutions .section p {
font-size: 16px;
line-height: 28px;
margin: 10px 0 20px 0;
color: #686868;
}
/***** FOUNDATION *******/
.gq-solutions .section.foundation {
margin-bottom: 100px;
}
.gq-solutions .section.foundation .content {
margin: 0px 60px 0 0;
}
/***** CUSTOMIZE *******/
.gq-solutions .section.customize {
margin-bottom: 100px;
}
.gq-solutions .section.customize .content {
margin: 0px 0px 0 60px;
}
/***** TRUTH *******/
.gq-solutions .section.truth {
margin-bottom: 40px;
}
.gq-solutions .section.truth .content {
margin: 0px 60px 0 0;
max-width: 400px;
}
/***** STARTED *******/
.gq-solutions .section.started .line {
border-bottom: 10px dotted #f1f1f1;
height: 0px;
margin: 10px 0 50px 0;
}
/***** SHARE *******/
.gq-solutions .section.share .content {
max-width: 100%;
}
.gq-solutions .section.share .button-wrapper {
text-align: right;
}
.gq-solutions .section.share button {
background-color: #FFFFFF;
border: none;
border-radius: 5px;
color: #686868;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 18px;
line-height: 30px;
padding: 5px 40px;
cursor: pointer;
}
.gq-solutions .section.share button:hover {
box-shadow: 0 7px 7px 0 rgba(34,43,55,.15);
color: #000000;
}
/***** SOLUTION CONTAINER *******/
.gq-solutions .solution-container {
border: 5px solid #efefef;
border-radius: 10px;
display: flex;
flex-direction: row;
padding: 20px 20px 0 20px;
position: relative;
margin: 30px 0 70px 0;
}
.gq-solutions .solution-container .column {
box-sizing: border-box;
width: 100%;
padding: 20px;
}
.gq-solutions .solution-container .title {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #cfcfcf;
position: absolute;
top: -14px;
left: 40px;
padding: 0 12px;
background-color: #FFFFFF;
text-transform: uppercase;
}
.gq-solutions .solution-container .box {
background-color: #f1f1f1;
padding: 10px 15px 10px 12px;
display: flex;
text-decoration: none;
font-size: 22px;
font-weight: 500;
color: #000000;
border-radius: 5px;
max-width: 500px;
line-height: 40px;
margin-bottom: 20px;
border: 1px solid transparent;
transition: all .2s ease-in;
}
.gq-solutions .solution-container .box:hover {
box-shadow: 1px 3px 8px 0px rgba(34,43,55,.15);
border: 1px solid #dfdfdf;
transform: scale(1.05, 1.05);
}
.gq-solutions .solution-container .solution-name {
margin: 1px 0;
}
.gq-solutions .solution-container .box .bar {
width: 15px;
background-color:#686868;
margin-right: 15px;
display:block;
top: 0;
bottom: 0;
}
.gq-solutions .solution-container .box.blue .bar {
background-color: #4588f7;
}
.gq-solutions .solution-container .box.green .bar {
background-color: #34a853;
}
.gq-solutions .solution-container .box.red .bar {
background-color: #ad1457;
}
.gq-solutions .solution-container .box.pink .bar {
background-color: #9b2e98;
}
.gq-solutions .solution-container .box.yellow .bar {
background-color: #fab409;
}
.gq-solutions .full-bkgnd {
margin-bottom: 100px;
}
.gq-solutions .full-bkgnd .content-wrapper {
padding: 40px 20px;
}
.gq-solutions .full-bkgnd.blue {
background-color: #4588f7;
}
.gq-solutions .full-bkgnd.blue .section h2,
.gq-solutions .full-bkgnd.blue .section p {
color: #ffffff;
}
/******** FOUNDATION BKGND *******/
.gq-solutions .section.foundation .box1 {
animation-name: smallrotate;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function:linear;
background-color: #4488f7;
width: 75%;
height: 71%;
position: absolute;
top: 12%;
left: 12%;
z-index: -3;
border-radius: 5px;
}
.gq-solutions .section.foundation .box2 {
animation-name: mediumrotate;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function:linear;
background-color: #efefef;
width: 60%;
height: 50%;
position: absolute;
top: 12%;
left: 20%;
z-index: -4;
border-radius: 5px;
}
.gq-solutions .section.foundation .circle1 {
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function:linear;
animation-direction: reverse;
position: absolute;
width: 10%;
height: 13%;
top: 6%;
left: 50%;
z-index: -5;
background-color: #f6bf26;
border-radius: 50%;
}
.gq-solutions .section.foundation .circle2 {
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function:linear;
animation-direction: reverse;
position: absolute;
width: 7%;
height: 9%;
top: 12%;
right: 8%;
z-index: -2;
background-color: #b51462;
border-radius: 50%;
}
.gq-solutions .section.foundation .circle3 {
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function:linear;
animation-direction: reverse;
position: absolute;
width: 20%;
height: 25%;
bottom: 10%;
left: 10%;
z-index: -2;
background-color: #b51462;
border-radius: 50%;
}
/******** CUSTOMIZE BKGND *******/
.gq-solutions .section.customize .box1 {
animation-name: shiftleft;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function:linear;
background-color: #be146d;
width: 80%;
height: 50%;
position: absolute;
top: 19%;
left: 0;
z-index: -3;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius:50px;
}
.gq-solutions .section.customize .box2 {
animation-name: shiftdown;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function:linear;
background-color:#4488f7;
width: 20%;
height: 40%;
position: absolute;
bottom: 14%;
left: 10%;
z-index: -3;
border-radius: 10px;
}
.gq-solutions .section.customize .box3 {
animation-name: shiftup;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function:linear;
animation-direction: normal;
background-color:#4488f7;
width: 30%;
height: 30%;
position: absolute;
bottom: 34%;
right: 0%;
z-index: -3;
border-radius: 30px;
}
.gq-solutions .section.customize .circle1 {
display: none;
position: absolute;
bottom: 29%;
right: 0%;
z-index: -3;
width: 220px;
height: 220px;
max-width: 50%;
max-height: 50%;
background-color: #4488f7;
border-radius: 50%;
animation-name: blob;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function:linear;
animation-direction: alternate;
transform: rotate(0deg) skew(-2deg,-9deg) perspective(291px) rotateY(32deg)
}
.gq-solutions .section.customize .triangle1 {
position: absolute;
bottom: 16.5%;
left: 37%;
z-index: -3;
width: 50%;
height: 50%;
background-color: #f6bf26;
transform: rotate(45deg);
border-radius: 30%;
}
.gq-solutions .section.customize .big-gear {
animation-name: fullrotate;
animation-duration: 120s;
animation-iteration-count: infinite;
animation-timing-function:linear;
max-width: 30%;
position: absolute;
top: 12%;
left: 10%;
width: 300px;
background-color:#4488f7;
border-radius: 50%;
border: 0;
z-index: -2;
}
.gq-solutions .section.customize .big-gear svg {
fill: #efefef;
}
.gq-solutions .section.customize .small-gear {
animation-name: fullrotate;
animation-duration: 90s;
animation-iteration-count: infinite;
animation-timing-function:linear;
animation-direction: reverse;
position: absolute;
bottom: 12.5%;
left: 52%;
width: 20%;
border: 0;
z-index: -2;
}
.gq-solutions .section.customize .small-gear svg {
fill: #efefef;
}
/******** TRUTH BKGND *******/
.gq-solutions .section.truth .person1 {
animation-name: person-center;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
animation-direction:alternate;
width: 22%;
height: 22%;
position: absolute;
bottom: 0%;
left: 39.3%;
z-index: 3;
}
.gq-solutions .section.truth .person2 {
animation-name: person-center;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
animation-direction:alternate-reverse;
width: 22%;
height: 22%;
position: absolute;
top: 0%;
left: 39.3%;
z-index: 3;
}
.gq-solutions .section.truth .person3 {
animation-name: person-top-right;
animation-duration: 16s;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
animation-direction: alternate;
width: 22%;
height: 22%;
position: absolute;
top: 15%;
right: 2%;
z-index: 3;
}
.gq-solutions .section.truth .person4 {
animation-name: person-bottom-left;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
animation-direction: alternate-reverse;
width: 22%;
height: 22%;
position: absolute;
bottom: 17%;
left: 1%;
z-index: 3;
}
.gq-solutions .section.truth .person5 {
animation-name: person-bottom-right;
animation-duration: 14s;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
animation-direction: alternate;
width: 22%;
height: 22%;
position: absolute;
bottom: 18%;
right: 0%;
z-index: 3;
}
.gq-solutions .section.truth .person6 {
animation-name: person-top-left;
animation-duration: 12s;
animation-iteration-count: infinite;
animation-timing-function:ease-in-out;
animation-direction: alternate-reverse;
width: 22%;
height: 22%;
position: absolute;
top: 15%;
left: 2%;
z-index: 3;
}
/******* ANIMATIONS *********/
@keyframes fullrotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes shiftleft {
from {
transform: translate3d(0px, 0px, 0px);
}
50% {
transform: translate3d(-15px, 0px, 0px);
}
to {
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes blob {
from {
transform: rotate(0deg) skew(-2deg,-9deg) perspective(291px) rotateY(32deg)
}
to {
transform: rotate(360deg) skew(-2deg,-9deg) perspective(291px) rotateY(32deg)
}
}
@keyframes shiftdown {
from {
transform: translate3d(0px, 0px, 0px);
}
50% {
transform: translate3d(-0px, -15px, 0px);
}
to {
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes shiftup {
from {
transform: translate3d(0px, 0px, 0px);
}
50% {
transform: translate3d(0px, 15px, 0px);
}
to {
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes shiftright {
from {
transform: translate3d(0px, 0px, 0px);
}
50% {
transform: translate3d(15px, 0px, 0px);
}
to {
transform: translate3d(0px, 0px, 0px);
}
}
@keyframes smallrotate {
from {
transform: rotate(3deg);
}
50% {
transform: rotate(7deg);
}
to {
transform: rotate(3deg);
}
}
@keyframes mediumrotate {
from {
transform: rotate(10deg);
}
50% {
transform: rotate(18deg);
}
to {
transform: rotate(10deg);
}
}
@keyframes grow {
from {
transform: scale(1, 1);
}
50% {
transform: scale(1.3, 1.3);
}
to {
transform: scale(1, 1);
}
}
@keyframes solutionbox {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.3, 1.3);
}
}
@keyframes person-center {
from {
transform: translate3d(0px, 0px, 0px);
}
to {
transform: translate3d(-0px, -15px, 0px);
}
}
@keyframes person-top-left {
from {
transform: translate3d(0px, 0px, 0px);
}
to {
transform: translate3d(-20px, -12px, 0px);
}
}
@keyframes person-top-right {
from {
transform: translate3d(0px, 0px, 0px);
}
to {
transform: translate3d(20px, -12px, 0px);
}
}
@keyframes person-bottom-left {
from {
transform: translate3d(0px, 0px, 0px);
}
to {
transform: translate3d(20px, -12px, 0px);
}
}
@keyframes person-bottom-right {
from {
transform: translate3d(0px, 0px, 0px);
}
to {
transform: translate3d(20px, 12px, 0px);
}
}
/******* MOBILE *********/
@media screen and (max-width: 700px){
.gq-solutions .section .content-wrapper {
flex-direction: column;
}
.gq-solutions .section .content {
max-width: 100%;
}
.gq-solutions .section.foundation .content {
margin: 0 0px 20px 0;
}
.gq-solutions .section.customize .content-wrapper {
flex-direction: column-reverse;
}
.gq-solutions .section.customize .content {
margin: 0 0 20px 0px;
}
.gq-solutions .section.truth .content {
max-width: 100%;
margin: 0 0px 20px 0;
}
.gq-solutions .solution-container {
flex-direction: column;
}
.gq-solutions .solution-container .column {
padding: 5px 5px 0 5px;
}
}
.gq-templates .section {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.gq-templates .section.header {
text-align: center;
padding: 50px 20px 20px 20px;
}
.gq-templates .section.header .label {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #bfbfbf;
}
.gq-templates .section.header .line {
border-bottom: 10px dotted #f1f1f1;
height: 0px;
margin: 40px 0px 20px 0px;
}
.gq-templates h1 {
font-size: 44px;
line-height: 56px;
margin: 20px;
font-weight: 500;
}
.gq-templates h1 .blue {
color: #3c7df6;
}
.gq-templates h1 .red {
color: #ad1457;
}
.gq-templates .subtitle {
font-size: 20px;
line-height: 32px;
color: #808080;
max-width: 600px;
margin: 0 auto;
}
/****** STEPS ******/
.gq-templates .section.steps {
margin-top: 30px;
}
.gq-templates .section .steps-wrapper {
display: flex;
}
.gq-templates .step-container {
font-family: "Roboto",Helvetica,Arial,sans-serif;
flex: 1 1 0px;
margin: 0 10px 10px 10px;
position: relative;
}
.gq-templates .step-container .triangle {
position: absolute;
top: -65px;
left: 40px;
bottom: 0;
right: 0;
z-index: -1;
}
.gq-templates .step-container .triangle div {
width: 100%;
text-align: center;
}
.gq-templates .step-container .triangle svg {
fill: #f4f4f4;
width: 200px;
height: 200px;
}
.gq-templates .step-container .circle {
border-radius: 50%;
width: 70px;
height: 70px;
background-color: #f1f1f1;
margin: 0 auto;
}
.gq-templates .step-container .number {
color: #ffffff;
font-size: 40px;
text-align: center;
line-height: 70px;
font-weight: 500;
}
.gq-templates .step-container .title {
font-size: 22px;
font-weight: 500;
line-height: 40px;
text-align: center;
margin-top: 30px;
margin-bottom: 5px;
}
.gq-templates .step-container .content {
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-align: center;
padding: 0 30px;
color: #808080;
}
/* RED */
.gq-templates .step-container.red .circle {
background-color: #ad1457;
}
.gq-templates .step-container.red .title {
color: #ad1457;
}
/* BLUE */
.gq-templates .step-container.blue .circle {
background-color: #3c7df6;
}
.gq-templates .step-container.blue .title {
color: #3c7df6;
}
/* GREEN */
.gq-templates .step-container.green .circle {
background-color: #34a853;
}
.gq-templates .step-container.green .title {
color: #34a853;
}
/****** TEMPLATE CONTAINER ******/
.gq-templates .template-container {
border: 5px solid #efefef;
border-radius: 10px;
padding: 20px 10px 0 10px;
position: relative;
margin: 60px 0 60px 0;
}
.gq-templates .template-container .title {
font-size: 16px;
line-height: 20px;
font-weight: 400;
color: #cfcfcf;
position: absolute;
top: -14px;
left: 40px;
padding: 0 12px;
background-color: #FFFFFF;
text-transform: uppercase;
}
.gq-templates .template-container .list {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
width: 100%;
}
.gq-templates .template-container .box {
background-color: #f1f1f1;
padding: 10px 15px 10px 12px;
display: block;
text-decoration: none;
font-size: 22px;
font-weight: 500;
border-radius: 5px;
margin: 0 10px 20px 10px;
border: 1px solid transparent;
transition: all .2s ease-in;
flex: 1 1 0px;
min-width: calc(50% - 20px);
max-width: calc(50% - 20px);
box-sizing: border-box;
}
.gq-templates .template-container .box:hover {
box-shadow: 1px 3px 8px 0px rgba(34,43,55,.15);
border: 1px solid #dfdfdf;
transform: scale(1.05, 1.05);
}
.gq-templates .template-container .box .icon {
display:block;
float: left;
}
.gq-templates .template-container .box .icon svg {
width: 40px;
height: 40px;
transform: rotate(270deg);
}
.gq-templates .template-container .box .template-name {
color: #000000;
margin-left: 50px;
line-height: 42px;
display:block;
}
/* BLUE */
.gq-templates .template-container.blue .title {
color: #4588f7;
}
.gq-templates .template-container.blue .box .icon svg {
fill: #4588f7;
}
/* RED */
.gq-templates .template-container.red .title {
color: #ad1457;
}
.gq-templates .template-container.red .box .icon svg {
fill: #ad1457;
}
/* PINK */
.gq-templates .template-container.pink .title {
color: #9b2e98;
}
.gq-templates .template-container.pink .box .icon svg {
fill: #9b2e98;
}
/* GREEN */
.gq-templates .template-container.green .title {
color: #34a853;
}
.gq-templates .template-container.green .box .icon svg {
fill: #34a853;
}
/* YELLOW */
.gq-templates .template-container.yellow .title {
color: #fab409;
}
.gq-templates .template-container.yellow .box .icon svg {
fill: #fab409;
}
@media screen and (max-width: 800px){
.gq-templates .template-container .list {
flex-direction: column;
}
.gq-templates .template-container .box {
min-width: calc(100% - 20px);
max-width: calc(100% - 20px);
}
.gq-templates .section .steps-wrapper {
flex-direction: column;
}
.gq-templates .step-container {
margin: 0 10px 50px 10px;
}
}
@media screen and (max-width: 450px){
.gq-templates .template-container {
margin: 90px 0 60px 0;
}
.gq-templates .template-container .title {
width: 100%;
top: -36px;
left: 0px;
}
}
.gq-calendar-activation {
box-sizing: border-box;
}
.gq-calendar-activation .gq-page-top-bar {
position: fixed;
}
.gq-calendar-activation-bkgnd {
position: fixed;
top: -280px;
left: -200px;
font-size: 1350px;
z-index: -1;
line-height: 1350px;
overflow:hidden;
color: rgba(0,0,0,.015);
font-family: Helvetica, Arial, sans-serif;
}
.gq-calendar-activation-box {
padding: 40px 20px;
min-height: 250px;
max-width: 600px;
background-color: #FFFFFF;
margin: 70px auto 50px auto;
}
.gq-calendar-activation-logo {
width: 160px;
margin: 20px auto 15px auto;
display: block;
}
.gq-calendar-activation-title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-weight: 500;
font-size: 20px;
color: #333333;
text-align: center;
line-height: 40px;
}
.gq-calendar-activation-title-logo {
text-align: center;
}
.gq-calendar-activation-title-logo img {
width: 40px;
}
.gq-calendar-activation-error {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 400;
color: #bf1717;
font-size: 16px;
text-align: center;
line-height: 24px;
margin: 20px;
}
.gq-calendar-activation-email {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #8F8F8F;
font-size: 16px;
text-align: center;
line-height: 30px;
margin-bottom: 20px;
}
.gq-calendar-activation-text {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 400;
color: #737373;
font-size: 15px;
text-align: center;
line-height: 24px;
padding: 20px 30px;
}
.gq-calendar-activation-bottom {
margin: 50px auto 0px auto;
font-size: 13px;
width: 100%;
text-align: center;
color: #888888;
}
.gq-calendar-activation-loading.gq-progress-circle {
width: 50px;
height: 50px;
display: block;
position: relative;
margin: 20px auto 10px auto;
}
.gq-calendar-activation-loading.gq-progress-circle circle {
stroke: #d2e3fc;
}
.gq-calendar-activation-btn-container {
text-align: center;
margin: 40px 0 20px 0;
}
.gq-calendar-activation #gqContinueBtn {
line-height: 40px;
height: 40px;
width: 200px;
cursor: pointer;
display:block;
text-decoration: none;
font-size: 17px;
font-weight: normal;
color: #FFF;
margin: 30px auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
position:relative;
padding-left: 20px;
}
.gq-calendar-activation .ext-title {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 500;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
.gq-calendar-activation #gqAddCalendarExt {
font-family: "Roboto",Helvetica,Arial,sans-serif;
margin: 15px 20px 50px 20px;
background-color: #F1F1F1;
padding: 15px;
border-radius: 5px;
text-align: center;
transition: opacity 0.3s;
}
.gq-calendar-activation #gqAddCalendarExt p {
line-height: 24px;
}
.gq-calendar-activation #gqAddCalendarExt .gq-video-link {
width: 400px;
border: 1px solid #dfdfdf;
cursor: pointer;
}
.gq-calendar-activation #gqCalendarInstallBtn {
font-size: 17px;
height: 46px;
line-height: 46px;
padding: 0 15px;
color: #FFFFFF;
}
.gq-calendar-activation #gqCalendarInstallMore {
font-size: 20px;
text-decoration: none;
color: #4285f4;
}
.gq-calendar-activation #gqCalendarInstallMore:hover {
text-decoration: underline;
}
.gq-page-flex-col {
display: flex;
flex-direction: column;
}
.gq-page-top-bar {
position:relative;
background-color: #FFFFFF;
display: flex;
padding: 8px 0px;
width: 100%;
box-sizing: border-box;
justify-content: space-between;
border-bottom: 1px solid #dadce0;
flex-direction: row;
align-items: center;
height: 65px;
transition: all 250ms;
flex: 0 0 auto;
z-index: 1;
}
.gq-page-top-content {
/*max-width: 960px;*/
width: 100%;
margin: 0 auto;
display: flex;
align-items:center;
justify-content: space-between;
padding: 0 15px;
}
.gq-page-top-logo {
cursor: pointer;
width: 140px;
margin-top: 5px;
flex: 0 0 auto;
display: inline-block;
}
.gq-page-top-btns {
flex: 0 0 auto;
display: flex;
align-items: center;
}
.gq-page-top-btn {
height: 24px;
margin-right: 5px;
}
.gq-page-top-left-btn {
height: 24px;
margin-right: 5px;
}
.gq-page-content {
flex: 1 1 auto;
}
.gq-account-btn {
cursor: pointer;
position: relative;
box-sizing: border-box;
display: block;
padding: 4px;
background-color: #ffffff;
border-radius: 50%;
margin: 0 5px 0 5px;
}
.gq-account-btn img {
height: 32px;
width: 32px;
border-radius: 50%;
display: block;
margin: 0;
}
.gq-account-btn:hover {
background-color: #efeff0;
}
.gq-account-btn:hover img {
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.gq-account-btn.active {
background-color: #d6d7d8;
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(95, 99, 104, 1.0); }
.material-icons.md-dark.md-inactive { color: rgba(95, 99, 104, 0.8); }
.gq-dark-mode .material-icons.md-dark { color: rgba(255,255,255, .87); }
.gq-dark-mode .material-icons.md-dark.md-inactive { color: rgba(255,255,255, 0.6); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* Rules for sizing the icon. */
.material-icons-outlined.md-18 { font-size: 18px; }
.material-icons-outlined.md-20 { font-size: 20px; }
.material-icons-outlined.md-24 { font-size: 24px; }
.material-icons-outlined.md-36 { font-size: 36px; }
.material-icons-outlined.md-48 { font-size: 48px; }
/* Rules for using icons-outlined as black on a light background. */
.material-icons-outlined.md-dark { color: rgba(95, 99, 104, 1.0); }
.material-icons-outlined.md-dark.md-inactive { color: rgba(95, 99, 104, 0.8); }
.gq-dark-mode .material-icons-outlined.md-dark { color: rgba(255,255,255, 0.87); }
.gq-dark-mode .material-icons-outlined.md-dark.md-inactive { color: rgba(255,255,255,0.6); }
/* Rules for medium */
.material-icons-outlined.md-medium-dark { color: rgba(127, 128, 128, 0.8); }
.material-icons-outlined.md-medium-dark.md-inactive { color: rgba(95, 99, 104, 0.8); }
.gq-dark-mode .material-icons-outlined.md-medium-dark { color: rgba(255,255,255, 0.8); }
.gq-dark-mode .material-icons-outlined.md-medium-dark.md-inactive { color: rgba(255,255,255, 0.4); }
/* Rules for using icons-outlined as white on a dark background. */
.material-icons-outlined.md-light { color: rgba(255, 255, 255, 1); }
.material-icons-outlined.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* Rules for using icons as black on a light background. */
.svg-icons.md-20 svg { width: 20px; height: 20px; }
.svg-icons.md-24 svg { width: 24px; height: 24px; }
.svg-icons.md-dark svg { fill: rgba(95, 99, 104, 1.0); }
.svg-icons.md-dark.md-inactive svg { fill: rgba(95, 99, 104, 0.8); }
.gq-dark-mode .svg-icons.md-dark svg { fill: rgba(255,255,255, 0.87); }
.gq-dark-mode .svg-icons.md-dark.md-inactive svg { fill: rgba(255, 255, 255, 0.6); }
.svg-icons.md-medium-dark svg { fill: rgba(115, 115, 115, 0.85); }
.gq-dark-mode .svg-icons.md-medium-dark svg { fill: rgba(255, 255, 255, 0.7); }
/* Rules for using icons as white on a dark background. */
.svg-icons.md-light svg { fill: rgba(255, 255, 255, 1); }
.svg-icons.md-light.md-inactive svg { fill: rgba(255, 255, 255, 0.3); }
/************************/
/***** CATEGORY ROW *****/
/************************/
.gq-category-container {
clear:both;
width: 100%;
margin: 0;
background-color: var(--gq-00dp-bkgnd-color);
border: none;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
display:block;
}
.gq-category-container.gq-obj-dragging {
height: 28px !important;
overflow: hidden;
}
.gq-category-header {
padding-left: 15px;
height: 32px;
cursor: pointer;
display: flex;
align-items: center;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
.gq-compact .gq-category-header {
height: 28px;
}
.gq-compressed .gq-category-header {
height: 28px;
}
.gq-category-container.gq-menu-selected .gq-category-header,
.gq-category-header:hover {
background-color: var(--gq-category-hover-color);
}
.gq-control-content.no-hover .gq-category-header:hover {
background-color: inherit;
}
.gq-category-header .gq-field-edit {
border: 1px dashed #8F8F8F !important;
}
.gq-category-toggle {
margin: 0;
cursor: pointer;
transition: all 100ms;
transform:rotate(-90deg);
}
.gq-category-icon {
margin-right: 8px;
cursor: move;
color: var(--gq-category-icon-color);
}
.gq-category-container .expanded {
transform:rotate(0deg);
}
.gq-category-container .gq-category-new {
}
.gq-category-menu-btn {
cursor: pointer;
margin-right: 3px;
visibility: hidden;
}
.gq-category-container.gq-menu-selected .gq-category-menu-btn,
.gq-category-header:hover .gq-category-menu-btn {
visibility: visible;
}
.gq-category-name {
overflow: hidden;
color: var(--gq-category-name-color);
text-overflow: ellipsis;
white-space:nowrap;
flex-grow: 1;
user-select:none;
line-height: 32px;
}
.gq-compact .gq-category-name {
line-height: 28px;
}
.gq-compressed .gq-category-name {
line-height: 28px;
}
.gq-category-name.gq-field-edit {
padding: 0 !important;
border: 1px dashed #666;
}
.gq-category-name input {
border:none;
background-color:transparent;
color: #7F7F7F;
font-size: 13px;
width: 100%;
display: block;
outline: none;
}
.gq-category-content,
.gq-team-content,
.gq-friend-content {
margin:0;
padding: 0 0 5px 0;
transition: all 200ms;
min-height: 28px;
}
.gq-category-empty-message {
padding:2px;
color: #8F8F8F;
margin-left: 50px;
text-align:left;
font-size:13px;
user-select: none;
}
.gq-category-placeholder {
background-color: var(--gq-category-placeholder-bkgnd-color);
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
height: 28px;
display: block;
visibility: visible !important;
}
#gqTeamQueuesPanel.team-sorting .gq-team-content,
#gqSharedQueuesPanel.friend-sorting .gq-friend-content,
#gqMyQueuePanel.category-sorting .gq-category-content {
opacity: 0.1;
}
#gqTeamQueuesPanel.team-sorting .gq-team-content .gq-queue-row,
#gqTeamQueuesPanel.friend-sorting .gq-friend-content .gq-queue-row,
#gqMyQueuePanel.category-sorting .gq-category-content .gq-queue-row {
background-color: transparent;
}
#gqMyQueuePanel.queue-sorting .gq-category-empty-message {
max-height: 0px !important;
overflow: hidden;
}
.gq-queue-row {
width:100%;
cursor:pointer;
height: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
display: block;
}
.gq-queue-row.gq-menu-selected,
.gq-queue-row:hover {
background-color: var(--gq-queue-hover-color);
}
.gq-control-content.no-hover .gq-queue-row:hover {
background-color: inherit;
}
.gq-queue-row.selected {
font-weight: 700;
background-color: var(--gq-selected-queue-bkgnd) !important;
}
.gq-queue-row.selected .gq-queue-name {
color: var(--gq-selected-queue-text);
}
.gq-dark-mode .gq-queue-row.selected .gq-queue-handle {
box-shadow: inset 1px 1px 1px rgb(255 255 255 / 87%), inset -1px -1px 1px rgb(255 255 255 / 87%);
}
.gq-dark-mode .gq-queue-trash.gq-queue-row.selected .gq-queue-handle,
.gq-dark-mode .gq-queue-snoozed.gq-queue-row.selected .gq-queue-handle,
.gq-dark-mode .gq-queue-assignments.gq-queue-row.selected .gq-queue-handle {
box-shadow:none;
}
.gq-compact .gq-queue-row {
height: 24px;
}
.gq-compressed .gq-queue-row {
height: 24px;
}
.gq-queue-container {
overflow:hidden;
padding: 0;
position: relative;
display: flex;
align-items: center;
margin-left: 50px;
height: 30px;
}
.gq-compact .gq-queue-container {
height: 24px;
}
.gq-compressed .gq-queue-container {
height: 24px;
}
.ui-sortable-helper,
.ui-sortable-helper .gq-queue-name,
.ui-sortable-helper .gq-queue-count {
cursor: move !important;
}
.gq-queue-shared-icon {
height:16px;
width: 18px;
margin: 2px 1px 0 0;
background-image: url('../images/1.1.2/m_sprites_vert.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: 1.5px -319px;
background-size: 16px 800px;
}
.gq-queue-name {
font-size: 13px;
margin:0 5px 0 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--gq-control-panel-secondary-color);
cursor: pointer;
flex-grow: 1;
user-select: none;
line-height: 30px;
}
.gq-compact .gq-queue-name {
line-height: 24px;
}
.gq-compressed .gq-queue-name {
line-height: 24px;
}
.gq-queue-name.gq-field-edit {
padding: 0 !important;
border: 1px dashed #666;
}
.gq-queue-name input {
border:none;
background-color:transparent;
font-size: 13px;
width: 100%;
display: block;
outline: none;
}
.gq-queue-row-hover {
background-color: var(--gq-queue-hover-bkgnd-color) !important;
border-top:1px solid var(--gq-queue-hover-border-color);
border-right:1px solid var(--gq-queue-hover-border-color);
border-bottom:1px solid var(--gq-queue-hover-border-color);
}
.gq-queue-row-hover .gq-queue-name {
border: none;
}
.gq-queue-handle {
cursor: move;
margin-right: 8px;
border-radius: 2px;
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
}
.gq-queue-inbox .gq-queue-handle,
.gq-queue-assignments .gq-queue-handle,
#gqTagQueuesPanel .gq-queue-handle {
cursor:pointer;
}
#gqDashPanel .gq-queue-panel-title {
height: 15px;
padding: 0;
}
#gqDashPanel .gq-queue-panel-title:hover {
background-color: var(--gq-panel-header-hover-color);
}
#gqDashPanel .gq-queue-panel-content-container {
margin-bottom: 15px;
}
.gq-queue-handle span {
display: inline-block;
height: 8px;
border-style: solid;
border-width: 10px;
}
.gq-queue-handle div {
display: inline-block;
height: 16px;
}
#gqDashPanel .gq-queue-assignments .gq-queue-container,
#gqDashPanel .gq-queue-trash .gq-queue-container,
#gqDashPanel .gq-queue-snoozed .gq-queue-container {
margin-left: 39px;
}
#gqDashPanel .gq-queue-assignments .gq-queue-handle,
#gqDashPanel .gq-queue-trash .gq-queue-handle,
#gqDashPanel .gq-queue-snoozed .gq-queue-handle {
cursor:pointer;
position:relative;
width: auto;
height: auto;
margin-right: 5px;
background-color: transparent;
}
#gqDashPanel .gq-queue-assignments .gq-queue-handle span,
#gqDashPanel .gq-queue-trash .gq-queue-handle span,
#gqDashPanel .gq-queue-snoozed .gq-queue-handle span {
display: block;
height: auto;
border: none;
color: var(--gq-control-panel-dash-icon-color);
font-size: 24px;
line-height: 24px;
}
/******* Snoozed queue icon **********/
#gqDashPanel .gq-queue-snoozed .gq-snooze-icon {
height: 24px;
width: 24px;
}
#gqDashPanel .gq-queue-container,
#gqSmartQueuesPanel .gq-queue-container,
#gqTagQueuesPanel .gq-queue-container {
margin-left: 42px;
}
.gq-queue-collaboration .gq-queue-handle {
background-image: url('../images/1.1.2/m_sprites_vert.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: 1.5px -319px;
background-size: 16px 800px;
}
.gq-queue-menu-btn {
margin-right: 3px;
visibility: hidden;
}
.gq-queue-row.gq-menu-selected .gq-queue-menu-btn,
.gq-queue-row:hover .gq-queue-menu-btn {
visibility: visible;
}
/* Snoozed queue row doesn't have dropdown menu */
.gq-queue-row.gq-queue-snoozed .gq-queue-menu-btn,
.gq-queue-row.gq-queue-snoozed:is(.gq-menu-selected, :hover) .gq-queue-menu-btn {
visibility: hidden;
pointer-events: none;
}
.gq-queue-count {
font-size: 12px;
color: var(--gq-queue-count-color);
min-width: 22px;
margin: 0;
text-align:right;
cursor: pointer;
}
.gq-smart-queue-sort-rows .gq-queue-count {
display: none;
}
.gq-queue-placeholder {
background-color: var(--gq-queue-placeholder-bkgnd-color);
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border: 1px solid transparent;
display: block;
visibility: visible !important;
}
/****************/
/* QUEUE COLORS */
/****************/
/*------ 15 - PURPLE1 --------*/
.gq-theme-box .gq-queue-bkgnd-15.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-15 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-15-selected-border);
background-color: var(--gq-color-15-bkgnd);
}
.gq-queue-bkgnd-15 .gq-i-selector-right,
.gq-queue-bkgnd-15 .gq-i-selector {
background-color: var(--gq-color-15-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-15,
.gq-task-tag.gq-queue-bkgnd-15,
.gq-task-tag.gq-queue-bkgnd-15 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-15 .gq-task-tag-delete {
color: var(--gq-color-15-text);
}
.gq-activity-queue.gq-queue-bkgnd-15:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-15,
#gqQueueContentRight.gq-queue-bkgnd-15 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-15 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-15,
.gq-task-tag.gq-queue-bkgnd-15 .gq-task-tag-delete,
.gq-queue-bkgnd-15 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-15 div,
.gq-palette-wrapper .gq-queue-bkgnd-15,
.gq-queue-bkgnd-15 .gq-i-sub-btn span,
.gq-queue-bkgnd-15 .gq-i-sub-ctrls,
.gq-queue-bkgnd-15 .gq-queue-handle {
background-color: var(--gq-color-15-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-15.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-15.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-15-text);
}
.gq-queue-bkgnd-15.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-15 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-15.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-15 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-15-selected-border);
color: var(--gq-color-15-text);
--gq-task-selected-shadow: var(--gq-color-15-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-15-bkgnd);
}
.gq-queue-bkgnd-15 .gq-task-date-completed,
.gq-queue-bkgnd-15 .gq-i-sub-ctrls,
.gq-queue-bkgnd-15 .gq-task-order,
.gq-queue-bkgnd-15 .gq-task-order:after {
background-color: var(--gq-color-15-bkgnd);
color: var(--gq-color-15-text);
}
.gq-queue-bkgnd-15 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-15-bkgnd);
}
.gq-queue-bkgnd-15 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-15-bkgnd);
}
.gq-queue-bkgnd-15.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-15 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-15-drop-border) !important;
color: var(--gq-color-15-text);
background-color: var(--gq-color-15-drop-bkgnd);
}
/*------ 16 - PURPLE2 --------*/
.gq-theme-box .gq-queue-bkgnd-16.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-16 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-16-selected-border);
background-color: var(--gq-color-16-bkgnd);
}
.gq-queue-bkgnd-16 .gq-i-selector-right,
.gq-queue-bkgnd-16 .gq-i-selector {
background-color: var(--gq-color-16-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-16,
.gq-task-tag.gq-queue-bkgnd-16,
.gq-task-tag.gq-queue-bkgnd-16 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-16 .gq-task-tag-delete {
color: var(--gq-color-16-text);
}
.gq-activity-queue.gq-queue-bkgnd-16:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-16,
#gqQueueContentRight.gq-queue-bkgnd-16 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-16 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-16,
.gq-task-tag.gq-queue-bkgnd-16 .gq-task-tag-delete,
.gq-queue-bkgnd-16 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-16 div,
.gq-palette-wrapper .gq-queue-bkgnd-16,
.gq-queue-bkgnd-16 .gq-i-sub-btn span,
.gq-queue-bkgnd-16 .gq-i-sub-ctrls,
.gq-queue-bkgnd-16 .gq-queue-handle {
background-color: var(--gq-color-16-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-16.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-16.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-16-text);
}
.gq-queue-bkgnd-16.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-16 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-16.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-16 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-16-selected-border);
color: var(--gq-color-16-text);
--gq-task-selected-shadow: var(--gq-color-16-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-16-bkgnd);
}
.gq-queue-bkgnd-16 .gq-task-date-completed,
.gq-queue-bkgnd-16 .gq-i-sub-ctrls,
.gq-queue-bkgnd-16 .gq-task-order,
.gq-queue-bkgnd-16 .gq-task-order:after {
background-color: var(--gq-color-16-bkgnd);
color: var(--gq-color-16-text);
}
.gq-queue-bkgnd-16 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-16-bkgnd);
}
.gq-queue-bkgnd-16 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-16-bkgnd);
}
.gq-queue-bkgnd-16.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-16 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-16-drop-border) !important;
color: var(--gq-color-16-text);
background-color: var(--gq-color-16-drop-bkgnd);
}
/*------ 2 - PURPLE3 --------*/
.gq-theme-box .gq-queue-bkgnd-2.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-2 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-2-selected-border);
background-color: var(--gq-color-2-bkgnd);
}
.gq-queue-bkgnd-2 .gq-i-selector-right,
.gq-queue-bkgnd-2 .gq-i-selector {
background-color: var(--gq-color-2-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-2,
.gq-task-tag.gq-queue-bkgnd-2,
.gq-task-tag.gq-queue-bkgnd-2 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-2 .gq-task-tag-delete {
color: var(--gq-color-2-text);
}
.gq-activity-queue.gq-queue-bkgnd-2:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-2,
#gqQueueContentRight.gq-queue-bkgnd-2 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-2 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-2,
.gq-task-tag.gq-queue-bkgnd-2 .gq-task-tag-delete,
.gq-queue-bkgnd-2 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-2 div,
.gq-palette-wrapper .gq-queue-bkgnd-2,
.gq-queue-bkgnd-2 .gq-i-sub-btn span,
.gq-queue-bkgnd-2 .gq-i-sub-ctrls,
.gq-queue-bkgnd-2 .gq-queue-handle {
background-color: var(--gq-color-2-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-2.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-2.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-2-text);
}
.gq-queue-bkgnd-2.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-2 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-2.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-2 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-2-selected-border);
color: var(--gq-color-2-text);
--gq-task-selected-shadow: var(--gq-color-2-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-2-bkgnd);
}
.gq-queue-bkgnd-2 .gq-task-date-completed,
.gq-queue-bkgnd-2 .gq-i-sub-ctrls,
.gq-queue-bkgnd-2 .gq-task-order,
.gq-queue-bkgnd-2 .gq-task-order:after {
background-color: var(--gq-color-2-bkgnd);
color: var(--gq-color-2-text);
}
.gq-queue-bkgnd-2 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-2-bkgnd);
}
.gq-queue-bkgnd-2 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-2-bkgnd);
}
.gq-queue-bkgnd-2.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-2 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-2-drop-border);
color: var(--gq-color-2-drop-border);
background-color: var(--gq-color-2-drop-bkgnd);
}
/*------ 17 - PURPLE4 --------*/
.gq-theme-box .gq-queue-bkgnd-17.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-17 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-17-selected-border);
background-color: var(--gq-color-17-bkgnd);
}
.gq-queue-bkgnd-17 .gq-i-selector-right,
.gq-queue-bkgnd-17 .gq-i-selector {
background-color: var(--gq-color-17-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-17,
.gq-task-tag.gq-queue-bkgnd-17,
.gq-task-tag.gq-queue-bkgnd-17 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-17 .gq-task-tag-delete {
color: var(--gq-color-17-text);
}
.gq-activity-queue.gq-queue-bkgnd-17:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-17,
#gqQueueContentRight.gq-queue-bkgnd-17 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-17 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-17,
.gq-task-tag.gq-queue-bkgnd-17 .gq-task-tag-delete,
.gq-queue-bkgnd-17 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-17 div,
.gq-palette-wrapper .gq-queue-bkgnd-17,
.gq-queue-bkgnd-17 .gq-i-sub-btn span,
.gq-queue-bkgnd-17 .gq-i-sub-ctrls,
.gq-queue-bkgnd-17 .gq-queue-handle {
background-color: var(--gq-color-17-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-17.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-17.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-17-text);
}
.gq-queue-bkgnd-17.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-17 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-17.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-17 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-17-selected-border);
color: var(--gq-color-17-text);
--gq-task-selected-shadow: var(--gq-color-17-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-17-bkgnd);
}
.gq-queue-bkgnd-17 .gq-task-date-completed,
.gq-queue-bkgnd-17 .gq-i-sub-ctrls,
.gq-queue-bkgnd-17 .gq-task-order,
.gq-queue-bkgnd-17 .gq-task-order:after {
background-color: var(--gq-color-17-bkgnd);
color: var(--gq-color-17-text);
}
.gq-queue-bkgnd-17 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-17-bkgnd);
}
.gq-queue-bkgnd-17 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-17-bkgnd);
}
.gq-queue-bkgnd-17.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-17 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-17-drop-border) !important;
color: var(--gq-color-17-drop-border);
background-color: var(--gq-color-17-drop-bkgnd);
}
/*------ 18 - PURPLE5 --------*/
.gq-theme-box .gq-queue-bkgnd-18.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-18 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-18-selected-border);
background-color: var(--gq-color-18-bkgnd);
}
.gq-queue-bkgnd-18 .gq-i-selector-right,
.gq-queue-bkgnd-18 .gq-i-selector {
background-color: var(--gq-color-18-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-18,
.gq-task-tag.gq-queue-bkgnd-18,
.gq-task-tag.gq-queue-bkgnd-18 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-18 .gq-task-tag-delete {
color: var(--gq-color-18-text);
}
.gq-activity-queue.gq-queue-bkgnd-18:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-18,
#gqQueueContentRight.gq-queue-bkgnd-18 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-18 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-18,
.gq-task-tag.gq-queue-bkgnd-18 .gq-task-tag-delete,
.gq-queue-bkgnd-18 .gq-task-placeholder:after,
.gq-queue-bkgnd-18 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-18 div,
.gq-palette-wrapper .gq-queue-bkgnd-18,
.gq-queue-bkgnd-18 .gq-i-sub-btn span,
.gq-queue-bkgnd-18 .gq-i-sub-ctrls,
.gq-queue-bkgnd-18 .gq-queue-handle {
background-color: var(--gq-color-18-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-18.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-18.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-18-text);
}
.gq-queue-bkgnd-18.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-18 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-18.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-18 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-18-selected-border);
color: var(--gq-color-18-text);
--gq-task-selected-shadow: var(--gq-color-18-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-18-bkgnd);
}
.gq-queue-bkgnd-18 .gq-task-date-completed,
.gq-queue-bkgnd-18 .gq-i-sub-ctrls,
.gq-queue-bkgnd-18 .gq-task-order,
.gq-queue-bkgnd-18 .gq-task-order:after {
background-color: var(--gq-color-18-bkgnd);
color: var(--gq-color-18-text);
}
.gq-queue-bkgnd-18 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-18-bkgnd);
}
.gq-queue-bkgnd-18 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-18-bkgnd);
}
.gq-queue-bkgnd-18.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-18 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-18-drop-border);
color: var(--gq-color-18-drop-border);
background-color: var(--gq-color-18-drop-bkgnd);
}
/*------ 19 - BLUE1 --------*/
.gq-theme-box .gq-queue-bkgnd-19.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-19 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-19-selected-border);
background-color: var(--gq-color-19-bkgnd);
}
.gq-queue-bkgnd-19 .gq-i-selector-right,
.gq-queue-bkgnd-19 .gq-i-selector {
background-color: var(--gq-color-19-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-19,
.gq-task-tag.gq-queue-bkgnd-19,
.gq-task-tag.gq-queue-bkgnd-19 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-19 .gq-task-tag-delete {
color: var(--gq-color-19-text);
}
.gq-activity-queue.gq-queue-bkgnd-19:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-19,
#gqQueueContentRight.gq-queue-bkgnd-19 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-19 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-19,
.gq-task-tag.gq-queue-bkgnd-19 .gq-task-tag-delete,
.gq-queue-bkgnd-19 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-19 div,
.gq-palette-wrapper .gq-queue-bkgnd-19,
.gq-queue-bkgnd-19 .gq-i-sub-btn span,
.gq-queue-bkgnd-19 .gq-i-sub-ctrls,
.gq-queue-bkgnd-19 .gq-queue-handle {
background-color: var(--gq-color-19-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-19.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-19.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-19-text);
}
.gq-queue-bkgnd-19.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-19 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-19.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-19 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-19-selected-border);
color: var(--gq-color-19-text);
--gq-task-selected-shadow: var(--gq-color-19-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-19-bkgnd);
}
.gq-queue-bkgnd-19 .gq-task-date-completed,
.gq-queue-bkgnd-19 .gq-i-sub-ctrls,
.gq-queue-bkgnd-19 .gq-task-order,
.gq-queue-bkgnd-19 .gq-task-order:after {
background-color: var(--gq-color-19-bkgnd);
color: var(--gq-color-19-text);
}
.gq-queue-bkgnd-19 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-19-bkgnd);
}
.gq-queue-bkgnd-19 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-19-bkgnd);
}
.gq-queue-bkgnd-19.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-19 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-19-drop-border) !important;
background-color: var(--gq-color-19-drop-bkgnd);
color: var(--gq-color-19-text);
}
/*------ 20 - BLUE2 --------*/
.gq-theme-box .gq-queue-bkgnd-20.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-20 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-20-selected-border);
background-color: var(--gq-color-20-bkgnd);
}
.gq-queue-bkgnd-20 .gq-i-selector-right,
.gq-queue-bkgnd-20 .gq-i-selector {
background-color: var(--gq-color-20-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-20,
.gq-task-tag.gq-queue-bkgnd-20,
.gq-task-tag.gq-queue-bkgnd-20 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-20 .gq-task-tag-delete {
color: var(--gq-color-20-text);
}
.gq-activity-queue.gq-queue-bkgnd-20:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-20,
#gqQueueContentRight.gq-queue-bkgnd-20 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-20 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-20,
.gq-task-tag.gq-queue-bkgnd-20 .gq-task-tag-delete,
.gq-queue-bkgnd-20 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-20 div,
.gq-palette-wrapper .gq-queue-bkgnd-20,
.gq-queue-bkgnd-20 .gq-i-sub-btn span,
.gq-queue-bkgnd-20 .gq-i-sub-ctrls,
.gq-queue-bkgnd-20 .gq-queue-handle {
background-color: var(--gq-color-20-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-20.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-20.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-20-text);
}
.gq-queue-bkgnd-20.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-20 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-20.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-20 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-20-selected-border);
color: var(--gq-color-20-text);
--gq-task-selected-shadow: var(--gq-color-20-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-20-bkgnd);
}
.gq-queue-bkgnd-20 .gq-task-date-completed,
.gq-queue-bkgnd-20 .gq-i-sub-ctrls,
.gq-queue-bkgnd-20 .gq-task-order,
.gq-queue-bkgnd-20 .gq-task-order:after {
background-color: var(--gq-color-20-bkgnd);
color: var(--gq-color-20-text);
}
.gq-queue-bkgnd-20 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-20-bkgnd);
}
.gq-queue-bkgnd-20 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-20-bkgnd);
}
.gq-queue-bkgnd-20.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-20 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-20-drop-border);
background-color: var(--gq-color-20-drop-bkgnd);
color: var(--gq-color-20-text);
}
/*------ 8 - BLUE3 --------*/
.gq-theme-box .gq-queue-bkgnd-8.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-8 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-8-selected-border);
background-color: var(--gq-color-8-bkgnd);
}
.gq-queue-bkgnd-8 .gq-i-selector-right,
.gq-queue-bkgnd-8 .gq-i-selector {
background-color: var(--gq-color-8-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-8,
.gq-task-tag.gq-queue-bkgnd-8,
.gq-task-tag.gq-queue-bkgnd-8 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-8 .gq-task-tag-delete {
color: var(--gq-color-8-text);
}
.gq-activity-queue.gq-queue-bkgnd-8:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-8,
#gqQueueContentRight.gq-queue-bkgnd-8 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-8 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-8,
.gq-task-tag.gq-queue-bkgnd-8 .gq-task-tag-delete,
.gq-queue-bkgnd-8 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-8 div,
.gq-palette-wrapper .gq-queue-bkgnd-8,
.gq-queue-bkgnd-8 .gq-i-sub-btn span,
.gq-queue-bkgnd-8 .gq-i-sub-ctrls,
.gq-queue-bkgnd-8 .gq-queue-handle {
background-color: var(--gq-color-8-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-8.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-8.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-8-text);
}
.gq-queue-bkgnd-8.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-8 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-8.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-8 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-8-selected-border);
color: var(--gq-color-8-text);
--gq-task-selected-shadow: var(--gq-color-8-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-8-bkgnd);
}
.gq-queue-bkgnd-8 .gq-task-date-completed,
.gq-queue-bkgnd-8 .gq-i-sub-ctrls,
.gq-queue-bkgnd-8 .gq-task-order,
.gq-queue-bkgnd-8 .gq-task-order:after {
background-color: var(--gq-color-8-bkgnd);
color: var(--gq-color-8-text);
}
.gq-queue-bkgnd-8 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-8-bkgnd);
}
.gq-queue-bkgnd-8 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-8-bkgnd);
}
.gq-queue-bkgnd-8.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-8 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-8-drop-border) !important;
color: var(--gq-color-8-drop-border);
background-color: var(--gq-color-8-drop-bkgnd);
}
/*------ 1 - BLUE4 --------*/
.gq-theme-box .gq-queue-bkgnd-1.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-1 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-1-selected-border);
background-color: var(--gq-color-1-bkgnd);
}
.gq-queue-bkgnd-1 .gq-i-selector-right,
.gq-queue-bkgnd-1 .gq-i-selector {
background-color: var(--gq-color-1-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-1,
.gq-task-tag.gq-queue-bkgnd-1,
.gq-task-tag.gq-queue-bkgnd-1 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-1 .gq-task-tag-delete {
color: var(--gq-color-1-text);
}
.gq-activity-queue.gq-queue-bkgnd-1:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-1,
#gqQueueContentRight.gq-queue-bkgnd-1 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-1 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-1,
.gq-task-tag.gq-queue-bkgnd-1 .gq-task-tag-delete,
.gq-queue-bkgnd-1 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-1 div,
.gq-palette-wrapper .gq-queue-bkgnd-1,
.gq-queue-bkgnd-1 .gq-i-sub-btn span,
.gq-queue-bkgnd-1 .gq-i-sub-ctrls,
.gq-queue-bkgnd-1 .gq-queue-handle {
background-color: var(--gq-color-1-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-1.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-1.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-1-text);
}
.gq-queue-bkgnd-1.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-1 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-1.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-1 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-1-selected-border);
color: var(--gq-color-1-text);
--gq-task-selected-shadow: var(--gq-color-1-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-1-bkgnd);
}
.gq-queue-bkgnd-1 .gq-task-date-completed,
.gq-queue-bkgnd-1 .gq-i-sub-ctrls,
.gq-queue-bkgnd-1 .gq-task-order,
.gq-queue-bkgnd-1 .gq-task-order:after {
background-color: var(--gq-color-1-bkgnd);
color: var(--gq-color-1-text);
}
.gq-queue-bkgnd-1 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-1-bkgnd);
}
.gq-queue-bkgnd-1 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-1-bkgnd);
}
.gq-queue-bkgnd-1.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-1 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-1-drop-border);
color: var(--gq-color-1-drop-border);
background-color: var(--gq-color-1-drop-bkgnd);
}
/*------ 21 - BLUE5 --------*/
.gq-theme-box .gq-queue-bkgnd-21.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-21 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-21-selected-border);
background-color: var(--gq-color-21-bkgnd);
}
.gq-queue-bkgnd-21 .gq-i-selector-right,
.gq-queue-bkgnd-21 .gq-i-selector {
background-color: var(--gq-color-21-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-21,
.gq-task-tag.gq-queue-bkgnd-21,
.gq-task-tag.gq-queue-bkgnd-21 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-21 .gq-task-tag-delete {
color: var(--gq-color-21-text);
}
.gq-activity-queue.gq-queue-bkgnd-21:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-21,
#gqQueueContentRight.gq-queue-bkgnd-21 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-21 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-21,
.gq-task-tag.gq-queue-bkgnd-21 .gq-task-tag-delete,
.gq-queue-bkgnd-21 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-21 div,
.gq-palette-wrapper .gq-queue-bkgnd-21,
.gq-queue-bkgnd-21 .gq-i-sub-btn span,
.gq-queue-bkgnd-21 .gq-i-sub-ctrls,
.gq-queue-bkgnd-21 .gq-queue-handle {
background-color: var(--gq-color-21-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-21.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-21.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-21-text);
}
.gq-queue-bkgnd-21.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-21 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-21.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-21 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-21-selected-border);
color: var(--gq-color-21-text);
--gq-task-selected-shadow: var(--gq-color-21-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-21-bkgnd);
}
.gq-queue-bkgnd-21 .gq-task-date-completed,
.gq-queue-bkgnd-21 .gq-i-sub-ctrls,
.gq-queue-bkgnd-21 .gq-task-order,
.gq-queue-bkgnd-21 .gq-task-order:after {
background-color: var(--gq-color-21-bkgnd);
color: var(--gq-color-21-text);
}
.gq-queue-bkgnd-21 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-21-bkgnd);
}
.gq-queue-bkgnd-21 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-21-bkgnd);
}
.gq-queue-bkgnd-21.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-21 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-21-drop-border) !important;
background-color: var(--gq-color-21-drop-bkgnd);
color: var(--gq-color-21-drop-border);
}
/*------ 22 - TURQ1 --------*/
.gq-theme-box .gq-queue-bkgnd-22.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-22 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-22-selected-border);
background-color: var(--gq-color-22-bkgnd);
}
.gq-queue-bkgnd-22 .gq-i-selector-right,
.gq-queue-bkgnd-22 .gq-i-selector {
background-color: var(--gq-color-22-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-22,
.gq-task-tag.gq-queue-bkgnd-22,
.gq-task-tag.gq-queue-bkgnd-22 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-22 .gq-task-tag-delete {
color: var(--gq-color-22-text);
}
.gq-activity-queue.gq-queue-bkgnd-22:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-22,
#gqQueueContentRight.gq-queue-bkgnd-22 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-22 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-22,
.gq-task-tag.gq-queue-bkgnd-22 .gq-task-tag-delete,
.gq-queue-bkgnd-22 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-22 div,
.gq-palette-wrapper .gq-queue-bkgnd-22,
.gq-queue-bkgnd-22 .gq-i-sub-btn span,
.gq-queue-bkgnd-22 .gq-i-sub-ctrls,
.gq-queue-bkgnd-22 .gq-queue-handle {
background-color: var(--gq-color-22-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-22.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-22.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-22-text);
}
.gq-queue-bkgnd-22.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-22 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-22.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-22 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-22-selected-border);
color: var(--gq-color-22-text);
--gq-task-selected-shadow: var(--gq-color-22-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-22-bkgnd);
}
.gq-queue-bkgnd-22 .gq-task-date-completed,
.gq-queue-bkgnd-22 .gq-i-sub-ctrls,
.gq-queue-bkgnd-22 .gq-task-order,
.gq-queue-bkgnd-22 .gq-task-order:after {
background-color: var(--gq-color-22-bkgnd);
color: var(--gq-color-22-text);
}
.gq-queue-bkgnd-22 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-22-bkgnd);
}
.gq-queue-bkgnd-22 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-22-bkgnd);
}
.gq-queue-bkgnd-22.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-22 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-22-drop-border);
background-color: var(--gq-color-22-drop-bkgnd);
color: var(--gq-color-22-text);
}
/*------ 23 - TURQ2 --------*/
.gq-theme-box .gq-queue-bkgnd-23.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-23 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-23-selected-border);
background-color: var(--gq-color-23-bkgnd);
}
.gq-queue-bkgnd-23 .gq-i-selector-right,
.gq-queue-bkgnd-23 .gq-i-selector {
background-color: var(--gq-color-23-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-23,
.gq-task-tag.gq-queue-bkgnd-23,
.gq-task-tag.gq-queue-bkgnd-23 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-23 .gq-task-tag-delete {
color: var(--gq-color-23-text);
}
.gq-activity-queue.gq-queue-bkgnd-23:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-23,
#gqQueueContentRight.gq-queue-bkgnd-23 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-23 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-23,
.gq-task-tag.gq-queue-bkgnd-23 .gq-task-tag-delete,
.gq-queue-bkgnd-23 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-23 div,
.gq-palette-wrapper .gq-queue-bkgnd-23,
.gq-queue-bkgnd-23 .gq-i-sub-btn span,
.gq-queue-bkgnd-23 .gq-i-sub-ctrls,
.gq-queue-bkgnd-23 .gq-queue-handle {
background-color: var(--gq-color-23-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-23.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-23.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-23-text);
}
.gq-queue-bkgnd-23.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-23 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-23.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-23 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-23-selected-border);
color: var(--gq-color-23-text);
--gq-task-selected-shadow: var(--gq-color-23-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-23-bkgnd);
}
.gq-queue-bkgnd-23 .gq-task-date-completed,
.gq-queue-bkgnd-23 .gq-i-sub-ctrls,
.gq-queue-bkgnd-23 .gq-task-order,
.gq-queue-bkgnd-23 .gq-task-order:after {
background-color: var(--gq-color-23-bkgnd);
color: var(--gq-color-23-text);
}
.gq-queue-bkgnd-23 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-23-bkgnd);
}
.gq-queue-bkgnd-23 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-23-bkgnd);
}
.gq-queue-bkgnd-23.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-23 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-23-drop-border);
background-color: var(--gq-color-23-drop-bkgnd);
color: var(--gq-color-23-text);
}
/*------ 4 - TURQ3 --------*/
.gq-theme-box .gq-queue-bkgnd-4.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-4 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-4-selected-border);
background-color: var(--gq-color-4-bkgnd);
}
.gq-queue-bkgnd-4 .gq-i-selector-right,
.gq-queue-bkgnd-4 .gq-i-selector {
background-color: var(--gq-color-4-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-4,
.gq-task-tag.gq-queue-bkgnd-4,
.gq-task-tag.gq-queue-bkgnd-4 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-4 .gq-task-tag-delete {
color: var(--gq-color-4-text);
}
.gq-activity-queue.gq-queue-bkgnd-4:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-4,
#gqQueueContentRight.gq-queue-bkgnd-4 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-4 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-4,
.gq-task-tag.gq-queue-bkgnd-4 .gq-task-tag-delete,
.gq-queue-bkgnd-4 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-4 div,
.gq-palette-wrapper .gq-queue-bkgnd-4,
.gq-queue-bkgnd-4 .gq-i-sub-btn span,
.gq-queue-bkgnd-4 .gq-i-sub-ctrls,
.gq-queue-bkgnd-4 .gq-queue-handle {
background-color: var(--gq-color-4-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-4.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-4.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-4-text);
}
.gq-queue-bkgnd-4.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-4 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-4.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-4 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-4-selected-border);
color: var(--gq-color-4-text);
--gq-task-selected-shadow: var(--gq-color-4-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-4-bkgnd);
}
.gq-queue-bkgnd-4 .gq-task-date-completed,
.gq-queue-bkgnd-4 .gq-i-sub-ctrls,
.gq-queue-bkgnd-4 .gq-task-order,
.gq-queue-bkgnd-4 .gq-task-order:after {
background-color: var(--gq-color-4-bkgnd);
color: var(--gq-color-4-text);
}
.gq-queue-bkgnd-4 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-4-bkgnd);
}
.gq-queue-bkgnd-4 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-4-bkgnd);
}
.gq-queue-bkgnd-4.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-4 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-4-drop-border);
color: var(--gq-color-4-drop-border);
background-color: var(--gq-color-4-drop-bkgnd);
}
/*------ 25 - TURQ4 --------*/
.gq-theme-box .gq-queue-bkgnd-25.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-25 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-25-selected-border);
background-color: var(--gq-color-25-bkgnd);
}
.gq-queue-bkgnd-25 .gq-i-selector-right,
.gq-queue-bkgnd-25 .gq-i-selector {
background-color: var(--gq-color-25-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-25,
.gq-task-tag.gq-queue-bkgnd-25,
.gq-task-tag.gq-queue-bkgnd-25 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-25 .gq-task-tag-delete {
color: var(--gq-color-25-text);
}
.gq-activity-queue.gq-queue-bkgnd-25:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-25,
#gqQueueContentRight.gq-queue-bkgnd-25 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-25 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-25,
.gq-task-tag.gq-queue-bkgnd-25 .gq-task-tag-delete,
.gq-queue-bkgnd-25 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-25 div,
.gq-palette-wrapper .gq-queue-bkgnd-25,
.gq-queue-bkgnd-25 .gq-i-sub-btn span,
.gq-queue-bkgnd-25 .gq-i-sub-ctrls,
.gq-queue-bkgnd-25 .gq-queue-handle {
background-color: var(--gq-color-25-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-25.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-25.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-25-text);
}
.gq-queue-bkgnd-25.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-25 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-25.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-25 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-25-selected-border);
color: var(--gq-color-25-text);
--gq-task-selected-shadow: var(--gq-color-25-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-25-bkgnd);
}
.gq-queue-bkgnd-25 .gq-task-date-completed,
.gq-queue-bkgnd-25 .gq-i-sub-ctrls,
.gq-queue-bkgnd-25 .gq-task-order,
.gq-queue-bkgnd-25 .gq-task-order:after {
background-color: var(--gq-color-25-bkgnd);
color: var(--gq-color-25-text);
}
.gq-queue-bkgnd-25 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-25-bkgnd);
}
.gq-queue-bkgnd-25 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-25-bkgnd);
}
.gq-queue-bkgnd-25.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-25 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-25-drop-border);
color: var(--gq-color-25-drop-border);
background-color: var(--gq-color-25-drop-bkgnd);
}
/*------ 26 - TURQ5 --------*/
.gq-theme-box .gq-queue-bkgnd-26.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-26 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-26-selected-border);
background-color: var(--gq-color-26-bkgnd);
}
.gq-queue-bkgnd-26 .gq-i-selector-right,
.gq-queue-bkgnd-26 .gq-i-selector {
background-color: var(--gq-color-26-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-26,
.gq-task-tag.gq-queue-bkgnd-26,
.gq-task-tag.gq-queue-bkgnd-26 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-26 .gq-task-tag-delete {
color: var(--gq-color-26-text);
}
.gq-activity-queue.gq-queue-bkgnd-26:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-26,
#gqQueueContentRight.gq-queue-bkgnd-26 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-26 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-26,
.gq-task-tag.gq-queue-bkgnd-26 .gq-task-tag-delete,
.gq-queue-bkgnd-26 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-26 div,
.gq-palette-wrapper .gq-queue-bkgnd-26,
.gq-queue-bkgnd-26 .gq-i-sub-btn span,
.gq-queue-bkgnd-26 .gq-i-sub-ctrls,
.gq-queue-bkgnd-26 .gq-queue-handle {
background-color: var(--gq-color-26-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-26.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-26.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-26-text);
}
.gq-queue-bkgnd-26.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-26 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-26.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-26 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-26-selected-border);
color: var(--gq-color-26-text);
--gq-task-selected-shadow: var(--gq-color-26-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-26-bkgnd);
}
.gq-queue-bkgnd-26 .gq-task-date-completed,
.gq-queue-bkgnd-26 .gq-i-sub-ctrls,
.gq-queue-bkgnd-26 .gq-task-order,
.gq-queue-bkgnd-26 .gq-task-order:after {
background-color: var(--gq-color-26-bkgnd);
color: var(--gq-color-26-text);
}
.gq-queue-bkgnd-26 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-26-bkgnd);
}
.gq-queue-bkgnd-26 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-26-bkgnd);
}
.gq-queue-bkgnd-26.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-26 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-26-drop-border);
color: var(--gq-color-26-drop-border);
background-color: var(--gq-color-26-drop-bkgnd);
}
/*------ 28 - GREEN1 --------*/
.gq-theme-box .gq-queue-bkgnd-28.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-28 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-28-selected-border);
background-color: var(--gq-color-28-bkgnd);
}
.gq-queue-bkgnd-28 .gq-i-selector-right,
.gq-queue-bkgnd-28 .gq-i-selector {
background-color: var(--gq-color-28-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-28,
.gq-task-tag.gq-queue-bkgnd-28,
.gq-task-tag.gq-queue-bkgnd-28 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-28 .gq-task-tag-delete {
color: var(--gq-color-28-text);
}
.gq-activity-queue.gq-queue-bkgnd-28:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-28,
#gqQueueContentRight.gq-queue-bkgnd-28 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-28 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-28,
.gq-task-tag.gq-queue-bkgnd-28 .gq-task-tag-delete,
.gq-queue-bkgnd-28 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-28 div,
.gq-palette-wrapper .gq-queue-bkgnd-28,
.gq-queue-bkgnd-28 .gq-i-sub-btn span,
.gq-queue-bkgnd-28 .gq-i-sub-ctrls,
.gq-queue-bkgnd-28 .gq-queue-handle {
background-color: var(--gq-color-28-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-28.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-28.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-28-text);
}
.gq-queue-bkgnd-28.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-28 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-28.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-28 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-28-selected-border);
color: var(--gq-color-28-text);
--gq-task-selected-shadow: var(--gq-color-28-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-28-bkgnd);
}
.gq-queue-bkgnd-28 .gq-task-date-completed,
.gq-queue-bkgnd-28 .gq-i-sub-ctrls,
.gq-queue-bkgnd-28 .gq-task-order,
.gq-queue-bkgnd-28 .gq-task-order:after {
background-color: var(--gq-color-28-bkgnd);
color: var(--gq-color-28-text);
}
.gq-queue-bkgnd-28 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-28-bkgnd);
}
.gq-queue-bkgnd-28 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-28-bkgnd);
}
.gq-queue-bkgnd-28.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-28 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-28-drop-border) !important;
background-color: var(--gq-color-28-drop-bkgnd);
color: var(--gq-color-28-text);
}
/*------ 27 - GREEN2 --------*/
.gq-theme-box .gq-queue-bkgnd-27.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-27 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-27-selected-border);
background-color: var(--gq-color-27-bkgnd);
}
.gq-queue-bkgnd-27 .gq-i-selector-right,
.gq-queue-bkgnd-27 .gq-i-selector {
background-color: var(--gq-color-27-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-27,
.gq-task-tag.gq-queue-bkgnd-27,
.gq-task-tag.gq-queue-bkgnd-27 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-27 .gq-task-tag-delete {
color: var(--gq-color-27-text);
}
.gq-activity-queue.gq-queue-bkgnd-27:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-27,
#gqQueueContentRight.gq-queue-bkgnd-27 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-27 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-27,
.gq-task-tag.gq-queue-bkgnd-27 .gq-task-tag-delete,
.gq-queue-bkgnd-27 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-27 div,
.gq-palette-wrapper .gq-queue-bkgnd-27,
.gq-queue-bkgnd-27 .gq-i-sub-btn span,
.gq-queue-bkgnd-27 .gq-i-sub-ctrls,
.gq-queue-bkgnd-27 .gq-queue-handle {
background-color: var(--gq-color-27-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-27.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-27.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-27-text);
}
.gq-queue-bkgnd-27.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-27 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-27.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-27 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-27-selected-border);
color: var(--gq-color-27-text);
--gq-task-selected-shadow: var(--gq-color-27-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-27-bkgnd);
}
.gq-queue-bkgnd-27 .gq-task-date-completed,
.gq-queue-bkgnd-27 .gq-i-sub-ctrls,
.gq-queue-bkgnd-27 .gq-task-order,
.gq-queue-bkgnd-27 .gq-task-order:after {
background-color: var(--gq-color-27-bkgnd);
color: var(--gq-color-27-text);
}
.gq-queue-bkgnd-27 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-27-bkgnd);
}
.gq-queue-bkgnd-27 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-27-bkgnd);
}
.gq-queue-bkgnd-27.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-27 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-27-drop-border);
background-color: var(--gq-color-27-drop-bkgnd);
color: var(--gq-color-27-text);
}
/*------ 10 - GREEN3 --------*/
.gq-theme-box .gq-queue-bkgnd-10.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-10 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-10-selected-border);
background-color: var(--gq-color-10-bkgnd);
}
.gq-queue-bkgnd-10 .gq-i-selector-right,
.gq-queue-bkgnd-10 .gq-i-selector {
background-color: var(--gq-color-10-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-10,
.gq-task-tag.gq-queue-bkgnd-10,
.gq-task-tag.gq-queue-bkgnd-10 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-10 .gq-task-tag-delete {
color: var(--gq-color-10-text);
}
.gq-activity-queue.gq-queue-bkgnd-10:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-10,
#gqQueueContentRight.gq-queue-bkgnd-10 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-10 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-10,
.gq-task-tag.gq-queue-bkgnd-10 .gq-task-tag-delete,
.gq-queue-bkgnd-10 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-10 div,
.gq-palette-wrapper .gq-queue-bkgnd-10,
.gq-queue-bkgnd-10 .gq-i-sub-btn span,
.gq-queue-bkgnd-10 .gq-i-sub-ctrls,
.gq-queue-bkgnd-10 .gq-queue-handle {
background-color: var(--gq-color-10-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-10.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-10.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-10-text);
}
.gq-queue-bkgnd-10.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-10 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-10.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-10 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-10-selected-border);
color: var(--gq-color-10-text);
--gq-task-selected-shadow: var(--gq-color-10-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-10-bkgnd);
}
.gq-queue-bkgnd-10 .gq-task-date-completed,
.gq-queue-bkgnd-10 .gq-i-sub-ctrls,
.gq-queue-bkgnd-10 .gq-task-order,
.gq-queue-bkgnd-10 .gq-task-order:after {
background-color: var(--gq-color-10-bkgnd);
color: var(--gq-color-10-text);
}
.gq-queue-bkgnd-10 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-10-bkgnd);
}
.gq-queue-bkgnd-10 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-10-bkgnd);
}
.gq-queue-bkgnd-10.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-10 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-10-drop-border) !important;
color: var(--gq-color-10-drop-border);
background-color: var(--gq-color-10-drop-bkgnd);
}
/*------ 29 - GREEN4 --------*/
.gq-theme-box .gq-queue-bkgnd-29.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-29 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-29-selected-border);
background-color: var(--gq-color-29-bkgnd);
}
.gq-queue-bkgnd-29 .gq-i-selector-right,
.gq-queue-bkgnd-29 .gq-i-selector {
background-color: var(--gq-color-29-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-29,
.gq-task-tag.gq-queue-bkgnd-29,
.gq-task-tag.gq-queue-bkgnd-29 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-29 .gq-task-tag-delete {
color: var(--gq-color-29-text);
}
.gq-activity-queue.gq-queue-bkgnd-29:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-29,
#gqQueueContentRight.gq-queue-bkgnd-29 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-29 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-29,
.gq-task-tag.gq-queue-bkgnd-29 .gq-task-tag-delete,
.gq-queue-bkgnd-29 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-29 div,
.gq-palette-wrapper .gq-queue-bkgnd-29,
.gq-queue-bkgnd-29 .gq-i-sub-btn span,
.gq-queue-bkgnd-29 .gq-i-sub-ctrls,
.gq-queue-bkgnd-29 .gq-queue-handle {
background-color: var(--gq-color-29-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-29.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-29.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-29-text);
}
.gq-queue-bkgnd-29.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-29 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-29.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-29 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-29-selected-border);
color: var(--gq-color-29-text);
--gq-task-selected-shadow: var(--gq-color-29-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-29-bkgnd);
}
.gq-queue-bkgnd-29 .gq-task-date-completed,
.gq-queue-bkgnd-29 .gq-i-sub-ctrls,
.gq-queue-bkgnd-29 .gq-task-order,
.gq-queue-bkgnd-29 .gq-task-order:after {
background-color: var(--gq-color-29-bkgnd);
color: var(--gq-color-29-text);
}
.gq-queue-bkgnd-29 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-29-bkgnd);
}
.gq-queue-bkgnd-29 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-29-bkgnd);
}
.gq-queue-bkgnd-29.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-29 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-29-drop-border);
color: var(--gq-color-29-drop-border);
background-color: var(--gq-color-29-drop-bkgnd);
}
/*------ 24 - GREEN5 --------*/
.gq-theme-box .gq-queue-bkgnd-24.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-24 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-24-selected-border);
background-color: var(--gq-color-24-bkgnd);
}
.gq-queue-bkgnd-24 .gq-i-selector-right,
.gq-queue-bkgnd-24 .gq-i-selector {
background-color: var(--gq-color-24-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-24,
.gq-task-tag.gq-queue-bkgnd-24,
.gq-task-tag.gq-queue-bkgnd-24 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-24 .gq-task-tag-delete {
color: var(--gq-color-24-text);
}
.gq-activity-queue.gq-queue-bkgnd-24:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-24,
#gqQueueContentRight.gq-queue-bkgnd-24 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-24 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-24,
.gq-task-tag.gq-queue-bkgnd-24 .gq-task-tag-delete,
.gq-queue-bkgnd-24 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-24 div,
.gq-palette-wrapper .gq-queue-bkgnd-24,
.gq-queue-bkgnd-24 .gq-i-sub-btn span,
.gq-queue-bkgnd-24 .gq-i-sub-ctrls,
.gq-queue-bkgnd-24 .gq-queue-handle {
background-color: var(--gq-color-24-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-24.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-24.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-24-text);
}
.gq-queue-bkgnd-24.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-24 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-24.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-24 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-24-selected-border);
color: var(--gq-color-24-text);
--gq-task-selected-shadow: var(--gq-color-24-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-24-bkgnd);
}
.gq-queue-bkgnd-24 .gq-task-date-completed,
.gq-queue-bkgnd-24 .gq-i-sub-ctrls,
.gq-queue-bkgnd-24 .gq-task-order,
.gq-queue-bkgnd-24 .gq-task-order:after {
background-color: var(--gq-color-24-bkgnd);
color: var(--gq-color-24-text);
}
.gq-queue-bkgnd-24 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-24-bkgnd);
}
.gq-queue-bkgnd-24 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-24-bkgnd);
}
.gq-queue-bkgnd-24.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-24 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-24-drop-border) !important;
color: var(--gq-color-24-drop-border);
background-color: var(--gq-color-24-drop-bkgnd);
}
/*------ 30 - BROWN1 --------*/
.gq-theme-box .gq-queue-bkgnd-30.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-30 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-30-selected-border);
background-color: var(--gq-color-30-bkgnd);
}
.gq-queue-bkgnd-30 .gq-i-selector-right,
.gq-queue-bkgnd-30 .gq-i-selector {
background-color: var(--gq-color-30-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-30,
.gq-task-tag.gq-queue-bkgnd-30,
.gq-task-tag.gq-queue-bkgnd-30 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-30 .gq-task-tag-delete {
color: var(--gq-color-30-text);
}
.gq-activity-queue.gq-queue-bkgnd-30:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-30,
#gqQueueContentRight.gq-queue-bkgnd-30 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-30 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-30,
.gq-task-tag.gq-queue-bkgnd-30 .gq-task-tag-delete,
.gq-queue-bkgnd-30 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-30 div,
.gq-palette-wrapper .gq-queue-bkgnd-30,
.gq-queue-bkgnd-30 .gq-i-sub-btn span,
.gq-queue-bkgnd-30 .gq-i-sub-ctrls,
.gq-queue-bkgnd-30 .gq-queue-handle {
background-color: var(--gq-color-30-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-30.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-30.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-30-text);
}
.gq-queue-bkgnd-30.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-30 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-30.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-30 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-30-selected-border);
color: var(--gq-color-30-text);
--gq-task-selected-shadow: var(--gq-color-30-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-30-bkgnd);
}
.gq-queue-bkgnd-30 .gq-task-date-completed,
.gq-queue-bkgnd-30 .gq-i-sub-ctrls,
.gq-queue-bkgnd-30 .gq-task-order,
.gq-queue-bkgnd-30 .gq-task-order:after {
background-color: var(--gq-color-30-bkgnd);
color: var(--gq-color-30-text);
}
.gq-queue-bkgnd-30 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-30-bkgnd);
}
.gq-queue-bkgnd-30 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-30-bkgnd);
}
.gq-queue-bkgnd-30.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-30 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-30-drop-border);
background-color: var(--gq-color-30-drop-bkgnd);
color: var(--gq-color-30-text);
}
/*------ 7 - BROWN2 --------*/
.gq-theme-box .gq-queue-bkgnd-7.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-7 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-7-selected-border);
background-color: var(--gq-color-7-bkgnd);
}
.gq-queue-bkgnd-7 .gq-i-selector-right,
.gq-queue-bkgnd-7 .gq-i-selector {
background-color: var(--gq-color-7-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-7,
.gq-task-tag.gq-queue-bkgnd-7,
.gq-task-tag.gq-queue-bkgnd-7 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-7 .gq-task-tag-delete {
color: var(--gq-color-7-text);
}
.gq-activity-queue.gq-queue-bkgnd-7:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-7,
#gqQueueContentRight.gq-queue-bkgnd-7 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-7 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-7,
.gq-task-tag.gq-queue-bkgnd-7 .gq-task-tag-delete,
.gq-queue-bkgnd-7 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-7 div,
.gq-palette-wrapper .gq-queue-bkgnd-7,
.gq-queue-bkgnd-7 .gq-i-sub-btn span,
.gq-queue-bkgnd-7 .gq-i-sub-ctrls,
.gq-queue-bkgnd-7 .gq-queue-handle {
background-color: var(--gq-color-7-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-7.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-7.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-7-text);
}
.gq-queue-bkgnd-7.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-7 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-7.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-7 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-7-selected-border);
color: var(--gq-color-7-text);
--gq-task-selected-shadow: var(--gq-color-7-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-7-bkgnd);
}
.gq-queue-bkgnd-7 .gq-task-date-completed,
.gq-queue-bkgnd-7 .gq-i-sub-ctrls,
.gq-queue-bkgnd-7 .gq-task-order,
.gq-queue-bkgnd-7 .gq-task-order:after {
background-color: var(--gq-color-7-bkgnd);
color: var(--gq-color-7-text);
}
.gq-queue-bkgnd-7 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-7-bkgnd);
}
.gq-queue-bkgnd-7 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-7-bkgnd);
}
.gq-queue-bkgnd-7.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-7 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-7-drop-border) !important;
background-color: var(--gq-color-7-drop-bkgnd);
color: var(--gq-color-7-text);
}
/*------ 3 - BROWN3 --------*/
.gq-theme-box .gq-queue-bkgnd-3.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-3 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-3-selected-border);
background-color: var(--gq-color-3-bkgnd);
}
.gq-queue-bkgnd-3 .gq-i-selector-right,
.gq-queue-bkgnd-3 .gq-i-selector {
background-color: var(--gq-color-3-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-3,
.gq-task-tag.gq-queue-bkgnd-3,
.gq-task-tag.gq-queue-bkgnd-3 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-3 .gq-task-tag-delete {
color: var(--gq-color-3-text);
}
.gq-activity-queue.gq-queue-bkgnd-3:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-3,
#gqQueueContentRight.gq-queue-bkgnd-3 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-3 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-3,
.gq-task-tag.gq-queue-bkgnd-3 .gq-task-tag-delete,
.gq-queue-bkgnd-3 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-3 div,
.gq-palette-wrapper .gq-queue-bkgnd-3,
.gq-queue-bkgnd-3 .gq-i-sub-btn span,
.gq-queue-bkgnd-3 .gq-i-sub-ctrls,
.gq-queue-bkgnd-3 .gq-queue-handle {
background-color: var(--gq-color-3-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-3.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-3.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-3-text);
}
.gq-queue-bkgnd-3.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-3 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-3.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-3 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-3-selected-border);
color: var(--gq-color-3-text);
--gq-task-selected-shadow: var(--gq-color-3-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-3-bkgnd);
}
.gq-queue-bkgnd-3 .gq-task-date-completed,
.gq-queue-bkgnd-3 .gq-i-sub-ctrls,
.gq-queue-bkgnd-3 .gq-task-order,
.gq-queue-bkgnd-3 .gq-task-order:after {
background-color: var(--gq-color-3-bkgnd);
color: var(--gq-color-3-text);
}
.gq-queue-bkgnd-3 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-3-bkgnd);
}
.gq-queue-bkgnd-3 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-3-bkgnd);
}
.gq-queue-bkgnd-3.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-3 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-3-drop-border);
color: var(--gq-color-3-drop-border);
background-color: var(--gq-color-3-drop-bkgnd);
}
/*------ 6 - BROWN4 --------*/
.gq-theme-box .gq-queue-bkgnd-6.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-6 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-6-selected-border);
background-color: var(--gq-color-6-bkgnd);
}
.gq-queue-bkgnd-6 .gq-i-selector-right,
.gq-queue-bkgnd-6 .gq-i-selector {
background-color: var(--gq-color-6-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-6,
.gq-task-tag.gq-queue-bkgnd-6,
.gq-task-tag.gq-queue-bkgnd-6 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-6 .gq-task-tag-delete {
color: var(--gq-color-6-text);
}
.gq-activity-queue.gq-queue-bkgnd-6:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-6,
#gqQueueContentRight.gq-queue-bkgnd-6 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-6 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-6,
.gq-task-tag.gq-queue-bkgnd-6 .gq-task-tag-delete,
.gq-queue-bkgnd-6 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-6 div,
.gq-palette-wrapper .gq-queue-bkgnd-6,
.gq-queue-bkgnd-6 .gq-i-sub-btn span,
.gq-queue-bkgnd-6 .gq-i-sub-ctrls,
.gq-queue-bkgnd-6 .gq-queue-handle {
background-color: var(--gq-color-6-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-6.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-6.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-6-text);
}
.gq-queue-bkgnd-6.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-6 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-6.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-6 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-6-selected-border);
color: var(--gq-color-6-text);
--gq-task-selected-shadow: var(--gq-color-6-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-6-bkgnd);
}
.gq-queue-bkgnd-6 .gq-task-date-completed,
.gq-queue-bkgnd-6 .gq-i-sub-ctrls,
.gq-queue-bkgnd-6 .gq-task-order,
.gq-queue-bkgnd-6 .gq-task-order:after {
background-color: var(--gq-color-6-bkgnd);
color: var(--gq-color-6-text);
}
.gq-queue-bkgnd-6 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-6-bkgnd);
}
.gq-queue-bkgnd-6 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-6-bkgnd);
}
.gq-queue-bkgnd-6.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-6 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-6-drop-border) !important;
color: var(--gq-color-6-drop-border);
background-color: var(--gq-color-6-drop-bkgnd);
}
/*------ 9 - BROWN5 --------*/
.gq-theme-box .gq-queue-bkgnd-9.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-9 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-9-selected-border);
background-color: var(--gq-color-9-bkgnd);
}
.gq-queue-bkgnd-9 .gq-i-selector-right,
.gq-queue-bkgnd-9 .gq-i-selector {
background-color: var(--gq-color-9-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-9,
.gq-task-tag.gq-queue-bkgnd-9,
.gq-task-tag.gq-queue-bkgnd-9 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-9 .gq-task-tag-delete {
color: var(--gq-color-9-text);
}
.gq-activity-queue.gq-queue-bkgnd-9:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-9,
#gqQueueContentRight.gq-queue-bkgnd-9 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-9 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-9,
.gq-task-tag.gq-queue-bkgnd-9 .gq-task-tag-delete,
.gq-queue-bkgnd-9 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-9 div,
.gq-palette-wrapper .gq-queue-bkgnd-9,
.gq-queue-bkgnd-9 .gq-i-sub-btn span,
.gq-queue-bkgnd-9 .gq-i-sub-ctrls,
.gq-queue-bkgnd-9 .gq-queue-handle {
background-color: var(--gq-color-9-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-9.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-9.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-9-text);
}
.gq-queue-bkgnd-9.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-9 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-9.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-9 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-9-selected-border);
color: var(--gq-color-9-text);
--gq-task-selected-shadow: var(--gq-color-9-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-9-bkgnd);
}
.gq-queue-bkgnd-9 .gq-task-date-completed,
.gq-queue-bkgnd-9 .gq-i-sub-ctrls,
.gq-queue-bkgnd-9 .gq-task-order,
.gq-queue-bkgnd-9 .gq-task-order:after {
background-color: var(--gq-color-9-bkgnd);
color: var(--gq-color-9-text);
}
.gq-queue-bkgnd-9 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-9-bkgnd);
}
.gq-queue-bkgnd-9 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-9-bkgnd);
}
.gq-queue-bkgnd-9.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-9 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-9-drop-border);
color: var(--gq-color-9-drop-border);
background-color: var(--gq-color-9-drop-bkgnd);
}
/*------ 11 - RED1 --------*/
.gq-theme-box .gq-queue-bkgnd-11.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-11 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-11-selected-border);
background-color: var(--gq-color-11-bkgnd);
}
.gq-queue-bkgnd-11 .gq-i-selector-right,
.gq-queue-bkgnd-11 .gq-i-selector {
background-color: var(--gq-color-11-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-11,
.gq-task-tag.gq-queue-bkgnd-11,
.gq-task-tag.gq-queue-bkgnd-11 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-11 .gq-task-tag-delete {
color: var(--gq-color-11-text);
}
.gq-activity-queue.gq-queue-bkgnd-11:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-11,
#gqQueueContentRight.gq-queue-bkgnd-11 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-11 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-11,
.gq-task-tag.gq-queue-bkgnd-11 .gq-task-tag-delete,
.gq-queue-bkgnd-11 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-11 div,
.gq-palette-wrapper .gq-queue-bkgnd-11,
.gq-queue-bkgnd-11 .gq-i-sub-btn span,
.gq-queue-bkgnd-11 .gq-i-sub-ctrls,
.gq-queue-bkgnd-11 .gq-queue-handle {
background-color: var(--gq-color-11-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-11.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-11.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-11-text);
}
.gq-queue-bkgnd-11.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-11 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-11.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-11 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-11-selected-border);
color: var(--gq-color-11-text);
--gq-task-selected-shadow: var(--gq-color-11-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-11-bkgnd);
}
.gq-queue-bkgnd-11 .gq-task-date-completed,
.gq-queue-bkgnd-11 .gq-i-sub-ctrls,
.gq-queue-bkgnd-11 .gq-task-order,
.gq-queue-bkgnd-11 .gq-task-order:after {
background-color: var(--gq-color-11-bkgnd);
color: var(--gq-color-11-text);
}
.gq-queue-bkgnd-11 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-11-bkgnd);
}
.gq-queue-bkgnd-11 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-11-bkgnd);
}
.gq-queue-bkgnd-11.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-11 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-11-drop-border) !important;
background-color: var(--gq-color-11-drop-bkgnd);
color: var(--gq-color-11-text);
}
/*------ 12 - RED2 --------*/
.gq-theme-box .gq-queue-bkgnd-12.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-12 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-12-selected-border);
background-color: var(--gq-color-12-bkgnd);
}
.gq-queue-bkgnd-12 .gq-i-selector-right,
.gq-queue-bkgnd-12 .gq-i-selector {
background-color: var(--gq-color-12-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-12,
.gq-task-tag.gq-queue-bkgnd-12,
.gq-task-tag.gq-queue-bkgnd-12 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-12 .gq-task-tag-delete {
color: var(--gq-color-12-text);
}
.gq-activity-queue.gq-queue-bkgnd-12:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-12,
#gqQueueContentRight.gq-queue-bkgnd-12 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-12 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-12,
.gq-task-tag.gq-queue-bkgnd-12 .gq-task-tag-delete,
.gq-queue-bkgnd-12 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-12 div,
.gq-palette-wrapper .gq-queue-bkgnd-12,
.gq-queue-bkgnd-12 .gq-i-sub-btn span,
.gq-queue-bkgnd-12 .gq-i-sub-ctrls,
.gq-queue-bkgnd-12 .gq-queue-handle {
background-color: var(--gq-color-12-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-12.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-12.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-12-text);
}
.gq-queue-bkgnd-12.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-12 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-12.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-12 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-12-selected-border);
color: var(--gq-color-12-text);
--gq-task-selected-shadow: var(--gq-color-12-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-12-bkgnd);
}
.gq-queue-bkgnd-12 .gq-task-date-completed,
.gq-queue-bkgnd-12 .gq-i-sub-ctrls,
.gq-queue-bkgnd-12 .gq-task-order,
.gq-queue-bkgnd-12 .gq-task-order:after {
background-color: var(--gq-color-12-bkgnd);
color: var(--gq-color-12-text);
}
.gq-queue-bkgnd-12 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-12-bkgnd);
}
.gq-queue-bkgnd-12 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-12-bkgnd);
}
.gq-queue-bkgnd-12.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-12 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-12-drop-border);
background-color: var(--gq-color-12-drop-bkgnd);
color: var(--gq-color-12-text);
}
/*------ 5 - RED3 --------*/
.gq-theme-box .gq-queue-bkgnd-5.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-5 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-5-selected-border);
background-color: var(--gq-color-5-bkgnd);
}
.gq-queue-bkgnd-5 .gq-i-selector-right,
.gq-queue-bkgnd-5 .gq-i-selector {
background-color: var(--gq-color-5-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-5,
.gq-task-tag.gq-queue-bkgnd-5,
.gq-task-tag.gq-queue-bkgnd-5 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-5 .gq-task-tag-delete {
color: var(--gq-color-5-text);
}
.gq-activity-queue.gq-queue-bkgnd-5:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-5,
#gqQueueContentRight.gq-queue-bkgnd-5 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-5 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-5,
.gq-task-tag.gq-queue-bkgnd-5 .gq-task-tag-delete,
.gq-queue-bkgnd-5 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-5 div,
.gq-palette-wrapper .gq-queue-bkgnd-5,
.gq-queue-bkgnd-5 .gq-i-sub-btn span,
.gq-queue-bkgnd-5 .gq-i-sub-ctrls,
.gq-queue-bkgnd-5 .gq-queue-handle {
background-color: var(--gq-color-5-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-5.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-5.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-5-text);
}
.gq-queue-bkgnd-5.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-5 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-5.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-5 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-5-selected-border);
color: var(--gq-color-5-text);
--gq-task-selected-shadow: var(--gq-color-5-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-5-bkgnd);
}
.gq-queue-bkgnd-5 .gq-task-date-completed,
.gq-queue-bkgnd-5 .gq-i-sub-ctrls,
.gq-queue-bkgnd-5 .gq-task-order,
.gq-queue-bkgnd-5 .gq-task-order:after {
background-color: var(--gq-color-5-bkgnd);
color: var(--gq-color-5-text);
}
.gq-queue-bkgnd-5 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-5-bkgnd);
}
.gq-queue-bkgnd-5 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-5-bkgnd);
}
.gq-queue-bkgnd-5.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-5 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-5-drop-border) !important;
color: var(--gq-color-5-drop-border);
background-color: var(--gq-color-5-drop-bkgnd);
}
/*------ 13 - RED4 --------*/
.gq-theme-box .gq-queue-bkgnd-13.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-13 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-13-selected-border);
background-color: var(--gq-color-13-bkgnd);
}
.gq-queue-bkgnd-13 .gq-i-selector-right,
.gq-queue-bkgnd-13 .gq-i-selector {
background-color: var(--gq-color-13-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-13,
.gq-task-tag.gq-queue-bkgnd-13,
.gq-task-tag.gq-queue-bkgnd-13 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-13 .gq-task-tag-delete {
color: var(--gq-color-13-text);
}
.gq-activity-queue.gq-queue-bkgnd-13:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-13,
#gqQueueContentRight.gq-queue-bkgnd-13 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-13 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-13,
.gq-task-tag.gq-queue-bkgnd-13 .gq-task-tag-delete,
.gq-queue-bkgnd-13 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-13 div,
.gq-palette-wrapper .gq-queue-bkgnd-13,
.gq-queue-bkgnd-13 .gq-i-sub-btn span,
.gq-queue-bkgnd-13 .gq-i-sub-ctrls,
.gq-queue-bkgnd-13 .gq-queue-handle {
background-color: var(--gq-color-13-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-13.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-13.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-13-text);
}
.gq-queue-bkgnd-13.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-13 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-13.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-13 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-13-selected-border);
color: var(--gq-color-13-text);
--gq-task-selected-shadow: var(--gq-color-13-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-13-bkgnd);
}
.gq-queue-bkgnd-13 .gq-task-date-completed,
.gq-queue-bkgnd-13 .gq-i-sub-ctrls,
.gq-queue-bkgnd-13 .gq-task-order,
.gq-queue-bkgnd-13 .gq-task-order:after {
background-color: var(--gq-color-13-bkgnd);
color: var(--gq-color-13-text);
}
.gq-queue-bkgnd-13 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-13-bkgnd);
}
.gq-queue-bkgnd-13 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-13-bkgnd);
}
.gq-queue-bkgnd-13.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-13 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-13-drop-border);
color: var(--gq-color-13-drop-border);
background-color: var(--gq-color-13-drop-bkgnd);
}
/*------ 14 - RED5 --------*/
.gq-theme-box .gq-queue-bkgnd-14.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-14 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-14-selected-border);
background-color: var(--gq-color-14-bkgnd);
}
.gq-queue-bkgnd-14 .gq-i-selector-right,
.gq-queue-bkgnd-14 .gq-i-selector {
background-color: var(--gq-color-14-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-14,
.gq-task-tag.gq-queue-bkgnd-14,
.gq-task-tag.gq-queue-bkgnd-14 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-14 .gq-task-tag-delete {
color: var(--gq-color-14-text);
}
.gq-activity-queue.gq-queue-bkgnd-14:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-14,
#gqQueueContentRight.gq-queue-bkgnd-14 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-14 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-14,
.gq-task-tag.gq-queue-bkgnd-14 .gq-task-tag-delete,
.gq-queue-bkgnd-14 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-14 div,
.gq-palette-wrapper .gq-queue-bkgnd-14,
.gq-queue-bkgnd-14 .gq-i-sub-btn span,
.gq-queue-bkgnd-14 .gq-i-sub-ctrls,
.gq-queue-bkgnd-14 .gq-queue-handle {
background-color: var(--gq-color-14-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-14.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-14.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-14-text);
}
.gq-queue-bkgnd-14.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-14 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-14.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-14 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-14-selected-border);
color: var(--gq-color-14-text);
--gq-task-selected-shadow: var(--gq-color-14-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-14-bkgnd);
}
.gq-queue-bkgnd-14 .gq-task-date-completed,
.gq-queue-bkgnd-14 .gq-i-sub-ctrls,
.gq-queue-bkgnd-14 .gq-task-order,
.gq-queue-bkgnd-14 .gq-task-order:after {
background-color: var(--gq-color-14-bkgnd);
color: var(--gq-color-14-text);
}
.gq-queue-bkgnd-14 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-14-bkgnd);
}
.gq-queue-bkgnd-14 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-14-bkgnd);
}
.gq-queue-bkgnd-14.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-14 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-14-drop-border) !important;
color: var(--gq-color-14-drop-border);
background-color: var(--gq-color-14-drop-bkgnd);
}
/*------ 31 - BLACK1 --------*/
.gq-theme-box .gq-queue-bkgnd-31.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-31 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-31-selected-border);
background-color: var(--gq-color-31-bkgnd);
}
.gq-queue-bkgnd-31 .gq-i-selector-right,
.gq-queue-bkgnd-31 .gq-i-selector {
background-color: var(--gq-color-31-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-31,
.gq-task-tag.gq-queue-bkgnd-31,
.gq-task-tag.gq-queue-bkgnd-31 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-31 .gq-task-tag-delete {
color: var(--gq-color-31-text);
}
.gq-activity-queue.gq-queue-bkgnd-31:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-31,
#gqQueueContentRight.gq-queue-bkgnd-31 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-31 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-31,
.gq-task-tag.gq-queue-bkgnd-31 .gq-task-tag-delete,
.gq-queue-bkgnd-31 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-31 div,
.gq-palette-wrapper .gq-queue-bkgnd-31,
.gq-queue-bkgnd-31 .gq-i-sub-btn span,
.gq-queue-bkgnd-31 .gq-i-sub-ctrls,
.gq-queue-bkgnd-31 .gq-queue-handle {
background-color: var(--gq-color-31-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-31.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-31.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-31-text);
}
.gq-queue-bkgnd-31.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-31 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-31.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-31 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-31-selected-border);
color: var(--gq-color-31-text);
--gq-task-selected-shadow: var(--gq-color-31-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-31-bkgnd);
}
.gq-queue-bkgnd-31 .gq-task-date-completed,
.gq-queue-bkgnd-31 .gq-i-sub-ctrls,
.gq-queue-bkgnd-31 .gq-task-order,
.gq-queue-bkgnd-31 .gq-task-order:after {
background-color: var(--gq-color-31-bkgnd);
color: var(--gq-color-31-text);
}
.gq-queue-bkgnd-31 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-31-bkgnd);
}
.gq-queue-bkgnd-31 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-31-bkgnd);
}
.gq-queue-bkgnd-31.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-31 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-31-drop-border);
color: var(--gq-color-31-drop-border);
background-color: var(--gq-color-31-drop-bkgnd);
}
/*------ 32 - BLACK2 --------*/
.gq-theme-box .gq-queue-bkgnd-32.gq-task-selected > .gq-task-container:before,
.gq-theme-box .gq-queue-bkgnd-32 .gq-task-selected > .gq-task-container:before {
border-color: var(--gq-color-32-selected-border);
background-color: var(--gq-color-32-bkgnd);
}
.gq-queue-bkgnd-32 .gq-i-selector-right,
.gq-queue-bkgnd-32 .gq-i-selector {
background-color: var(--gq-color-32-bkgnd);
}
.gq-activity-tag.gq-queue-bkgnd-32,
.gq-task-tag.gq-queue-bkgnd-32,
.gq-task-tag.gq-queue-bkgnd-32 .gq-task-tag-content,
.gq-task-tag.gq-queue-bkgnd-32 .gq-task-tag-delete {
color: var(--gq-color-14-text);
}
.gq-activity-queue.gq-queue-bkgnd-32:hover .gq-activity-queue-block,
.gq-activity-tag.gq-queue-bkgnd-32,
#gqQueueContentRight.gq-queue-bkgnd-32 .gq-activity-item:hover .gq-activity-item-block,
#gqQueueContentRight.gq-queue-bkgnd-32 #gqQueueContentRightTitleBox,
.gq-task-tag.gq-queue-bkgnd-32,
.gq-task-tag.gq-queue-bkgnd-32 .gq-task-tag-delete,
.gq-queue-bkgnd-32 .gq-task-placeholder:after,
.gq-queue-colors .gq-queue-bkgnd-32 div,
.gq-palette-wrapper .gq-queue-bkgnd-32,
.gq-queue-bkgnd-32 .gq-i-sub-btn span,
.gq-queue-bkgnd-32 .gq-i-sub-ctrls,
.gq-queue-bkgnd-32 .gq-queue-handle {
background-color: var(--gq-color-32-bkgnd);
}
.gq-single #gqItemList > .gq-queue-bkgnd-32.gq-task-row > .gq-task-container .gq-task-order:before,
.gq-task #gqItemList > .gq-queue-bkgnd-32.gq-task-row > .gq-task-container .gq-task-order:before {
color: var(--gq-color-32-text);
}
.gq-queue-bkgnd-32.gq-task-row.gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-32 .gq-task-selected > .gq-task-container .gq-task-order:before,
.gq-queue-bkgnd-32.gq-task-selected > .gq-task-container .gq-task-date-completed:before,
.gq-queue-bkgnd-32 .gq-task-selected > .gq-task-container .gq-task-date-completed:before {
border-color: var(--gq-color-32-selected-border);
color: var(--gq-color-32-text);
--gq-task-selected-shadow: var(--gq-color-32-selected-shadow);
--gq-box-selected-order-bkgnd-color: var(--gq-color-32-bkgnd);
}
.gq-queue-bkgnd-32 .gq-task-date-completed,
.gq-queue-bkgnd-32 .gq-i-sub-ctrls,
.gq-queue-bkgnd-32 .gq-task-order,
.gq-queue-bkgnd-32 .gq-task-order:after {
background-color: var(--gq-color-32-bkgnd);
color: var(--gq-color-32-text);
}
.gq-queue-bkgnd-32 .gq-i-sub-btn div {
border-left: 7px solid var(--gq-color-32-bkgnd);
}
.gq-queue-bkgnd-32 .gq-i-sub-btn-open div {
border-top: 7px solid var(--gq-color-32-bkgnd);
}
.gq-queue-bkgnd-32.gq-task-row.gq-task-dropzone > .gq-task-container:after,
.gq-queue-bkgnd-32 .gq-task-row.gq-task-dropzone > .gq-task-container:after {
border-color: var(--gq-color-32-drop-border) !important;
color: var(--gq-color-32-drop-border);
background-color: var(--gq-color-32-drop-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-1 {
background-color: var(--gq-color-1-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-2 {
background-color: var(--gq-color-2-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-3 {
background-color: var(--gq-color-3-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-4 {
background-color: var(--gq-color-4-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-5 {
background-color: var(--gq-color-5-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-6 {
background-color: var(--gq-color-6-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-7 {
background-color: var(--gq-color-7-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-8 {
background-color: var(--gq-color-8-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-9 {
background-color: var(--gq-color-9-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-10 {
background-color: var(--gq-color-10-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-11 {
background-color: var(--gq-color-11-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-12 {
background-color: var(--gq-color-12-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-13 {
background-color: var(--gq-color-13-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-14 {
background-color: var(--gq-color-14-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-15 {
background-color: var(--gq-color-15-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-16 {
background-color: var(--gq-color-16-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-17 {
background-color: var(--gq-color-17-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-18 {
background-color: var(--gq-color-18-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-19 {
background-color: var(--gq-color-19-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-20 {
background-color: var(--gq-color-20-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-21 {
background-color: var(--gq-color-21-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-22 {
background-color: var(--gq-color-22-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-23 {
background-color: var(--gq-color-23-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-24 {
background-color: var(--gq-color-24-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-25 {
background-color: var(--gq-color-25-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-26 {
background-color: var(--gq-color-26-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-27 {
background-color: var(--gq-color-27-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-28 {
background-color: var(--gq-color-28-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-29 {
background-color: var(--gq-color-29-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-30 {
background-color: var(--gq-color-30-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-31 {
background-color: var(--gq-color-31-bkgnd);
}
.gq-queue-handle.gq-queue-bkgnd-32 {
background-color: var(--gq-color-32-bkgnd);
}
/************************/
/***** CONTROL PANEL ****/
/************************/
#gqControlPanel {
vertical-align: top;
min-width: 240px;
position: relative;
transition: margin 400ms cubic-bezier(0.4,0,0.2,1);
box-sizing: border-box;
height: 100%;
display: flex;
flex-direction: column;
}
#gqControlBar {
width: 8px;
background-color: transparent;
vertical-align: middle;
color: #FFF;
font-size: 8px;
cursor: col-resize;
position: absolute;
top: 57px;
left: 0;
bottom: 0;
z-index: 1;
}
#gqControlBar.move,
#gqControlBar:hover {
border-left: 1px solid var(--gq-comp-border-color);
}
.gq-theme-box #gqControlBar.move,
.gq-theme-box #gqControlBar:hover {
opacity: 0;
}
#gqMyQueuePanel {
}
#gqMyQueuesAddDropdown {
}
.gq-queue-panel {
margin: 0 3px 5px 0;
background-color: var(--gq-00dp-bkgnd-color);
border: 0;
border-bottom: 1px solid var(--gq-comp-border-color);
padding-bottom: 5px;
position: relative;
border-top-right-radius: 20px;
}
#gqSmartQueuesPanel.gq-queue-panel,
#gqTagQueuesPanel.gq-queue-panel {
padding-bottom: 10px;
}
.gq-queue-panel-placeholder {
margin: 0 0px 12px 0px;
background-color: var(--gq-panel-placeholder-bkgnd-color);
border-top-right-radius: 20px;
}
.gq-queue-panel-header {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.gq-queue-panel-title-wrapper {
display: flex;
align-items: center;
height: 40px;
outline: none;
user-select: none;
}
.gq-compact .gq-queue-panel-title-wrapper {
height: 34px;
}
.gq-compressed .gq-queue-panel-title-wrapper {
height: 34px;
}
.gq-queue-panel-title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--gq-panel-title-color);
padding: 0;
cursor: move;
flex-grow: 1;
}
.gq-queue-panel-content-container {
background-color: var(--gq-00dp-bkgnd-color);
}
.gq-category-empty-message a {
color: var(--gq-category-empty-link-color);
}
.gq-queue-panel-content {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
margin:0;
padding: 0;
}
#gqTeamQueuesPanel .gq-category-empty-message,
#gqSharedQueuesPanel .gq-category-empty-message {
padding: 5px 7px 9px 7px;
}
#gqTagQueuesPanel .gq-queue-panel-title {
white-space: nowrap;
}
#gqTagQueuesPanel .gq-queue-panel-title .heading {
display: inline;
vertical-align: middle;
margin: 0;
line-height: 20px;
}
#gqTagQueuesPanel .gq-tag-queue-rows.locked .gq-queue-menu-btn {
display: none;
}
#gqTagPanelSelector {
display:inline-block;
vertical-align: middle;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
margin-right: 20px;
}
#gqTagPanelSelector .divider {
display:inline;
margin: 0 3px;
vertical-align: middle;
font-size: 18px;
color: var(--gq-tag-panel-divider-color);
}
#gqTagPanelSelector .title {
color: var(--gq-panel-title-color);
cursor:pointer;
display: inline;
vertical-align: middle;
line-height: 20px;
padding: 5px 0 10px 0;
}
#gqTagPanelSelector .title:after {
color: var(--gq-modern-input-icon-color);
content: '\25be';
cursor: pointer;
display: inline-block;
opacity: 0;
text-align: center;
width: 9px;
font-size: 12px;
margin-left: 5px;
}
#gqTagQueuesPanel .gq-queue-panel-header:hover #gqTagPanelSelector .title:after {
opacity: 0.5;
}
#gqTagPanelDropdown {
max-width: 300px;
}
#gqTagPanelDropdown .gq-object-menu-item {
box-sizing: border-box;
min-width: 150px;
}
#gqTagPanelDropdown .gq-object-menu-item .name {
flex-grow: 1;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0;
}
#gqTagPanelDropdown .gq-object-menu-item span {
color: var(--gq-tag-panel-dropdown-icon-color);
opacity: .6;
}
#gqTagPanelDropdown .gq-object-menu-item.selected span {
opacity: 1.0;
}
#gqTagQueuesPanel .gq-queue-panel-header:hover #gqTagPanelSelector:hover .title:after {
opacity: 1;
}
#gqTagPanelDropdown.gq-dropdown .gq-object-menu-item.selected {
background-color: var(--gq-menu-selected-color);
font-weight:bold;
}
#gqTeamQueuesPanel .gq-category-empty-message span {
text-decoration: underline;
color: var(--gq-category-empty-link-color);
cursor: pointer;
}
.gq-queue-panel-toggle {
margin-left: 5px;
cursor: pointer;
transition: all 100ms;
}
.gq-queue-panel-header .collapsed {
transform:rotate(-90deg);
}
.gq-menu-selected .gq-queue-panel-header,
.gq-queue-panel-header:hover {
background-color: var(--gq-panel-header-hover-color);
}
.gq-control-content.no-hover .gq-queue-panel-header:hover {
background-color: inherit;
}
.gq-queue-panel-menu-btn {
margin-right: 5px;
visibility: hidden;
cursor:pointer;
}
.gq-menu-selected .gq-queue-panel-menu-btn,
.gq-queue-panel-header:hover .gq-queue-panel-menu-btn {
visibility: visible;
}
#gqSmartQueueAdd {
float: right;
margin: 5px 5px 0 0;
height: 20px;
}
#gqTagQueueClose {
float: right;
margin: 10px 7px 0 0;
width: 12px;
height: 12px;
opacity: .4;
cursor: pointer;
}
#gqTagQueueClose:hover {
opacity: .6
}
.gq-smart-queue-separator {
height: 5px;
border-bottom: 1px dashed #CFCFCF;
margin: 0 3px 0 28px;
}
.gq-smart-queue-sort-rows {
}
#gqQuickAddBtn {
margin: 15px 0 13px 20px;
}
.gq-compact #gqQuickAddBtn {
margin: 11px 0 3px 20px;
}
.gq-compressed #gqQuickAddBtn {
margin: 11px 0 3px 20px;
}
.gq-control-content-wrapper {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
box-sizing: border-box;
}
.gq-control-content {
padding: 0 0 10px 0;
overflow-y:auto;
overflow-x:hidden;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
flex: 1 1 0;
}
.gq-control-content::-webkit-scrollbar-thumb,
.gq-control-content::-webkit-scrollbar-thumb {
background-color: transparent;
box-shadow: none;
}
.gq-control-content.hover,
.gq-control-content:hover {
overflow-y:auto;
}
.gq-control-content.hover::-webkit-scrollbar-thumb,
.gq-control-content:hover::-webkit-scrollbar-thumb {
background-color: var(--gq-scrollbar-bkgnd-color);
box-shadow: var(--gq-scrollbar-box-shadow);
}
.gq-control-content:hover::-webkit-scrollbar-thumb:hover {
background-color:var(--gq-scrollbar-thumb-hover-bkgnd-color);
box-shadow:var(--gq-scrollbar-thumb-hover-box-shadow);
}
.gq-control-content:hover::-webkit-scrollbar-thumb:active {
background-color:var(--gq-scrollbar-thumb-active-bkgnd-color);
box-shadow:var(--gq-scrollbar-thumb-active-box-shadow);
}
.gq-control-footer {
height: 20px;
margin: 0;
text-align:left;
font-size: 11px;
padding: 10px 10px 0 10px;
overflow: hidden;
}
.gq-control-footer-links span {
display: inline-block;
margin-right: 20px;
color: var(--gq-control-panel-copyright-color);
}
.gq-control-footer-links a {
color: var(--gq-control-panel-footer-links-color);
text-decoration: none;
}
.gq-control-header {
overflow: hidden;
height: 81px;
flex-shrink: 0;
}
.gq-compact .gq-control-header {
height: 71px;
}
.gq-compressed .gq-control-header {
height: 71px;
}
.gq-control-content .gq-icon-button {
padding: 4px;
font-size: 20px;
line-height: 20px;
}
.gq-control-content .gq-icon-button:hover {
background-color: transparent;
}
.gq-obj-dragging {
box-shadow: rgb(0 0 0 / 15%) 1px 2px 3px 1px;
background-color: var(--gq-queue-hover-color) !important;
}
@media screen and (max-width: 900px){
/* no drawer at this point
#gqControlPanel {
position: absolute;
top: 66px;
right: 0px;
bottom: 0px;
left: -10px;
padding-left: 10px;
z-index: 100;
box-shadow: rgb(0 0 0 / 30%) 3px 2px 5px -1px;
height: calc(100vh - 66px);
}
*/
}
.gq-team-icon,
#gqTeamQueuesPanel .gq-category-icon {
}
#gqTeamQueuesAddDropdown {
min-width: 120px;
}
/********************/
/* TEAM MENU */
/********************/
#gqTeamMenu .gq-team-rename,
#gqTeamMenu .gq-team-settings,
#gqTeamMenu .gq-object-menu-separator.gq-team-top,
#gqTeamMenu .gq-team-add-queue,
#gqTeamMenu .gq-team-alpha-queues,
#gqTeamMenu .gq-team-trash,
#gqTeamMenu .gq-team-reminders,
#gqTeamMenu .gq-team-delete {
display: none;
}
#gqTeamMenu {
overflow: auto;
}
/* RENAME TEAM*/
#gqTeamMenu[data-access="owner"] .gq-team-rename {
display: flex;
}
/* TEAM SETTINGS */
#gqTeamMenu[data-access="owner"] .gq-team-settings {
display: flex;
}
/* REMINDERS */
#gqTeamMenu[data-access="owner"] .gq-team-reminders,
#gqTeamMenu[data-access="manager"] .gq-team-reminders,
#gqTeamMenu[data-access="collaborator"] .gq-team-reminders {
display: flex;
}
/* TOP SEPARATOR */
#gqTeamMenu[data-access="owner"] .gq-object-menu-separator.gq-team-top,
#gqTeamMenu[data-access="manager"] .gq-object-menu-separator.gq-team-top {
display:flex;
}
/* ADD QUEUE */
#gqTeamMenu[data-access="owner"] .gq-team-add-queue,
#gqTeamMenu[data-access="manager"] .gq-team-add-queue {
display: flex;
}
/* ALPHA QUEUES */
#gqTeamMenu[data-access="owner"] .gq-team-alpha-queues,
#gqTeamMenu[data-access="manager"] .gq-team-alpha-queues{
display: flex;
}
/* VIEW TRASH */
#gqTeamMenu[data-access="owner"] .gq-team-trash,
#gqTeamMenu[data-access="manager"] .gq-team-trash,
#gqTeamMenu[data-access="collaborator"] .gq-team-trash {
display: flex;
}
/* DELETE TEAM */
#gqTeamMenu[data-access="owner"] .gq-team-delete {
display: flex;
}
/* LEAVE TEAM */
#gqTeamMenu[data-access="owner"] .gq-team-leave {
display: none;
}
/* TEAM MEMBERS */
#gqTeamMenu[data-access="owner"] .gq-team-members {
display: none;
}
/************************/
/* TEAM SETTINGS */
/************************/
#gqTeamSettingsDialog {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
}
#gqTeamSettingsModalBkgnd {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000 none repeat scroll 0 0;
opacity: 0.2;
z-index: 6;
}
#gqTeamSettingsDialog .gq-dialog-content-container {
margin: 0;
display: flex;
flex-direction: column;
box-shadow: var(--gq-dialog-box-shadow);
}
#gqTeamSettingsDialog .gq-dialog-title-bar {
margin-bottom: 4px;
flex: 0 0 auto;
}
#gqTeamSettingsDialog .gq-dialog-content {
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
flex: 1 1 auto;
overflow: hidden;
}
#gqTeamSettingsContentMain {
height: 100%;
overflow: hidden;
padding: 0px;
position:relative;
display: flex;
flex-direction: column;
}
/******* SETUP ******/
#gqTeamSettingsSetup {
height: 54px;
padding: 0;
clear:both;
font-weight:bold;
font-size: 13px;
display: none;
flex: 0 0 54px;
}
#gqTeamSettingsDialog.setup #gqTeamSettingsSetup {
display: block;
}
#gqTeamSettingsFooter #gqTeamSettingsNextBtn {
display:none;
}
#gqTeamSettingsDialog.setup #gqTeamSettingsDoneBtn {
display: none;
}
#gqTeamSettingsDialog.setup #gqTeamSettingsNextBtn {
display: inline-block;
}
#gqTeamSettingsSetup .line {
border-top: 1px solid var(--gq-comp-border-color);
width: 420px;
margin: 10px auto 0 auto;
}
#gqTeamSettingsSetup .gq-team-settings-step {
height: 24px;
margin: -18px 0 0 0;
padding: 2px 10px;
text-align:center;
width: 125px;
float: left;
text-decoration: none;
color: var(--gq-team-tab-text-color);
cursor: pointer;
user-select: none;
}
#gqTeamSettingsSetup .gq-team-settings-step .step-number {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-weight: 500;
width: 30px;
height: 30px;
background-color:var(--gq-team-step-bkgnd-color);
border-radius: 50%;
display: inline-block;
line-height: 30px;
white-space: nowrap;
letter-spacing: .3px;
text-align: center;
margin: 0 0 5px 1px;
}
#gqTeamSettingsSetup .gq-team-settings-step .step-name {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 13px;
font-weight: 400;
text-align: center;
}
#gqTeamSettingsSetup .gq-team-settings-step:hover .step-number {
background-color:var(--gq-team-step-bkgnd-color);
color: var(--gq-team-step-text-color);
}
#gqTeamSettingsSetup .gq-team-settings-step.selected .step-number {
background-color: var(--gq-team-primary-color);
color: var(--gq-team-step-active-text-color);
}
#gqTeamSettingsSetup .gq-team-settings-step.selected .step-name {
color: var(--gq-team-primary-color);
}
#gqTeamSettingsDialog.setup.template .gq-team-settings-step.import,
#gqTeamSettingsDialog.setup.template .gq-team-settings-step.tags {
visibility:hidden;
}
#gqTeamSettingsDialog.setup .gq-team-settings-step.calendar .step2 {
display:none;
}
#gqTeamSettingsDialog.setup.template .gq-team-settings-step.calendar .step2 {
display:inline;
}
#gqTeamSettingsDialog.setup.template .gq-team-settings-step.calendar .step4 {
display:none;
}
#gqTeamSettingsDialog.loading-template #gqTeamSettingsSetup,
#gqTeamSettingsDialog.loading-template #gqTeamSettingsFooter {
visibility:hidden;
}
/******* TABS ******/
#gqTeamSettingsTabs {
height: 30px;
padding: 0;
font-weight:bold;
font-size: 13px;
border-bottom: 1px solid var(--gq-comp-border-color);
display: flex;
flex: 0 0 30px;
}
#gqTeamSettingsDialog.setup #gqTeamSettingsTabs {
display: none;
}
#gqTeamSettingsTabs .gq-team-settings-tab {
-webkit-font-smoothing: antialiased;
font-family: "Google Sans",Roboto,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
height: 24px;
margin: 0;
padding: 2px 10px;
text-align:center;
width: 77px;
text-decoration: none;
color: var(--gq-team-tab-text-color);
cursor: pointer;
user-select: none;
flex: 1 0 auto;
}
#gqTeamSettingsTabs .gq-team-settings-tab:hover {
border-bottom: 3px solid #4A4A4A;
}
#gqTeamSettingsTabs .gq-team-settings-tab.selected {
color: var(--gq-team-primary-color);
border-bottom: 3px solid var(--gq-team-primary-color);
}
#gqTeamSettingsTabs .gq-team-settings-tab.selected:hover {
border-bottom: 3px solid var(--gq-team-primary-color);
}
#gqTeamSettingsContentMain div.loading-template {
width: 100%;
position: absolute;
font-size: 18px;
color:#CFCFCF;
text-align:center;
top: calc(50% - 80px);
}
#gqTeamSettingsContentMain div.loading {
width: 100%;
position: relative;
height: 500px;
}
#gqTeamSettingsContentMain div.loading div {
width: 46px;
height: 46px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -23px;
margin-top: -38px;
}
.gq-team-settings-panel {
padding: 20px;
overflow: auto;
height: 500px;
flex: 1 1 auto;
box-sizing: border-box;
}
.gq-team-settings-section-heading {
font-family: "Google Sans",Roboto,Arial,sans-serif;
font-size: 15px;
font-weight: 400;
color: var(--gq-team-subheading-color);
padding: 5px 5px;
margin-top: 20px;
}
.gq-team-settings-section-text {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--gq-team-text-color);
}
.gq-team-settings-section-warning {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
color: var(--gq-team-warning-color);
margin-bottom: 20px;
}
.gq-team-settings-section-wrapper {
margin: 10px 0 60px 5px;
}
#gqTeamSettingsFooter {
background-color: var(--gq-team-footer-bkgnd-color);
text-align: right;
padding: 15px 20px;
position: relative;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
flex: 0 0 auto;
}
#gqTeamSettingsFooter button {
display:inline-block;
}
#gqTeamSettingsPrivacy {
display: block;
position: absolute;
bottom: 12px;
left: 15px;
}
#gqTeamSettingsTerms {
display: block;
position: absolute;
bottom: 12px;
left: 75px;
}
#gqTeamSettingsTerms a,
#gqTeamSettingsPrivacy a {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
color: #afafaf;
text-decoration: none;
padding: 4px 8px;
border-radius: 2px;
}
#gqTeamSettingsTerms a:hover,
#gqTeamSettingsPrivacy a:hover {
background-color: rgba(0,0,0,.06);
}
/******** GENERAL *********/
.gq-team-settings-general-created {
font-size: 14px;
color: var(--gq-team-created-text-color);
line-height: 36px;
font-weight: 500;
margin-left: 5px;
}
#gqTeamOwnerWrapper {
margin: 10px 0 5px 5px;
max-width: 525px;
}
#gqTeamTransferOwnershipBtn {
margin-top: 15px;
}
#gqTeamTransferWrapper {
margin: 20px 0 10px 0;
position:relative;
}
#gqTeamNewOwnerBtn {
background-color: var(--gq-modern-input-gray-bkgnd-color);
padding: 8px;
border-radius: 4px;
line-height: 20px;
font-size: 14px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
user-select: none;
cursor: pointer;
color: var(--gq-modern-input-text-color);
text-overflow: ellipsis;
overflow:hidden;
width: 100%;
box-sizing: border-box;
margin: 10px 0 0 0;
position: relative;
white-space: nowrap;
}
#gqTeamNewOwnerBtn.active {
}
#gqTeamNewOwnerBtn:after {
content: '\25be';
cursor: pointer;
display: inline-block;
position: absolute;
text-align: center;
width: 9px;
font-size: 12px;
color: var(--gq-modern-input-label-color);
opacity: 1;
right: 8px;
top: calc(100% / 2 - 9px);
}
.gq-team-settings-general-owner-btns {
margin: 20px 0 0 0;
display: flex;
align-items:center;
flex-direction: row-reverse;
}
#gqTeamSaveOwnerBtn {
}
#gqTeamCancelOwnerBtn {
margin-right: 15px;
}
#gqTeamOwnerLoading div {
padding: 0;
width: 40px;
}
#gqTeamOwnerDropdown .gq-object-menu-item {
font-family:"Roboto",Helvetica,Arial,sans-serif;
line-height: 16px;
padding: 10px 16px;
font-size: 13px;
min-width: 222px;
height: auto;
font-weight: 500;
}
#gqTeamOwnerDropdown {
width: 100%;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
}
#gqTeamOwnerDropdown img {
width: 24px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
#gqTeamOwnerDropdown .profile {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
width: 205px;
}
#gqTeamOwnerDropdown .name {
color: var(--gq-team-owner-name-color);
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#gqTeamOwnerDropdown .email {
color: var(--gq-team-owner-email-color);
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#gqTeamOwnerDropdown .email.no-name {
color: var(--gq-team-owner-name-color);
}
#gqTeamOwnerDropdown.gq-dropdown .gq-object-menu-item.selected {
background-color: var(--gq-team-owner-selection-color);
font-weight:bold;
}
/******** MEMBERS *********/
#gqTeamSettingsMembers {
height: 500px;
position:relative;
padding: 0px;
display: flex;
flex-direction: column;
}
#gqTeamMembersAccessPanel {
height: 100%;
overflow: auto;
padding: 0 20px;
flex: 1 1 auto;
}
#gqTeamMembersAddPanel {
padding: 0px 20px 65px 20px;
position: relative;
box-sizing: border-box;
flex: 0 0 auto;
}
#gqTeamMembersContactsSpacer {
height: 50px;
width: 335px;
position: absolute;
top: 20px;
left: 140px;
}
#gqContactsFilter.gq-team-members {
width: 425px;
}
#gqContactsFilter.gq-team-members #gqContactsFilterBox {
width: 320px;
}
#gqContactsFilter.gq-team-members #gqContactsFilterBtn {
position: absolute;
top: 0;
right: 0;
min-width: 65px;
line-height: 14px;
}
.gq-team-settings-member-row {
position: relative;
padding: 8px 0;
}
.gq-team-settings-member-icon {
display: inline-block;
}
.gq-team-settings-member-icon img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 16px;
}
.gq-team-settings-member-name-block {
display: inline-block;
vertical-align: top;
margin-top: 2px;
}
.gq-team-settings-member-name {
margin: 0;
max-width :300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 20px;
font-size: 16px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
color: var(--gq-team-owner-name-color);
}
.gq-team-settings-member-email {
margin: 0;
max-width :300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 16px;
font-size: 13px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
color: var(--gq-team-owner-email-color);
}
.gq-team-settings-member-email.no-name {
margin-top: 8px;
color: var(--gq-team-owner-name-color);
font-size: 16px;
line-height: 18px;
}
.gq-team-settings-member-access,
.gq-team-settings-member-access-owner {
position: absolute;
right: 0;
top:11px;
text-align: right;
font-size: 14px;
color: var(--gq-team-tab-text-color);
padding: 6px 20px 6px 0;
user-select: none;
}
.gq-team-settings-member-access {
cursor: pointer;
}
.gq-team-settings-member-access:after {
color: var(--gq-share-queue-dropdown-arrow-color);
content: '\25be';
cursor: pointer;
display: inline-block;
opacity: 0.7;
position: absolute;
right: 3px;
top: 8px;
text-align: center;
width: 9px;
font-size: 12px;
}
#gqTeamMemberNewAccess {
position: relative;
background-color: var(--gq-modern-input-gray-bkgnd-color);
padding: 8px 16px 8px 8px;
border-radius: 4px;
width: 110px;
user-select: none;
cursor: pointer;
box-sizing:border-box;
height: 36px;
}
#gqTeamMemberNewAccess:after {
color: var(--gq-modern-input-label-color);
opacity: 1;
right: 8px;
top: calc(100% / 2 - 9px);
content: '\25be';
cursor: pointer;
display: inline-block;
position: absolute;
text-align: center;
width: 9px;
font-size: 12px;
}
#gqTeamNewAccessDropdown,
#gqTeamAccessDropdown {
z-index: 20000;
}
#gqTeamNewAccessDropdown .gq-object-menu-item,
#gqTeamAccessDropdown .gq-object-menu-item {
font-family:"Roboto",Helvetica,Arial,sans-serif;
line-height: 22px;
padding: 10px 16px;
font-size: 14px;
min-width: 150px;
color: var(--gq-team-access-name-color);
height: auto;
font-weight: 400;
display: block;
}
#gqTeamNewAccessDropdown .gq-object-menu-item-description,
#gqTeamAccessDropdown .gq-object-menu-item-description {
font-size: 12px;
line-height: 14px;
color: var(--gq-team-access-description-color);
font-weight: normal;
}
#gqTeamNewAccessDropdown.gq-dropdown .gq-object-menu-item.selected,
#gqTeamAccessDropdown.gq-dropdown .gq-object-menu-item.selected {
background-color: var(--gq-team-owner-selection-color);
font-weight:500;
}
#gqTeamMemberAddBtn {
position: absolute;
top: 0px;
right: 20px;
z-index: 20000;
min-width: 65px;
}
#gqTeamMemberAddError {
color: var(--gq-modern-input-error-color);
font-weight: bold;
font-size: 11px;
margin: 1px 0 1px 122px;
height: 20px;
}
/******** CALENDAR *********/
#gqTeamSettingsCalendar {
height: 500px;
overflow: auto;
}
#gqTeamSettingsCalendar .gq-team-settings-section-heading {
margin-top: 30px;
}
#gqTeamSettingsCalendar .gq-team-settings-section-heading.first {
margin-top: 20px;
}
.gq-team-settings-calendar-active {
font-size: 15px;
color: var(--gq-team-subheading-color);
line-height: 36px;
vertical-align: middle;
}
.gq-team-settings-calendar-active img {
width: 36px;
vertical-align: middle;
margin: -5px 10px 0 5px;
}
.gq-team-settings-calendar-active button,
.gq-team-settings-calendar-active a {
float: right;
}
.gq-team-settings-calendar-completed {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 13px;
vertical-align: middle;
line-height: 36px;
}
.gq-team-settings-calendar-completed button {
float: right;
}
#gqTeamDDateDurationWrapper {
padding: 5px 0 0 5px;
display: flex;
align-items: center;
}
#gqTeamDateDurationInputMenu,
#gqTeamTimeDurationInputMenu {
margin: 0 35px 0px 0px;
width: 200px;
height: 51px;
}
#gqTeamDefaultReminderWrapper {
padding: 10px 0 0 0;
width: 100%;
height: 40px;
}
#gqTeamDefaultReminderInputMenu,
#gqTeamDefaultReminderAmountInputMenu {
margin: 0 30px 10px 5px;
width: 200px;
float: left;
}
#gqTeamCanceledEventsWrapper {
padding: 10px 0 0 5px;
}
#gqTeamCanceledInputMenu {
width: 390px;
margin-top: 10px;
}
#gqTeamTimezoneInputMenu {
margin: 5px 0 30px 5px;
}
#gqTeamCompletedWrapper {
padding: 10px 0 120px 5px;
}
#gqTeamNewWrapper {
padding: 10px 0 0px 5px;
position: relative;
}
#gqTeamInboxBtn {
line-height: 20px;
font-size: 13px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
user-select: none;
cursor: pointer;
color: var(--gq-modern-input-text-color);
text-overflow: ellipsis;
overflow:hidden;
width: 250px;
margin: 10px 0 0 0;
position: relative;
border-bottom: 2px solid transparent;
white-space: nowrap;
background-color: var(--gq-modern-input-gray-bkgnd-color);
padding: 8px;
border-radius: 4px;
display: flex;
align-items:center;
}
#gqTeamInboxBtn.active {
}
#gqTeamInboxBtn:after {
content: '\25be';
cursor: pointer;
display: inline-block;
position: absolute;
text-align: center;
width: 9px;
font-size: 12px;
color: var(--gq-modern-input-label-color);
opacity: 1;
right: 8px;
top: calc(100% / 2 - 9px);
}
#gqTeamNewWrapper .gq-queue-handle {
border-radius: 2px;
width: 18px;
height: 18px;
display: inline-block;
margin: 0 8px 0 0;
cursor: pointer;
}
#gqTeamInboxDropdown {
min-width: 270px;
max-width: 350px;
max-height:160px;
overflow-y: auto;
overflow-x: hidden;
}
#gqTeamInboxDropdown .gq-object-menu-item {
color: var(--gq-team-owner-name-color);
font-size: 13px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
line-height: 20px;
height: 40px;
padding: 10px;
text-overflow: ellipsis;
overflow: hidden;
box-sizing: border-box;
}
#gqTeamInboxDropdown.gq-dropdown .gq-object-menu-item.selected {
background-color: var(--gq-team-owner-selection-color);
font-weight:bold;
}
/******** IMPORT *********/
#gqTeamSettingsImport {
display: flex;
flex-direction: column;
}
#gqTeamSettingsExistingStart {
height: 120px;
}
#gqTeamSettingsImportExistingSection {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
#gqTeamSettingsImportExistingSection.active {
overflow: hidden;
}
#gqTeamSettingsImport .gq-team-settings-section-heading {
margin-top: 0;
flex: 0 0 auto;
}
#gqTeamSettingsImportExistingSection .gq-team-settings-section-wrapper {
margin: 10px 0 15px 5px;
flex: 1 1 auto;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow: hidden;
}
#gqTeamSettingsImportSection .gq-team-settings-section-wrapper {
margin: 10px 0 5px 5px;
}
#gqTeamSettingsImportSection .gq-team-settings-section-import-wrapper {
display: flex;
flex-direction: row;
flex: 1 1 auto;
}
#gqTeamSettingsImportSection .gq-team-settings-section-heading.with-button {
display: flex;
align-items: center;
height: 29px;
box-sizing: border-box;
}
#gqTeamSettingsImportSection .gq-team-settings-section-heading.with-button .gq-icon-button {
margin-left: 10px;
}
#gqTeamSettingsImportGTasksSection {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
#gqTeamSettingsImportGTasksSection.active {
overflow:hidden;
}
#gqTeamSettingsImportGTasksSection .gq-team-settings-section-wrapper {
margin: 10px 0 15px 5px;
flex: 1 1 auto;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow: hidden;
}
#gqTeamImportGTasksBtn,
#gqTeamImportExistingBtn,
#gqTeamExportBtn,
#gqTeamImportBtn {
margin: 10px 0 20px 0;
display: inline-block;
}
#gqTeamSettingsExistingSelect,
#gqTeamSettingsExistingConfirm {
margin-top: 10px;
height: 100%;
display: flex;
flex-direction: column;
flex: 1 1 auto;
box-sizing: border-box;
overflow: hidden;
}
#gqTeamSettingsGTasksSelect,
#gqTeamSettingsGTasksConfirm {
margin-top: 10px;
height: 100%;
display: flex;
flex-direction: column;
flex: 1 1 auto;
box-sizing: border-box;
overflow: hidden;
}
.gq-team-settings-import-gtasks .list,
.gq-team-settings-import-existing .list {
overflow-x: hidden;
overflow-y: auto;
margin: 10px 0 20px 0;
height: 315px;
}
.gq-team-settings-import-gtasks .list .row,
.gq-team-settings-import-existing .list .row {
padding: 10px;
border-bottom: 1px solid var(--gq-comp-border-color);
cursor: pointer;
display: flex;
align-items: center;
height: 50px;
width: 520px;
box-sizing: border-box;
}
.gq-team-settings-import-gtasks .list .row:first-child,
.gq-team-settings-import-existing .list .row:first-child {
border-top: 1px solid var(--gq-comp-border-color);
}
.gq-team-settings-import-gtasks .list .row input,
.gq-team-settings-import-existing .list .row input {
display: block;
cursor: pointer;
margin-right: 20px;
flex: 0 0 auto;
}
.gq-team-settings-import-gtasks .list .row .gq-queue-handle,
.gq-team-settings-import-existing .list .row .gq-queue-handle {
display: block;
margin: 0 10px 0 0px;
width: 28px;
height: 28px;
float: none;
cursor: pointer;
flex: 0 0 auto;
}
.gq-team-settings-import-gtasks .list .row .gq-queue-handle {
width: 0px;
min-width: 0px;
margin: 0;
}
.gq-team-settings-import-gtasks .list .row .gq-queue-name-container,
.gq-team-settings-import-existing .list .row .gq-queue-name-container {
display: block;
flex: 1 0 auto;
}
.gq-team-settings-import-gtasks .list .row .gq-queue-heading,
.gq-team-settings-import-existing .list .row .gq-queue-heading {
color: var(--gq-team-import-heading-color);
font-size: 10px;
line-height: 18px;
cursor: pointer;
user-select: none;
max-width: 370px;
overflow: hidden;
text-overflow: ellipsis;
}
.gq-team-settings-import-gtasks .list .row .gq-queue-name,
.gq-team-settings-import-existing .list .row .gq-queue-name {
color: var(--gq-team-import-name-color);
font-size: 13px;
font-weight: bold;
margin-top: -4px;
max-width: 370px;
cursor: pointer;
user-select: none;
overflow: hidden;
text-overflow: ellipsis;
}
.gq-team-settings-import-gtasks .list .row .gq-queue-name {
margin-top: 0;
}
.gq-team-settings-import-gtasks .list .row .loader,
.gq-team-settings-import-existing .list .row .loader {
padding: 0;
height: 25px;
width: 25px;
margin: 0;
display: none;
}
.gq-team-settings-import-gtasks .list .row .loader {
margin-top: 2px;
}
.gq-team-settings-import-gtasks .list .row.processing .loader,
.gq-team-settings-import-existing .list .row.processing .loader {
display: block;
}
.gq-team-settings-import-gtasks .list .row .checkmark,
.gq-team-settings-import-existing .list .row .checkmark {
display: none;
color: var(--gq-team-check-color);
margin: 0;
}
.gq-team-settings-import-gtasks .list .row.done .checkmark,
.gq-team-settings-import-existing .list .row.done .checkmark {
display: block;
}
.gq-team-settings-import-gtasks .list .row .import-error,
.gq-team-settings-import-existing .list .row .import-error {
color: var(--gq-modern-input-error-color);
width: 24px;
height: 24px;
margin: 0;
display: none;
}
.gq-team-settings-import-gtasks .list .row.not-imported .import-error,
.gq-team-settings-import-existing .list .row.not-imported .import-error {
display: block;
}
.gq-team-settings-import-gtasks .list .row .delete-error,
.gq-team-settings-import-existing .list .row .delete-error {
color: var(--gq-modern-input-error-color);
width: 24px;
height: 24px;
margin: 0;
display: none;
}
.gq-team-settings-import-gtasks .list .row.not-deleted .delete-error,
.gq-team-settings-import-existing .list .row.not-deleted .delete-error {
display: block;
}
.gq-team-settings-import-gtasks .footer,
.gq-team-settings-import-existing .footer {
display: flex;
align-items:center;
flex-direction: row-reverse;
}
#gqTeamGTasksContinueBtn,
#gqTeamExistingContinueBtn {
float: right;
margin-left: 15px;
}
#gqTeamGTasksCancelBtn,
#gqTeamExistingCancelBtn {
float: right;
}
#gqTeamGTasksConfirmContinueBtn,
#gqTeamExistingConfirmContinueBtn {
float: right;
display: none;
}
#gqTeamGTasksConfirmCancelBtn,
#gqTeamGTasksConfirmImportBtn,
#gqTeamExistingConfirmImportDeleteBtn,
#gqTeamExistingConfirmImportBtn {
float: right;
margin-left: 15px;
}
#gqTeamSettingsGTasksConfirm .list input,
#gqTeamSettingsExistingConfirm .list input {
display: none;
}
#gqTeamSettingsExistingConfirm.processing #gqTeamExistingHelp,
#gqTeamSettingsExistingConfirm.processing #gqTeamExistingConfirmCancelBtn,
#gqTeamSettingsExistingConfirm.processing #gqTeamExistingConfirmImportBtn,
#gqTeamSettingsExistingConfirm.processing #gqTeamExistingConfirmImportDeleteBtn,
#gqTeamSettingsExistingConfirm.finished #gqTeamExistingHelp,
#gqTeamSettingsExistingConfirm.finished #gqTeamExistingConfirmCancelBtn,
#gqTeamSettingsExistingConfirm.finished #gqTeamExistingConfirmImportDeleteBtn,
#gqTeamSettingsExistingConfirm.finished #gqTeamExistingConfirmImportBtn {
display: none;
}
#gqTeamSettingsExistingConfirm.finished #gqTeamExistingConfirmContinueBtn {
display: block;
}
#gqTeamSettingsExistingConfirm.gq-team-settings-import-existing .list .row .gq-queue-handle,
#gqTeamSettingsExistingConfirm.gq-team-settings-import-existing .list .row .gq-queue-heading,
#gqTeamSettingsExistingConfirm.gq-team-settings-import-existing .list .row .gq-queue-name,
#gqTeamSettingsExistingConfirm.gq-team-settings-import-existing .list .row {
cursor: default;
}
#gqTeamSettingsGTasksConfirm.processing #gqTeamGTasksConfirmCancelBtn,
#gqTeamSettingsGTasksConfirm.processing #gqTeamGTasksConfirmImportBtn,
#gqTeamSettingsGTasksConfirm.processing #gqTeamGTasksConfirmImportDeleteBtn,
#gqTeamSettingsGTasksConfirm.finished #gqTeamGTasksConfirmCancelBtn,
#gqTeamSettingsGTasksConfirm.finished #gqTeamGTasksConfirmImportDeleteBtn,
#gqTeamSettingsGTasksConfirm.finished #gqTeamGTasksConfirmImportBtn {
display: none;
}
#gqTeamSettingsGTasksConfirm.finished #gqTeamGTasksConfirmContinueBtn {
display: block;
}
#gqTeamSettingsGTasksConfirm.gq-team-settings-import-gtasks .list .row .gq-queue-handle,
#gqTeamSettingsGTasksConfirm.gq-team-settings-import-gtasks .list .row .gq-queue-heading,
#gqTeamSettingsGTasksConfirm.gq-team-settings-import-gtasks .list .row .gq-queue-name,
#gqTeamSettingsGTasksConfirm.gq-team-settings-import-gtasks .list .row {
cursor: default;
}
/******** EXPORT *********/
#gqTeamSettingsExport .gq-team-settings-section-text {
margin-bottom:10px;
}
#gqTeamExportLoading {
padding: 10px 0;
width: 30px;
height: 30px;
}
#gqTeamExportDownload {
margin: 20px 0 20px 0;
}
#gqTeamExportDownload .gq-export-warning {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 11px;
color: var(--gq-settings-note-color);
margin: 10px 0 30px 0;
line-height: 17px;
text-align: left;
}
/******** TAGS *********/
#gqTeamSettingsTags {
display: flex;
flex-direction: column;
}
.gq-team-settings-tag-radio {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 32px;
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
flex: 0 0 auto;
}
#gqTeamSettingsTags .gq-team-settings-section-heading {
flex: 0 0 auto;
}
.gq-team-settings-tag-radio.selected {
font-weight: bold;
}
#gqTeamCreateTagWrapper {
padding: 5px 0 0 0;
position: relative;
flex: 0 0 auto;
}
#gqTeamTagColorBtn {
display: inline-block;
cursor: pointer;
padding: 10px;
vertical-align: middle;
position:relative;
margin-right: 5px;
}
#gqTeamTagColorBtn:after {
color: var(--gq-menu-icon-color);
content: '\25be';
cursor: pointer;
display: inline-block;
opacity: 0.5;
position: absolute;
right: 3px;
top: 10px;
text-align: center;
width: 9px;
font-size: 12px;
}
#gqTeamTagColorBtn .gq-queue-handle {
border-radius: 2px;
width: 18px;
height: 18px;
display: inline-block;
margin: 0 8px 0 0;
cursor: pointer;
}
#gqTeamCreateTagWrapper .gq-modern-input-wrap {
display: inline-block;
width: 220px;
}
#gqTeamCreateTagBtn {
position: relative;
right:0;
top: 3px;
display: inline-block;
margin-left: 20px;
}
#gqTeamTagError {
color: var(--gq-team-warning-color);
font-weight: bold;
font-size: 12px;
margin: 0;
height: 15px;
position: absolute;
top: 5px;
left: 56px;
z-index: 2;
}
#gqTeamTagsWrapper {
width: 100%;
margin: 10px 0px 0px 0px;
overflow-y: auto;
overflow-x: hidden;
box-sizing: border-box;
height: 250px;
padding-bottom: 30px;
min-height: 100px;
flex: 1 1 auto;
}
#gqTeamTagsWrapper .gq-queue-handle {
border-radius: 2px;
width: 18px;
height: 18px;
display: block;
margin: 0 8px 0 0;
cursor: default;
flex: 0 0 18px;
}
.gq-team-settings-tags-row {
padding: 6px 0 6px 10px;
font-size: 13px;
color: var(--gq-team-tag-text-color);
user-select: none;
border-radius: 3px;
position: relative;
display: flex;
align-items:center;
width: 295px;
box-sizing: border-box;
}
.gq-team-settings-tags-row .name {
width: 100%;
box-sizing: border-box;
flex: 1 1 auto;
white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gq-team-settings-tags-row .menu {
opacity: 0;
cursor: pointer;
margin-right: 6px;
}
.gq-team-settings-tags-row .menu .gq-icon-button {
padding: 2px;
}
.gq-team-settings-tags-row .menu .gq-icon-button:hover {
background-color: var(--gq-modern-menu-hover-color);
}
.gq-team-settings-tags-row:hover {
background-color: var(--gq-team-tag-hover-color);
}
.gq-team-settings-tags-row:hover .menu {
opacity: 0.6;
}
.gq-team-settings-tags-row:hover .menu:hover {
opacity: 1;
}
.gq-team-settings-tags-row.gq-menu-selected {
background-color: var(--gq-team-tag-hover-color);
}
.gq-team-settings-tags-row.gq-menu-selected .menu {
opacity: 1;
}
#gqTeamTagMenu {
padding-bottom: 5px;
}
#gqTeamTagMenu.new-tag .gq-object-menu-title,
#gqTeamTagMenu.new-tag .gq-team-tag-edit,
#gqTeamTagMenu.new-tag .gq-team-tag-delete {
display: none;
}
#gqTeamTagMenu .gq-queue-colors {
display:block;
}
#gqTeamTagNameDialog {
z-index: 1000;
}
/*********** TEAM REMINDERS **************/
.gq-team-reminders-loading {
width: 32px;
height: 32px;
margin: 40px 0 0 219px;
box-sizing: border-box;
}
#gqTeamRemindersDialog .gq-dialog-content {
width: 470px;
}
#gqTeamRemindersDialogTitle {
overflow: hidden;
text-overflow: ellipsis;
width: 432px;
white-space: nowrap;
display: block;
}
#gqTeamRemindersText {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
margin: 10px 0;
display: inline-block;
width: 270px;
height: 70px;
}
#gqTeamRemindersText div {
font-weight: bold;
margin-bottom: 5px;
}
#gqTeamRemindersEnableBtn,
#gqTeamRemindersDisableBtn {
margin-top: 10px;
margin-left:30px;
display: inline-block;
vertical-align: top;
float: right;
}
/*********** EXPORT ONLY **************/
#gqTeamSettingsDialog.export-only .gq-dialog-title-bar {
width: 584px;
}
#gqTeamSettingsDialog.export-only #gqTeamSettingsTabs {
display:none;
}
/*********** MEMBERS ONLY **************/
#gqTeamSettingsDialog.members-only .gq-dialog-title-bar {
width: 584px;
}
#gqTeamSettingsDialog.members-only #gqTeamSettingsTabs {
display:none;
}
#gqTeamSettingsDialog.members-only #gqTeamMembersAccessPanel {
height: 480px;
padding-top: 5px;
}
#gqTeamSettingsDialog.members-only #gqTeamMembersAddPanel {
display: none;
}
#gqTeamSettingsDialog.members-only .gq-team-settings-member-access {
cursor: default;
}
#gqTeamSettingsDialog.members-only .gq-team-settings-member-access:after {
content:'';
}
/********************/
/* TEAM GET STARTED */
/********************/
#gqTeamGetStartedDialog .title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 24px;
font-weight: 500;
text-align: center;
line-height: 30px;
margin: 15px 0;
}
#gqCreateBlankTeamBtn,
#gqCreateTemplateTeamBtn {
margin: 20px auto;
padding: 0 15px;
display: block;
font-size: 18px;
font-weight: 400;
height: 40px;
width: 290px;
}
#gqTeamGetStartedCancelBtn {
font-size: 14px;
color: #CFCFCF;
text-align: center;
cursor: pointer;
margin: 15px auto 20px auto;
width: 200px;
user-select: none;
}
.gq-dialog {
position:absolute;
top: 0;
left: 0;
background-color: var(--gq-dialog-bkgnd-color);
border: none;
z-index:101;
border-radius: 4px;
box-shadow: var(--gq-dialog-box-shadow);
outline: none;
padding: 0;
}
.gq-dialog-flex {
display: flex;
align-items: center;
justify-content: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
background-color: transparent;
z-index: 102;
}
.gq-dialog-flex-container {
background-color: var(--gq-dialog-bkgnd-color);
border: none;
z-index:101;
border-radius: 4px;
box-shadow: var(--gq-dialog-box-shadow);
outline: none;
padding: 0;
}
.gq-dialog-content-container {
background-color: var(--gq-dialog-bkgnd-color);
margin: 0px;
border-radius: 4px;
}
.gq-dialog-flex .gq-dialog-content-container {
overflow-y:auto;
max-height: calc(100vh - 40px);
}
.gq-dialog-content {
padding: 0px 24px;
min-width: 350px;
color:var(--gq-dialog-text-color);
}
.gq-dialog-title-bar {
display: flex;
align-items: center;
margin: 0;
padding: 24px 24px 16px 24px;
position: relative;
}
.gq-dialog-footer-bar {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
margin: 0;
padding: 24px;
background-color: var(--gq-dialog-bkgnd-color);
position: relative;
border-radius: 4px;
}
.gq-dialog-title-icon {
margin-right: 15px;
}
.gq-dialog-title-icon img {
height: 40px;
}
.gq-dialog-title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 22px;
font-weight: 400;
color: var(--gq-dialog-title-color);
line-height: 24px;
padding: 0;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.gq-dialog-close-btn {
background-image: url('../images/1.1.2/m_sprites_vert.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: -3px -603px;
background-size: 24px 1200px;
height: 18px;
width: 18px;
top: 10px;
right: 10px;
position: absolute;
cursor: pointer;
}
.gq-dialog-label {
color: var(--gq-dialog-label-color);
font-size:11px;
font-weight:bold;
}
.gq-dialog-note {
color: grey;
font-size:11px;
font-weight:normal;
}
.gq-dialog-textfield {
width: 20em;
}
.gq-dialog-message-area {
margin-top: 10px;
}
.gq-dialog-message-area textarea {
width: 27em;
font-family: arial,sans-serif;
font-size: 13px;
}
.gq-dialog-separator{
border-bottom: 1px solid var(--gq-dialog-separator-color);
margin:15px 0;
}
.gq-dialog-text {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0.2px;
line-height: 20px;
color: var(--gq-dialog-text-color);
padding: 0;
}
.gq-required-field {
color: red;
font-weight: normal;
padding-left:5px;
}
.gq-dialog-button-container {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
margin: 0;
padding: 24px 0;
}
.gq-dialog-button-container button {
margin: 0 0 0 8px;
}
.gq-dialog-notice {
font-size: 13px;
color: var(--gq-dialog-notice-color);
font-weight: bold;
margin-top: 5px;
position: relative;
}
.gq-dialog-calendar-icon {
width:71px;
height: 70px;
background:transparent url(../images/1.1.2/googleCalendarIconSmall.gif) no-repeat scroll 0 0;
float:left;
margin-right: 15px;
}
/********* MESSAGE BOX **********/
#gqModalBkgnd {
background: var(--gq-modal-bkgnd);
opacity: 0.5;
z-index: 6;
top: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
}
#gqModalMsgWrapper {
position: fixed;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
justify-content: center;
z-index: 1000;
}
#gqModalMsg {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 46px;
width: 400px;
margin: 0 auto;
text-align: center;
color: var(--gq-modal-msg-text-color);
user-select: none;
opacity: 1;
}
#gqModalProgress {
width: 64px;
height: 64px;
margin: 20px auto 0 auto;
}
#gqModalProgress .gq-progress-circle {
width: 64px;
}
#gqModalProgress .gq-progress-circle svg circle {
stroke: rgba(255, 255, 255, 0.7);
}
#gqMessageBoxOk2Btn {
margin:0 10px;
}
.gq-delete-cancel {
text-align:right;
}
.gq-widget-on {
background: #FFF6C6 !important;
border-color: #BFB26B !important;
}
.gq-dialog-buy-now {
text-align: center;
}
.gq-dialog-buy-now img {
border: none;
}
/********* RECONNECTING **********/
#gqReconnecting {
position: absolute;
background-color: var(--gq-dialog-bkgnd-color);
color: var(--gq-reconnecting-color);
top: 50%;
left: 50%;
width: 160px;
margin-left: -80px;
height: 60px;
margin-top: -30px;
line-height: 20px;
padding: 20px;
text-align: center;
box-sizing: border-box;
box-shadow:0 5px 16px rgba(0,0,0,0.2);
border-radius: 3px;
z-index: 100000;
opacity: 1;
}
button::-moz-focus-inner {
border: 0;
}
.gq-dropdown-button,
.gq-button {
font-size:11px;
font-weight: bold;
color: #666;
cursor:pointer;
background-color: whiteSmoke;
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
border: 1px solid rgba(0, 0, 0, 0.1);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height: 27px;
line-height: 27px;
outline: 0;
padding: 0 8px;
-moz-user-select: none;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
user-select: none;
}
button.gq-button {
height: 29px;
min-width: 60px;
margin-right: 3px;
}
a.gq-button {
height: 29px;
min-width: 60px;
margin-right: 3px;
display: inline-block;
text-decoration: none !important;
line-height: 29px;
text-align: center;
font-size: 11px;
}
.gq-button-one {
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background-color: #B0281A;
background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);
background-image: -moz-linear-gradient(top,#DD4B39,#D14836);
background-image: -ms-linear-gradient(top,#DD4B39,#D14836);
background-image: -o-linear-gradient(top,#DD4B39,#D14836);
background-image: linear-gradient(top,#DD4B39,#D14836);
color: #FFF !important;
border: 1px solid transparent;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.gq-button-two {
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background-color: #4D90FE;
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
color: #FFF !important;
border: 1px solid #3079ED;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.gq-button-three {
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background-color: #3d9400;
background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
background-image: -moz-linear-gradient(top,#3d9400,#398a00);
background-image: -ms-linear-gradient(top,#3d9400,#398a00);
background-image: -o-linear-gradient(top,#3d9400,#398a00);
background-image: linear-gradient(top,#3d9400,#398a00);
color: #FFF !important;
border: 1px solid #29691d;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.gq-button-four {
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background: #232323;
color: #FFF !important;
border: 1px solid #000000;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: inset 0 1px 0 rgba(101,101,101,.1);
-ms-box-shadow: inset 0 1px 0 rgba(101,101,101,.1);
-o-box-shadow: inset 0 1px 0 rgba(101,101,101,.1);
-webkit-box-shadow: inset 0 1px 0 rgba(101,101,101,.1);
box-shadow: inset 0 1px 0 rgba(101,101,101,.1);
}
.gq-button-five {
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
background-color: #870e00;
background-image: -webkit-linear-gradient(top,#DD4B39,#c53727);
background-image: -moz-linear-gradient(top,#DD4B39,#c53727);
background-image: -ms-linear-gradient(top,#DD4B39,#c53727);
background-image: -o-linear-gradient(top,#DD4B39,#c53727);
background-image: linear-gradient(#dd4b39, #c53727);
color: #FFF;
border: 1px solid #870e00;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.gq-button {
}
.gq-dropdown-button {
}
.gq-dropdown-button div {
width: 17px;
height: 19px;
}
.gq-button > div {
padding: 0;
text-align: center;
position: relative;
}
.gq-button > span {
display: inline-block;
height: 28px;
line-height: 25px;
margin: 0;
padding: 0;
}
.gq-button-adjacent {
border-left: none;
}
.gq-button-left {
}
.gq-button-right {
}
.gq-button:hover {
color: #333;
border: 1px solid #C6C6C6;
background-color: #F8F8F8;
background-image:-webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image:-moz-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image:-ms-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image:-o-linear-gradient(top,#F8F8F8,#F1F1F1);
background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.gq-button-one:hover {
border: 1px solid #B0281A;
border-bottom-color: #AF301F;
background-color: #C53727;
background-image: -webkit-linear-gradient(top,#DD4B39,#C53727);
background-image: -moz-linear-gradient(top,#DD4B39,#C53727);
background-image: -ms-linear-gradient(top,#DD4B39,#C53727);
background-image: -o-linear-gradient(top,#DD4B39,#C53727);
background-image: linear-gradient(top,#DD4B39,#C53727);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #FFF;
}
.gq-button-two:hover {
border: 1px solid #2F5BB7;
background-color: #357AE8;
background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
background-image: linear-gradient(top,#4D90FE,#357AE8);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #FFF;
}
.gq-button-three:hover {
border: 1px solid #2d6200;
background-color: #3d9400;
background-image: -webkit-linear-gradient(top,#3d9400,#368200);
background-image: -moz-linear-gradient(top,#3d9400,#368200);
background-image: -ms-linear-gradient(top,#3d9400,#368200);
background-image: -o-linear-gradient(top,#3d9400,#368200);
background-image: linear-gradient(top,#3d9400,#368200);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #FFF;
}
.gq-button-four:hover {
border: 1px solid #000000;
background-color: #232323;
background-image: -webkit-linear-gradient(top,#333333,#222222);
background-image: -moz-linear-gradient(top,#333333,#222222);
background-image: -ms-linear-gradient(top,#333333,#222222);
background-image: -o-linear-gradient(top,#333333,#222222);
background-image: linear-gradient(top,#333333,#222222);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
color: #FFF;
}
.gq-button-five:hover {
border: 1px solid #870e00;
border-bottom-color: #730E02;
background-color: #C53727;
background-image: -webkit-linear-gradient(top,#C53727,#b43122);
background-image: -moz-linear-gradient(top,#C53727,#b43122);
background-image: -ms-linear-gradient(top,#C53727,#b43122);
background-image: -o-linear-gradient(top,#C53727,#b43122);
background-image: linear-gradient(top,#C53727,#b43122);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #FFF;
}
.gq-button-selected span,
.gq-button:hover span,
.gq-button:hover > div > div {
opacity: 0.8 !important;
}
.gq-button:focus,
.gq-button:active {
border: 1px solid #4D90FE;
outline: 0 none transparent;
}
.gq-button-one:focus,
.gq-button-one:active,
.gq-button-two:focus,
.gq-button-two:active,
.gq-button-three:focus,
.gq-button-three:active,
.gq-button-four:focus,
.gq-button-four:active,
.gq-button-five:focus,
.gq-button-five:active,
.gq-button-checkout:focus,
.gq-button-checkout:active {
border: 1px solid transparent;
box-shadow: inset 0 0 0 1px #FFF;
-moz-box-shadow: inset 0 0 0 1px #FFF;
-webkit-box-shadow: inset 0 0 0 1px #FFF;
outline: 0 none transparent;
}
.gq-icon-button.gq-button-selected,
.gq-icon-button.gq-button-selected:hover,
.gq-button-selected,
.gq-button-selected:hover {
background-color: var(--gq-button-selected-gradient-1);
color: #333;
background-image: -webkit-linear-gradient(top,var(--gq-button-selected-gradient-1), var(--gq-button-selected-gradient-2) );
background-image: -moz-linear-gradient(top,var(--gq-button-selected-gradient-1), var(--gq-button-selected-gradient-2) );
background-image: -ms-linear-gradient(top, var(--gq-button-selected-gradient-1), var(--gq-button-selected-gradient-2) );
background-image: -o-linear-gradient(top, var(--gq-button-selected-gradient-1), var(--gq-button-selected-gradient-2) );
background-image: linear-gradient(top, var(--gq-button-selected-gradient-1), var(--gq-button-selected-gradient-2) );
outline: 0 none transparent;
box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.1)
}
.button.disabled,
button:disabled {
background: #fff;
border: 1px solid #dcdcdc !important;
box-shadow: none !important;
color: #333 !important;
opacity: .5 !important;
cursor: default !important;
}
.gq-button-two:disabled {
background: -moz-linear-gradient(top, #4d90fe, #4787ed);
background: -ms-linear-gradient(top, #4d90fe, #4787ed);
background: -o-linear-gradient(top, #4d90fe, #4787ed);
background: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background: linear-gradient(top, #4d90fe, #4787ed);
border: 1px solid #3079ed;
color: #fff;
}
.gq-button-search {
background-image: url('../images/1.1.2/m_sprites_vert.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: -1px -435px;
background-size: 24px 1200px;
height: 17px !important;
width: 20px;
display: block !important;
margin: 0 auto !important;
}
.gq-button-download {
background:transparent url(../images/1.1.2/file_icons.png) no-repeat scroll -222px -22px;
height: 17px !important;
width: 20px;
opacity: 0.8;
display: block;
margin: 0 auto;
}
.gq-button-four:hover .gq-button-download {
opacity: 1.0;
}
.gq-button-print {
background:transparent url(../images/1.1.2/file_icons.png) no-repeat scroll -382px -22px;
height: 17px !important;
width: 20px;
opacity: 0.8;
display: block;
margin: 0 auto;
}
.gq-button-four:hover .gq-button-print {
opacity: 1.0;
}
.gq-button-checkout {
position:relative;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 40px !important;
width: 180px;
font-size: 17px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
background-color: #75D63E;
background-image: -webkit-linear-gradient(top,#75D63E,#57A529);
background-image: -moz-linear-gradient(top,#75D63E,#57A529);
background-image: -ms-linear-gradient(top,#75D63E,#57A529);
background-image: -o-linear-gradient(top,#75D63E,#57A529);
background-image: linear-gradient(top,#75D63E,#57A529);
color: #FFF;
border: 1px solid #57A529;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.gq-button-checkout:hover {
border: 1px solid #509625;
background-color: #6DC938;
background-image: -webkit-linear-gradient(top,#6DC938,#509625);
background-image: -moz-linear-gradient(top,#6DC938,#509625);
background-image: -ms-linear-gradient(top,#6DC938,#509625);
background-image: -o-linear-gradient(top,#6DC938,#509625);
background-image: linear-gradient(top,#6DC938,#509625);
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
color: #FFF;
}
.gq-button-checkout span {
display: block;
margin-left: 21px;
line-height: 28px;
}
.gq-button-checkout img {
position:absolute;
display: block;
left: 20px;
top: 2px;
}
/********* NEW UI BUTTONS ************/
.gq-icon-button {
background-color: transparent;
border-radius: 50%;
border: none;
transition: background-color 280ms;
padding: 8px;
cursor: pointer;
outline: none;
user-select: none;
}
.gq-icon-button:is(:hover,:focus) {
background-color: var(--gq-icon-button-hover);
}
.gq-icon-button-selected {
background-color: var(--gq-icon-button-selected);
}
.gq-feature-button {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-weight: 500;
font-size: 14px;
color: var(--gq-feature-button-text-color);
border-radius: 24px;
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
width: min-content;
letter-spacing: .25px;
-webkit-font-smoothing: antialiased;
white-space:nowrap;
display: flex;
align-items:center;
padding: 0 20px 0 12px;
cursor: pointer;
line-height: 48px;
background-color: var(--gq-feature-button-bkgnd-color);
transition: box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1);
user-select: none;
}
.gq-feature-button .material-icons {
font-size: 32px;
font-weight: bold;
margin-right: 5px;
color: var(--gq-feature-button-icon-color);
}
.gq-feature-button:hover {
background-color: var(--gq-feature-button-hover-bkgnd-color);
box-shadow: 0 1px 3px 0 rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}
.gq-button-text {
align-items: center;
border: none;
display: inline-flex;
justify-content: center;
outline: none;
position: relative;
z-index: 0;
-webkit-font-smoothing: antialiased;
font-family: 'Google Sans', Roboto,Helvetica,Arial,sans-serif;
font-size: 14px;
letter-spacing: .25px;
background: none;
border-radius: 4px;
box-sizing: border-box;
color: var(--gq-button-text-text-color);
cursor: pointer;
font-weight: 500;
height: 36px;
min-width: 80px;
outline: none;
padding: 0 16px;
margin: 0 0 0 8px;
white-space:nowrap;
text-decoration: none !important;
user-select: none;
}
.gq-button-text::before {
content: '';
display: block;
opacity: 0;
position: absolute;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
z-index: -1;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: var(--gq-button-text-hover-color);
border-radius: 4px;
transform: scale(0);
transition-property: transform,opacity;
}
.gq-button-text:hover::before {
opacity: .06;
outline: 1px solid #0000;
transform: scale(1);
}
.gq-button-text:focus::before {
background-color: var(--gq-button-text-hover-color);
opacity: .08;
transform: scale(1);
}
.gq-button-text.blue {
color: var(--gq-button-text-blue-text-color);
}
.gq-button-outlined {
background-color: var(--gq-button-outlined-bkgnd-color);
border: 1px solid var(--gq-button-outlined-border-color);
border-radius: 4px;
display: inline-block;
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 16px;
letter-spacing: .15px;
outline: 0;
padding: 10px 24px;
text-align: center;
text-decoration: none !important;
white-space:nowrap;
color: var(--gq-button-outlined-text-color);
cursor: pointer;
user-select: none;
}
.gq-button-outlined.with-icon {
display: flex;
align-items:center;
}
.gq-button-outlined.with-icon img {
margin: -3px 10px -3px -11px;
width: 26px;
height: 26px;
}
.gq-button-outlined:hover {
background-color: var(--gq-button-outlined-hover-bkgnd-color);
color: var(--gq-button-outlined-hover-text-color);
}
.gq-button-outlined:focus {
background-color: var(--gq-button-outlined-hover-bkgnd-color);
color: var(--gq-button-outlined-hover-text-color);
}
.gq-button-outlined.blue {
border: 1px solid var(--gq-button-outlined-blue-border-color);
color: var(--gq-button-outlined-blue-text-color);
}
.gq-button-outlined.blue:hover {
border-color: var(--gq-button-outlined-blue-hover-border-color);
color: var(--gq-button-outlined-blue-text-color);
background-color: var(--gq-button-outlined-blue-hover-bkgnd-color);
}
.gq-button-outlined.blue:focus {
border-color: var(--gq-button-outlined-blue-hover-border-color);
color: var(--gq-button-outlined-blue-text-color);
background-color: var(--gq-button-outlined-blue-hover-bkgnd-color);
}
.gq-button-outlined.red {
border: 1px solid var(--gq-button-outlined-red-border-color);
color: var(--gq-button-outlined-red-text-color);
}
.gq-button-outlined.red:hover {
border-color: var(--gq-button-outlined-red-hover-border-color);
color: var(--gq-button-outlined-red-text-color);
background-color: var(--gq-button-outlined-red-hover-bkgnd-color);
}
.gq-button-contained {
align-items: center;
border: none;
display: inline-flex;
justify-content: center;
outline: none;
position: relative;
z-index: 0;
-webkit-font-smoothing: antialiased;
font-family: 'Google Sans', Roboto,Helvetica,Arial,sans-serif;
font-size: 14px;
letter-spacing: .25px;
background: none;
border-radius: 4px;
box-sizing: border-box;
color: var(--gq-button-contained-text-color);
cursor: pointer;
font-weight: 500;
height: 36px;
min-width: 80px;
outline: none;
padding: 0 16px;
background-color: var(--gq-button-contained-bkgnd-color);
white-space:nowrap;
text-decoration: none !important;
user-select: none;
}
.gq-button-contained:hover {
box-shadow: 0 2px 1px -1px rgb(26 115 232 / 20%), 0 1px 1px 0 rgb(26 115 232 / 14%), 0 1px 3px 0 rgb(26 115 232 / 12%);
}
.gq-button-contained::before {
content: '';
display: block;
opacity: 0;
position: absolute;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
z-index: -1;
bottom: 0;
left: 0;
right: 0;
top: 0;
background-color: #ffffff;
border-radius: 4px;
transition-property: transform,opacity;
}
.gq-button-contained:hover::before {
opacity: .12;
}
.gq-button-contained:focus {
box-shadow: var(--gq-button-contained-border-bkgnd-color) 0px 0px 0px 2px, var(--gq-button-contained-border-color) 0px 0px 0px 4px, rgb(0 0 0 / 5%) 0px 1px 2px 0px;
}
.gq-button-contained:focus::before {
opacity: .12;
}
.gq-signin-btn-white {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-weight: 500;
line-height: 40px;
height: 40px;
cursor: pointer;
display:inline-block;
text-decoration: none;
font-size: 14px;
color:rgb(0 0 0 / 54%);
background-color: #FFFFFF;
margin: 0;
border-radius: 4px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
position:relative;
padding-left: 20px;
padding-right: 14px;
}
.gq-signin-btn-white div {
background-image: url('../images/1.1.2/googleLoginG.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 40px 40px;
height: 40px;
width: 40px;
display: block;
position: absolute;
left: 0px;
top: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.gq-signin-btn-white span {
display: inline;
padding-left: 25px;
}
.gq-signin-btn-white:hover {
}
.gq-btn-separator-left,
.gq-btn-separator-right {
position: relative;
}
.gq-btn-separator-left::before,
.gq-btn-separator-right::before {
content: "";
top: 0.5rem;
bottom: 0.5rem;
width: 1px;
background-color: var(--gq-task-delete-btn-separator-color);
margin: 0 0.25rem;
position: absolute;
}
.gq-btn-separator-left {
margin-left: 0.25rem;
}
.gq-btn-separator-right {
margin-right: 0.25rem;
}
.gq-btn-separator-left::before {
left: -0.5rem;
}
.gq-btn-separator-right::before {
right: -0.5rem;
}
.gq-tooltip-wrap {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 12px;
letter-spacing: .3px;
-webkit-font-smoothing: antialiased;
background: #0000;
border: solid #0000;
border-width: 1px 0;
font-weight: 500;
line-height: 16px;
opacity: .94;
padding: 0;
pointer-events: none;
transition: opacity 150ms,visibility 0s;
visibility: visible;
border-radius: 0;
box-shadow: none;
cursor: default;
display: block;
margin-left: 0;
position: absolute;
white-space: pre-wrap;
word-break: break-word;
z-index: 10000;
left: 0;
top: 0;
max-width: 300px;
}
.gq-tooltip-content {
background: #616161;
border-radius: 4px;
padding: 4px 8px;
color: #ffffff;
}
.gq-tooltip-content.nowrap {
white-space: nowrap;
}
.gq-tooltip-wrap.hidden {
opacity: 0;
transition: opacity 75ms 0s,left 0s 75ms,top 0s 75ms,visibility 0s 75ms;
visibility: hidden;
}
.gq-progress-circle {
width: 24px;
}
.gq-progress-circle svg {
width: 100%;
transform-origin: center;
animation: progress-rotate 2s linear infinite;
}
.gq-progress-circle svg circle {
fill: none;
stroke: var(--gq-progress-color);
stroke-width: 5;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: square;
animation: progress-dash 1.5s ease-in-out infinite;
}
.gq-progress-circle.light svg circle {
stroke: var(--gq-progress-light-color);
}
@keyframes progress-rotate {
100% {
transform: rotate(360deg);
}
}
@keyframes progress-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dashoffset: -125px;
}
}
.gq-upsell-header {
font-size: 17px;
font-weight: bold;
}
.gq-upsell-assignments li {
color: #6F6F6F;
font-size: 13px;
padding-bottom: 4px;
list-style-type: none;
}
.gq-upsell-price {
color: var(--gq-upsell-primary-color);
font-size: 20px;
font-weight: bold;
margin-bottom: 10px
}
.gq-upsell-annually {
font-size: 12px;
color:#8f8f8f;
text-align:center;
margin-bottom: 10px;
}
.gq-upsell-free-link {
margin-top: 10px;
}
.gq-upsell-large-btn {
margin: 20px 0;
}
.gq-upsell-large-btn a,
.gq-upsell-btn a,
.gq-upsell-free-link a {
text-decoration: none !important;
}
.gq-upsell-large-btn button,
.gq-upsell-btn button,
.gq-upsell-free-link button {
line-height: 40px;
height: 40px;
width: 210px;
cursor: pointer;
display:block;
text-decoration: none;
font-size: 16px;
color: var(--gq-upsell-button-text-color);
margin: 5px auto 10px auto;
border-radius: 4px;
}
.gq-upsell-free-credit {
color: var(--gq-upsell-feature-text-color);
font-size: 13px;
}
.gq-upsell-btn img {
border:none;
}
.gq-upsell-btn {
margin-bottom: 10px;
}
.gq-upsell-btn,
.gq-upsell-price,
.gq-upsell-free-link,
.gq-upsell-free-credit {
text-align: center;
}
.gq-upsell-feature-header {
color: var(--gq-upsell-feature-text-color);
font-size: 15px;
font-weight: bold;
margin-left: 40px;
}
.gq-upsell-features {
padding-left: 15px;
margin-top: 3px;
margin-left: 40px;
}
.gq-upsell-features li {
font-size: 15px;
color: var(--gq-upsell-primary-color);
}
.gq-upsell-table {
margin: 10px 0;
width: 600px;
}
.gq-upsell-table td {
vertical-align:top;
}
#gqUpsellDialog {
z-index: 10001;
}
#gqUpsellDialog .gq-upsell-table {
width: 525px;
}
#gqUpsellDialog .gq-dialog-button-container {
padding-bottom: 5px;
}
#gqUpsellCancelBtn {
width: 90px;
float: right;
}
#gqUpsellDialog .gq-dialog-note {
text-align: center;
margin-top: 15px;
}
#gqUpsellDialog .gq-dialog-processing {
padding: 10px;
height: 220px;
width:525px;
}
#gqUpsellDialog .gq-dialog-processing .gq-progress-circle {
width: 40px;
margin: 70px auto 0 auto;
}
#gqUpsellDialog .gq-dialog-error {
padding: 70px 10px 10px 10px;
height: 130px;
width:525px;
text-align:center;
color: #3F3F3F;
}
.gq-upsell-buy {
text-align: center;
margin: 15px 0 8px 0;
}
.gq-upsell-or {
margin: 5px 0;
text-align: center;
}
#gqTeamGetStartedDialog .gq-business-upsell-top img {
width: 600px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}.gq-marketplace-content {
background-color: #EFEFEF;
border: 1px solid #DFDFDF;
margin-bottom: 10px;
}
.gq-marketplace-content td {
vertical-align: top;
}
.gq-marketplace-content h3 {
color: #6B6A6A;
font-size: 16px;
margin-top: 7px;
margin-bottom: 2px;
}
.gq-marketplace-content div {
color: #6B6A6A;
font-size: 12px;
line-height: 18px;
font-weight: normal;
}
.gq-marketplace-content img {
margin: 7px;
border: none !important;
}
.gq-marketplace-content a {
color: #0066CC;
font-weight: bold;
text-decoration: none;
}
#gqPricingTable .gq-marketplace-content,
.gq-help-main .gq-marketplace-content {
border: 1px solid #CFCFCF;
background-color: #FFFFFF !important;
}
#gqPricingTable .gq-marketplace-content div,
.gq-help-main .gq-marketplace-content div {
font-size: 13px;
}
#gqPricingTable .gq-marketplace-content {
margin-top: 10px;
}
.gq-marketplace-row td {
border-top: none !important;
}
#gqMessageBox .gq-marketplace-content {
background-color: #FFFFFF !important;
width: 460px;
}
#gqContactsFilter {
position: absolute;
width: 500px;
z-index: 10000;
}
#gqContactsFilterInput {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 16px;
border: 0;
outline: none !important;
outline-color: -moz-use-text-color !important;
outline-style: none !important;
outline-width: 0 !important;
width: 100%;
box-sizing: border-box;
background-color: transparent;
color: var(--gq-modern-input-text-color);
}
#gqContactsFilterLink {
margin: 12px 0 10px 2px;
color: var(--gq-modern-input-primary-color);
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
}
#gqContactsFilterContainer {
background-color: var(--gq-modern-menu-bkgnd-color);
position: absolute;
width: 100%;
top: 37px;
left: 0;
z-index: 10000;
}
#gqContactsFilterContainer ul {
color: var(--gq-modern-menu-text-color);
box-shadow: var(--gq-modern-menu-box-shadow);
border-radius: 4px;
font-size: 13px;
max-height: 190px;
overflow-y:auto;
overflow-x:hidden;
list-style-type:none;
list-style-image: none;
list-style-position:outside;
margin: 0;
padding: 10px 0;
}
#gqContactsFilterContainer li {
padding:8px 4px;
cursor: pointer;
overflow-x:hidden;
white-space: nowrap;
line-height: 30px;
font-size: 13px;
margin-right: 15px;
border-top-right-radius: 23px;
border-bottom-right-radius: 23px;
text-overflow: ellipsis;
}
.gq-contact-default {
background-image: url('../images/1.1.2/m_sprites_horz.png');
background-repeat: no-repeat;
background-position: -732px -12px;
background-size: 1200px 48px;
width: 0px;
height: 0px;
}
#gqContactsFilterContainer .gq-cd-option div,
#gqContactsFilterContainer .gq-cd-option img {
display:block;
width: 30px;
height: 30px;
margin: 0 10px 0 5px;
float: left;
border-radius: 50%;
}
#gqContactsFilterContainer .gq-cd-option div:after {
content: 'person';
font-family: "Material Icons";
font-size: 22px;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #cfcfcf;
border-radius: 50%;
line-height: 30px;
padding: 4px;
color: #ffffff;
}
#gqContactsFilterContainer .gq-cd-hover {
border-color: var(--gq-modern-menu-hover-color) !important;
background-color: var(--gq-modern-menu-hover-color) !important;
}
#gqContactsFilterBox {
border: 0;
background-color: var(--gq-modern-input-gray-bkgnd-color);
padding: 8px;
border-radius: 4px;
}
#gqContactsFilterBox.input-active {
box-shadow: inset 0 -2px 0 var(--gq-modern-input-primary-color);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.gq-cd-label {
color: var(--gq-modern-input-placeholder-color) !important;
}
.gq-contact-loader {
width: 25px;
height: 25px;
}
.gq-contact-loader .gq-progress-circle {
width: 20px;
}
#gqContactsFilterBtn {
margin-right: 0px;
float: right;
display: none;
}
#gqContactsFilter.gq-show-btn #gqContactsFilterBtn {
display:block;
}
#gqContactsFilter.gq-show-btn #gqContactsFilterBox {
width: 380px;
}
/************************/
/***** OBJECT MENU ****/
/************************/
.gq-dropdown,
.gq-object-menu {
position: absolute;
z-index: 1000;
background-color: var(--gq-menu-bkgnd-color);
top:0;
left:0;
border-radius: 4px;
box-shadow: var(--gq-menu-box-shadow);
padding: 6px 0;
}
.gq-dropdown {
overflow-y: auto;
overflow-x: hidden;
}
.gq-dropdown.with-dropdown {
overflow: visible;
}
.gq-object-menu {
}
.gq-object-menu-title,
.gq-object-menu-item {
font-family:"Roboto",Arial,sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--gq-menu-text-color);
letter-spacing: 0.2px;
line-height: 32px;
min-height: 32px;
white-space: nowrap;
padding: 0px 30px;
text-align: left;
user-select: none;
display: flex;
align-items:center;
width: 100%;
box-sizing: border-box;
text-decoration: none;
}
.gq-object-menu-item-name {
font-family:"Roboto",Arial,sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--gq-menu-text-color);
letter-spacing: 0.2px;
line-height: 32px;
min-height: 32px;
white-space: nowrap;
padding-right: 10px;
text-align: left;
user-select: none;
display: block;
flex-grow: 1;
width: 100%;
}
.gq-object-menu-item-sub {
font-size: 20px;
color: var(--gq-menu-text-color);
opacity: 0.5;
}
.gq-object-menu-item:hover .gq-object-menu-item-sub {
opacity: 1.0;
}
.gq-object-menu.with-icons .gq-object-menu-item,
.gq-dropdown.with-icons .gq-object-menu-item {
padding: 0px 30px 0px 24px;
line-height: 32px;
min-height: 32px;
}
.gq-dropdown .gq-object-menu-item {
}
.gq-object-menu .gq-object-menu-item span,
.gq-dropdown .gq-object-menu-item span {
font-size: 24px;
color: var(--gq-menu-icon-color);
display: inline-block;
margin-right: 16px;
min-width: 24px;
}
.gq-object-menu .gq-object-menu-item .material-icons.md-20,
.gq-dropdown .gq-object-menu-item .material-icons.md-20,
.gq-object-menu .gq-object-menu-item .material-icons-outlined.md-20,
.gq-dropdown .gq-object-menu-item .material-icons-outlined.md-20 {
font-size: 20px;
margin-left: 2px;
margin-right: 18px;
min-width: 20px;
}
.gq-dropdown .gq-object-menu-item.selected {
background-color: var(--gq-menu-selected-color);
}
.gq-object-menu .gq-object-menu-item:hover,
.gq-object-menu-item.highlighted {
background-color: var(--gq-menu-hover-color);
text-decoration: none;
cursor: pointer;
}
.gq-object-menu-title {
font-weight:700;
border-bottom: 1px solid #AFAFAF;
cursor: default;
overflow: hidden;
text-overflow: ellipsis;
}
.gq-object-menu-separator {
height: 0;
margin: 7px 0;
border-bottom: 1px solid var(--gq-menu-separator-color);
}
.gq-object-menu-heading {
font-size: 14px;
margin-left: 15px;
color: var(--gq-menu-text-color);
line-height: 32px;
min-height: 32px;
}
.gq-object-menu-footer {
margin-block-start: 0.5rem;
margin-block-end: -0.375rem;
border-radius: 0 0 4px 4px;
display: flex;
padding: 1rem 1.25rem;
justify-content: center;
align-items: center;
gap: 0.5rem;
align-self: stretch;
border-top: 1px solid var(--gq-menu-separator-color);
background: var(--gq-modern-input-gray-bkgnd-color);
color: var(--gq-menu-text-color);
opacity: 0.6;
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1.67;
}
.gq-dropdown .top-arrow {
position: absolute;
right: 35px;
top: -10px;
}
.gq-dropdown .top-arrow .one {
border-color: transparent;
border-style: dashed dashed solid dashed;
border-width: 0 8.5px 8.5px 8.5px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-bottom-color: rgba(0,0,0,.2);
top: 1px;
}
.gq-dropdown .top-arrow .two {
border-color: transparent;
border-style: dashed dashed solid dashed;
border-width: 0 8.5px 8.5px 8.5px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-bottom-color: #FFFFFF;
top: 2px;
}
#gqAccountDropdown {
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,.2);
border: 1px solid #ccc;
border-color: #0003;
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100vh - 62px - 50px);
margin-top: 8px;
padding: 0;
}
#gqAccountDropdown a {
display: inline-block;
width: auto;
color: var(--gq-account-menu-link-color);
text-decoration: none;
}
#gqAccountDropdown a:hover {
text-decoration: none;
}
#gqAccountDropdown .gq-profile-box {
white-space: nowrap;
margin: 20px 33px;
min-width: 286px;
}
#gqAccountDropdown .gq-profile-box .photo {
margin: 0 auto 10px auto;
width: 86px;
height: 86px;
vertical-align: top;
}
#gqAccountDropdown .gq-profile-box .photo img {
border:none;
border-radius: 50%;
width: 80px;
height: 80px;
}
#gqAccountDropdown .gq-profile-box .name-wrap {
display: block;
text-align: center;
}
#gqAccountDropdown .gq-profile-box .fullname {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 16px;
font-weight: 500;
color: var(--gq-account-menu-name-color);
letter-spacing: .29px;
text-align: center;
text-overflow: ellipsis;
overflow:hidden;
white-space: nowrap;
}
#gqAccountDropdown .gq-profile-box .email {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--gq-account-menu-email-color);
letter-spacing: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#gqAccountDropdown .gq-object-menu-item.gq-tell-others-item {
padding: 0;
display: block;
border-top: 1px solid var(--gq-account-menu-separator-color);
text-align: center;
width: 100%;
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 46px;
color: var(--gq-account-menu-link-color);
letter-spacing: 0.2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#gqAccountDropdown .gq-tell-others-item:hover {
background-color: var(--gq-account-menu-link-hover-color);
}
#gqAccountDropdown .gq-sign-out-box {
text-align: center;
width: 100%;
padding: 0 17px;
border-top: 1px solid var(--gq-account-menu-separator-color);
border-bottom: 1px solid var(--gq-account-menu-separator-color);
box-sizing: border-box;
}
#gqAccountDropdown .gq-sign-out-box a {
display: inline-block;
width: auto;
color: var(--gq-account-menu-link-color);
text-decoration: none;
}
#gqAccountDropdown .gq-sign-out-box button {
margin: 16px;
}
#gqAccountDropdown .gq-object-menu-item {
text-align: left;
padding: 0px 0 0 28px;
}
#gqAccountDropdown .gq-object-menu-item[actionType="settings"] {
color: #CFCFCF;
}
#gqAccountDropdown .gq-sign-out-box .gq-object-menu-item {
padding: 0;
background-color: transparent;
}
#gqAccountDropdown .gq-privacy-wrap {
color: #5f6368;
margin: 14px 33px;
text-align: center;
white-space: normal;
line-height: 18px;
min-height: min-content;
}
#gqAccountDropdown .gq-privacy-wrap a {
color: var(--gq-account-menu-privacy-color);
border-radius: 4px;
display: inline-block;
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 400;
padding: 4px 8px;
text-decoration: none;
text-align: center;
white-space: normal;
line-height: 18px;
min-height: min-content;
}
#gqAccountDropdown .gq-privacy-wrap a:hover {
background-color: var(--gq-account-menu-privacy--hover-color);
}
#gqAccountDropdown .gq-privacy-wrap span {
font-size: 12px;
}
.gq-modern-input {
line-height: 20px;
margin: 0;
padding: 6px 0;
border: none;
box-shadow: inset 0 -1px 0 var(--gq-modern-input-border-color);
color: var(--gq-modern-input-text-color);
text-overflow: ellipsis;
box-sizing: border-box;
width: 100%;
outline: none;
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
background-color: transparent;
}
.gq-modern-input::placeholder {
color: var(--gq-modern-input-placeholder-color);
}
.gq-modern-input.error {
box-shadow: inset 0 -1px 0 var(--gq-modern-input-error-color);
background-image: url('data:image/svg+xml;utf-8,');
background-color: transparent;
background-repeat: no-repeat;
background-position: top 5px right 20px;
background-size: 24px 24px;
}
.gq-dark-mode .gq-modern-input.error {
background-image: url('data:image/svg+xml;utf-8,');
}
.gq-modern-input:focus {
box-shadow: inset 0 -2px 0 var(--gq-modern-input-primary-color);
}
.gq-modern-input.error:focus {
box-shadow: inset 0 -2px 0 var(--gq-modern-input-error-color);
}
.gq-modern-input-wrap.disabled .gq-modern-input:focus {
box-shadow: inset 0 -1px 0 var(--gq-modern-input-border-color);
}
.gq-modern-input[readonly]::selection {
color: var(--gq-modern-input-selection-color);
}
.gq-modern-input[readonly]::-moz-selection {
color:var(--gq-modern-input-selection-color);
}
.gq-modern-input-wrap.calendar .gq-modern-input.error {
background-position: top 5px right 25px;
}
.gq-modern-input-wrap.menu .gq-modern-input.error {
background-position: top 5px right 15px;
}
.gq-modern-input-wrap {
position: relative;
}
.gq-modern-input-wrap.disabled {
opacity: 0.3;
}
.gq-modern-input-wrap.menu:after {
color: var(--gq-modern-input-icon-color);
content: '\25be';
cursor: pointer;
display: inline-block;
opacity: 0.5;
position: absolute;
right: 3px;
top: 8px;
text-align: center;
width: 9px;
font-size: 12px;
}
.gq-modern-input-wrap.disabled:after {
opacity: 0.3;
}
.gq-modern-input-wrap.menu:hover:after {
opacity:0.8;
}
.gq-modern-input-wrap.disabled:hover:after {
opacity: 0.3;
}
.gq-modern-input-wrap.menu .gq-modern-input {
cursor:pointer;
padding: 6px 17px 6px 0;
}
.gq-modern-input-wrap.calendar:after {
color: var(--gq-modern-input-calendar-icon-color);
font-family: "Material Icons";
font-size: 24px;
font-weight: normal;
content: 'today';
cursor: pointer;
display: inline-block;
opacity: 0.5;
position: absolute;
right: 3px;
top: 4px;
text-align: center;
width: 20px;
height: 20px;
}
.gq-modern-input-wrap.calendar:hover:after {
opacity:0.8;
}
.gq-modern-input-wrap.calendar .gq-modern-input {
cursor:pointer;
padding: 6px 17px 6px 0;
}
.gq-modern-input-wrap label {
color: var(--gq-modern-input-label-color);
font-size: 12px;
display: block;
cursor: pointer;
margin-top: -2px;
user-select: none;
}
.gq-modern-input-wrap.input-active label {
color: var(--gq-modern-input-primary-color);
}
.gq-modern-input-wrap.readonly.input-active label {
color: var(--gq-modern-input-label-color);
}
.gq-modern-menu-wrap {
position: relative;
}
.gq-modern-menu {
background-color: var(--gq-modern-menu-bkgnd-color);
border: 0;
box-shadow: var(--gq-modern-menu-box-shadow);
box-sizing: border-box;
left: 0;
top: 0;
margin-top: -4px;
min-width: 100%;
outline: none;
padding: 8px 0;
position: absolute;
z-index: 20;
overflow-y: auto;
max-height: 260px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.gq-modern-menu.above {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.gq-modern-menu-item {
user-select: none;
padding: 0 16px;
cursor: pointer;
white-space: nowrap;
line-height: 40px;
height: 40px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
}
.gq-modern-menu-item-disabled {
user-select: none;
padding: 0 16px;
cursor: not-allowed;
white-space: nowrap;
line-height: 40px;
height: 40px;
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
opacity: .4;
}
.gq-modern-menu-item.highlighted {
background-color:var(--gq-modern-menu-hover-color);
}
/***** CALENDAR *********/
.gq-modern-calendar-wrap {
position: relative;
margin-top: 4px;
}
.gq-modern-calendar-box {
background-color: var(--gq-modern-calendar-box-bkgnd-color);
border: 1px solid var(--gq-modern-calendar-box-border-color);
box-shadow: var(--gq-modern-calendar-box-box-shadow);
box-sizing: border-box;
left: 0;
top: 0;
margin-top: -4px;
min-height: 228px;
outline: none;
padding: 8px;
position: absolute;
z-index: 22;
}
.gq-modern-calendar {
font-size: 10px;
line-height: 12px;
outline: 0;
}
.gq-modern-calendar .ui-widget-content {
border:none;
}
.gq-modern-calendar .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.gq-modern-calendar .gq-disabled {
opacity:0.4;
filter: alpha(opacity=40);
}
.gq-modern-calendar .ui-datepicker {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 11px;
background: none;
color: var(--gq-modern-calendar-header-text-color);
}
.gq-modern-calendar .ui-datepicker td {
padding: 0;
}
.gq-modern-calendar .ui-state-default,
.gq-modern-calendar .ui-widget-content .ui-state-default {
color: var(--gq-modern-calendar-date-text-color);
border: 0;
background: transparent;
border-radius: 50%;
height: 15px;
width: 15px;
text-align: center;
line-height: 15px;
margin: 2px auto;
padding: 5px;
user-select: none;
font-size: 11px;
}
.gq-modern-calendar .ui-state-hover,
.gq-modern-calendar .ui-widget-content .ui-state-hover,
.gq-modern-calendar .ui-state-default:focus-visible {
background: var(--gq-modern-calendar-date-hover-color);
}
.gq-modern-calendar .ui-datepicker-today .ui-state-highlight {
font-weight: bold;
color: var(--gq-modern-calendar-date-today-color);
}
.gq-modern-calendar .ui-datepicker-today .ui-state-highlight:focus-visible {
box-shadow: var(--gq-button-contained-border-bkgnd-color) 0px 0px 0px 2px, var(--gq-button-contained-border-color) 0px 0px 0px 4px, rgb(0 0 0 / 5%) 0px 1px 2px 0px;
}
.gq-modern-calendar .ui-datepicker .ui-widget-header {
background: transparent;
border-color: transparent;
color: var(--gq-modern-calendar-header-text-color);
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
}
.gq-modern-calendar .ui-datepicker-current-day .ui-state-active {
background: var(--gq-modern-calendar-date-current-bkgnd-color);
color: var(--gq-modern-calendar-date-current-text-color);
font-weight: bold;
}
.gq-modern-calendar .ui-datepicker-prev,
.gq-modern-calendar .ui-datepicker-next {
opacity: 0.5;
border: 0;
}
.gq-modern-calendar .ui-datepicker-prev:hover,
.gq-modern-calendar .ui-datepicker-next:hover {
opacity: 1;
cursor: pointer;
}
.gq-modern-calendar .ui-datepicker-prev-hover,
.gq-modern-calendar .ui-datepicker-next-hover {
opacity: 1;
border: 1px solid transparent !important;
background-color: transparent !important;
font-weight: normal;
}
.gq-modern-calendar .ui-datepicker-prev .ui-icon {
background: none;
}
.gq-modern-calendar .ui-datepicker-prev:after {
content: "chevron_left";
font-family: "Material Icons Outlined";
display: block;
color: var(--gq-modern-calendar-header-icon-color);
text-align: center;
cursor: inherit;
width: 22px;
font-size: 22px;
line-height: 22px;
height: 22px;
position: absolute;
top: 1px;
left: 3px;
}
.gq-modern-calendar .ui-datepicker-next .ui-icon {
background: none;
}
.gq-modern-calendar .ui-datepicker-next:after {
content: "chevron_right";
font-family: "Material Icons Outlined";
display: block;
color: var(--gq-modern-calendar-header-icon-color);
text-align: center;
cursor: inherit;
width: 22px;
font-size: 22px;
line-height: 22px;
height: 22px;
position: absolute;
top: 1px;
left: 3px;
}
/*************************/
.gray .gq-modern-input-wrap {
background-color: var(--gq-modern-input-gray-bkgnd-color);
padding: 8px;
border-radius: 4px;
}
.gray .gq-modern-input-wrap.has-label {
padding: 6px 8px 4px 8px;
}
.gray .gq-modern-input-wrap.input-active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: inset 0 -2px 0 var(--gq-modern-input-primary-color);
}
.gray .gq-modern-input-wrap.readonly.input-active {
box-shadow: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.gray .gq-modern-input-wrap .gq-modern-input {
box-sizing: border-box;
box-shadow: none;
padding: 0 17px 0 0;
background-color: transparent;
}
.gray .gq-modern-input-wrap:after {
color: var(--gq-modern-input-label-color);
opacity: 1;
right: 8px;
top: calc(100% / 2 - 9px);
}
.optanon-alert-box-body a {
padding-left: 10px;
color: #4d90fe;
}
#optanon #optanon-popup-body div#optanon-main-info-text {
white-space: pre-line;
}
#gqVideoContainer {
position:absolute;
top:15px;
background-color: #EFEFEF;
z-index:1001;
cursor: pointer;
box-shadow: 0 4px 8px rgb(0 0 0 / 32%), 0 8px 40px rgb(0 0 0 / 70%);
}
.gq-video-content {
display: flex;
}
#gqVideoClose {
position:absolute;
top:-35px;
right:-35px;
height:15px;
width: 15px;
padding: 10px;
background-color: rgba(0,0,0,.6);
border-radius: 50%;
}
#gqVideoClose svg polygon {
fill: #ffffff;
}
#gqVideoClose:hover {
background-color: rgba(0,0,0,1.0);
}
/********************************/
/* iPhone */
/********************************/
.gq-iphone-nav {
float: left;
width: 150px;
font-size: 18px;
margin: 0;
padding: 0;
}
.gq-iphone-nav li {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
margin-bottom: 15px;
}
.gq-iphone-nav li a {
text-decoration: underline;
color: #676767;
}
.gq-iphone-main {
font-size: 16px;
margin: 0 0 40px 170px;
}
.gq-iphone-main img {
float: right;
margin: 0 0 20px 30px;
border-style: none;
}
.gq-iphone-main h1 {
font-size: 32px;
font-weight: bold;
line-height: 40px;
}
.gq-iphone-main p {
line-height: 22px;
}
.gq-iphone-main p a {
text-decoration: none;
font-weight: bold;
color: #000091;
}
.gq-iphone-screenshots li {
list-style-type:none;
list-style-image: none;
list-style-position:inside;
float: none;
width: 320px;
margin: 10px auto 40px auto;
}
.gq-iphone-screenshots h2 {
font-size: 14px;
text-align: center;
margin: 10px 0 0 0;
}
.gq-iphone-screenshots img {
float: none;
margin: 0;
}
.gq-iphone-homescreen img {
float: left;
}
.gq-iphone-homescreen ol li {
margin-bottom: 10px;
}
.gq-int-support {
background-color: #f1f1f1;
}
.gq-int-support a {
text-decoration: none;
}
.gq-int-support a:hover {
text-decoration: underline;
}
.gq-int-support a:hover button {
text-decoration: none !important;
}
.gq-int-support h2 {
color: #525252;
font-size: 30px;
font-weight: 300;
line-height: 50px;
text-align: center;
margin: 20px 0 0 0;
}
.gq-int-support .log-date {
text-align: center;
font-size: 22px;
font-weight: 500;
}
.gq-int-support .log-agent {
text-align: center;
font-size: 18px;
font-weight: 300;
margin-bottom: 10px;
}
.gq-int-support .log-action {
text-align: center;
font-size: 18px;
font-weight: 300;
margin-bottom: 10px;
}
.gq-int-support .sub-not-found {
font-size: 18px;
font-weight: bold;
text-align: center;
width: 100%;
}
.gq-int-support .search-other-sub-link {
margin: 20px auto;
text-align: center;
display: block;
width: fit-content;
}
.gq-int-support-section .prev-link {
position: absolute;
left: 30px;
margin-top: -20px;
}
.gq-int-support-section .next-link {
position: absolute;
right: 30px;
margin-top: -20px;
}
.gq-int-support-section .content {
max-width: 960px;
margin:0 auto;
padding: 0px 20px;
position: relative;
}
.gq-int-support-section .error-msg {
color:#bf0008;
text-align: center;
}
.gq-int-support .expired-msg {
background-color:#bf0008;
color: #ffffff;
text-align: center;
padding: 10px;
border-radius: 5px;
margin: 10px 10px 20px 10px;
user-select: none;
}
.gq-int-support .prompt-msg {
background-color:#bf0008;
color: #ffffff;
text-align: center;
padding: 10px;
border-radius: 5px;
}
.gq-int-support .prompt-msg button {
vertical-align: middle;
margin-left: 20px;
}
.gq-int-support-section .logout {
text-align:center;
margin: 20px;
}
.gq-int-support .table-title-bar {
display: flex;
justify-content: space-between;
}
.gq-int-support .table-title-bar a {
color: #666666 !important;
}
.gq-int-support .table-title {
text-transform: uppercase;
color: #8f8f8f;
font-weight: bold;
font-size: 15px;
}
.gq-int-support .table-wrapper table {
width: 100%;
margin-top: 20px;
font-size: 12px;
font-family: arial,sans-serif;
font-weight: normal;
}
.gq-int-support .table-wrapper table tr:not(:first-child):hover {
/*background-color: #fffda5;*/
background-color: #fffdba;
/*
-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
-ms-box-shadow: 0 2px 4px rgba(0,0,0,.2);
box-shadow: 0 2px 4px rgba(0,0,0,.2);
*/
}
.gq-int-support .table-wrapper th {
border-bottom: 1px solid #cfcfcf;
text-align: left;
}
.gq-int-support .table-wrapper td {
padding: 5px 10px 5px 0;
vertical-align: top;
}
.gq-int-support .table-wrapper td.activity-description {
width: 250px;
}
.gq-int-support .table-wrapper td.no-results {
padding-top: 20px;
font-size: 16px;
}
.gq-int-support.users .table-wrapper td.no-results {
color: #1E88E5;
}
.gq-int-support.orders .table-wrapper td.no-results {
color: #F57F17;
}
.gq-int-support.domains .table-wrapper td.no-results {
color: #9C27B0;
}
.gq-int-support.yousubs .table-wrapper td.no-results {
color: #ff569a;
}
.gq-int-support .order-failed {
color: #b3093c !important;
background-color: #ffe7f2;
border: 1px solid #fbd3dc;
border-radius: 4px;
font-weight: bold;
padding: 4px 7px;
margin-left: 3px;
}
.gq-int-support-section .next-btn {
text-align: right;
margin-top: 20px;
}
.gq-int-support.activity .nav-activity {
color: #2E7D32 !important;
font-weight: bold;
}
.gq-int-support.users .nav-users {
color: #1E88E5 !important;
font-weight: bold;
}
.gq-int-support.domains .nav-domains {
color: #9C27B0 !important;
font-weight: bold;
}
.gq-int-support.yousubs .nav-you {
color: #ff569a !important;
font-weight: bold;
}
.gq-int-support.orders .nav-orders {
color: #F57F17 !important;
font-weight: bold;
}
@media screen and (max-width: 768px){
.gq-int-support .table-wrapper table {
margin: 0 0 20px 0;
}
.gq-int-support .table-wrapper th {
display:none;
}
.gq-int-support .table-wrapper td {
display: block;
text-align: left !important;
padding: 0;
border-bottom: 0;
height: inherit;
}
.gq-int-support .table-wrapper td:before {
content: attr(data-th);
font-weight: bold;
display: inline-block;
border-radius: 3px;
margin-right: 10px;
padding: 2px 4px 2px 0;
color: #555555;
}
.gq-int-support .table-wrapper td:first-child {
padding-top: 20px;
}
.gq-int-support .table-wrapper td:last-child {
padding-bottom: 20px;
}
.gq-int-support .table-wrapper td:last-child {
border-bottom: 1px solid #DFDFDF;
width: 100%;
}
.gq-int-support .table-wrapper table tr:not(:first-child):hover {
background-color: inherit;
}
}
/*********** SUPPORT BLOCKS ***************/
.gq-int-support-block {
font-family: arial,sans-serif;
font-weight: normal;
padding: 20px;
background-color: #ffffff;
border-radius: 4px;
margin: 0px 3px 20px 3px;
border: 1px solid #cfcfcf;
}
.gq-int-support-block form {
display: inline-block;
}
.gq-int-support-block .label {
color: #8F8F8F;
width: 140px;
display: inline-block;
line-height: 26px;
vertical-align: top;
}
.gq-int-support-block .data {
color: #000000;
display: inline-block;
word-wrap: break-word;
line-height: 26px;
}
.gq-int-support-block .line-row {
height:0;
border-top: 1px solid #CFCFCF;
margin: 15px 0;
}
.gq-int-support.activity a,
.gq-int-support.activity a:hover,
.gq-int-support.activity a:visited {
color: #2E7D32;
}
.gq-int-support.domains a,
.gq-int-support.domains a:hover,
.gq-int-support.domains a:visited {
color: #9C27B0;
}
.gq-int-support.yousubs a,
.gq-int-support.yousubs a:hover,
.gq-int-support.yousubs a:visited {
color: #ff569a;
}
.gq-int-support.users a,
.gq-int-support.users a:hover,
.gq-int-support.users a:visited {
color: #1E88E5;
}
.gq-int-support.orders a,
.gq-int-support.orders a:hover,
.gq-int-support.orders a:visited {
color: #F57F17;
}
.gq-int-support.orders a {
text-decoration: none;
}
.gq-int-support.orders a:hover {
text-decoration: underline;
}
/*********** ACTIVITY ***************/
.gq-int-support.activity h2 {
color: #2E7D32;
}
/*********** SUPPORT SEARCH BOX ***************/
.gq-int-support-block.search-box {
border: 1px solid #CFCFCF;
margin: 20px 10px;
background-color: #fafafa;
}
.gq-int-support-block.search-box .label {
width: 100px;
line-height: 40px;
}
.gq-int-support-block.search-box .data input {
width: 280px;
}
.gq-int-support-block.search-box [class*='span'] {
margin-bottom: 0;
}
.gq-int-support-block.search-box button {
margin-top: 5px;
width: 80px;
}
/*********** SUPPORT USER ***************/
.gq-int-support-block.user-info {
background-color: #FFFFFF;
border: 1px solid #CFCFCF;
margin-bottom: 10px;
}
.gq-int-support-block.user-info .gq-clearfix {
margin-bottom: 10px;
}
.gq-int-support-block.user-info .user-pic {
float:left;
}
.gq-int-support-block.user-info .user-pic img {
width: 70px;
border-radius: 50%;
}
.gq-int-support-block.user-info .installed {
font-size: 16px;
font-family: arial,sans-serif;
font-weight: normal;
color: #399500;
margin: 0;
}
.gq-int-support-block.user-info .name {
font-size: 28px;
padding-top: 5px;
margin:0 0 0 85px;
line-height: 30px;
}
.gq-int-support-block.user-info .email {
font-size: 28px;
margin:0 0 0 85px;
line-height: 30px;
color: #1E88E5;
}
.gq-int-support-new-user {
text-align: center;
}
.gq-int-support-new-user button {
min-width: 280px;
margin: 60px auto;
font-size: 16px;
font-weight: normal;
height: 40px;
display: block;
}
/* product */
.gq-int-support-block.product .label {
width: 80px;
}
.gq-int-support-block.product .button-row {
margin-top: 10px;
}
.gq-int-support-block.product .button-row button {
margin-right: 15px;
}
.gq-int-support-block.product .domain .label {
width: 100%;
}
.gq-int-support-block.product .you-subs .label {
width: 100%;
}
/* product edit */
.gq-int-support-block.product.edit {
background-color: #FFFFFF;
}
.gq-int-support-block.product.edit .submit-btn {
margin-top: 10px;
}
.gq-int-support-block.product.edit .label {
line-height: 40px;
}
.gq-int-support-block.product.edit select {
min-width: 164px;
}
/* marketing */
.gq-int-support-block.marketing .label {
width: 210px;
}
.gq-int-support-block.marketing button {
margin-left: 20px;
}
/* free trial log */
.gq-int-support-block.free-trial .header {
text-transform: uppercase;
font-size: 15px;
color: #2196F3;
margin-bottom: 10px;
}
.gq-int-support-block.free-trial .label {
width: 260px;
}
.gq-int-support-block.free-trial button {
margin-left: 20px;
}
.gq-int-support-block.free-trial .dates {
text-align: right;
}
.gq-int-support-block.free-trial table {
width: 100%;
}
/* transfer */
.gq-int-support-block.transfer .label {
width: 150px;
line-height: 40px;
}
.gq-int-support-block.transfer input[type=text] {
width:250px;
}
/* features */
.gq-int-support-block.features .header {
text-transform: uppercase;
font-size: 15px;
color: #1E88E5;
margin-bottom: 10px;
}
.gq-int-support-block.features .feature-row {
color: #CFCFCF;
line-height: 28px;
}
.gq-int-support-block.features .feature-row.active {
color: #000000;
font-weight: bold;
}
/* teams */
.gq-int-support-block.teams .header {
text-transform: uppercase;
font-size: 15px;
color: #1E88E5;
margin-bottom: 10px;
}
.gq-int-support-block.account-teams th {
text-align: left;
}
.gq-int-support-block.account-teams td.email {
min-width: 280px;
color: #000000;
}
.gq-int-support-block.account-teams td.access {
min-width: 180px;
}
/* review */
.gq-int-support-block.review {
margin: 15px 3px;
}
.gq-int-support-block.review .label {
width: 220px;
}
.gq-int-support-block.review button {
margin-left: 20px;
}
/* subscriptions */
.gq-int-support-block.subscriptions .sub-auto.active {
font-weight: bold;
color: #399500;
font-size: 15px;
}
/* purchased subscriptions */
.gq-int-support-block.purchased .purchased-licenses {
text-align: center;
}
.gq-int-support-block.purchased .purchased-auto-renews {
text-align: right;
padding: 5px 5px 5px 0;
}
/* export */
.gq-int-support-block.export .spinner {
background: transparent url(../images/1.1.2/ajax_loader_blue_trans.gif) no-repeat scroll -2px 0px !important;
height: 25px;
padding: 3px 0 0 30px;
}
/* activity logs */
.gq-int-support-block.support-activity {
background-color: #FFFFFF;
padding: 20px;
}
.gq-int-support.activity .gq-int-support-block.support-activity {
margin-top: 20px;
}
/* coupons */
.gq-int-support .table-wrapper .coupons td {
line-height: 40px;
}
.gq-int-support-block.coupons .label {
line-height: 40px;
}
.gq-int-support-section .coupons select {
padding: 7px 30px 7px 4px;
}
.gq-int-support-section .coupons button {
margin-left: 20px;
}
/*********** SUPPORT USER RESULTS ***************/
.gq-int-support-block.search-results {
background-color: #FFFFFF;
padding: 20px;
}
.gq-int-support .search-results .table-wrapper td {
padding: 5px 10px 5px 0;
line-height: 30px;
}
.gq-int-support .search-results .table-wrapper td img {
vertical-align:middle;
}
.gq-int-support-block.search-results .counter {
min-width: 10px;
text-align:right;
padding-right: 10px !important;
}
.gq-int-support-block.search-results .profile {
min-width: 35px;
}
.gq-int-support-block.search-results .name {
min-width: 150px;
}
.gq-int-support-block.search-results .email {
min-width: 200px;
}
.gq-int-support-block.search-results .product {
min-width: 120px;
}
.gq-int-support-block.search-results .expiration {
min-width: 160px;
}
.gq-int-support-block.search-results .last-login {
min-width: 160px;
}
/*********** SUPPORT YOU SUBS ***************/
.gq-int-support.yousubs a {
text-decoration: none;
}
.gq-int-support.yousubs a:hover {
text-decoration: underline;
}
.yousubs .gq-int-support-block.search-box .label {
width: 90px;
}
.yousubs .gq-int-support-block.search-box .data input {
width: 220px;
}
.yousubs .gq-int-support-block.subscription-info .data-row.renewal {
display: flex;
margin: 3px 0;
align-items: center;
}
.yousubs .gq-int-support-block.subscription-info .data-row.renewal .data {
display: flex;
align-items: center;
}
.gq-int-support-block.subscription-info {
margin-bottom: 0;
}
.gq-int-support-block.subscription-info .label {
width: 190px;
}
.gq-int-support-block.subscription-info .data {
font-weight: bold;
}
.gq-int-support-block.subscription-info .data a {
font-weight: normal;
}
.gq-int-support-block.subscription-info .data.billing-interval,
.gq-int-support-block.domain-info .data.billing-interval {
padding: 3px 8px;
border-radius: 3px;
}
.gq-int-support-block.subscription-info .data.billing-interval.monthly,
.gq-int-support-block.domain-info .data.billing-interval.monthly {
background-color: #c7ffe1;
}
.gq-int-support-block.subscription-info .data.billing-interval.yearly,
.gq-int-support-block.domain-info .data.billing-interval.yearly {
background-color: #b2f4ff;
}
.gq-int-support-block.subscription-info .header {
text-transform: uppercase;
font-size: 15px;
color: #ff569a;
margin-bottom: 10px;
}
.gq-int-support-block.subscription-info .data button {
margin-left: 20px;
}
.gq-int-support-block.search-results .created {
min-width: 160px;
}
.gq-int-support-block.search-results .licenses {
min-width: 70px;
text-align: center;
}
.gq-int-support-block.search-results .renews {
min-width: 100px;
text-align: center;
}
.gq-int-support .search-results .table-wrapper td.renews,
.gq-int-support .search-results .table-wrapper td.licenses {
text-align: center;
}
/*********** SUPPORT DOMAIN SUBS ***************/
.gq-int-support.domains h2 {
font-size: 28px;
line-height: 30px;
font-family: arial,sans-serif;
font-weight: normal;
margin: 40px 10px 10px 10px;
text-align: center;
color: #000000;
}
.gq-int-support.domains .installed {
font-size: 16px;
font-family: arial,sans-serif;
font-weight: normal;
color: #399500;
margin: 0 0 10px 10px;
text-align: center;
}
.gq-int-support.domains .not-installed {
font-size: 16px;
font-family: arial,sans-serif;
font-weight: normal;
color: #8f8f8f;
margin: 0 0 10px 10px;
text-align: center;
}
.gq-int-support-block.domain-info {
margin-bottom: 0;
}
.gq-int-support-block.domain-info .label {
width: 190px;
}
.gq-int-support-block.domain-info .data {
font-weight: bold;
}
.gq-int-support-block.domain-info .data a {
font-weight: normal;
}
.gq-int-support-block.domain-info .data.domain {
color: #4D90FE;
}
.gq-int-support-block.domain-info .data.not-workspace {
color: #8f8f8f;
font-weight: normal;
}
.gq-int-support-block.domain-info .data.workspace {
color: #399500;
}
.gq-int-support-block.domain-info .header {
text-transform: uppercase;
font-size: 15px;
color: #9C27B0;
margin-bottom: 10px;
}
.gq-int-support-block.domain-info .data button {
margin-left: 20px;
}
.gq-int-support-block.domain-info .edit-domain-btn button {
margin: 20px 0 10px 0;
}
.gq-int-support .new-domain-btn {
text-decoration: none !important;
}
.gq-int-support .new-domain-btn button {
width: 280px;
margin: 60px auto;
font-size: 16px;
font-weight: normal;
height: 40px;
display: block;
}
.domains .gq-int-support-block.search-box .label {
width: 110px;
}
.domains .gq-int-support-block.search-box .data input {
width: 220px;
}
.gq-int-support-block.sub-accounts .counter,
.gq-int-support-block.domain-accounts .counter {
min-width: 10px;
text-align:right;
padding-right: 10px !important;
}
.gq-int-support-block.license-logs .license-date {
width: 100px;
}
.gq-int-support-block.license-logs .license-agent {
width: 225px;
}
.gq-int-support-block.license-logs .license-action {
width: 150px;
}
.gq-int-support-block.license-logs .license-reissue .reissue-btn {
color: #9c27b0;
cursor: pointer;
min-width: 50px;
}
.gq-int-support-block.license-logs .license-reissue .reissue-btn:hover {
text-decoration: underline;
}
.gq-int-support-block.search-box.issue {
margin: 10px 10px 20px 10px;
}
.gq-int-support-block.search-box.issue .label {
width: 200px;
}
.gq-int-support-block.search-box.issue button {
width: 120px;
}
.gq-int-support .sub-accounts .table-wrapper td,
.gq-int-support .domain-accounts .table-wrapper td {
vertical-align: middle;
}
.gq-int-support-block.order-history .order-amount {
text-align: right;
padding-right: 25px;
}
.gq-int-support-block.order-history .order-licenses {
text-align: center;
}
.gq-int-support-block.order-history .order-auto {
text-align: right;
}
.gq-int-purchase-box .gq-int-support-block.search-box .label {
width: 140px;
}
.gq-int-purchase-box .gq-int-support-block.search-box button {
width: 170px;
}
/* domain info edit */
.gq-int-support-block.domain-info.edit {
background-color: #FFFFFF;
}
.gq-int-support-block.domain-info.edit .submit-btn {
margin-top: 10px;
}
.gq-int-support-block.domain-info.edit .label {
line-height: 40px;
}
.gq-int-support-block.domain-info.edit .data {
width: 260px;
}
.gq-int-support-block.domain-info.edit .data.license-admins {
width: 660px;
}
.gq-int-support-block.domain-info.edit .data.license-prohibit {
width: 600px;
line-height: 40px;
}
.gq-int-support-block.domain-info.edit .data.license-prohibit input {
width: 100px;
margin-right: 10px;
}
.gq-int-support-block.domain-info.edit .data.license-prohibit .warning {
font-weight: normal;
font-size: 14px;
color: #8f8f8f;
}
/********* ORDERS ********/
.gq-int-support.orders .search-box .data input {
width: 240px;
}
.gq-int-support.orders .search-box .key .data input {
width: 615px;
}
.gq-int-support-block.order-info .total .data {
font-weight: bold;
}
.gq-int-support-block.order-info .renew button {
margin-left: 30px;
}
.gq-int-support-block.order-error .data {
font-weight: bold;
color:#bf0008;
}
.gq-int-support-block.customer-info .name .data {
font-weight: bold;
}
.gq-int-support-block.refund .header,
.gq-int-support-block.stripe-info .header,
.gq-int-support-block.paypal-info .header {
text-transform: uppercase;
font-size: 15px;
color: #673AB7;
margin-bottom: 10px;
}
.gq-int-support.orders .gq-int-support-block.search-box .label {
width: 120px;
}
.gq-int-support-block.refund .label {
line-height: 40px;
}
.gq-int-support-block.refund .option {
padding-right:30px;
}
.gq-int-support.orders .invoice-gen-box {
border: 1px solid #CFCFCF;
margin: 20px 10px;
background-color: #fafafa;
}
/********* MEDIA SCREENS ********/
@media screen and (max-width: 768px){
.gq-int-support-block.subscription-info .data.long,
.gq-int-support-block.domain-info .data.long,
.gq-int-support-block.user-info .data {
max-width:300px;
}
.gq-int-support .search-results .table-wrapper td {
line-height: 15px;
}
.gq-int-support-block.license-logs .license-date,
.gq-int-support-block.license-logs .license-agent,
.gq-int-support-block.license-logs .license-action {
width: 100%;
}
.gq-int-support.orders .search-box .key .data input {
width: 240px;
}
}
@media screen and (max-width: 600px){
.gq-int-support-block.user-info .name {
font-size: 18px;
line-height: 22px;
margin: 0 0 0 60px;
}
.gq-int-support-block.user-info .email {
font-size: 18px;
line-height: 22px;
margin: 0 0 0 60px;
}
.gq-int-support-block.user-info .user-pic img {
width: 50px;
}
}
@media screen and (max-width: 500px){
.gq-int-support-block.user-info .user-pic {
float: none;
text-align: center;
}
.gq-int-support-block.user-info .user-pic img {
width: 80px;
}
.gq-int-support-block.user-info .name,
.gq-int-support-block.user-info .email {
margin: 0;
text-align: center;
}
.gq-int-support-block.subscription-info .label,
.gq-int-support-block.domain-info .label,
.gq-int-support-block.user-info .label {
display: block;
text-align:center;
width: 100%;
}
.gq-int-support-block.user-info .data {
max-width:200px;
text-align: center;
margin: 0 auto 20px auto;
display: block;
}
.gq-int-support-block.subscription-info .data,
.gq-int-support-block.domain-info .data {
text-align: center;
margin: 0 auto 20px auto;
display: block;
}
.gq-int-support-block.subscription-info .data.long,
.gq-int-support-block.domain-info .data.long {
max-width: 200px;
}
}
/********* HTML ELEMENTS ********/
.gq-int-support input:focus{
outline: 0 none transparent;
}
.gq-int-support-section ::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 12px;
}
.gq-int-support-section ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .2);
background-clip: padding-box;
border: solid transparent;
min-height: 28px;
padding: 100px 0 0;
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
border-width: 1px 1px 1px 2px;
}
.gq-int-support-section ::-webkit-scrollbar-button {
height: 0;
width: 0;
}
.gq-int-support-section ::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid #cfcfcf;
border-width: 0 0 0 1px;
}
.gq-int-support-section ::-webkit-scrollbar-corner {
background: transparent;
}
.gq-int-support-section ::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,.4);
box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)
}
.gq-int-support-section ::-webkit-scrollbar-thumb:active {
background-color:rgba(0,0,0,0.5);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)
}
.gq-int-support-section input[type=text] {
display: inline-block;
background: #FFFFFF;
font-size: 13px;
border: 1px solid #D9D9D9;
border-top: 1px solid silver;
padding: 0 8px;
margin: 5px 0;
width: 100%;
height: 29px;
line-height: 25px;
box-sizing: border-box;
}
.gq-int-support-section input[type=text]:focus {
border: 1px solid #4D90FE;
outline: none;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
-ms-box-shadow: 0 1px 2px rgba(0,0,0,.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
}
.gq-int-support-section input[type=text].error,
.gq-int-support-section select.error {
border: 1px solid #DD4B39;
}
.gq-int-support-section .form-wrap .error-msg {
color: #DD4B39;
line-height: 17px;
margin: 0 0 5px 0;
}
/* SELECT */
.gq-int-support-section select {
width: 100%;
margin: 5px 0;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), linear-gradient(top, #f5f5f5, #f1f1f1);
background-position: 95% 50%;
background-repeat: no-repeat;
border: 1px solid #dcdcdc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #333;
cursor: default;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
min-width: 72px;
outline: 0;
padding: 7px 19px 7px 4px;
text-align: center;
text-indent: .01px;
text-overflow: ellipsis;
text-overflow: '';
white-space: nowrap;
}
.gq-int-support-section select:-ms-expand {
display: none;
}
.gq-int-support-section select:hover {
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
color: #111;
}
.gq-int-support-section select:focus {
border: 1px solid #4d90fe;
}
/* CHECKBOXES */
.gq-int-support-section input[type="checkbox"] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #c6c6c6;
border-image: -ms-linear-gradient(top, #fff, #fff);
-webkit-border-radius: 1px;
border-radius: 1px;
height: 13px;
left: 1px;
margin: 2px 8px 0 0;
outline: 0;
position: relative;
top: 1px;
width: 13px;
}
.gq-int-support-section input[type="checkbox"]:hover {
border: 1px solid #b2b2b2;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}
.gq-int-support-section input[type="checkbox"]:active {
background-color: #ebebeb;
border: 1px solid #c6c6c6;
}
.gq-int-support-section input[type="checkbox"]:focus {
border: 1px solid #4d90fe;
}
.gq-int-support-section input[type="checkbox"]:checked:after {
background: url(../images/1.1.2/checkmark_2x.png) no-repeat 0 0 / 21px;
content: '';
display: block;
height: 21px;
left: -5px;
position: relative;
top: -6px;
width: 21px;
}
.gq-int-support-section input[type="checkbox"]:disabled {
background-color: #fff;
border: 1px solid #e1e1e1;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .5;
}
/* RADIO BUTTONS */
.gq-int-support-section input[type="radio"] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #c6c6c6;
border-image: -ms-linear-gradient(top, #fff, #fff);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 15px;
margin: 0 6px 0 0;
outline: 0;
position: relative;
top: 2px;
width: 15px;
}
.gq-int-support-section input[type="radio"]:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}
.gq-int-support-section input[type="radio"]:active {
background: #ebebeb;
border: 1px solid #c6c6c6;
}
.gq-int-support-section input[type="radio"]:focus {
border: 1px solid #4d90fe;
}
.gq-int-support-section input[type="radio"]:checked {
background: #fff;
}
.gq-int-support-section input[type="radio"]:checked:after {
background: #606060;
-webkit-border-radius: 50%;
border-radius: 50%;
content: '';
display: block;
height: 7px;
left: 3px;
position: relative;
top: 3px;
width: 7px;
}
.gq-int-support-section input[type="radio"]:disabled {
background-color: #fff;
border: 1px solid #e1e1e1;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .5;
}
.orders .gq-int-support-section input[type=text]:focus {
border: 1px solid #f57f17;
}
.yousubs .gq-int-support-section input[type=text]:focus {
border: 1px solid #ff569a;
}
.domains .gq-int-support-section input[type=text]:focus {
border: 1px solid #9c27b0;
}
.gq-int-support-block.notification-settings th {
min-width: 100px;
}
.gq-int-support-block .notification {
width: 10px;
height: 10px;
border-radius: 5px;
margin: 8px auto;
background-color: #dfdfdf;
}
.gq-int-support-block .notification.on {
background-color: #8cbf40;
}
.gq-int-support-block .comment-notification {
text-align: center;
font-size: 13px;
color: #ffffff;
background-color: #a6a6a6;
border-radius: 10px;
width: fit-content;
margin: 0 auto;
padding: 0 10px;
}
.gq-int-support-block .comment-notification.mention {
background-color: #9c27b0;
color: #ffffff;
}
.gq-int-support-block .comment-notification.all {
background-color: #699625;
color: #ffffff;
}
.gq-int-support-block .gq-settings-notifications-divider {
height: 1px;
background-color: #dfdfdf;
margin: 10px 0;
}
/*********** SUPPORT TEAM ***************/
.gq-int-support-block.team-info .name {
font-size: 28px;
padding-top: 5px;
margin: 0 0 10px 0;
line-height: 30px;
}
.gq-int-support-block.team-info .transfer-btn {
margin-left: 30px;
}
.gq-int-support-block.team-info .member-email {
min-width: 280px;
}
.gq-privacy-content {
font-size:13px;
margin: 0 0 20px 0;
}
.gq-privacy-content h2 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 5px 0;
}
.gq-privacy-content h4 {
font-size:16px;
margin:0;
}
.gq-privacy-content h5 {
font-size:14px;
margin: 10px 0 0 0 ;
}
.gq-privacy-msg {
color: #d50000;
background-color: #f1f1f1;
padding: 15px;
font-size: 15px;
}
#gqSafeHarbor {
margin: 10px auto;
text-align: center;
}
.gq-safe-we-link {
font-size: 10px;
text-decoration: none;
}
.gq-safe-logo-link {
border: none;
}
.gq-page #ot-sdk-btn.ot-sdk-show-settings {
color: #fff;
background-color: #4285f4;
font-size: 15px;
border: none;
cursor: pointer;
}
.gq-page #ot-sdk-btn.ot-sdk-show-settings:hover {
background-color: #276bdd;
}
@media screen and (max-width: 480px){
#gqSafeHarbor {
float: none;
margin: 20px 0 50px 0;
}
}
.gq-pricing {
background-color: #F0F0F0;
}
.gq-pricing .special {
font-weight: 500;
}
.gq-pricing * {
box-sizing: border-box;
}
.gq-pricing .gq-page-main-content {
}
.gq-pricing-section-content {
max-width: 960px;
margin:0 auto;
}
.gq-pricing-section:after {
content: "";
display: block;
clear:both;
}
.gq-pricing-section.header {
background-color: #f0f0f0;
background-image: linear-gradient(#FFF 21%, rgba(248, 248, 248, 0.65) 48%, #F0F0F0), url(../images/1.1.2/pricingBkgnd_export.jpg);
background-position: 0% 0%, 50% 50%;
background-size: auto, cover;
background-repeat: repeat, no-repeat;
box-shadow: none;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.gq-pricing-section h1,
.gq-pricing-section h2 {
color: #525252;
font-size: 40px;
font-weight: 100;
line-height: 50px;
text-align: center;
margin: 20px 0 0px 0;
}
.gq-pricing-sub-heading {
width: 65%;
margin: 15px auto 10px auto;
color: #808080;
font-size: 16px;
font-weight: 300;
text-align: center;
}
.gq-pricing-section.header .plans-wrapper {
display: block;
width: 96%;
margin:0 auto;
padding: 20px 0 15px 0;
}
.gq-pricing-section.header .plan-block {
width: 33.33%;
padding: 0 20px 0 20px;
float: left;
}
.gq-pricing-section.header .plan-block-wrapper {
height: auto;
padding: 0 0 20px 0;
border: 1px solid #D6D6D6;
border-radius: 0;
background-color: #FFFFFF;
box-shadow: rgba(66, 66, 66, 0.27) 0px 0px 3px 0px;
}
.gq-pricing-section.header .plan-label-block {
height: 70px;
padding: 20px 10px 15px 10px;
color: #FFFFFF;
background-color: #284166;
line-height: 30px;
font-weight: 300;
font-size: 20px;
text-align: center;
vertical-align: middle;
}
.gq-pricing-section.header .plan-label-block span {
}
.gq-pricing-section.header .plan-label-block img {
width:105px;
height: 25px;
vertical-align: middle;
margin-bottom: 3px;
}
.gq-pricing-section.header .plan-label-block.grey {
background-image: linear-gradient(#777, #666);
}
.gq-pricing-section.header .plan-label-block.blue {
background-image: linear-gradient(#4D90FE, #357AE8);
}
.gq-pricing-section.header .plan-label-block.green {
background-image: linear-gradient(#3D9400, #398A00);
}
.gq-pricing-section.header .plan-text-wrapper {
margin-top: 15px;
padding: 0 20px;
}
.gq-pricing-section.header .plan-price {
min-height: 120px;
margin-bottom: 15px;
padding-top: 28px;
padding-bottom: 10px;
border-top: 2px solid #E8E8E8;
border-bottom: 2px solid #E8E8E8;
text-align: center;
position: relative;
}
.gq-pricing-section.header .plan-price .price-label {
line-height: 40px;
font-size: 40px;
font-weight: 500;
text-align: center;
}
.gq-pricing-section.header .plan-price .currency {
font-size: 13px;
position: absolute;
top: 3px;
right: 3px;
}
.gq-pricing-section.header .plan-price .annually {
font-size: 12px;
color:#555555;
font-weight: 300;
}
.gq-pricing-section.header .plan-price .super {
display: block;
color: #808080;
font-size: 12px;
line-height: 16px;
font-weight: 300;
margin: -5px 0 3px 0;
}
.gq-pricing-section.header .plan-price .small {
font-size: 17px;
}
.gq-pricing-section.header .plan-price.grey {
color: #888888;
}
.gq-pricing-section.header .plan-price.blue {
color: #4285F8;
}
.gq-pricing-section.header .plan-price.green {
color: #3D9400;
}
.gq-pricing-section.header .plan-price.green .small {
display: inline;
}
.gq-pricing-section.header .plan-description {
color: #828282;
font-size: 15px;
line-height: 23px;
font-weight: 300;
text-align: center;
margin: 0 5px;
}
.gq-pricing-section .button {
padding: 13px 40px;
color: #FFFFFF;
font-weight: 400;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.29) 1px 1px 1px;
}
.gq-pricing-section .button:hover {
text-decoration: none !important;
}
.gq-pricing-section .button.sign-up {
display: block;
width: 85%;
margin: 25px auto 0 auto;
padding-right: 10px;
padding-left: 10px;
border: 1px solid #404040;
border-radius: 2px;
font-size: 15px;
}
.gq-pricing-section .button.sign-up.grey-button {
border-color: #404040;
background-image: linear-gradient(#777, #666);
}
.gq-pricing-section .button.sign-up.grey-button:hover {
background-image: linear-gradient(#666, #555);
}
.gq-pricing-section .button.sign-up.blue-button {
border-color: #284166;
background-image: linear-gradient(#4D90FE, #357AE8);
}
.gq-pricing-section .button.sign-up.blue-button:hover {
background-image: linear-gradient(#357AE8, #2C70DD);
}
.gq-pricing-section .button.sign-up.green-button {
border-color: #2D6200;
background-image: linear-gradient(#3D9400, #398A00);
}
.gq-pricing-section .button.sign-up.green-button:hover {
background-image: linear-gradient(#398a00, #347C01);
}
.gq-pricing-section.header .cta-text {
display: block;
margin-top: 20px;
margin-bottom: 0;
font-size: 17px;
line-height: 24px;
font-weight: 500;
text-align: center;
}
.gq-pricing-section.header .cta-text.grey {
color: #777777;
}
.gq-pricing-section.header .cta-text.blue {
color: #4D90FE;
}
.gq-pricing-section.header .cta-text.green {
color: #399500;
}
.gq-pricing-section.header .cta-text.subtext {
margin-top: 0;
color: rgba(82, 82, 82, 0.52);
font-size: 12px;
}
@media screen and (max-width: 980px){
.gq-pricing-section.header .plan-label-block {
height:100px;
}
.gq-pricing-section.header .plan-label-block .special {
display:block;
}
}
@media screen and (max-width: 940px){
.gq-pricing-section.header .plan-price.green .small {
display: block;
}
}
@media screen and (max-width: 900px){
.gq-pricing-section.header .plan-description {
min-height: 140px;
}
}
@media screen and (max-width: 800px){
.gq-pricing-section.header .plan-description {
min-height: 160px;
}
}
@media screen and (max-width: 700px){
.gq-pricing-section.header .plan-block {
width: 75%;
margin-bottom: 40px;
margin-right: auto;
margin-left: auto;
float: none;
}
.gq-pricing-section.header .plan-block:last-child {
margin-bottom: 0px;
}
.gq-pricing-section.header .plan-label-block {
height:70px;
}
.gq-pricing-section.header .plan-label-block .special {
display:inline;
}
.gq-pricing-section.header .plan-description {
min-height: 0;
}
}
@media screen and (max-width: 600px){
.gq-pricing-section.header .plan-block {
width: 90%;
}
}
@media screen and (max-width: 500px){
.gq-pricing-section.header .plan-block:last-child .plan-label-block .special {
display: block;
}
.gq-pricing-section.header .plan-block:last-child .plan-label-block {
height: 100px;
}
}
/***** GOOGLE *****/
.gq-pricing-section.google {
text-align: center;
margin: 30px 20px;
}
.gq-pricing-section.google img {
width: 357px;
height: 39px;
}
/******** COMPARE *********/
.gq-pricing-section.compare {
max-width: 1000px;
padding: 0 4px 20px 4px;
margin: 0 auto;
overflow: hidden;
}
.gq-pricing-section.compare table {
border: 1px solid #555555;
width: 100%;
background-color: #FFFFFF;
font-weight: 400;
border-collapse: separate;
border-spacing: 0;
}
.gq-pricing-section.compare table tr:first-child {
background-color: #f3f3f3;
}
.gq-pricing-section.compare tr:hover {
background-color: #f4f4f4;
}
.gq-pricing-section.compare tr.footer:hover {
background-color: #ffffff;
}
.gq-pricing-section.compare th {
border-bottom: 1px solid #555555;
padding: 10px;
font-size: 18px;
font-weight: 400;
text-align: center;
color: #FFFFFF;
line-height: 22px;
}
.gq-pricing-section.compare th.features {
text-align: left;
color: #000000;
}
.gq-pricing-section.compare th.lite {
background-color: #777777;
background-image: linear-gradient(#888, #777);
}
.gq-pricing-section.compare th.full {
background-image: linear-gradient(#4D90FE, #357AE8);
}
.gq-pricing-section.compare th.biz {
background-image: linear-gradient(#3D9400, #398A00);
}
.gq-pricing-section.compare th.lite,
.gq-pricing-section.compare th.full,
.gq-pricing-section.compare th.biz {
border-left: 1px solid #555555;
}
.gq-pricing-section.compare td {
padding: 15px;
margin: 0;
border-bottom: 1px solid #f1f1f1;
}
.gq-pricing-section.compare td a {
text-decoration: none;
}
.gq-pricing-section.compare td.desc-lite,
.gq-pricing-section.compare td.desc-lite a {
color: #525252;
}
.gq-pricing-section.compare td.desc-full,
.gq-pricing-section.compare td.desc-full a {
color: #3772d6;
}
.gq-pricing-section.compare td.desc-biz,
.gq-pricing-section.compare td.desc-biz a {
color: #399500;
}
.gq-pricing-section.compare td.biz.licenses {
padding-bottom: 10px;
}
.gq-pricing-section.compare td.biz .more-note {
display: block;
font-size: 13px;
color: #999999;
}
.gq-pricing-section.compare td a:hover {
text-decoration: underline;
}
.gq-pricing-section.compare td.no-lite,
.gq-pricing-section.compare td.no-full,
.gq-pricing-section.compare td.lite,
.gq-pricing-section.compare td.full,
.gq-pricing-section.compare td.biz {
border-left:solid 1px #CCCCCC;
width: 20%;
text-align: center;
}
.gq-pricing-section.compare td.lite div,
.gq-pricing-section.compare td.full div,
.gq-pricing-section.compare td.biz div {
width: 31px;
height: 24px;
margin: 0 auto;
}
.gq-pricing-section.compare td.lite div {
background: transparent url(../images/1.1.2/pricing_check_grey.gif) no-repeat scroll;
background-size: 31px 24px;
background-position: 0 0;
}
.gq-pricing-section.compare td.full div {
background: transparent url(../images/1.1.2/pricing_check_blue.gif) no-repeat scroll;
background-size: 31px 24px;
background-position: 0 0;
}
.gq-pricing-section.compare td.biz div {
background: transparent url(../images/1.1.2/pricing_check_green.gif) no-repeat scroll;
background-size: 31px 24px;
background-position: 0 0;
}
.gq-pricing-section.compare td.lite span {
color: #777777;
}
.gq-pricing-section.compare td.full span {
color: #498dff;
}
.gq-pricing-section.compare td.biz span {
color: #399500;
}
.gq-pricing-section.compare .buy-button {
min-width: 120px;
height: 40px;
font-size: 18px;
font-weight: normal;
overflow: hidden;
}
.gq-pricing-section.compare a.discount {
color: #399500;
}
.gq-pricing-section.compare button {
overflow: hidden;
}
.gq-pricing-section.compare .button.sign-up {
margin: 0 auto;
}
.gq-pricing-section.compare .button .now {
display: none;
color: #FFFFFF;
}
.gq-pricing-section.compare .button .gqueues {
display: inline;
color: #FFFFFF;
}
@media screen and (max-width: 800px){
.gq-pricing-section.compare {
margin: 0 10px;
}
.gq-pricing-section.compare .button .now {
display: inline;
}
.gq-pricing-section.compare .button .gqueues {
display: none;
}
}
@media screen and (max-width: 540px){
.gq-pricing-section.google img {
width: 250px;
height: 26px;
}
.gq-pricing-section.compare .button {
padding: 5px;
}
.gq-pricing-section.compare th {
font-size: 10px;
}
.gq-pricing-section.compare td {
font-size: 10px;
padding: 5px;
}
.gq-pricing-section.compare td.biz .more-note {
font-size: 10px;
}
.gq-pricing-section.compare .free-button,
.gq-pricing-section.compare .buy-button {
min-width: none;
overflow: hidden;
}
.gq-pricing-section.compare tr.footer td {
padding: 5px 0;
}
}
/******** SEALS *********/
.gq-pricing-section.seals {
margin: 0 auto 40px auto;
overflow: hidden;
}
.gq-pricing-section.seals .gq-sub-symantec {
display:inline-block;
text-align: center;
margin: 20px 0 0 40px !important;
vertical-align: middle !important;
}
@media screen and (max-width: 480px){
.gq-pricing-section.seals .gq-sub-symantec {
margin: 20px 0 0 10px !important;
}
}
/******** OLD PRICING *********/
.gq-symbol-row td {
border-top: none !important;
}
.gq-price-symbols {
text-align: center;
}
.gq-page-top-bar.manage-domain {
position: fixed;
}
.gq-manage-domain-wrapper {
margin: 20px;
padding-bottom: 40px;
}
.gq-manage-domain-section {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
color: #525252;
max-width: 960px;
box-sizing: border-box;
padding: 0px;
position:relative;
margin: 110px auto 0 auto;
border: 1px solid #dfdfdf;
border-radius: 10px;
overflow: hidden;
}
.gq-manage-domain-header {
border-bottom: 1px solid #dfdfdf;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
box-sizing: border-box;
background-color: #fafafa;
margin-bottom: 20px;
}
.gq-manage-domain-header .sub-title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 18px;
color: #70757a;
}
#gqManageDomainHelp {
display: block;
background-image: url('../images/1.1.2/m_sprites_vert.png');
background-color: transparent;
background-repeat: no-repeat;
background-position: 3px -758px;
background-size: 24px 1200px;
width: 30px;
height: 28px;
opacity: 0.2;
text-decoration: none;
outline: 0;
margin-right: 10px;
position: absolute;
right: 5px;
top: 15px;
}
#gqManageDomainHelp:hover {
opacity: 0.4;
}
.gq-manage-domain-email {
position: relative;
font-size: 13px;
color: #000000;
opacity: .75;
line-height: 50px;
box-sizing: border-box;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
display: inline-block;
margin-right: 5px;
}
.gq-manage-domain-section .plan-title {
text-transform: uppercase;
color: #1a73e8;
font-weight: 400;
margin-bottom: 8px;
font-size: 14px;
}
/********* BUSINESS NAME ********/
.gq-manage-domain-section .business-name {
display: flex;
align-items:center;
padding: 10px 20px;
}
.gq-manage-domain-section .business-name .name {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 34px;
font-weight: normal;
line-height: 40px;
margin: 0;
color: #000000;
flex: 1 1 auto;
width: 100%;
}
.gq-manage-domain-section .business-name .name.empty {
color: #dfdfdf;
}
.gq-manage-domain-section .business-name button {
min-width: 150px;
}
/********* DOMAIN ********/
.gq-manage-domain-section .domain {
margin-bottom: 15px;
display: flex;
align-items:flex-start;
padding: 5px 20px;
}
.gq-manage-domain-section .domain h2 {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 24px;
font-weight: normal;
line-height: 24px;
margin: 0;
color: #000000;
flex: 1 1 auto;
width: 100%;
}
.gq-manage-domain-section .domain h2.empty {
color: #dfdfdf;
}
.gq-manage-domain-section .domain button {
flex: 0 0 auto;
min-width: 150px;
}
.gq-manage-domain-spinner {
width:38px;
height:38px;
}
.gq-manage-domain-spinner .gq-progress-circle {
margin-top: 4px;
width: 30px;
}
/******* ADMIN *********/
.gq-manage-domain-section .admin {
margin-bottom: 15px;
display: flex;
align-items:flex-end;
justify-content: space-between;
padding: 10px 20px;
}
.gq-manage-domain-section .admin .content-wrapper {
}
.gq-manage-domain-section .domain .gq-icon-button {
display: inline-block;
width: 20px;
height: 20px;
visibility: hidden;
}
.gq-manage-domain-section .domain .gq-icon-button span {
font-size: 20px;
}
.gq-manage-domain-section .domain:hover .gq-icon-button {
visibility: visible;
}
.gq-manage-domain-section .admin .admin-title {
font-size: 16px;
margin-bottom: 3px;
}
.gq-manage-domain-section .admin .admin-title .gq-icon-button {
display: inline-block;
width: 20px;
height: 20px;
visibility: hidden;
}
.gq-manage-domain-section .admin .admin-title .gq-icon-button span {
font-size: 20px;
}
.gq-manage-domain-section .admin:hover .admin-title .gq-icon-button {
visibility: visible;
}
.gq-manage-domain-section .admin .license-admins {
flex: 1 1 auto;
width: 100%;
font-size: 16px;
}
.gq-manage-domain-section .admin .license-admin {
border-radius: 15px;
padding: 5px 10px;
height: 30px;
box-sizing: border-box;
margin-left: -10px;
min-width: 350px;
user-select: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.gq-manage-domain-section .admin .license-admin .email {
font-size: 15px;
font-weight: bold;
color: #000000;
}
.gq-manage-domain-section .admin .license-admin .remove {
cursor: pointer;
font-size: 13px;
font-weight: bold;
color: #bf0008;
visibility: hidden;
margin-left: 40px;
}
.gq-manage-domain-section .admin .license-admin:hover .remove {
visibility: visible;
}
.gq-manage-domain-section .admin .license-admin .remove:hover {
text-decoration: underline;
}
.gq-manage-domain-section .admin .license-admin:hover {
background-color: #f1f1f1;
}
.gq-manage-domain-section .admin button {
min-width: 150px;
}
.gq-manage-domain-section .renew {
display: block;
padding: 25px 20px;
border-top: 1px solid #dfdfdf;
justify-content: space-between;
}
.gq-manage-domain-section .renew .content-wrapper {
flex: 1 1 auto;
width: 100%;
font-size: 16px;
}
.gq-manage-domain-section .renew .content {
}
.gq-manage-domain-section .renew .content span {
color: #000000;
font-weight: bold;
}
.gq-manage-domain-section .renew .options {
display: flex;
align-items:center;
justify-content: space-between;
margin-top: 20px;
}
.gq-manage-domain-section .renew .options .left {
}
.gq-manage-domain-section .renew .options .right {
}
.gq-manage-domain-section .renew .left a,
.gq-manage-domain-section .renew .left button {
margin-right: 15px;
}
.gq-manage-domain-section .total-paid {
padding: 25px 20px;
margin: 0px;
font-weight: 400;
font-size: 20px;
line-height: 36px;
display: flex;
align-items:center;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
}
.gq-manage-domain-section .total-paid .content {
flex: 1 1 auto;
width: 100%;
}
.gq-manage-domain-section .total-paid .content span {
color: #000000;
font-weight: bold;
}
.gq-manage-domain-section .total-paid .content .auto-renew-quantity {
font-size: 14px;
line-height: 20px;
}
.gq-manage-domain-section .total-paid a {
text-decoration: none;
height: 40px;
display: block;
}
.gq-license-mgmt {
display: flex;
align-items: stretch;
}
/********* AVAILABLE LICENSES ********/
.gq-available-wrapper {
padding: 25px 20px;
margin: 0;
width: 100%;
flex: 1 1 auto;
box-sizing: border-box;
}
.gq-available-wrapper .available-licenses {
font-weight: 400;
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
padding-bottom: 10px;
}
.gq-available-wrapper .available-licenses span {
color: #000000;
font-weight: bold;
}
.gq-available-wrapper .available-auto {
font-size: 15px;
margin-bottom: 15px;
padding-bottom: 10px;
}
.gq-available-wrapper .available-auto .options {
float: right;
margin-right: 5px;
}
.gq-available-wrapper .available-issue {
font-size: 15px;
margin-bottom: 15px;
padding-bottom: 10px;
}
.gq-available-wrapper .issue-wrapper {
display: flex;
align-items: center;
margin-top: 10px;
}
.gq-available-wrapper .issue-account {
width: 100%;
display: block;
margin-right: 15px;
flex: 1 1 auto;
background-color: #f1f3f4;
padding: 0px 6px;
border-radius: 4px;
height: 38px;
}
.gq-available-wrapper .issue-account input {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
border: 0;
background-color: #0000;
outline: none !important;
outline-color: -moz-use-text-color !important;
outline-style: none !important;
outline-width: 0 !important;
width: 100%;
}
.gq-issue-account-btn {
display: block;
flex: 0 0 auto;
}
#gqManageDomainIssueBtn {
width: 135px;
}
#gqManageDomainIssueLoading {
text-align: center;
height: 24px;
width: 135px;
margin: 0 auto;
}
#gqManageDomainIssueLoading .gq-progress-circle {
margin: 0 auto;
}
.gq-domain-users-wrapper {
min-height: 230px;
}
.gq-domain-users-wrapper.loading {
height: 40px;
width: 40px;
margin: 0 auto;
}
.gq-domain-users-wrapper.loading .gq-progress-circle {
width: 40px;
}
.gq-domain-users-wrapper .header {
margin-bottom: 10px;
font-size: 15px;
}
.gq-domain-users-wrapper .domain-users {
border: 1px solid #cfcfcf;
background-color: #ffffff;
height: 200px;
overflow-y: auto;
overflow-x: hidden;
border-radius: 4px;
}
.gq-domain-users-wrapper .domain-user {
padding: 7px 10px;
font-size: 13px;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
}
.gq-domain-users-wrapper .domain-user:hover {
background-color: #f1f1f1;
}
.gq-domain-users-wrapper .domain-user span {
cursor: pointer;
font-weight: normal;
color: #1a73e8;
display: none;
position: absolute;
right: 2px;
top: 4px;
border-radius:3px;
font-size: 12px;
padding: 2px 8px;
text-align: center;
width: 70px;
height: 22px;
line-height: 22px;
}
.gq-domain-users-wrapper .domain-user span:hover {
text-decoration: underline;
}
.gq-domain-users-wrapper .domain-user:hover span {
display: inline;
}
#gqManageDomainMessages {
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
min-height: 20px;
margin-left: 2px;
}
#gqManageDomainMessages.error {
color: #bf0008;
}
#gqManageDomainMessages.success {
color: #1a73e8;
}
/********* ISSUED LICENSES ********/
.gq-issued-wrapper {
padding: 25px 20px;
margin: 0;
width: 100%;
flex: 1 1 auto;
box-sizing: border-box;
border-left: 1px solid #dfdfdf;
}
.gq-issued-wrapper .user-license-header {
font-weight: 400;
font-size: 20px;
line-height: 30px;
margin-bottom: 8px;
padding-bottom: 10px;
}
.gq-issued-wrapper .user-license-header span {
color: #000000;
font-weight: bold;
}
.gq-issued-wrapper .user-licenses {
min-height: 340px;
}
.gq-issued-wrapper .user-license {
font-size:13px;
color:#000000;
font-weight: bold;
padding: 5px;
position: relative;
border-radius: 4px;
}
.gq-issued-wrapper .user-license.new {
color: #1a73e8;
}
.gq-issued-wrapper .user-license:hover {
background-color: #f1f1f1;
}
.gq-issued-wrapper .user-license .revoke {
color: #bf0008;
font-weight: normal;
display: none;
position: absolute;
right: 0;
top: 0;
padding: 5px 5px 5px 10px;
cursor: pointer;
}
.gq-issued-wrapper .user-license:hover .revoke {
display: inline;
}
.gq-issued-wrapper .user-license .revoke:hover {
text-decoration: underline;
}
.gq-issued-wrapper .user-revoke-note {
font-size: 13px;
margin-top: 30px;
padding-top: 10px;
}
/********* FOOTER ********/
#gqManageDomainContinueBtn {
width: 200px;
line-height: 40px;
height: 40px;
font-size: 18px;
font-weight: normal;
margin: 50px auto 50px auto;
display: block;
}
/********* HTML ELEMENTS ********/
.gq-manage-domain input:focus{
outline: 0 none transparent;
}
.gq-manage-domain-section ::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 12px;
}
.gq-manage-domain-section ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .2);
background-clip: padding-box;
border: solid transparent;
min-height: 28px;
padding: 100px 0 0;
box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
border-width: 1px 1px 1px 2px;
}
.gq-manage-domain-section ::-webkit-scrollbar-button {
height: 0;
width: 0;
}
.gq-manage-domain-section ::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid #cfcfcf;
border-width: 0 0 0 1px;
}
.gq-manage-domain-section ::-webkit-scrollbar-corner {
background: transparent;
}
.gq-manage-domain-section ::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,.4);
box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)
}
.gq-manage-domain-section ::-webkit-scrollbar-thumb:active {
background-color:rgba(0,0,0,0.5);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)
}
.gq-manage-domain-section input[type=text].error,
.gq-manage-domain-section select.error {
border: 1px solid #DD4B39;
}
.gq-manage-domain-section .form-wrap .error-msg {
color: #DD4B39;
line-height: 17px;
margin: 0 0 5px 0;
}
/* SELECT */
.gq-manage-domain-section select {
width: 100%;
margin: 5px 0;
-moz-appearance: none;
-webkit-appearance: none;
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), linear-gradient(top, #f5f5f5, #f1f1f1);
background-position: 95% 50%;
background-repeat: no-repeat;
border: 1px solid #dcdcdc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #333;
cursor: default;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
min-width: 72px;
outline: 0;
padding: 7px 19px 7px 4px;
text-align: center;
text-indent: .01px;
text-overflow: ellipsis;
text-overflow: '';
white-space: nowrap;
}
.gq-manage-domain-section select:-ms-expand {
display: none;
}
.gq-manage-domain-section select:hover {
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: url(../images/1.1.2/grey-disclosure-arrow-up-down.png), linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
color: #111;
}
.gq-manage-domain-section select:focus {
border: 1px solid #4d90fe;
}
/* CHECKBOXES */
.gq-manage-domain-section input[type="checkbox"] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #c6c6c6;
border-image: -ms-linear-gradient(top, #fff, #fff);
-webkit-border-radius: 1px;
border-radius: 1px;
height: 13px;
left: 1px;
margin: 2px 8px 0 0;
outline: 0;
position: relative;
top: 1px;
width: 13px;
}
.gq-manage-domain-section input[type="checkbox"]:hover {
border: 1px solid #b2b2b2;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}
.gq-manage-domain-section input[type="checkbox"]:active {
background-color: #ebebeb;
border: 1px solid #c6c6c6;
}
.gq-manage-domain-section input[type="checkbox"]:focus {
border: 1px solid #4d90fe;
}
.gq-manage-domain-section input[type="checkbox"]:checked:after {
background: url(../images/1.1.2/checkmark_2x.png) no-repeat 0 0 / 21px;
content: '';
display: block;
height: 21px;
left: -5px;
position: relative;
top: -6px;
width: 21px;
}
.gq-manage-domain-section input[type="checkbox"]:disabled {
background-color: #fff;
border: 1px solid #e1e1e1;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .5;
}
/* RADIO BUTTONS */
.gq-manage-domain-section input[type="radio"] {
-webkit-appearance: none;
background: #fff;
border: 1px solid #c6c6c6;
border-image: -ms-linear-gradient(top, #fff, #fff);
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 15px;
margin: 0 6px 0 0;
outline: 0;
position: relative;
top: 2px;
width: 15px;
}
.gq-manage-domain-section input[type="radio"]:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}
.gq-manage-domain-section input[type="radio"]:active {
background: #ebebeb;
border: 1px solid #c6c6c6;
}
.gq-manage-domain-section input[type="radio"]:focus {
border: 1px solid #4d90fe;
}
.gq-manage-domain-section input[type="radio"]:checked {
background: #fff;
}
.gq-manage-domain-section input[type="radio"]:checked:after {
background: #606060;
-webkit-border-radius: 50%;
border-radius: 50%;
content: '';
display: block;
height: 7px;
left: 3px;
position: relative;
top: 3px;
width: 7px;
}
.gq-manage-domain-section input[type="radio"]:disabled {
background-color: #fff;
border: 1px solid #e1e1e1;
-webkit-box-shadow: none;
box-shadow: none;
opacity: .5;
}
@media screen and (max-width: 940px){
.gq-available-wrapper .issue-account {
width: 100%;
display: block;
}
.gq-issue-account-btn {
display: block;
margin-top: 5px;
}
}
@media screen and (max-width: 900px){
.gq-available-wrapper .available-auto .options {
float: none;
margin-top: 10px;
}
.gq-issued-wrapper .user-licenses {
min-height: 373px;
}
}
@media screen and (max-width: 835px){
.gq-license-mgmt {
flex-direction: column;
}
.gq-available-wrapper {
border-right: 0;
}
.gq-manage-domain-email {
display: none;
}
.gq-manage-domain #gqPageHeaderMenu {
display: none;
}
}
@media screen and (max-width: 750px){
.gq-manage-domain-section .renew .options {
float: none;
}
.gq-manage-domain-section .renew a,
.gq-manage-domain-section .renew button {
float: none;
margin: 5px 10px 0 0;
}
.gq-available-wrapper .available-auto .options {
float: right;
margin-top: 0px;
}
.gq-available-wrapper .issue-account {
width: 70%;
display: inline-block;
}
.gq-issue-account-btn {
display: inline-block;
margin-top: 0px;
}
.gq-issued-wrapper .user-licenses {
min-height: auto;
}
}
@media screen and (max-width: 700px){
}
/********** CHANGE ADMIN DIALOG *************/
#gqChangeAdminDialog .gq-dialog-content-container {
width: 500px;
}
.gq-change-admin-warning {
color: #575757;
font-weight: normal;
font-size: 13px;
text-align: left;
margin: 20px 0;
background-color: #f1f1f1;
padding: 6px 8px;
border-radius: 5px;
}
/********** CHANGE DOMAIN DIALOG *************/
#gqChangeDomainError {
color: #bf0008;
font-weight: bold;
font-size: 13px;
text-align: left;
max-width: 350px;
margin: 10px 0;
}
/********** UPDATE QUANTITY DIALOG *************/
#gqUpdateLicenseQuantityDialog .gq-dialog-content-container {
width: 530px;
height: 262px;
box-sizing: border-box;
}
.gq-update-license-quantity-content {
height: 110px;
display: flex;
}
.gq-update-license-confirmation-content {
font-size: 14px;
line-height: 20px;
box-sizing: border-box;
height: 100px;
}
.gq-update-license-quantity-container {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 10px 0;
box-sizing: border-box;
}
.gq-update-license-quantity-container .gq-icon-button {
display: block;
box-sizing: content-box;
width: 24px;
height: 24px;
flex: 0 0 auto;
text-align: center;
}
.gq-update-license-quantity-container .gq-icon-button:disabled {
border: 0 !important;
}
.gq-update-license-quantity-input-wrapper {
flex: 1 0 auto;
text-align: center;
border: 1px solid #cfcfcf;
border-radius: 10px;
max-width: 80px;
padding: 5px;
margin: 0 10px;
}
.gq-update-license-quantity-input-wrapper input {
font-size: 34px;
color: #000000;
text-align: center;
border: none;
width: 60px;
outline: none;
}
#gqUpdateQuantityProgressSpinner {
display: flex;
justify-content: center;
align-items: center;
width: 530px;
}
#gqUpdateQuantityProgressSpinner .gq-progress-circle {
width: 40px;
margin-bottom: 40px;
}
.gq-nps-block {
text-align:center;
font-family: "Roboto",Helvetica,Arial,sans-serif;
}
.gq-nps-question {
margin-top: 40px;
font-weight: 400;
font-size: 22px;
line-height: 30px;
}
.gq-nps-score {
padding: 20px;
display:inline-block;
margin: 0;
background-color: #4d90fe;
font-size: 40px;
border-radius: 5px;
color: #FFFFFF;
}
.gq-nps-msg {
font-size: 50px;
margin-top: 80px;
line-height: 60px;
}
.gq-report-page,
.gq-report-page .gq-page-main-content {
min-width: 1440px;
}
.gq-report-page.full-width .gq-page-main-content {
width:auto;
display: flex;
justify-content: center;
}
.gq-report-page .gq-page-header-content,
.gq-report-page .gq-page-footer-content {
width: 1440px;
}
.gq-report-nav .selected {
font-weight: bold;
color: #4285f4 !important;
}
.gq-report-referer table {
font-size: 13px;
text-align:left;
border: 1px solid #CFCFCF;
margin: 20px 0;
}
.gq-report-referer-single table {
font-size: 13px;
text-align:left;
margin: 20px 0;
}
.gq-report-accounts {
font-size: 13px;
border: 1px solid #CFCFCF;
}
.gq-report-accounts.nowrap td {
white-space: nowrap;
}
.gq-report-accounts thead {
position: sticky;
inset-block-start: 0;
}
.gq-report-monthly .gq-report-accounts {
margin:0 auto;
}
.gq-report-accounts th,
.gq-report-accounts td {
padding: 2px 20px;
}
.gq-report-accounts th {
background-color: #DFDFDF;
}
.gq-report-summary,
.gq-report-monthly {
text-align: center;
}
.gq-report-renewals td {
text-align: center;
}
.gq-report-current,
.gq-report-daily {
text-align: left;
}
.gq-report-table-value {
font-size: 13px;
font-weight: bold;
}
.gq-report-table-date {
width: 170px;
}
.gq-report-daily table {
font-size: 15px;
}
.gq-report-current td,
.gq-report-referer-single td,
.gq-report-daily td {
padding-right: 20px;
}
.gq-chart-div {
margin:20px auto;
width: 1310px;
border: 1px solid #CFCFCF;
padding: 20px;
clear: both;
}
.gq-chart-title {
text-align: center;
font-size: 24px;
height: 40px;
line-height: 40px;
background-color: white;
}
.gq-chart-title-fixed {
position: fixed;
top:0;
width: 1350px;
}
.gq-chart-header {
height: 50px;
}
.gq-chart-header-fixed {
position: fixed;
top: 40px;
width: 1350px;
}
.gq-chart-header-fixed th {
height: 50px;
}
.gq-chart-data {
font-size: 13px;
color: #8F8F8F;
margin: 0 auto 10px auto;
border: 1px solid #CFCFCF;
}
.gq-chart-data thead {
position: sticky;
inset-block-start: 0;
}
.gq-chart-data th {
background-color: #DFDFDF;
color: #5F5F5F;
width: 110px;
height: 50px;
}
.gq-chart-data td {
width: 110px;
}
.gq-report-accounts tr.hover,
.gq-chart-data tr.hover {
background-color: #EFF6FF;
}
.gq-report-label {
text-align:center;
margin-bottom: 5px;
}
.gq-report h3 {
margin-bottom: 5px;
}
.gq-report-controls {
width: 800px;
margin: 10px auto;
}
.gq-report-controls .prev {
float: left;
}
.gq-report-controls .next {
float: right;
}
.gq-report .data-toggle {
cursor: pointer;
}
.gq-report .data-toggle.selected {
font-weight: bold;
color: #000000;
text-decoration: none;
}
.gq-conversions-page .gq-page-main-content {
width: auto;
min-width: auto;
}
.gq-report-conversions .percent {
display:none;
}
.gq-report-conversions.show-percent .percent {
display:inline;
}
.gq-report-conversions.show-percent .percent strong {
color: green;
}
.gq-report-conversions .actual {
display:none;
}
.gq-report-conversions.show-actual .actual {
display:inline;
}
/****** SOURCES *******/
.gq-report-sources .percent {
display:none;
}
.gq-report-sources.show-percent .percent {
display:inline;
}
.gq-report-sources .actual {
display:none;
}
.gq-report-sources.show-actual .actual {
display:inline;
}
.gq-report-sources.show-percent #gqChartTotals {
display: none;
}
.gq-report-sources.show-actual #gqChartPercent {
display: none;
}
.gq-purchase {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
display: flex;
flex-direction: column;
}
.gq-purchase input {
outline: 0;
font-family: inherit;
}
.gq-purchase select {
-webkit-appearance: menulist;
align-items:center;
white-space: pre;
cursor: default;
border-radius: 12px;
font: -webkit-small-control;
letter-spacing: normal;
text-indent: 0px;
text-shadow: none;
text-align: start;
outline: 0;
}
.gq-purchase .gq-you-section input:focus,
.gq-purchase .gq-you-section select:focus {
border-color: #4285F4;
}
.gq-purchase .gq-biz-section input:focus,
.gq-purchase .gq-biz-section select:focus {
border-color: #4285F4;
}
.gq-purchase.renewal .gq-biz-section input:focus,
.gq-purchase.renewal .gq-biz-section select:focus {
border-color: #EFF1F7;
user-select: none;
cursor: default;
}
.gq-purchase .gq-input,
.gq-purchase .gq-select {
height: 68px;
padding: 8px 23px;
margin-bottom: 10px;
font-size: 16px;
line-height: 18px;
color: #6E7080;
vertical-align: middle;
background-color: #FFFFFF;
border: 1px solid #EFF1F7;
border-radius: 12px;
box-shadow: 0px 2px 6px rgba(20, 20, 43, 0.06);
font-weight: 400;
}
.gq-purchase .gq-select {
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2 rem !important;
background-position: calc(100% - 16px) center !important;
background:url("data:image/svg+xml,") no-repeat;
}
.gq-purchase * {
box-sizing: border-box;
}
.gq-purchase .gq-page-top-bar {
display: none;
}
.gq-purchase .top-heading {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
color: #13141C;
font-weight: 800;
font-size: 32px;
line-height: 49px;
}
.gq-purchase .gq-you-section,
.gq-purchase .gq-biz-section {
max-width: 1260px;
padding: 0 20px;
margin: 50px auto 30px auto;
flex: 1 0 auto;
}
.gq-purchase .gq-you-section .order-column,
.gq-purchase .gq-biz-section .order-column {
margin-right: 20px;
}
.gq-purchase .order-column .logo {
margin: 10px 0 30px 0;
}
.gq-purchase .order-column .logo .gq-page-top-logo {
width: 170px;
}
.gq-purchase .order-column .logo svg {
cursor: default;
}
.gq-purchase .plan-title {
font-size: 30px;
margin-top: 0;
margin-bottom: 20px;
line-height: 40px;
font-weight: 400;
text-shadow: none;
vertical-align: middle;
user-select:none;
}
.gq-purchase .gq-you-section .plan-title {
color: #4889F5;
margin-top: 10px;
}
.gq-purchase .gq-biz-section .plan-title {
color: #0F9D58;
margin-top: 10px;
}
.gq-purchase .plan-title img {
width: 169px;
height: 40px;
vertical-align: middle;
margin-top: -5px;
margin-right: 2px;
}
.gq-purchase .subscription-number-row {
text-align: left;
margin-top: 25px;
display: flex;
align-items: center;
}
.gq-purchase .num-subscriptions {
color: #4B4D66;
font-size: 18px;
line-height: 20px;
font-weight: 600;
text-align: left;
margin-top: -8px;
}
.gq-purchase .gq-biz-section .num-subscriptions {
margin-top: 2px;
margin-right: 15px;
display: inline-block;
vertical-align: top;
}
.gq-purchase .dropdown {
display: inline-block;
width: 100%;
margin-left: 0;
}
.gq-subscription-error {
color: #AF1515 !important;
font-weight:400;
text-align: center;
margin-bottom: 25px;
margin-top: 20px;
line-height: 24px;
font-size: 18px;
}
/********** BIZ ***************/
.gq-purchase .domain-wrapper,
.gq-purchase .existing-wrapper,
.gq-purchase .admin-wrapper {
margin-bottom: 15px;
}
.gq-purchase .unauthorized-wrapper {
color: #AE0909;
margin: 15px 0;
font-weight: bold;
}
.gq-purchase .other-wrapper {
color: #888888;
}
.gq-purchase .other-wrapper span {
text-decoration: none;
color: #4285f4;
cursor: pointer;
}
.gq-purchase .other-wrapper span:hover {
text-decoration: underline;
}
.gq-purchase .domain-renewal {
background-color: rgba(239, 241, 246, .6);
color: #4285F4;
font-weight: 700;
font-size: 16px;
padding: 10px 0;
margin-top: 10px;
margin-bottom: 15px;
text-align: center;
border-radius: 8px;
}
.gq-purchase .admin-help {
font-size: 13px;
color: #999999;
margin: 5px 0 0 10px;
}
.gq-purchase .biz-field {
height: 72px;
width: 100%;
margin: 0px 0 0 0px;
padding: 0 0 0px 24px;
border: 1px solid #EFF1F7;
border-radius: 12px;
background-color: #FFFFFF;
color: #4285F4;
font-size: 16px;
line-height: 18px;
font-weight: 400;
}
.gq-purchase .quantity-wrapper {
display: inline-block;
}
.gq-purchase .quantity-wrapper span {
font-size: 20px;
vertical-align: middle;
margin-left: 10px;
cursor: default;
user-select: none;
}
#gqQuantity {
text-align: center;
padding: 0;
max-width: 70px;
}
.gq-purchase .existing-box {
width: 100%;
margin: 4px 0 0 0px;
padding: 12px 0;
border: none;
border-radius: 4px;
background-color: #FFFFFF;
color: #4285F4;
font-size: 14px;
line-height: 22px;
font-weight: 700;
}
.gq-purchase #gqRenewalNote {
padding: 62px 62px 0px 62px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #13141C;
}
.gq-purchase #gqProratedNote {
font-weight: 500;
font-size: 13px;
line-height: 20px;
padding: 12px 62px 0px 62px;
color: #a0a3bd;
}
.gq-purchase #gqUpgradeProratedNote {
margin: 20px 62px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #A0A3BD;
}
.gq-purchase .domain-field-title {
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #13141C;
margin: 26px 0 16px 0;
}
.gq-purchase .domain-field-title span {
font-size: 20px;
vertical-align: middle;
margin-top: -3px;
margin-left: 7px;
cursor: default;
}
.gq-domain-field-label {
color: #b3b3b3;
font-size: 12px;
font-weight: 400;
opacity: 0;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
-webkit-transition: all 0.218s;
transition: all 0.218s;
}
.gq-domain-field-label.visible {
opacity: 1;
}
/********** EXISTING BUSINESS SUB ***************/
.gq-purchase .existing-subscription {
width: 100%;
margin: 20px 0 20px 0;
padding: 0;
border: 1px solid #EFF1F7;
border-radius: 10px;
box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.06);
overflow: hidden;
}
.gq-purchase .existing-subscription .title-bar {
width: 100%;
text-align: left;
padding: 25px 30px 25px 25px;
background-color: rgba(239, 241, 246, .4);
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #70757a;
display: flex;
justify-content: space-between;
}
.gq-purchase .existing-subscription .sub-id {
}
.gq-purchase .existing-subscription .sub-plan {
}
.gq-purchase .existing-subscription .name-content {
width: 100%;
padding: 24px 30px;
margin-bottom: 22px;
}
.gq-purchase .gq-you-section .existing-subscription .name-content {
margin-bottom: 0px;
}
.gq-purchase .existing-subscription .name-content .name {
color:#000000;
font-weight: 600;
font-size: 24px;
line-height: 30px;
}
.gq-purchase .existing-subscription .name-content .domain {
color: #4B4D66;
font-weight: 600;
font-size: 20px;
line-height: 24px;
margin-top: 5px;
}
.gq-purchase .existing-subscription .name-content .email {
color: #000000;
font-weight: 400;
font-size: 20px;
line-height: 30px;
}
.gq-purchase .existing-subscription .expiration {
width: 100%;
padding: 24px 30px;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #70757a;
}
.gq-purchase .existing-subscription .name-content .account-email {
color: #000000;
font-weight: 500;
font-size: 20px;
line-height: 30px;
}
.gq-purchase .existing-subscription .account-expiration {
width: 100%;
margin: 5px 0 30px 0;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #70757a;
}
.gq-purchase .existing-subscription .quantity-content {
border-top: 1px solid #DCE0EB;
padding: 30px;
text-align: center;
display: flex;
justify-content: space-between;
font-size: 18px;
line-height: 20px;
}
.gq-purchase .existing-subscription .quantity-content .quantity-label {
flex: 0 0 auto;
color: #70757a;
font-weight: 500;
}
.gq-purchase .existing-subscription .quantity-content .quantity-value {
width: 100%;
flex: 1 1 0;
color: #000000;
text-align: left;
margin-left: 10px;
font-weight: 600;
}
.gq-purchase .existing-subscription .quantity-content .quantity-help {
flex: 0 0 0;
cursor: default;
user-select: none;
}
/********** BILLING CYCLE ***************/
.gq-purchase .billing-cycle-wrapper {
border-bottom: 1px solid #EFF1F7;
padding: 34px 62px;
}
.gq-purchase .billing-cycle-row {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.gq-purchase .billing-cycle-text {
color: #13141C;
margin-top: 0px;
text-align: left;
font-weight: 800;
font-size: 18px;
line-height: 20px;
}
.gq-purchase .billing-cycle-dropdown {
}
.gq-purchase .billing-cycle-dropdown select {
width: 160px;
height: 50px !important;
margin-bottom: 0;
color: #13141C;
}
.gq-purchase .billing-cycle-dropdown select[disabled="disabled"] {
color: #898989;
}
.gq-purchase .billing-cycle-upsell {
color: #8031ff;
margin: 15px 0 -20px 0;
text-align: right;
font-weight: 600;
font-size: 14px;
line-height: 18px;
}
/********** QUANTITY ADVICE ***************/
.gq-purchase .quantity-advice-wrapper {
margin:140px 0 30px 0;
}
.gq-purchase .quantity-advice-wrapper .quantity-advice-question {
color: #6E7080;
font-weight: 400;
font-size: 14px;
line-height: 18px;
cursor: pointer;
user-select: none;
}
.gq-purchase .quantity-advice-question:hover {
text-decoration: underline;
color: #4285F4;
}
.gq-purchase .quantity-advice-wrapper.is-open .quantity-advice-question {
color: #4285F4;
}
.gq-purchase .quantity-advice-wrapper .quantity-advice-answer-wrapper {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.5s ease-out;
}
.gq-purchase .quantity-advice-wrapper.is-open .quantity-advice-answer-wrapper {
grid-template-rows: 1fr;
}
.gq-purchase .quantity-advice-answer {
color: #6E7080;
font-weight: 400;
font-size: 16px;
line-height: 22px;
overflow: hidden;
}
/********** EMAILS ***************/
.gq-purchase .email-list-container {
clear: both;
}
.gq-purchase .email-wrapper {
position: relative;
margin-bottom: 10px;
}
.gq-purchase .email-number {
padding: 4px 5px 0 0;
float: left;
font-size: 24px;
position: absolute;
left: 0;
font-weight: 600;
font-size: 18px;
line-height: 72px;
color: #6E7080;
}
.gq-purchase .email-field {
height: 72px;
width: 93.5%;
margin: 4px 0 0 30px;
padding: 0 0 0px 24px;
border: 1px solid #EFF1F7;
border-radius: 12px;
background-color: #FFFFFF;
box-shadow: 0px 2px 6px rgba(20, 20, 43, 0.06);
color: #4285F4;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.gq-purchase .biz-error {
clear: both;
font-size: 13px;
color: #BE1C1C;
margin-left: 11px;
padding-top: 3px;
font-weight: 500;
}
.gq-purchase .email-error {
clear: both;
font-size: 13px;
color: #BE1C1C;
margin-left: 45px;
padding-top: 3px;
font-weight: 500;
}
/***** PRICING CHART *****/
.gq-purchase .pricing-chart {
width: 100%;
margin: 20px 0 50px 0;
padding: 0 0 36px 0;
border: 1px solid #EFF1F7;
border-radius: 10px;
box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.06);
overflow: hidden;
}
.gq-purchase .pricing-chart .title-bar {
width: 100%;
text-align: left;
padding: 25px 30px 25px 25px;
background-color: rgba(239, 241, 246, .4);
font-weight: 800;
font-size: 18px;
line-height: 20px;
color: #13141C;
}
.gq-purchase .pricing-chart .subtitle-bar {
width: 100%;
display: flex;
justify-content: space-between;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #4B4D66;
padding: 24px 30px;
border-bottom: 1px solid #DCE0EB;
margin-bottom: 22px;
}
.gq-purchase .pricing-chart .subtitle-bar .left {
text-align: left;
}
.gq-purchase .pricing-chart .subtitle-bar .right {
text-align: right;
}
.gq-purchase .pricing-chart .chart-row {
color: #FFFFFF;
font-weight: 400;
padding: 8px 30px;
text-align: center;
display: flex;
justify-content: space-between;
}
.gq-purchase .pricing-chart .licenses {
display: block;
padding-right: 10px;
text-align: left;
font-weight: 700;
font-size: 16px;
line-height: 18px;
color: #4285F4;
}
.gq-purchase .pricing-chart .rate {
display: block;
color: #4285F4;
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-align: right !important;
padding-left: 10px;
}
.gq-purchase .pricing-chart .small {
color: #6E7080;
font-weight: 400;
font-size: 16px;
line-height: 18px;
}
/***** BOTTOM ICONS *****/
.gq-purchase .bottom-icons.one-panel {
margin-top: 50px;
display: none;
}
.gq-purchase .bottom-icons.two-panel {
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.gq-purchase .you-link,
.gq-purchase .biz-link {
text-align: center;
margin-bottom: 15px;
outline: 0;
font-weight: 500;
font-size: 18px;
line-height: 30px;
}
.gq-purchase .biz-link {
margin-top: 50px;
}
.gq-purchase .you-link {
margin-top: 30px;
}
.gq-purchase .you-link a {
color: #4285F4;
text-decoration: none;
outline: 0;
}
.gq-purchase .biz-link a {
color: #4285F4;
text-decoration: none;
outline: 0;
}
.gq-purchase .biz-link a .material-icons {
color: #4285F4;
vertical-align: middle;
margin-top: -4px;
}
.gq-purchase .you-link a:hover,
.gq-purchase .biz-link a:hover {
text-decoration: underline;
}
.gq-purchase .google {
text-align: center;
margin: 0;
}
.gq-purchase .google img {
width: 160px;
margin-top: -8px;
}
.gq-purchase .trust-symbols {
text-align: center;
}
.gq-purchase .gq-sub-symantec {
margin: 0 0 0 20px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
/********** TOTALS COLUMN ***************/
.gq-purchase .totals-column {
min-height: 300px;
border: 1px solid #EFF1F7;
border-radius: 24px;
box-shadow: 0px 2px 12px rgba(20, 20, 43, 0.06);
background-color: #FFFFFF;
}
.gq-purchase .totals-column .total-wrapper {
margin: 34px auto 20px auto;
width: 100%;
border-top: 1px solid #EFF1F7;
font-size: 16px;
font-weight: 300;
text-align: center;
padding: 32px 62px 3px 62px;
}
.gq-purchase .totals-column .total-wrapper .span-4,
.gq-purchase .totals-column .total-wrapper .span-8 {
margin-bottom: 0;
}
.gq-purchase .totals-column .total-title-bar {
background-color: rgba(239, 241, 246, .4);
font-weight: 800;
font-size: 22px;
line-height: 32px;
color: #13141C;
padding: 32px 62px;
border-top-right-radius: 24px;
border-top-left-radius: 24px;
display: flex;
}
.gq-purchase .totals-column .total-title {
flex: 1 1 auto;
}
.gq-purchase .totals-column .gq-account-btn {
flex: 0 0 auto;
}
.gq-purchase .totals-column .total-table {
width: 100%;
padding-top: 20px;
}
.gq-purchase .totals-column .total-table th {
border-bottom: 1px solid #EFF1F7;
padding: 32px 0px 20px 0px;
font-weight: 800;
font-size: 18px;
line-height: 20px;
color: #13141C;
}
.gq-purchase .totals-column .total-table th:first-child {
padding-left: 62px;
max-width: 60px;
}
.gq-purchase .totals-column .total-table th:last-child {
padding-right: 62px;
}
.gq-purchase .totals-column .total-table .user-block {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #13141C;
}
.gq-purchase .totals-column .total-table .user-block .user-info {
padding: 17px 0 17px 62px;
}
.gq-purchase .totals-column .total-table .user-block .user-price {
padding: 17px 62px 17px 0px;
}
.gq-purchase .totals-column .total-table .user-block:nth-child(2) td {
}
.gq-purchase .totals-column .total-table .user-empty {
color: #A0A3BD;
}
.gq-purchase .totals-column .total-table .user-email {
line-height: 20px;
}
.gq-purchase .totals-column .total-table .user-new {
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: #A0A3BD;
}
.gq-purchase .totals-column .total-table .user-price {
color: #13141C;
text-align: right;
line-height: 20px;
vertical-align: top;
}
.gq-purchase .totals-column .total-table .description {
text-align: left;
}
.gq-purchase .totals-column .total-table .amount {
text-align: right;
}
/******* item *******/
.gq-purchase .totals-column .total-table .item-block {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #13141C;
}
.gq-purchase .totals-column .total-table .item-block td {
padding: 17px 0 0 0;
}
.gq-purchase .totals-column .total-table .domain-block td {
padding: 0 62px 17px 62px;
}
.gq-purchase .totals-column .total-table .monthly-block td {
padding: 17px 0 0 0;
}
.gq-purchase .totals-column .total-table .exp-block td {
padding: 4px 0 0 0;
}
.gq-purchase .totals-column .total-table .item-block td:first-child,
.gq-purchase .totals-column .total-table .monthly-block td:first-child,
.gq-purchase .totals-column .total-table .exp-block td:first-child {
padding-left: 62px;
}
.gq-purchase .totals-column .total-table .item-block td:last-child,
.gq-purchase .totals-column .total-table .monthly-block td:last-child,
.gq-purchase .totals-column .total-table .exp-block td:last-child {
padding-right: 62px;
color: #000000;
}
.gq-purchase .totals-column .total-table .item-quantity {
text-align: center;
vertical-align: top;
}
.gq-purchase .totals-column .total-table .item-price {
text-align: right;
line-height: 20px;
vertical-align: top;
}
.gq-purchase .totals-column .total-table .item-domain {
margin-bottom: 10px;
margin-top: 5px;
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #A0A3BD;
}
.gq-purchase .totals-column .total-table .item-expiration {
padding-bottom: 43px;
padding-right: 20px;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #A0A3BD;
}
.gq-purchase .totals-column .total-table .item-block .item-business-quantity {
font-weight: 400;
font-size: 16px;
margin-bottom: 10px;
margin-top: 3px;
}
.gq-purchase .totals-column .total-table .item-block .item-renew {
margin-top: 5px;
margin-bottom: 40px;
font-size: 16px;
font-weight: 400;
color: #70757a;
}
.gq-purchase .totals-column .total-table .item-monthly {
margin: 10px 0 3px 0;
}
.gq-purchase .totals-column .total-table .item-monthly .total-period {
color: #888888;
text-transform: uppercase;
font-size: 11px;
}
.gq-purchase .totals-column .total-table .item-monthly .total-text {
margin-top: 0px;
text-align: left;
}
.gq-purchase .totals-column .total-table .item-monthly-total {
text-align: right;
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #13141C;
}
.gq-purchase .totals-column .monthly-business-wrapper {
margin-top: 17px;
}
.gq-purchase .totals-column .monthly-subtotal-row {
display: flex;
margin: 0px 62px 0 62px;
align-items: flex-end;
}
.gq-purchase .totals-column .monthly-subtotal-row .item-monthly {
margin: 10px 0 3px 0;
flex: 1;
}
.gq-purchase .totals-column .monthly-subtotal-row .item-monthly .total-period {
color: #888888;
text-transform: uppercase;
font-size: 11px;
}
.gq-purchase .totals-column .monthly-subtotal-row .item-monthly .total-text {
color: #13141C;
margin-top: 0px;
text-align: left;
font-weight: 800;
font-size: 18px;
line-height: 20px;
}
.gq-purchase .totals-column .monthly-subtotal-row .item-monthly-total {
text-align: right;
font-weight: bold;
font-size: 18px;
line-height: 20px;
color: #13141C;
border-top: 1px solid #d8dae8;
padding-top: 13px;
padding-left: 20px;
}
.gq-purchase .totals-column .total-table .term-months {
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #14141c;
vertical-align: top;
width: 80px;
white-space: nowrap;
}
.gq-purchase .totals-column .term-months {
font-size: 16px;
line-height: 18px;
text-align: right;
color: #14141c;
vertical-align: top;
margin: 10px 62px 0px 62px;
}
.gq-purchase .totals-column .term-months span,
.gq-purchase .totals-column .total-table .term-months span {
}
.gq-purchase .totals-column .total-text {
text-align: left;
font-weight: 800;
font-size: 18px;
line-height: 26px;
color: #13141C;
}
.gq-purchase .totals-column .total-amount {
text-align: right;
font-weight: bold;
font-size: 24px;
line-height: 26px;
color: #4285F4;
}
.gq-purchase .totals-column .total-after-coupon {
text-align: left;
font-size: 12px;
font-weight: 500;
color: #A0A3BD;
}
.gq-purchase .gq-you-section .totals-column .total-wrapper {
margin-top: 20px;
}
.gq-purchase .gq-you-section .totals-column .total-amount {
color: #4285F4;
}
.gq-purchase .gq-biz-section .totals-column .total-amount {
}
.gq-purchase .totals-column .currency {
font-size: 20px;
}
.gq-purchase .totals-column .terms {
text-align: left;
margin: 35px 62px 26px 62px;
display: flex;
align-items: flex-start;
}
.gq-purchase .totals-column input {
vertical-align: middle;
margin: -2px 5px 0 0;
flex: 0 0 auto;
}
.gq-purchase .totals-column .terms-text {
font-weight: 400;
font-size: 18px;
line-height: 20px;
color: #13141C;
margin-left: 8px;
vertical-align: middle;
user-select: none;
cursor: pointer;
}
.gq-purchase .totals-column .terms-text a {
text-decoration: none;
}
.gq-purchase .gq-you-section .totals-column .terms-text a {
color: #13141C;
font-weight: 500;
}
.gq-purchase .gq-biz-section .totals-column .terms-text a {
color: #13141C;
font-weight: 500;
}
.gq-purchase .totals-column .terms-text a:hover {
text-decoration: underline;
}
.gq-purchase .terms-in-time {
text-align: justify;
margin-top: 30px;
margin-bottom: 50px;
padding: 5px;
font-weight: 400;
font-size: 15px;
line-height: 26px;
color: #6E7080;
}
.gq-purchase .terms-in-time a {
color: #6E7080;
}
.gq-purchase .totals-column .checkout-buttons {
margin-top: 20px;
margin-bottom: 62px;
}
.gq-purchase .totals-column .checkout-buttons.disabled {
opacity: 0.3;
}
.gq-purchase .totals-column .credit-button {
display: block;
padding: 26px 15px;
margin: 0 62px;
border-radius: 8px;
background-color: #4285F4;
text-transform: none;
text-shadow: none;
color: #FFFFFF;
user-select: none;
cursor: pointer;
font-weight: 800;
font-size: 18px;
line-height: 20px;
text-align: center;
}
.gq-purchase .totals-column .credit-button:hover {
box-shadow:0px 6px 22px rgba(54, 130, 255, 0.24);
}
.gq-purchase .totals-column .paypal-button {
display: block;
padding: 20px 15px;
margin: 15px 62px;
border-radius: 8px;
background-color: #FCBE3F;
text-transform: none;
text-shadow: none;
color: #13141C;
user-select: none;
cursor: pointer;
font-weight: 800;
font-size: 18px;
line-height: 32px;
text-align: center;
}
.gq-purchase .totals-column .paypal-button:hover {
box-shadow:0px 6px 22px rgba(252, 190, 63, 0.24);
}
.gq-purchase .totals-column .paypal-button img {
height: 32px;
margin-right: 7px;
margin-top: -8px;
vertical-align: middle;
}
.gq-purchase #gqSubscriptionForm {
display: block;
}
/************** COUPONS *****************/
.gq-purchase #gqCouponWrapper {
font-size: 16px;
font-weight: 300;
margin-top: 20px;
margin: -3px 62px 20px 62px;
}
.gq-purchase #gqCouponWrapper.domain {
margin-bottom: -10px;
}
.gq-purchase #gqSubtotalAmount {
text-align: right;
color: #13141C;
font-weight: 700;
padding-top: 15px;
border-top: 1px solid #d4d4d4;
}
.gq-purchase .subtotal-info {
position: relative;
}
.gq-purchase .subtotal-line {
height: 0px;
width: 30%;
display: block;
border-top: 1px solid #d4d4d4;
position: absolute;
right: 0;
top: 0;
}
.gq-purchase .subtotal-label {
text-align: right;
color: #A0A3BD;
padding-top: 15px;
}
.gq-purchase .coupon-info {
padding-top: 30px;
}
.gq-purchase .coupon-code {
color: #af1515;
font-size: 16px;
font-weight: 600;
}
.gq-purchase .coupon-discount {
color: #A0A3BD;
font-size: 12px;
font-weight: 500;
}
.gq-purchase #gqCouponDiscountPrice {
padding-top: 30px;
color: #af1515;
font-size: 16px;
font-weight: 700;
text-align: right;
vertical-align: top;
}
/************** PRORATED *****************/
.gq-purchase .totals-column .prorated-wrapper {
font-size: 16px;
font-weight: 500;
margin-top: 20px;
margin: -3px 62px 20px 62px;
}
.gq-purchase .totals-column .prorated-text {
padding-top: 35px;
font-weight: 500;
}
.gq-purchase .totals-column .prorated-amount {
padding-top: 35px;
text-align: right;
font-weight: 500;
}
@media screen and (max-width: 950px){
.gq-you-section .span-6,
.gq-biz-section .span-6 {
width: 100%;
float: none;
margin: 0;
}
.gq-purchase .gq-biz-section,
.gq-purchase .gq-you-section {
margin-left: 15px;
margin-right: 15px;
}
.gq-purchase .top-heading {
text-align: center;
}
.gq-purchase .upgrade-heading {
text-align: center;
}
.gq-purchase .plan-title {
text-align: center;
}
.gq-purchase .dropdown {
width: 200px;
}
.gq-purchase .gq-you-section .num-subscriptions,
.gq-purchase .gq-you-section .subscription-number-row {
text-align: center;
}
.gq-purchase .biz-link {
margin-top: 30px;
margin: 15px 0 25px 0;
display: block;
}
.gq-purchase .bottom-icons.two-panel {
display: none;
}
.gq-purchase .bottom-icons.one-panel {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.gq-purchase .totals-column .total-text,
.gq-purchase .totals-column .total-amount {
text-align: center;
}
.gq-purchase .gq-you-section .order-column,
.gq-purchase .gq-biz-section .order-column {
margin-right: 0px;
}
.gq-purchase .order-column .logo {
text-align: center;
}
}
@media screen and (max-width: 540px){
.gq-purchase .totals-column .total-title-bar {
padding: 22px 32px;
}
.gq-purchase .totals-column .total-table th {
padding: 32px 0px 20px 0px;
}
.gq-purchase .totals-column .total-table th:first-child {
padding-left: 32px;
}
.gq-purchase .totals-column .total-table th:last-child {
padding-right: 32px;
}
.gq-purchase .totals-column .total-table .user-block .user-info {
padding: 17px 0 17px 32px;
}
.gq-purchase .totals-column .total-table .user-block .user-price {
padding: 17px 32px 17px 0px;
}
.gq-purchase .totals-column .monthly-subtotal-row {
margin: 20px 32px 0 32px;
}
.gq-purchase .totals-column .total-wrapper {
padding: 32px 32px 3px 32px;
}
.gq-purchase .totals-column .terms {
margin: 35px 32px 26px 32px;
}
.gq-purchase .totals-column .credit-button {
margin: 0 32px;
}
.gq-purchase .totals-column .paypal-button {
margin: 15px 32px;
}
.gq-purchase .totals-column .checkout-buttons {
margin-bottom: 32px;
}
.gq-purchase .totals-column .total-table .item-block td:first-child,
.gq-purchase .totals-column .total-table .monthly-block td:first-child,
.gq-purchase .totals-column .total-table .exp-block td:first-child {
padding-left: 32px;
}
.gq-purchase .totals-column .total-table .item-block td:last-child,
.gq-purchase .totals-column .total-table .monthly-block td:last-child,
.gq-purchase .totals-column .total-table .exp-block td:last-child {
padding-right: 32px;
}
.gq-purchase .totals-column .total-table .domain-block td {
padding: 0 32px 17px 32px;
}
.gq-purchase .biz-link {
font-size: 16px;
}
.gq-purchase #gqUpgradeProratedNote {
margin: 20px 32px;
}
.gq-purchase #gqCouponWrapper {
margin-left: 32px;
margin-right: 32px;
}
}
@media screen and (max-width: 480px){
.gq-purchase .totals-column .total-table .user-email {
font-size: 14px;
max-width: 160px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.gq-purchase .quantity-wrapper {
display: block;
}
.gq-purchase .subscription-number-row {
text-align: center;
}
#gqQuantity {
margin-top: 15px;
}
.gq-purchase #gqMessageBox {
margin: 0px 20px 0px 0px;
}
.gq-purchase #gqMessageBox .gq-dialog-content {
min-width: 300px;
}
.gq-purchase .pricing-chart .licenses,
.gq-purchase .pricing-chart .rate {
display:block;
padding: 5px 0;
margin: 0 auto;
text-align: center;
}
}
/***** MARKETPLACE *********/
.gq-market-domain {
font-size: 16px;
color: #457DDA;
}
.gq-domain-existing,
.gq-market-add {
padding-bottom: 10px !important;
border-bottom: 1px dotted #CFCFCF !important;
color: #118811 !important;
}
#gqMigrationContainer {
border: 25px solid #CFCFCF;
padding: 20px;
width: 700px;
margin: 0 auto;
clear: both;
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
-ms-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.gq-migration-form {
text-align: left;
margin: 20px 0 0 80px;
}
.gq-migration-form td {
padding: 5px 10px 5px 0;
}
#gqEmailError {
color: #B72121;
font-size: 13px;
}
.gq-migrate-domain {
color: #218C2C;
}
/***** ORDER CONFIRMATION *********/
.gq-order-conf-content {
font-size: 16px;
text-align:left;
margin: 40px auto 0 auto;
line-height: 24px;
max-width: 960px;
padding: 25px;
}
.gq-order-conf-content a {
text-decoration: none;
}
.gq-order-conf-content td {
vertical-align: top;
}
.gq-order-conf-icon {
padding-right: 15px;
}
.gq-order-conf-title {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 500;
margin-bottom: 30px;
color: #1a73e8;
line-height: 30px;
}
.gq-order-conf-type {
margin: 24px 0 10px 0;
color: #70757a;
font-family: "Google Sans",Roboto,Arial,sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
}
.gq-order-conf-list li {
list-style-type: none;
line-height: 30px;
}
.gq-order-conf-btn {
text-align: center;
}
.gq-order-loader {
margin: 30px;
}
.gq-order-loader .gq-progress-circle {
width: 60px;
margin: 0;
}
#gqOrderConfirmationContinue {
display: block;
text-decoration: none;
}
#gqOrderConfirmationContinue button {
width: 200px;
line-height: 40px;
height: 40px;
font-size: 18px;
font-weight: normal;
}
/***** ORDER INFO *********/
.gq-order-info-alert {
text-align:center;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 20px;
font-weight: 500;
color: #1a73e8;
line-height: 30px;
margin-top: 20px;
}
.gq-order-info-error {
text-align:center;
font-size: 20px;
font-weight: bold;
color: #C11919;
margin-top: 40px;
}
.gq-order-info-details,
.gq-order-billing-info {
margin-bottom: 40px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #3c4043;
}
.gq-order-info-details ul {
padding:0;
margin:0;
}
.gq-order-info-details li {
list-style-type: none;
}
.gq-order-billing-info-btn {
}
.gq-order-billing-info #gqStripeCheckoutBtn {
margin-top: 20px;
width: 235px;
}
.gq-order-billing-info #gqStripeCheckoutBtn img {
left:12px;
}
.gq-order-conf-title a {
float: right;
}
.gq-order-auto-renew-btn {
margin-top: 15px;
}
.gq-loading-spin-2 {
background: transparent url(../images/1.1.2/ajax_loader_blue_grey.gif) no-repeat scroll 5px 1px;
height:20px;
}
#gqStripePrivacy {
position: absolute;
bottom: 15px;
right: 25px;
color: #FFFFFF;
text-decoration: underline;
font-size: 14px;
z-index: 20000;
}
/***** DOMAIN SUB PROMO *********/
.gq-pricing-domain-section .plan-title {
color: #0F9D58;
margin-top: 10px;
font-size: 30px;
line-height: 40px;
font-weight: 400;
margin-top: 25px;
margin-bottom: 5px;
user-select:none;
}
.gq-pricing-domain-section .plan-title img {
width: 169px;
height: 40px;
vertical-align: middle;
margin-top: -5px;
margin-right: 2px;
}
.gq-pricing-domain-section h1,
.gq-pricing-domain-section h3 {
font-size: 20px;
color: #a3a3a3;
line-height: 32px;
margin-top: 10px;
margin-bottom: 15px;
margin: 10px 0 15px 5px;
font-weight: normal;
}
.gq-pricing-domain-section .title {
color: #0f9d58;
background-color: #EFEFEF;
border-bottom: 1px solid #CFCFCF;
border-right: 1px solid #dfdfdf;
font-size: 20px;
padding: 5px 10px;
}
.gq-pricing-domain-section .calculator .title {
text-align: left;
}
.gq-pricing-domain-section .benefits .title {
text-align: left;
}
.gq-pricing-domain-section .pricing .title {
text-align: center;
}
/*----- calculator -------*/
.gq-pricing-domain-section .calculator-input {
margin: 20px 30px 20px 30px;
display: block;
}
.gq-pricing-domain-section .calculator-input .biz-error {
font-size: 10px;
font-weight: bold;
color: #be1c1c;
}
.gq-pricing-domain-section .num-subscriptions {
margin-top: 18px;
margin-right: 15px;
display: inline-block;
vertical-align: top;
font-size: 18px
}
.gq-pricing-domain-section .quantity-wrapper {
display: inline-block;
}
.gq-pricing-domain-section .quantity-wrapper input {
text-align: center;
padding: 0;
max-width: 70px;
height: 48px;
width: 100%;
margin: 0px 0 0 0px;
padding: 0 0 0px 12px;
border: 1px solid #d4d4d4;
border-radius: 4px;
background-color: #FFFFFF;
color: #0F9D58;
font-size: 16px;
line-height: 18px;
font-weight: 400;
outline: 0;
box-sizing: border-box;
}
.gq-pricing-domain-section .calculator-total {
display: block;
}
.gq-pricing-domain-section .calculator-total .total-wrapper {
margin: 20px auto;
width: 90%;
font-size: 16px;
font-weight: 300;
text-align: center;
padding: 5px 20px 3px 20px;
border: 1px solid #d2d2d2;
background-color: #f2f2f2;
border-radius: 5px;
box-sizing: border-box;
}
.gq-pricing-domain-section .calculator-total .total-wrapper .span-4,
.gq-pricing-domain-section .calculator-total .total-wrapper .span-8 {
margin-bottom: 0;
}
.gq-pricing-domain-section .calculator-total .per-license {
font-size: 14px;
text-align: right;
color: #afafaf;
margin-top: 10px;
min-height: 20px;
}
.gq-pricing-domain-section .calculator-total .total-12 {
font-size: 14px;
text-align: right;
color: #afafaf;
margin: 20px 0px 0 0;
}
.gq-pricing-domain-section .calculator-total .total-12 span {
font-size: 11px;
}
.gq-pricing-domain-section .calculator-total .total-bar {
border-top: 2px solid #cfcfcf;
height: 0;
margin: 10px 0px;
}
.gq-pricing-domain-section .calculator-total .total-period {
margin-top: 2px;
font-size: 12px;
text-transform: uppercase;
text-align: left;
}
.gq-pricing-domain-section .calculator-total .monthly .total-period {
color: #888888;
font-size: 11px;
}
.gq-pricing-domain-section .calculator-total .total-text {
font-size: 24px;
line-height: 26px;
text-align: left;
}
.gq-pricing-domain-section .calculator-total .monthly .total-text {
color: #888888;
font-size: 18px;
line-height: 20px;
}
.gq-pricing-domain-section .calculator-total .total-amount {
font-size: 40px;
line-height: 50px;
color: #0F9D58;
text-align: right;
}
.gq-pricing-domain-section .calculator-total .monthly .total-amount {
color: #888888;
font-size: 25px;
}
.gq-pricing-domain-section .calculator-total .currency {
font-size: 20px;
}
.gq-pricing-domain-section .buy-button {
padding: 13px 10px;
color: #FFFFFF;
font-weight: 400;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.29) 1px 1px 1px;
display: block;
width: 90%;
margin: 0 auto;
border: 1px solid #404040;
border-radius: 2px;
font-size: 15px;
border-color: #2D6200;
background-image: linear-gradient(#3D9400, #398A00);
box-sizing: border-box;
outline: 0;
}
.gq-pricing-domain-section .buy-button:hover {
text-decoration: none !important;
background-image: linear-gradient(#398a00, #347C01);
}
.gq-domain-sub-promo {
margin: 0 10px;
}
.gq-domain-sub-promo .benefit {
color: #000000;
font-weight: bold;
margin: 20px 0 5px 0;
}
.gq-domain-sub-promo .benefit a {
color: #666666;
}
.gq-domain-sub-promo .benefit a:active {
border: 1px solid #666666;
}
.gq-domain-sub-promo .details {
color: #808080;
margin: 0;
}
.gq-domain-sub-promo {
}
.gq-pricing-domain-section .calculator .content {
border: 1px solid #DFDFDF;
padding: 0 0 20px 0;
margin: 0 0 63px 20px;
-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
-ms-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.gq-pricing-domain-section .benefits .content {
border: 1px solid #DFDFDF;
padding: 0 0 20px 0;
margin-right: 20px;
}
.gq-pricing-domain-section .pricing-content {
border: 1px solid #DFDFDF;
margin: 0 0 0px 20px;
}
.gq-pricing-domain-section .pricing-content .title {
text-align: center;
}
.gq-domain-sub-promo-prices {
margin: 20px auto;
padding: 0;
font-size: 18px;
width: 340px;
}
.gq-domain-sub-promo-prices tr td:last-child {
text-align:right;
}
.gq-domain-sub-promo-prices span {
color: #0f9d58;
font-weight: bold;
}
.gq-domain-sub-promo-prices div {
margin-top: 20px;
text-align: center;
}
.gq-domain-sub-promo-prices button {
min-width: 180px;
height: 40px;
font-size: 18px;
font-weight: normal;
overflow: hidden;
}
.gq-domain-sub-promo-prices .buy-button {
padding: 13px 10px;
color: #FFFFFF;
font-weight: 400;
text-align: center;
text-decoration: none;
text-shadow: rgba(0, 0, 0, 0.29) 1px 1px 1px;
display: block;
width: 85%;
margin: 25px auto 0 auto;
border: 1px solid #404040;
border-radius: 2px;
font-size: 15px;
border-color: #2D6200;
background-image: linear-gradient(#3D9400, #398A00);
outline: 0;
}
.gq-domain-sub-promo-prices .buy-button:hover {
text-decoration: none !important;
background-image: linear-gradient(#398a00, #347C01);
}
.gq-pricing-domain-section.seals {
margin: 30px 0 100px 0;
height: 80px;
}
.gq-pricing-domain-section.seals .gq-sub-symantec {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
/******* UPGRADE ********/
.gq-upgrade-not-allowed {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
margin: 80px 20px 50px 20px;
font-weight:400;
text-align: center;
line-height: 26px;
font-size: 20px;
}
.gq-upgrade-not-allowed div {
margin: 30px 0;
}
.gq-upgrade-not-allowed span {
color: #4285f4;
cursor: pointer;
}
.gq-upgrade-not-allowed span:hover {
text-decoration: underline;
}
.gq-purchase .upgrade-heading {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
color: #4285f4;
font-weight: 500;
font-size: 20px;
line-height: 20px;
}
.gq-purchase .plan-title.upgrade-blue {
color: #13141C;
margin-bottom: 0px;
font-size: 36px;
font-weight: 600;
}
.gq-purchase .plan-title.upgrade-green {
color: #13141C;
margin-bottom: 5px;
font-size: 36px;
font-weight: 600;
}
.gq-purchase .upgrade-email {
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.gq-purchase .upgrade-expiration {
font-size: 16px;
color:#A0A3BD;
line-height: 22px;
margin-top: 5px;
}
.gq-purchase .upgrade-divider {
margin: 25px 0;
background-color: #afafaf;
height: 1px;
}
.gq-purchase .upgrade-price {
font-size: 24px;
font-weight: 400;
line-height: 30px;
margin-bottom: 60px;
}
.gq-business-free-upgrade {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
text-align: center;
font-size: 20px;
font-weight: 400;
margin: 40px 20px;
line-height: 30px;
}
.gq-business-free-upgrade a {
text-decoration: none;
}
.gq-business-free-upgrade-btn {
height: 40px !important;
width: 200px;
font-size: 20px;
font-weight: normal;
}
/***** UNAUTHORIZED *****/
.gq-subscription-unauthorized {
color: #AF1515;
font-weight: 400;
text-align: center;
margin-bottom: 25px;
margin-top: 100px;
line-height: 24px;
font-size: 18px;
}
.gq-subscription-unauthorized-return {
text-align: center;
}
/* CHECKBOXES */
input[type="checkbox"] {
-webkit-appearance: none;
background: var(--gq-checkbox-bkgnd-color);
border: 2px solid var(--gq-checkbox-border-color);
border-image: -ms-linear-gradient(top, #fff, #fff);
border-radius: 6px;
height: 24px;
width: 24px;
position: relative;
margin: 0 10px 0 0;
outline: 0;
cursor: pointer;
}
input[type="checkbox"]:hover {
border: 2px solid var(--gq-checkbox-hover-border-color);
}
input[type="checkbox"]:active {
background-color: var(--gq-checkbox-active-bkgnd-color);
border: 2px solid var(--gq-checkbox-active-border-color);
}
input[type="checkbox"]:focus {
border: 2px solid var(--gq-checkbox-focus-border-color);
}
input[type="checkbox"]:checked {
background-color: #4285F4;
border: 2px solid #4285F4;
}
input[type="checkbox"]::after {
opacity:0;
}
input[type="checkbox"]:checked::after {
font-family: "Material Icons";
font-size: 20px;
content: 'check';
color: var(--gq-checkbox-checked-check-color);
display: block;
height: 24px;
width: 24px;
top: 0px;
left: 0px;
position: relative;
opacity:1;
transition: opacity 200ms;
}
input[type="checkbox"]:disabled {
background-color: var(--gq-checkbox-bkgnd-color);
border: 1px solid var(--gq-checkbox-disabled-border-color);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .5;
cursor: not-allowed;
}
@media screen and (max-width: 950px){
.gq-pricing-domain-section .calculator,
.gq-pricing-domain-section .benefits,
.gq-pricing-domain-section .pricing {
float:left;
width:97.91667%;
margin-left:1.04167%;
margin-right:1.04167%;
}
.gq-pricing-domain-section .benefits .content {
margin-right: 0;
}
.gq-pricing-domain-section .calculator .content {
margin: 30px 0px 40px 0px;
}
.gq-pricing-domain-section .calculator .pricing-content {
margin: 30px 0px 40px 0px;
}
.gq-purchase .upgrade-heading {
text-align: center;
}
.gq-purchase .upgrade-email,
.gq-purchase .upgrade-expiration,
.gq-purchase .upgrade-price {
text-align: center;
}
.gq-purchase .upgrade-price {
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px){
.gq-pricing-domain-section h1,
.gq-pricing-domain-section h3,
.gq-pricing-domain-section .plan-title,
.gq-pricing-domain-section .calculator .title,
.gq-pricing-domain-section .benefits .title {
text-align: center;
}
.gq-pricing-domain-section .calculator-total .monthly .total-period,
.gq-pricing-domain-section .calculator-total .monthly .total-text {
display: none;
}
.gq-pricing-domain-section .pricing-content {
margin: 30px 0 40px 0;
}
.gq-domain-sub-promo-prices {
font-size: 15px;
width: 250px;
}
.gq-pricing-domain-section .calculator-total .per-license,
.gq-pricing-domain-section .calculator-total .total-amount,
.gq-pricing-domain-section .calculator-total .total-12,
.gq-pricing-domain-section .calculator-total .total-text,
.gq-pricing-domain-section .calculator-total .total-period {
text-align: center;
}
}
@media screen and (max-width: 480px){
.gq-pricing-domain-section .calculator-input {
text-align: center;
}
.gq-pricing-domain-section .num-subscriptions {
margin-right: 0;
}
.gq-purchase .upgrade-email {
font-size: 16px;
}
.gq-purchase .upgrade-expiration {
font-size: 14px;
}
.gq-purchase .upgrade-price {
font-size: 20px;
}
.gq-order-conf-icon {
display: none;
}
.gq-order-conf-title {
font-size: 20px;
text-align: center;
}
.gq-order-conf-title a {
float: none;
display: block;
margin-bottom: 20px;
}
}
.gq-support-section {
padding: 30px 0;
}
.gq-support-section h1,
.gq-support-section h2 {
font-size: 40px;
font-weight: 100;
color: #737373;
line-height: 50px;
margin-bottom: 0;
margin-top: 10px;
}
.gq-support-section .content {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}
.gq-support-section .content p {
font-size: 20px;
color: #a3a3a3;
line-height: 32px;
margin-top: 10px;
margin-bottom: 15px;
}
/******** HEADER **********/
.gq-support-section.header {
background-color: #3A6CBE;
width: 100%;
height: 280px;
position:relative;
}
.gq-support-section.header .mask {
content: "";
background-image: url("../images/1.1.2/support1_export.jpg");
background-position: 50% 45%;
background-repeat: repeat-x;
background-size: cover;
opacity: 0.09;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
.gq-support-section.header .content {
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
padding-top: 30px;
}
.gq-support-section.header h1,
.gq-support-section.header h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 50px;
font-weight: 100;
color: #FFFFFF;
text-shadow: 1px 1px rgba(0,0,0,0.5);
line-height: 60px;
}
.gq-support-section.header a {
color: #FFFFFF;
font-size: 24px;
display: block;
margin:35px 0 0 0;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 100;
text-decoration: none;
}
.gq-support-section.header a:hover {
text-decoration: underline;
}
.gq-support-section.header p {
color: #FFFFFF;
font-size: 16px;
margin: 15px 0;
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 100;
}
.gq-support-section .content p.security {
margin-top: -10px;
margin-bottom: 100px;
text-align: center;
font-size: 13px;
}
.gq-support-section .content p.security a {
color: #a3a3a3;
}
/******** SEARCH **********/
.gq-support-search {
padding-left: 85px;
max-width: 520px;
margin: 0 auto;
}
.gq-support .gq-help-searchbox {
height: 37px;
max-width: 400px;
border: 1px solid rgba(0,0,0,0.7);
border-top: 1px solid rgba(0,0,0,0.6);
margin: 0px 10px 0 0;
}
.gq-support #gqSupportHelpSearchBtn {
min-width: 80px;
height: 40px;
}
.gq-support .gq-help-searchbox input {
height: 36px;
font-size: 21px;
font-family: arial, helvetica, sans-serif;
}
/******** FORUM **********/
.gq-support-section.forum .content div {
text-align: center;
}
.gq-support-section.forum .content .gq-button {
min-width: 200px;
font-size: 17px;
font-weight: normal;
height: 40px;
line-height: 40px;
margin-top: 10px;
}
@media screen and (max-width: 768px){
.gq-support-section.header .mask {
background-image: url("../images/1.1.2/support2_export.jpg");
}
.gq-support-search {
padding-left: 0px;
max-width: 320px;
}
.gq-support .gq-help-searchbox {
max-width: 210px;
}
}
@media screen and (max-width: 480px){
.gq-support-section.header .mask {
background-image: url("../images/1.1.2/support3_export.jpg");
}
.gq-support-section.header {
height: 325px;
}
.gq-support-section.header h1,
.gq-support-section.header h2 {
font-size: 40px;
}
.gq-support .gq-help-searchbox {
float: none;
max-width: 100%;
margin-right: 0px;
}
.gq-support #gqSupportHelpSearchBtn {
float: none;
margin-top: 20px;
}
.gq-support-section h1,
.gq-support-section h2 {
font-size: 30px;
line-height: 40px;
}
}
.gq-security-report-content h1,
.gq-security-report-content h2 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 100;
color: #737373;
font-size: 34px;
line-height: 50px;
margin: 0 0 5px 0;
}
.gq-security-report-content h3 {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 400;
color: #333333;
font-size: 24px;
line-height: 40px;
margin: 0 0 -10px 0;
}
.gq-security-report-content li {
color:#737373;
line-height: 26px;
}
.gq-security-report-content p {
color:#737373;
}
.gq-terms-title {
font-family: "Roboto",Helvetica,Arial,sans-serif;
font-weight: 300;
color: #737373;
font-size: 34px;
font-weight: 100;
line-height: 50px;
display:inline-block;
margin: 0 0 5px 0;
}
.gq-terms-list {
font-size:13px;
margin-bottom:50px;
}
.gq-terms-list li {
margin-bottom:15px;
}
.gq-terms-list h4 {
font-size:14px;
margin:0;
}
.gq-terms-list h5 {
font-size:12px;
font-style: italic;
margin: 10px 0 0 0 ;
}
.gq-terms-msg {
color: #d50000;
background-color: #f1f1f1;
padding: 15px;
font-size: 15px;
}
.gq-tour-step {
font-family:"Roboto",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
position: absolute;
top: 30px;
left: 30px;
z-index: 1007;
transition: opacity 0.5s, width 0.5s, height 0.5s;
}
.gq-tour-step .wrapper {
background-color: #FFFFFF;
padding: 15px;
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
border-radius: 5px;
}
.gq-tour-step .title {
font-family:"Google Sans",Roboto,Arial,sans-serif;
font-size: 24px;
font-weight: 500;
color: #FFFFFF;
line-height: 30px;
margin-bottom: 5px;
}
.gq-tour-step .content {
color: #FFFFFF;
font-size: 16px;
margin-bottom: 50px;
line-height: 20px;
}
.gq-tour-step .more-link {
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select:none;
user-select: none;
position: absolute;
bottom: 15px;
left: 15px;
display: block;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 26px;
text-decoration: none;
}
.gq-tour-step .more-link:hover {
text-decoration: underline;
}
.gq-tour-step .next-btn {
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select:none;
user-select: none;
cursor: pointer;
position: absolute;
bottom: 15px;
right: 15px;
padding: 3px 15px;
color: #FFFFFF;
background-color: #333333;
border-radius: 3px;
font-size: 14px;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.gq-tour-step .close-btn {
width: 10px;
padding: 15px;
cursor: pointer;
top: 0;
right: 0;
position: absolute;
}
.gq-tour-step .top-arrow {
position: absolute;
left: 20px;
top: -12px;
}
.gq-tour-step .top-arrow .one {
border-color: transparent;
border-style: solid;
border-width: 0px 10px 10px 10px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
top: 3px;
}
.gq-tour-step .top-arrow .two {
border-color: transparent;
border-style: solid;
border-width: 0px 10px 10px 10px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-bottom-color: #FFFFFF;
top: 2px;
}
.gq-tour-step .bottom-arrow {
position: absolute;
left: 60px;
bottom: -12px;
transform: rotate(180deg);
}
.gq-tour-step .bottom-arrow .one {
border-color: transparent;
border-style: solid;
border-width: 0px 10px 10px 10px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
top: 3px;
}
.gq-tour-step .bottom-arrow .two {
border-color: transparent;
border-style: solid;
border-width: 0px 10px 10px 10px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-bottom-color: #FFFFFF;
top: 2px;
}
.gq-tour-step .left-arrow {
position: absolute;
left: -10px;
top: 10px;
}
.gq-tour-step .left-arrow .one {
border-color: transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-right-color: rgba(0,0,0,.2);
top: 3px;
}
.gq-tour-step .left-arrow .two {
border-color: transparent;
border-style: solid;
border-width: 10px 10px 10px 0;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-right-color: #FFFFFF;
top: 2px;
}
.gq-tour-step .right-arrow {
position: absolute;
right: 0px;
top: 10px;
}
.gq-tour-step .right-arrow .one {
border-color: transparent;
border-style: solid;
border-width: 10px 0px 10px 10px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-left-color: rgba(0,0,0,.2);
top: 4px;
}
.gq-tour-step .right-arrow .two {
border-color: transparent;
border-style: solid;
border-width: 10px 0px 10px 10px;
position: absolute;
z-index: 1;
height: 0;
width: 0;
border-left-color: #FFFFFF;
top: 2px;
}
.gq-tour-step .dots-wrapper {
height:20px;
width: 100%;
position: absolute;
bottom: -25px;
left: 0;
}
.gq-tour-step .dots-line {
text-align: center;
white-space: nowrap;
}
.gq-tour-step .dot-box {
display: inline-block;
padding: 8px 5px;
cursor: pointer;
}
.gq-tour-step .dot {
border-radius: 50%;
width: 8px;
height: 8px;
background-color: #3D3D3D;
position: relative;
display: block;
}
.gq-tour-step .dot-box.selected .dot {
background-color: #cfcfcf;
}
.gq-tour-step .dot-nav {
display: inline-block;
cursor: pointer;
margin-top: 4px;
vertical-align: top;
}
.gq-tour-step .dot-nav svg {
fill: #3D3D3D;
width: 16px;
padding-left: 8px;
}
.gq-tour-step .dot-forward {
transform: scaleX(-1);
}
/********** SPOTLIGHT ***********/
.gq-spot-grid {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1006;
}
.gq-spot-grid .box1-1,
.gq-spot-grid .box1-2,
.gq-spot-grid .box1-3,
.gq-spot-grid .box2-1,
.gq-spot-grid .box2-3,
.gq-spot-grid .box3-1,
.gq-spot-grid .box3-2,
.gq-spot-grid .box3-3 {
background-color: rgba(0,0,0,.5);
opacity: 1;
transition: opacity 0.5s;
}
.gq-spot-grid .box2-2 div {
box-shadow: inset 0px 0px 9px rgba(0,0,0,.7);
width: 100%;
height: 100%;
border-radius: 0px;
box-sizing: border-box;
margin-top: 0;
}
.gq-update-email-section {
font-family: "THICCCBOI", "Roboto",Helvetica,Arial,sans-serif;
color: #525252;
max-width: 960px;
margin: 0 auto;
}
.gq-update-email-section h2 {
font-size: 34px;
font-weight: 100;
line-height: 40px;
text-align: center;
margin: 20px 10px;
}
.gq-update-email-section .heading {
text-align: center;
font-size: 18px;
font-weight: normal;
clear: both;
}
.gq-update-email-section .help {
text-align: center;
}
.gq-update-email-section .help a {
text-decoration: none;
color: #888888;
font-size: 15px;
}
.gq-update-email-section .email-address-box-wrapper {
display: flex;
margin-bottom: 30px;
}
.gq-update-email-section .email-address-box {
width: 250px;
background-color: #F1F1F1;
padding: 20px;
border-radius: 24px;
text-align: center;
margin: 30px 20px;
flex: 1 1 auto;
}
.gq-update-email-section .email-address-box .heading {
font-size: 14px;
font-weight: 100;
margin: 0 0 10px 0;
color: #6f6f6f;
}
.gq-update-email-section .email-address-box .email {
font-weight: normal;
font-size: 20px;
color: #000000;
}
.gq-update-email-section .options {
margin: 30px 0;
background-color: #f1f1f1;
padding: 30px 10px;
border-radius: 24px;
display: flex;
align-items:center;
}
.gq-update-email-section .option-block {
padding: 0 20px 0 20px;
box-sizing: border-box;
min-width: 310px;
flex: 1 1 0;
}
.gq-update-email-section .option-wrapper {
height: auto;
padding: 0 0 20px 0;
border: 1px solid #D6D6D6;
border-radius: 24px;
background-color: #FFFFFF;
box-shadow: 0px 2px 12px rgb(20 20 43 / 6%);
}
.gq-update-email-section .option {
padding: 0 20px;
text-align: center;
}
.gq-update-email-section .option h3 {
text-align: center;
margin: 10px 0 10px 0;
padding: 10px;
color: #FFFFFF;
font-weight: 100;
}
.gq-update-email-section .option.update h3 {
background-image: linear-gradient(#3D9400, #398A00);
}
.gq-update-email-section .option.keep h3 {
background-image: linear-gradient(#4D90FE, #357AE8);
}
.gq-update-email-section .option.later h3 {
background-image: linear-gradient(#777, #666);
}
.gq-update-email-section .option .description {
margin: 20px 0;
min-height: 60px;
}
.gq-update-email-section .option .description span {
color: #000000;
font-weight: bold;
}
.gq-update-email-section .option a {
text-decoration: none;
}
.gq-update-email-section .option button {
display: block;
width: 100%;
margin: 25px auto 0 auto;
font-size: 15px;
padding: 7px 10px;
color: #FFFFFF;
font-weight: 400;
text-align: center;
text-decoration: none;
line-height: 25px;
box-sizing: border-box;
border: 0;
height: 100%;
}
.gq-update-email-section .option button:hover {
text-decoration: none !important;
}
.gq-update-email-section .option.update button {
background-color: #4285f4;
}
.gq-update-email-section .option.update button:hover {
}
.gq-update-email-section .option.keep button {
background-color: #00a583;
}
.gq-update-email-section .option.keep button:hover {
}
.gq-update-email-section .option.later button {
background-color: #979797;
}
.gq-update-email-section .option.later button:hover {
}
@media screen and (max-width: 960px){
.gq-update-email-section .options {
margin: 30px 15px;
display: block;
}
.gq-update-email-section .option-block {
margin: 0 auto 30px auto;
max-width: 350px;
width: 100%;
}
}
@media screen and (max-width: 768px){
.gq-update-email-section .email-address-box-wrapper {
width: 100%;
display: block;
}
.gq-update-email-section .email-address-box {
width: auto;
}
}
.gq-update-email-section .status-text {
text-align: center;
margin-top: 40px;
}
.gq-update-email-section .spinner {
text-align: center;
}
.gq-update-email-section .spinner .gq-progress-circle {
width: 40px;
margin: 30px auto;
}
#gqUpdateAccountContinueBtn {
text-align: center;
margin-top: 50px;
}
#gqUpdateAccountContinueBtn a {
text-decoration: none;
}
#gqUpdateAccountContinueBtn button {
font-size: 18px;
height: 50px;
min-width: 150px;
}