/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  NOTES : NOTES NOTES : --------------------------------------------------  */
/*
  • UPDATE MEDIA PLACEHOLDERS/ICONS
    - icon-audio -> icon-file-audio

*/
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */

@font-face {
  font-family: "SES-360-Icons";
  src: url(../fonts/1ec5618d02caaf54774f777b510f5fd7.eot);
  src: url(../fonts/1ec5618d02caaf54774f777b510f5fd7.eot#iefix) format("embedded-opentype"),
    url(../fonts/994d85581c995f0f41d4b1a029273418.woff2) format("woff2"),
    url(../fonts/392de3f8ce9a6dd2c2abf8bd571e109f.ttf) format("truetype"),
    url(../fonts/e37c037b172ef33ad611644ec87ed3b2.woff) format("woff"),
    url(data:image/svg+xml;base64,ZXhwb3J0IGRlZmF1bHQgIi4uL2ZvbnRzL2U0OTRhNzlkOTQyM2I2MjE2MjZlOWMxY2VmMGE5NDE3LnN2ZyI7#ses-360-icons) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ----  ASSIGN ICON FONT FAMILY  -----------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */

/*  GENERAL  ------------------------------------------------------  */
#client-main-wrap .accordion-section-header .toggle-btn::before,
.gs-group-permissions-wrap .accordion-section-header .toggle-btn::before,

/*  SOURCE FRAMEWORK  ---------------------------------------------  */
#main-header-right #source-widget-vendor-upload div::before,

/*  SOURCE MENU  --------------------------------------------------  */
#source-system-menu .icon::before,
#source-system-menu .GSScreener .icon::before,
#source-system-menu .inventory .icon::before,

/*  TABS  ---------------------------------------------------------  */
/* .tab-wrap li.icon.tab-type-search::before,
.tab-wrap li.icon.tab-type-pin::before,
.tab-wrap li.icon.tab-type-box::before,
.tab-wrap li.icon.tab-type-detail::before, */
.tab-wrap li.icon::before,

/*  ACTION MENU (3-dot)  ------------------------------------------  */
.actions-options-flyout .set-options .option.iconfont-font::before,

/*  FORMS  --------------------------------------------------------  */
input[type="checkbox"] + label::after,
.gs-form-wrap .checkbox .selected .checkbox-icon:after,
.gs-form-wrap.solarr-form .choice .reset::before,
.gs-form-wrap .choice .reset::before,

/*  RESULTS  ------------------------------------------------------  */
.header-target.results3 .list-header .sortable .field-label::after,
.results3 .sortable .field-label:after,
.results3.header-target .list .ui-resizable-handle::after,
.results .list-header .sortable::after,
.header-target.results3 .list-header .sortable .field-label::after,
#inventory-results .results .list-header .sortable span::after,

/*  VG PLAYER  ----------------------------------------------------  */
#vg_safe-areas .vg_icon-map::before,

/*  CHANNELS  -----------------------------------------------------  */
#playlist-main-wrap .fc-toolbar .fc-prev-button span,
#playlist-main-wrap .fc-toolbar .fc-next-button span,
#playlist-main-wrap .gs-grid-item.channel-type-source .media-bg::before,

/*  MANUAL QC  ----------------------------------------------------  */
.related-media-results .results li.media-item .thumb:before,

/*  EDIT TOOL  ----------------------------------------------------  */
.tab-wrap li.icon.edit-tool-session::before,

/*  BASE  ---------------------------------------------------------  */
.show-icon::before {
  /* font-family: "icomoon" !important; */
  font-family: "SES-360-Icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.show-icon.icon-size-16::before {
  font-size: 16px;
}
.show-icon.icon-size-14::before {
  font-size: 14px;
}

.icon-fibre-contribution::before {
  font-size: 32px;
}
.icon-fibre-distribution::before {
  font-size: 32px;
}

/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ----  ASSIGN ICONS TO CLASSES  -----------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
.icon-arrow-in::before {
  content: "\e201";
}
.icon-arrow-out::before {
  content: "\e209";
}
.icon-arrow-in-box::before {
  content: "\e207";
}
.icon-arrow-up::before {
  content: "\e172";
}
.icon-arrow-right::before {
  content: "\e175";
}
.icon-arrow-down::before {
  content: "\e174";
}
.icon-arrow-left::before {
  content: "\e173";
}
.icon-arrow-circle-up::before {
  content: "\e169";
}
.icon-arrow-circle-right::before {
  content: "\e170";
}
.icon-arrow-circle-down::before {
  content: "\e168";
}
.icon-arrow-circle-left::before {
  content: "\e171";
}
.icon-bell::before {
  content: "\e690";
}
.icon-bell-off::before {
  content: "\e691";
}
.icon-blocked::before {
  content: "\e197";
}
.icon-box::before {
  content: "\e212";
}
.icon-cabinet::before {
  content: "\e582";
}
.icon-calendar::before {
  content: "\e180";
}
.icon-cc::before {
  content: "\e164";
}
.icon-cdn::before {
  content: "\e229";
}
.icon-cdn-distribution::before {
  content: "\e229";
}
.icon-chart-bar::before {
  content: "\e185";
}
.icon-chart-line::before {
  content: "\e90a";
}
.icon-chart-pie::before {
  content: "\e90b";
}
.icon-chat::before {
  content: "\e142";
}
.icon-check::before {
  content: "\e178";
}
.icon-check-thin::before {
  content: "\e158";
}
.icon-check-circle::before {
  content: "\e157";
}
.icon-check-inbox::before {
  content: "\e211";
}
.icon-check-square::before {
  content: "\e215";
}
.icon-check-stack::before {
  content: "\e146";
}
.icon-checklist::before {
  content: "\e120";
}
.icon-chevron-up::before {
  content: "\e137";
}
.icon-chevron-right::before {
  content: "\e134";
}
.icon-chevron-down::before {
  content: "\e136";
}
.icon-chevron-left::before {
  content: "\e135";
}
.icon-chevron-thin-up::before {
  content: "\e225";
}
.icon-chevron-thin-right::before {
  content: "\e226";
}
.icon-chevron-thin-left::before {
  content: "\e228";
}
.icon-chevron-thin-down::before {
  content: "\e227";
}
.icon-clipboard::before {
  content: "\e204";
}
.icon-clock::before {
  content: "\e203";
}
.icon-close::before {
  content: "\e155";
}
.icon-close-circle::before {
  content: "\e903";
}
.icon-cloud-lightning::before {
  content: "\e275";
}
.icon-cloud-upload::before {
  content: "\e274";
}
.icon-cloud-upload-solid::before {
  content: "\e182";
}
.icon-cloud-playout::before {
  content: "\e230";
}
.icon-cog::before {
  content: "\e114";
}
.icon-cogs::before {
  content: "\e177";
}
.icon-content-processing::before {
  content: "\e231";
}
.icon-content-repository::before {
  content: "\e232";
}
.icon-control-point::before {
  content: "\e520";
}
.icon-control-point-duplicate::before {
  content: "\e907";
}
.icon-dashboard::before {
  content: "\e145";
}
.icon-date-add::before {
  content: "\e272";
}
.icon-documents::before {
  content: "\e192";
}
.icon-downlink::before {
  content: "\e233";
}
.icon-downlink-contribution::before {
  content: "\e233";
}
.icon-downlink-distribution::before {
  content: "\e233";
}
.icon-drag-indicator::before {
  content: "\e241";
}
.icon-duplicate::before {
  content: "\e224";
}
.icon-dynamic-ad-insertion::before {
  content: "\e234";
}
.icon-envelope::before {
  content: "\e219";
}
.icon-eye::before {
  content: "\e580";
}
.icon-fibre::before {
  content: "\e235";
}
.icon-fibre-contribution::before {
  content: "\e235";
}
.icon-fibre-distribution::before {
  content: "\e235";
}
.icon-file::before {
  content: "\e506";
}
.icon-file-code::before {
  content: "\e509";
}
.icon-file-audio::before {
  content: "\e510";
}
.icon-file-doc::before {
  content: "\e508";
}
.icon-file-image::before {
  content: "\e507";
}
.icon-file-pdf::before {
  content: "\e505";
}
.icon-file-search::before {
  content: "\e208";
}
.icon-file-subtitle::before {
  content: "\e504";
}
.icon-file-video::before {
  content: "\e503";
}
.icon-file-visible::before {
  content: "\e260";
}
.icon-file-xls::before {
  content: "\e502";
}
.icon-zip::before {
  content: "\e501";
}
.icon-filter::before {
  content: "\e108";
}
.icon-find::before {
  content: "\e90d";
}
.icon-folder::before {
  content: "\e918";
}
.icon-globe::before {
  content: "\e183";
}
.icon-grid::before {
  content: "\e111";
}
.icon-hdd-up::before {
  content: "\e127";
}
.icon-headphones::before {
  content: "\e116";
}
.icon-inbound::before {
  content: "\e188";
}
.icon-info-circle::before {
  content: "\e132";
}
.icon-ip-delivery::before {
  content: "\e236";
}
.icon-ip-delivery-contribution::before {
  content: "\e236";
}
.icon-ip-delivery-distribution::before {
  content: "\e236";
}
.icon-link::before {
  content: "\e916";
}
.icon-list::before {
  content: "\e179";
}
.icon-local-ad-replacement::before {
  content: "\e237";
}
.icon-lock::before {
  content: "\e101";
}
.icon-media::before {
  content: "\e131";
}
.icon-menu::before {
  content: "\e140";
}
.icon-message::before {
  content: "\e914";
}
.icon-minus::before {
  content: "\e113";
}
.icon-minus-box::before {
  content: "\e205";
}
.icon-more::before {
  content: "\e153";
}
.icon-new-window::before {
  content: "\e107";
}
.icon-outbound::before {
  content: "\e189";
}
.icon-ovp::before {
  content: "\e238";
}
.icon-package::before {
  content: "\e121";
}
.icon-paper-plane::before {
  content: "\e218";
}
.icon-pause::before {
  content: "\e160";
}
.icon-pencil::before {
  content: "\e222";
}
.icon-pencil-box::before {
  content: "\e221";
}
.icon-pin::before {
  content: "\e143";
}
.icon-play::before {
  content: "\e286";
}
.icon-play-circle::before {
  content: "\e214";
}
.icon-play-circle-solid::before {
  content: "\e165";
}
.icon-playout::before {
  content: "\e239";
}
.icon-plus::before {
  content: "\e195";
}
.icon-plus-box::before {
  content: "\e210";
}
.icon-plus-circle::before {
  content: "\e194";
}
.icon-radio::before {
  content: "\e184";
}
.icon-refresh::before {
  content: "\e122";
}
.icon-resize-full-screen::before {
  content: "\e112";
}
.icon-resize-h::before {
  content: "\e917";
}
.icon-resize-handle::before {
  content: "\e106";
}
.icon-safe-area::before {
  content: "\e150";
}
.icon-satellite::before {
  content: "\e240";
}
.icon-satellite-contribution::before {
  content: "\e240";
}
.icon-satellite-distribution::before {
  content: "\e240";
}
.icon-search::before {
  content: "\e902";
}
.icon-shape-triangle::before {
  content: "\e262";
}
.icon-share::before {
  content: "\e202";
}
.icon-shopping-cart::before {
  content: "\e163";
}
.icon-sliders::before {
  content: "\e200";
}
.icon-stats::before {
  content: "\e118";
}
.icon-stop::before {
  content: "\e264";
}
.icon-trash::before {
  content: "\e206";
}
.icon-tv::before {
  content: "\e181";
}
.icon-ungroup::before {
  content: "\e266";
}
.icon-unlink::before {
  content: "\e906";
}
.icon-unlock::before {
  content: "\e162";
}
.icon-uplink-distribution::before {
  content: "\e233";
}
.icon-uplink-contribution::before {
  content: "\e233";
}
.icon-user::before {
  content: "\e971";
}
.icon-users::before {
  content: "\e277";
}
.icon-video-camera::before {
  content: "\e581";
}
.icon-view-column::before {
  content: "\e141";
}
.icon-view-carousel::before {
  content: "\e159";
}
.icon-volume-1::before {
  content: "\e640";
}
.icon-volume-2::before {
  content: "\e641";
}
.icon-volume-3::before {
  content: "\e642";
}
.icon-volume-4::before {
  content: "\e643";
}
.icon-volume-mute::before {
  content: "\e644";
}
.icon-volume-minus::before {
  content: "\e645";
}
.icon-volume-plus::before {
  content: "\e646";
}
.icon-warning::before {
  content: "\e680";
}
.icon-warning-cricle::before {
  content: "\e681";
}
.icon-warning-triangle::before {
  content: "\e244";
}
.icon-manage-zixi::before {
  content: "\e267";
  font-size: 34px;
}

/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ----  UI SPECIFIC ICON DECLARATION  ------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------  */

/*  --------------------------------------------------------------------  */
/*  ----  ACCORDION RESULTS  -------------------------------------------  */
/*  --------------------------------------------------------------------  */
.accordion-results .ui-state-active .toggle-btn::before {
  content: "\e136";
}

/*  --------------------------------------------------------------------  */
/*  ----  AUDIENCE MEASUREMENT  ----------------------------------------  */
/*  --------------------------------------------------------------------  */
.huge-button.country-button .label::before {
  content: "\e183";
}
.huge-button.on-screen-graphics-button .label::before {
  content: "\e181";
}

/*  --------------------------------------------------------------------  */
/*  ----  AZURE UPLOADER  ----------------------------------------------  */
/*  --------------------------------------------------------------------  */
.draggable-iframe
  .upload-media-results
  .upload-action-bar.uploading
  .start-upload:before {
  content: "\e178";
}

.accordion-result-header.ui-state-active.azure-upload-widget
  .toggle-btn:before {
  content: "\e136";
}

/*  --------------------------------------------------------------------  */
/*  ----  COMPLIANCE REPORT  -------------------------------------------  */
/*  --------------------------------------------------------------------  */
.compliance-report-wrap
  .accordion-section-header.ui-state-active
  .toggle-btn::before {
  content: "\e137";
}

/*  --------------------------------------------------------------------  */
/*  ----  DASHBOARD  ---------------------------------------------------  */
/*  --------------------------------------------------------------------  */
#service-repository.open .header .open-close::before {
  content: "\e227";
}

/*  --------------------------------------------------------------------  */
/*  ----  EDIT TOOL  ---------------------------------------------------  */
/*  --------------------------------------------------------------------  */
#edit-tool-wrap
  .events-wrap
  .event-results-tab
  .results3.list-wrap
  .list-item
  .selected-ui:before {
  content: "\e211";
}

#edit-tool-wrap
  .media-library
  .media-library-tab
  .results3.list-wrap
  .list-item
  .selected-ui:before {
  content: "\e211";
}

#edit-tool-wrap
  .media-library
  .media-library-tab
  .results3.list-wrap
  .list-item
  .selected-ui:before {
  content: "\e211";
}

/*  --------------------------------------------------------------------  */
/*  ----  FLAGS  -------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
.flag-icon:before {
  content: "\00a0";
}

/*  --------------------------------------------------------------------  */
/*  ----  FORM ELEMENTS  -----------------------------------------------  */
/*  --------------------------------------------------------------------  */
input[type="checkbox"] + label::after {
  content: "" !important;
}

input[type="checkbox"]:checked + label::after {
  content: "\e178" !important;
}

/*  --------------------------------------------------------------------  */
/*  ----  FORMS  -------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
.gs-form-wrap.solarr-form .choice .reset::before {
  content: "\e122";
}
.gs-form-wrap .choice .reset::before {
  content: "\e155";
}
.gs-form-wrap .checkbox .selected .checkbox-icon:after {
  content: "\e178";
}

/*  --------------------------------------------------------------------  */
/*  ----  GROUP ADMIN APPLICATION SUB SECTION CHEVRON  -----------------  */
/*  --------------------------------------------------------------------  */
.group-settings-wrap .app-wrap.open .expand-app::before {
  content: "\e136";
}

/*  --------------------------------------------------------------------  */
/*  ----  GROWLS  ------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
#growl-window .growl-box .close-btn::before {
  content: "\e155";
}

/*  --------------------------------------------------------------------  */
/*  ----  HISTORY MODULE MAPS ARROW ICONS  -----------------------------  */
/*  --------------------------------------------------------------------  */
.gs-history-map .quadrant-1 .arrow::before,
.gs-history-map .quadrant-3 .arrow::before {
  content: "\e137";
}
.gs-history-map .quadrant-2 .arrow::before {
  content: "\e135";
}
.gs-history-map .quadrant-4 .arrow::before {
  content: "\e134";
}

/*  --------------------------------------------------------------------  */
/*  ----  MATCH MEDIA  -------------------------------------------------  */
/*  --------------------------------------------------------------------  */
.matching-modal .tab-wrap .tab .remove::before {
  content: "\e155";
}
.matching-modal .inventory .breadcrumb-wrap .divider:before {
  content: "\e134";
}
.match-confirmation .divider:before {
  content: "\e134";
}

/*  --------------------------------------------------------------------  */
/*  ----  MEDIA DETAILS  -----------------------------------------------  */
/*  --------------------------------------------------------------------  */
#media-details .section-version-meta .create .media-metaitem-action::before {
  content: "\e194";
}
#media-details .section-version-meta .edit .media-metaitem-action::before {
  content: "\e222";
}
.modal.media-detail-view .create .media-metaitem-action::before {
  content: "\e194";
}
.modal.media-detail-view .edit .media-metaitem-action::before {
  content: "\e222";
}

#media-details .media-icon-block .icon,
#media-details .media-icon-block .icon.item-ancillary::before {
  content: "\e506";
}
#media-details .media-icon-block .icon.item-ancillary.filetype-pdf::before {
  content: "\e505";
}
#media-details .media-icon-block .icon.item-ancillary.filetype-zip::before {
  content: "\501";
}

#media-details .media-icon-block .icon.item-ancillary.filetype-html::before,
#media-details .media-icon-block .icon.item-ancillary.filetype-css::before,
#media-details .media-icon-block .icon.item-ancillary.filetype-js::before,
#media-details .media-icon-block .icon.item-ancillary.filetype-py::before,
#media-details .media-icon-block .icon.item-ancillary.filetype-xml::before,
#media-details .media-icon-block .icon.item-ancillary.filetype-php::before {
  content: "\e509";
}
#media-details .media-icon-block .icon.item-ancillary.filetype-xls::before {
  content: "\502";
}

/*  AUDIO FILE TYPES  */
#media-details .media-icon-block .icon.item-audio::before,
#media-details .media-icon-block .icon.item-image::before {
  content: "\e507";
}

/*  SUBTITLE FILE TYPES  */
#media-details .media-icon-block .icon.item-subtitle::before {
  content: "\e504";
}

/*  VIDEO FILE TYPES  */
#media-details .media-icon-block .icon.item-video::before {
  content: "\e503";
}

/*  --------------------------------------------------------------------  */
/*  ----  MEDIA ICONS  -------------------------------------------------  */
/*  --------------------------------------------------------------------  */
/*  GRID VIEW RESULTS  */
.results3.list-wrap
  .list
  .list-item
  .item-thumb.default-thumb
  .thumb-image::before {
  content: "\e131";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image .media-icon::before,
.results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image[data-content="ancillary"]
  .media-icon::before {
  content: "\e506";
}
.results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image[data-content="none"]
  .media-icon::before {
  content: "\e131";
}
.results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image[data-content="audio"]
  .media-icon::before {
  content: "\e510";
}
.results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image[data-content="image"]
  .media-icon::before {
  content: "\e507";
}
.results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image[data-content="subtitle"]
  .media-icon::before {
  content: "\e504";
}
.results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image[data-content="video"]
  .media-icon::before {
  content: "\e503";
}

/*  --------------------------------------------------------------------  */
/*  ----  MULTI-SELECT MODULE  -----------------------------------------  */
/*  --------------------------------------------------------------------  */
.gs-multiselect .gsms-add-item::before {
  content: "\e195";
}

/*  --------------------------------------------------------------------  */
/*  ----  NEW PLACEHOLDER MODAL  ---------------------------------------  */
/*  --------------------------------------------------------------------  */
/*  USED BY unmatched_media_admin & gs_match_media  */
.new-placeholder-modal .associated-title .divider:before {
  content: "\e134";
}

/*  --------------------------------------------------------------------  */
/*  ----  NOTIFICATION WIDGET  -----------------------------------------  */
/*  --------------------------------------------------------------------  */
.notifications-list .notification-content .notification-status::before {
  content: "\e115";
}
.notifications-list
  .notification-content
  .has-error
  .notification-status::before {
  content: "\e244";
}

/*  --------------------------------------------------------------------  */
/*  ----  RESULTS 3  ---------------------------------------------------  */
/*  --------------------------------------------------------------------  */
.header-target.results3 .list-header .sortable.sort-DESC .field-label::after {
  content: "\e137";
}
.results3 .list-header .ui-resizable-handle::after {
  content: "\e917";
}
.header-target.results3 .list-header .sortable .field-label::after {
  content: "\e136";
}

.header-target.results3 .list-header .sortable::after {
  content: " " !important;
  display: none;
}
.header-target.results3 .list-header .sortable.sort-DESC::after {
  content: " ";
  display: none;
}
/*  GRID ITEM MEDIA TRIGGERS  ----  */
.results3 .gs-grid-item.list-item.media-type-video .media-trigger::before {
  content: "\e286";
}

/*  --------------------------------------------------------------------  */
/*  ----  SIMPLE UPLOADER  ---------------------------------------------  */
/*  --------------------------------------------------------------------  */
.accordion-result-header.ui-state-active.simple-upload-widget
  .toggle-btn:before {
  content: "\e136";
}

/*  --------------------------------------------------------------------  */
/*  ----  SYSTEM MENU  -------------------------------------------------  */
/*  --------------------------------------------------------------------  */
#source-system-menu .Dashboard .icon::before {
  content: "\e145";
}
#source-system-menu .Admin .icon::before {
  content: "\e177";
}
#source-system-menu .Settings .icon::before {
  content: "\e200";
}

/*  --------------------------------------------------------------------  */
/*  ----  TABS  --------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
.tab-dropdown-wrap ul.tab-dropdown-options li.active::before {
  content: "\e228";
}
.tab-wrap li.icon.tab-type-search::before {
  content: "\e902";
}
.tab-wrap li.icon.tab-type-detail::before {
  content: "\e212";
}
.tab-wrap li.tab .remove::before {
  content: "\e155";
}

.tab-wrap li.icon.tab-type-pin::before {
  content: "\e143";
}

.tab-wrap li.icon.tab-type-box::before {
  content: "\e212";
}

.tab-wrap li.icon.tab-type-plane::before {
  content: "\e218";
}

.tab-wrap li.icon.tab-type-papers::before {
  content: "\e192";
}

/*  --------------------------------------------------------------------  */
/*  ----  TOOLTIP  -----------------------------------------------------  */
/*  --------------------------------------------------------------------  */
.tooltip-body .tooltip-close::before {
  content: "\e903";
}

/*  --------------------------------------------------------------------  */
/*  ----  VG PLAYER  ---------------------------------------------------  */
/*  --------------------------------------------------------------------  */
#vg_safe-areas .vg_icon-map::before {
  content: "\e150";
}

/*  --------------------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
/*  --------------------------------------------------------------------  */
/*  --------------------------------------------------------------------  */

/*  ----  VENDOR UPLOAD  -------------------------------------------------------------------------  */
#main-header-right #source-widget-vendor-upload div::before {
  content: "\e246";
}

#inventory-titles
  .results3
  .gs-grid-item.list-item
  .thumb-wrap.no-image
  .media-icon::before {
  content: "\e131";
}

/*  ----  INVENTORY > DETAILS > META DATA SUB-SCTION  --------------------------------------------  */
.title-preview .metadata .list-wrap .default-true .item-default::before {
  content: "\e178";
}

/*  ----  CHANNELS (playlist) : ICON WHEN MISSING A LOGO  ----------------------------------------  */
#playlist-main-wrap .results3 .list-item .list-item-image .thumb-image::before,
#playlist-main-wrap .gs-grid-item.channel-type-source .media-bg::before {
  content: "\e184";
}

/*  ----  OU SERVICES  ---------------------------------------------------------------------------  */
.event-details-modal .ui-resizable-se::before {
  content: "\e106";
}

/*  EVENT DETAILS : ATTACHMENTS : IMAGE  =============  */
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap
  .file-type-icon::before {
  content: "\e247";
}
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-jpg
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-png
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-gif
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-tiff
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-ai
  .file-type-icon::before {
  content: "\e259";
}

/*  EVENT DETAILS : ATTACHMENTS : OTHER FILE TYPES  ==  */
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-pdf
  .file-type-icon::before {
  content: "\e249";
}
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-txt
  .file-type-icon::before {
  content: "\e248";
}
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-zip
  .file-type-icon::before {
  content: "\e253";
}
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-js
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-php
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-html
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-css
  .file-type-icon::before,
.event-details-modal
  #attachments
  .attachment
  .thumb-wrap.type-xml
  .file-type-icon::before {
  content: "\e256";
}

/*  CLIENT PROFILE  ==================================  */
.accordion-section-header .toggle-btn::before {
  content: "\e134";
}
.accordion-section-header.ui-state-active .toggle-btn::before {
  content: "\e136";
}

/*  ----  IP SWITCH  -----------------------------------------------------------------------------  */
.wizard-wrap
  .wizard-taker-results
  .connection-status-offline
  .item-connection-status
  .status-icon::before {
  content: "\e262";
}
.wizard-wrap
  .wizard-taker-results
  .connection-status-connecting
  .item-connection-status
  .status-icon::before {
  content: "\e262";
}
.wizard-wrap
  .wizard-taker-results
  .connection-status-connected
  .item-connection-status
  .status-icon::before {
  content: "\e265";
}
.event-details
  .details-metadata-target
  .delivery-status.connected
  .status-icon::before {
  color: var(--status-good);
  content: "\e265";
}
.gs-grid-item.event-on-air .event-status-indicator .status-icon::before {
  color: var(--status-good);
  content: "\e265";
}

/*  ----  MANUAL QC  -----------------------------------------------------------------------------  */
.related-media-results .results li.media-item.audio .thumb:before {
  content: "\e510";
}
.related-media-results .results li.media-item.video .thumb:before {
  content: "\e503";
}
.related-media-results .results li.media-item.subtitle .thumb:before {
  content: "\e504";
}

/*  ----  EDIT TOOL  -----------------------------------------------------------------------------  */
.tab-wrap li.icon.edit-tool-session::before {
  content: "\e200";
}

/*  ----  GROUP PERMISSIONS  ---------------------------------------------------------------------  */
.gs-group-permissions-wrap .accordion-section-header .toggle-btn::before {
  content: "\e134";
}
.gs-group-permissions-wrap
  .accordion-section-header.ui-state-active
  .toggle-btn::before {
  content: "\e136";
}

/*  ----  LIVE PLAYER : PLAY/PAUSE ICONS  --------------------------------------------------------  */
.live-media .vg-streaming-media-controls-panel .play-pause::before {
  content: "\e286";
}
.live-media .vg-streaming-media-controls-panel .play-pause.is-playing::before {
  content: "\e160";
}

/*TITLES*/

.afp-login #sign-in .forgot-wrap {
  text-align: right;
}
.afp-login #sign-in .forgot-wrap .forgot {
  color: #325aff;
  font-weight: 400;
  margin: 2px 0px;
}

.afp-login-term-conditions {
  display: block;
  left: 50%;
  padding: 14px 0px 12px 0px;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.show-afp-term-ui .afp-login-term-conditions {
  display: block;
}
.afp-login-term-conditions .terms-accept-wrap {
  display: inline-block;
  position: relative;
}
.afp-login-term-conditions .terms-accept-wrap label {
  display: inline-block;
}

.afp-login-term-conditions .terms-accept-wrap input[type="checkbox"] {
}
.afp-login-term-conditions .terms-accept-wrap .checkbox-label {
}
.afp-login-term-conditions .terms-accept-wrap input[type="checkbox"] + label:before {
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 1px #c8cfd3;
}
.afp-login-term-conditions .terms-accept-wrap input[type="checkbox"]:checked + label:before {
}
.afp-login-term-conditions .terms-accept-wrap input[type="checkbox"] + label:after {
}
.afp-login-term-conditions .terms-accept-wrap input[type="checkbox"]:checked + label:after {
  left: 2px;
  top: 2px;
}

.afp-login-term-conditions .view-afp-terms-wrap {
  color: #333333;
  display: inline-block;
  font-weight: 400;
}
.afp-login-term-conditions .view-afp-terms {
  color: #325aff;
  display: inline-block;
  text-decoration: underline;
}

.afp-login #afp-bg-wrap {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.afp-login #afp-bg-wrap .afp-bg-item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.afp-login .source-application-wrapper {
  padding: 0;
  position: relative;
}
.afp-login.gs-credentials .bg-header-image,
.afp-login.gs-credentials .bg-footer-image {
  display: none;
}
.afp-login.gs-credentials #login-container,
.afp-login.gs-credentials #password-container {
  background: #ffffff;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.5);
  left: 55px;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 100px;
  width: 320px;
  color: #333;
  font-size: 16px;
}
.afp-login.gs-credentials .company-logo {
  background: #325aff;
  height: 96px;
  left: 0px;
  margin: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.afp-login.gs-credentials .company-logo .gs-credentials-company-logo {
  background-size: contain;
  height: 44px;
  left: 50%;
  padding: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 250px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAABYCAQAAACpds0gAAAPE0lEQVR42u2dfYBOVR7Hr/fXGqTkPS9TiliD7KpNLXkZ1arRG2HTtigSec0kS9vY2jJKlC1tG6nUqFUko7ykpbSDSDGmvAwVSeSlDN/9w4zmnnvvuefec557z73z+33/MJ57zrnn/M75PM+959WAQYqgqqAd+uMxvIZV+AJ78CMO4RAOYic24QPMwQTchBbkJ1KRyAVRUzuMwWLsh4jlYR4GIZm8RiIXREeX4q/YDD+2HMNQnzxIoJN0f1C/G8shZwV4FTeTLwl0kp6qiHR8C1W2GX3JpwQ6STcNwE6otv+iG3mWQCfposuxGomyf6MeeZhAJ4Wt0ngKibXjuJ/8TKCTwh1C+wJB2DuoQN4m0Enh6CYEZ7loTR4n0EnB60kEbUPJ6wQ6KVj9B2HYWPI8gU4KTgsQlo0n7xPopLhjDgAPUw0Q6KK6Eb1wo7B6oatDOnXRC2keUnK7T0+Ut9yjPHpycpuGXrgeqehho85oiwYoo7gqFiNsSyccCHQRPeG5aR1zSKmv8kZcy3KPWpIp5mM5/oFUVFHiu0zoYKkEBIHuplY+GlaeQ1ppihvwCdS03KMmTihJex9mo6Ok726BLnYJIUGg8+Vnisc2x1cAtXbMFvRjCu+wFj18e6419LGDqEpQ+FY5pGIw7kRKfEEf5qtZxQd0AJjly3Nl8B10ssUErE/dWmwB0nzd5hyqSeY8n40qXqADa1DDs+9mQzfrQtD6UEfGi+viCPonBHqh7caFkX1sL7KfYvH4Xirg+23Qe8ahikRG+G5S8QMd+MaT776CjjbfcxvojJcxl9EcvIYsvMFoPt7CIrzNaCGy8TAMjEC2SS8I56A/crAR6wv1GR7xkPsLTPlcgCmey1/HxovZ8QK9LE4R6Mxab1HfDYau9huPrWC8gnt+DgP3WD4VXTefw8Qb5iH37Zm433mm4EKb8qyMF+hvSFRtPEEHugt5rjKOagv6Bo+tYJCCey6DgSTLp4OF7l8dJ11nTogPDa/1TEF5HLDkfHqcQL9ZqmrjCvqBBE0wCtJ+66kdDFBwx9OPumuYT98Vuv9tTKz1UnNA1vogYYylPPXjA3olHI8E6McDBh0CWzAmSbzyBGFLQgJ9tOVLWmSg6nkm1sTAQTcwr1gKP+KaOPW6vy5ZtUGBDpwfMOg5rr67C7pbYw8tYaCSSUcGDDSxfC4yMZfdQrNVCKAbSMVMZOMtTPT04qA96Fe6VNwoDMO9mKEY9AMY61EPYCQqewT9cYyxSWkM0pGJd23ex+C5E+kz7UF/0UNbEP/aOoUTKDijkziBYziGYziORQ7dalM9D1LmSk7fXqsbpuGCns+t0EGFoRopBv0LRUXng84fhT0bg3HIpUHzD0toA/2twObr0flFpFkxXYRGaITGaIxGlpGFpaiNumdUD3VQEzVRE+ciqTCtB5gYH7refRwT41ECXR3o/K6kT86E66QY9LxAQG/mGr8ecrke4P8OzUAUrJ8CP1/FpPmma4xmTIwTOMvD2zEAdCDQVYHewaWJNIg96AbOwY+cFFZw57f/EAnQP1Dg5xttBtHc9DkT51aX8LtNofdIr7wk0AtVGvu4DSSjWNj4gm7gfk4Ku7jzyKJi5ygHXWS+2ENMnDnc0ClM6KdLIOjV0Aqd0AkpqKsS9Ee4jcPcxOMMejJ3SK+6Y7zHIwP67aGA3tLTTLWxTOguoYBeDwNMKj68dgkGma65jyO0MIUfyOktScZ4LC/WY1SArZhlPXTLT9XVdWkcbUsM6JXxEyeNJsLTNfW16aGAbuAbJlY7TljzObNHUC4U0NM4A6zWpUtJHpfIVHDozZjJ6SVLlQWdPzA0mQkdZ9ANfMlJ41KHOLUQHcsOCfS5TKxHOJNfT3nuA0gE6N2ZNBaZrmYzVwd4+imdYRsqw8sAqfcCjeQmvdsSPt6gb+Sk4XQGSo8Igb5PehNMf6D3Ep6AxIYcGRLo3Zg03jZd7c1cne1p5UB7gZEGl+5Ur8Wp75JwagkDPY+TRnPBd0q9rVkooFfGL65zG0/rWYn5fMGBXokpzzZuWktcfjwNLBKuv3/5A/1TbqIv2cSIM+hJluZY3Bo6xHomUqCnSfo5zefLALsqcqDQ0FqOrzwmHnQDLwk+7xmowbyMWHfcX2hbU3uQhyM2n9/gHXT+8X+HULqEgd6a641KCVjYG7yNkvTzDT5Bv5WJ95ZtqEuZUOnagn41c935wIx+TEh2z6I7LHX0NYaiKcrCQA1chVmWlljKG+jlXZaB2O+DGmfQn+WksFWwl1h3y5T087VMeksF453N/K4dQlmbUOzuRi20Bd1gRmg2CT7LsFO+y1lGemZaxhl6W5+GvBSFfwDgAodY8QX9Gq4/FjrG2xwp0OdJ+vk6Jr33hWOy76F2K9KWmUJs95nHYEDPEupNKM88fo9xmXpuvyB3COsX8YL0cWkQSQGBvj0Q0Bu6xv+Tiz/SHWcV5kcK9CWKQV8lHJM9r2e4JURVFJhCZGgNOvtsM842nd9xOyGrM1fXCI7Ep4gWoxS324m34Y9q0HN9VEIlm9VofNAbOKZVFk3Qh+kXtbM/OPYnH4gU6CsUgy6+kxq7PZT1of8ygWEofUAvjcMCkE7g5oSddH2x4A4BY0WLMZ3bGD7ixFQN+s9ndvoUVS5etukm5IO+BTk2KeVgk/Dv8dmO756HIwX6mtBAN7CCqfmq3Gaf7zuPwYBu4DkmTC3XmRlsl916Ye4uMoXMEitER25TKODM6lYPuh/7vedHd1nL4nQyEeiimsjEvYm5vtJpHpimoLdlwgx1XT1xCXcWy1+4Ofq+WMj1YoXgHxo0iBs3fNBH+3hHl7W2nKkgP0QK9BUhgs5uz2GeT3YW84Z+l/agG9hhCmOdrjvKdP1zl1mAScLz5beLFOEpbkPY5RI7bNC/8tUZJ2cfcpf4luzOOG+7nedz2loPgQdh3UDPYJ6F2VVpH3E7dNm9d+ZgtqOeN/UF7ZWbFAJ847pWKDlk0NuHADp/o9+SPbzmDXR2QW9Lx36jVRJ5DA70Jtwu29ou7Wim71rc7323D7O9g9bowVFXy7dQsKA/7XN4Tcb6u3g0WhNmpkmCfr0U6O2Y2GOLXdvq8r6rI+jsJHLzhmP3uHS1zfNdi/tk9lCRt0SDvt/3OLp/cz+3LCtSoI9WPDPO60FF5pXp7zl2TDWMCOh/57xYvme6NkRhy8nnZ75hghtRokHvGDjoCyQnzupnsotaukl27pm30Tx65q3WPGFpo1QegwSd7WBsXmzewAnTlXMtcV/1XYuH+ZnfEmnQn5WYGefPxJZUjIsU6BcrBn21x/iXM/G7Fn7+iunTcZEBnX0ZHu+wzs9uCvU/mXusYs6eddbjvKyPTngjSiToBagSKOg7cK3P7imd7XvpjSdYAD72nIJ5I9L7Cz/9VuHXUbCgj3PoRJxi+txuWe7fmHs0Fc8fb9ooIg262+lnKkHfi3ShE8JO6/wIgf6+JOZWALxDZP4dy7IZC8qVzGOwoDcwhTt5ZjR8gyvEdzL3GKwC9PciDbr7MQFqQN+NF3GD48pzsQUHOtvTGoB+iyn+EVS0zOTOiBTo7Iy+3jBg4AKBHLTw39/hd61aeKAXYLeL9mITKkqC/i12OaS+B3nYiCWYgftwpe0aaXdNjQzo/TQA/Twmhc4wMNv0yXURA93ckTgXhmWfuLuFxiCAOnKgV3JZqxYm6Hkog9Iow5HYdr980Js73qOsdNM30CUyoJ+rAejsfLEJzAZSJ1EtYqCfZdpU4/Su9a8L+Z3tjpsnB/qigJpRUMtUvYNeR9FdnJa6HowE5isVlFUF6EOZt3TzGPpi6TwGDTqLdTIM0/FezltWt7TUUQf/oAd3YFD0d4H1q2iMpd+hCejmh/f9WGf6f3/loK9IOOjmV+OrkGT6/22cmOwO8cc520waqF20XNru4l4CPeGgt4sA5qcs67/9qLsC0A18zMlnTeWgb0EnAbWQAN381TUcA0y9ULzjqpvZ1JP9F3IFjMBRTHIC3e1A3yOFB9eL6Qh+JtAjurRljpJydlUCuvOxIR8qyGMrX/5ZLAG6gaXFwu4xrdLLcok5zSYvS3EzmhaO/pRCbVyBSdgF/Lodh5dFpQDQBtULD64XU3UutCUZ9EHag95USTnZFuVvI4t6jrkcEhror0iB7tzGu7nm1+lQtH3YjE3YyXSlT7aCXsq0K4XVJvlwYhsC3VbVNcc8W1E5WdDX+Uznfw75rB8a6HOlQC9re9gC8JPt6QjsLkV5Xr+y+Vv3mO1rJRVNoBfpSa1BvyJBoG/wmU66bS43KsljGKAbeFniC7YaPvGQ06lm0C9yCX4xga5UVXFcW8w3KyslW//rfabT1DafD0QYdPudGMXHEJ4QyuVuDEFdM+hfciM8qKiiCfRfda+2oLdTVsY/Mikf9Z3SUZt8JivJY3tfPjLvacMeV7ZJ4L52LbCih3ynYD43h1swsqgHX3Tx5PfKvtEJ9OLapSXmCxSW8EJkYiqmYioy8RgycK/EV8aDGIVhGF6oEY4HL3pVncIcetE03M4Me2WaropsVdkT05g0vW9wmYIp+JTZAR/YhhfMR6QV/ZHsUvVdCPQSM55+1GV3UZJ+qoer0Rd3YwgGINVuvKToj3Xcqn9O4TsagW7WS9qB3oPAiZ9O/9ObW/EHbQ40ItBVqZxmRzQtIyjiCnoVl7VqXZX2uhLorC7TCPPD0ivBSNqCvoJb9W9I3qKzD2jTOHF2KAP9F01At54bGp61JCTiCvpkl6qvIXmLazlp/+yj4Z9UVPRaWjX4GVpg3pOAiC/ovdEfvR3UDynStzgffR1S7+u4M0h9TpzrFRW9Am7B7bb36IM+jmehJk7ZoWM+iXCIe2ccSQctDBXzR6kGCHRSMHqHfs1JBHpJ0LuhYP4QeZ5AJwWrZwLHfCR5nUAnBa8+AUK+w/FYaRKBTkqwLsf2gDaXqEreJtBJ4akCZiUY8pPFjvcjEeik0HQ1d+9TOXsVjcjDBDpJFw1OwObbnyqbdEQi0EmKVBWTFa5v24o/k08JdJKeqobhWC0NeRazJwqJQCdpqDaYglxfiH+E0WhMHiTQSdHRFZiAZaYj+ZxtDxbgPjQnr5HIBVF9mO+AgcjEm1iNjcjDTuQjHzuwDTlYifnIQF+0ETxAmlQC9H9EqFQ/UxNWgAAAAABJRU5ErkJggg==) !important;
}
.afp-login.gs-credentials .company-logo .gs-credentials-company-logo::before {
  content: "";
}
.afp-login.gs-credentials .gs-credentials-logo-shadow {
  display: none;
}
.afp-login.gs-credentials .form-section {
  display: none;
  margin-bottom: 40px;
  position: relative;
  overflow: visible;
  top: 0px;
  transition: all 0s;
}
.afp-login.gs-credentials .form-section.show {
  display: block;
}
.afp-login.gs-credentials .form-section#sign-in {
  margin-bottom: 300px;
}
.afp-login.gs-credentials.password-reset-page .form-section#sign-in {
  margin-bottom: 0px;
}
.afp-login.gs-credentials .form-section .field-wrap .icon {
  display: none;
}

.afp-login.gs-credentials .form-section .section-title,
.afp-login.gs-credentials .form-section .description .info,
.afp-login.gs-credentials .form-section .description .sent-info {
  color: #333333;
}
.afp-login.gs-credentials .close-form {
  color: #aaaaaa;
  height: 36px;
  right: 10px;
  top: 4px;
  width: 24px;
}
.afp-login.gs-credentials .close-form:hover {
  color: #325aff !important;
}

.afp-login-wrap {
  display: none;
}

.cookie-legal-wrap {
  height: 100%;
  left: 0px;
  min-height: 870px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.cookie-legal {
  background: transparent;
  bottom: 0;
  padding: 15px;
  position: absolute !important;
  text-align: left;
  width: 100%;
  z-index: 100;
}
.cookie-legal p {
  font-style: italic;
  margin: 0 auto;
  padding: 0px 20px 20px 20px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.cookie-legal a.find-more-pp {
  color: #ffffff;
  text-decoration: underline;
}
.cookie-legal .cookie-msg-ok {
  display: none;
  font-size: 10px;
  margin: 10px auto 0 auto;
  padding: 10px 30px;
  width: initial;
}

/*  Don't have an account yet?  ====================================================================================  */
/*  ==================================================================================================  */

.afp-inquire-wrap {
  display: none;
}
.afp-login .afp-inquire-wrap {
  display: block;
  left: 0px;
  position: absolute;
  top: calc(100% + 20px);
  width: 100%;
}
.afp-login .afp-inquire-wrap .afp-inquire-title {
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  line-height: 100%;
  padding: 20px 0px;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
}
.afp-login .afp-inquire-wrap .afp-inquire-btn {
  background: #14c6ac;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  font-size: 22px;
  font-weight: 400;
  height: 93px;
  letter-spacing: 1px;
  padding: 30px 0px;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
  text-transform: inherit;
  width: 100%;
}
.afp-login .afp-inquire-wrap .afp-inquire-btn:hover {
  background: #12b79f;
}
.afp-login #login-container input,
.afp-login #login-container input:focus,
.afp-login.gs-credentials .gs-credentials-input,
.afp-login.gs-credentials .gs-credentials-input:focus {
  background-color: transparent !important;
  border-bottom: 1px solid darkgrey;
  border-left: 0 solid #3c9afb !important;
  border-radius: 0;
  box-shadow: 0 0 0 0 #3c9afb inset !important;
  color: #333333;
  font-size: 18px;
  font-weight: 400;
  height: 49.5px !important;
  margin-bottom: 18px;
  margin-top: 10px;
  padding: 12px 40px 12px 12px !important;
}
.afp-login.gs-credentials .gs-credentials-input::placeholder {
  border-radius: 0 !important;
  text-transform: lowercase !important;
}

.afp-login.gs-credentials .field-wrap {
  height: 72px;
  margin: 0 !important;
  padding-top: 0;
}
.afp-login.gs-credentials .field-wrap .field-message.email-error {
  color: orange;
  font-weight: 400;
  right: 0px;
  text-align: center;
  top: calc(100% + -13px);
}

.afp-login.gs-credentials .field-wrap.password-wrap:before {
  content: "";
}

.afp-login.gs-credentials .form-section .submit-btn {
  background-color: rgb(50, 90, 255);
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  float: initial;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  letter-spacing: 1px;
  opacity: 1;
  text-transform: inherit;
  transition-duration: 0.3s;
  transition-property: background-color, opacity;
  transition-timing-function: ease;
  width: 270px;
}
.afp-login.gs-credentials .form-section .submit-btn:hover {
  background: #325aff !important;
}

/*  Forgot Password?  ====================================================================================  */
/*  ==================================================================================================  */

.afp-login #sign-in .forgot-wrap {
  display: inline-block !important;
  font-weight: 200 !important;
  height: 25px !important;
  line-height: 21px !important;
  text-align: right !important;
  width: 284px !important;
}
.afp-login #sign-in .forgot-wrap .forgot {
  color: rgb(50, 90, 255) !important;
  font-size: 14px !important;
  font-weight: 400;
  margin: 2px 0px;
}

.afp-login.gs-credentials .field-wrap.request-email-wrap:before {
  content: "";
}

.afp-login.gs-credentials .valid .check {
  font-size: 24px;
  height: 33px;
  top: 16px;
  right: 6px;
  width: 32px;
  color: lightgreen !important;
}

@media only screen and (min-width: 0px) and (max-width: 460px) {
  .afp-login.gs-credentials #login-container,
  .afp-login.gs-credentials #password-container {
    left: 20px;
    top: 20px;
    width: calc(100% - 40px);
  }

  .afp-login.gs-credentials .form-section#sign-in {
    margin-bottom: 40px;
  }
  .afp-login .afp-inquire-wrap {
    display: none;
  }
  .cookie-legal-wrap {
    font-style: normal;
    font-weight: 200;
    height: 610px;
    min-height: 610px;
  }

  /*  HIDE BG IMAGES ON MOBILE SIZE  */
  .afp-login #afp-bg-wrap {
    display: none;
  }
}

/*  >=========================================================================================================<  */
/*  AFP TERMS AND CONDITIONS  >=====================================================<  AFP TERMS AND CONDITIONS  */
/*  >=========================================================================================================<  */

/*  TERMS & CONDITIONS MODAL  */

.afp-login .gs_modal-close-button.icon {
  border-top: 21px solid #325aff;
  border-bottom: 21px solid transparent;
  border-right: 21px solid #325aff;
  border-left: 21px solid transparent;
  border-radius: 0;
  color: #eee;
  cursor: pointer;
  height: 0px;
  left: unset;
  right: 0px !important;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: 0px !important;
  width: 0px;
}

.afp-login .gs_modal-close-button::before {
  font-size: 14px;
  right: 0;
  top: -6px;
}

.afp-login .login-tc h3 {
  margin: 0;
}

#sign-in.not-afp-accepted .gs-credentials-submit-btn {
  opacity: 0.3 !important;
  pointer-events: none;
  text-transform: inherit;
}
#sign-in.not-afp-accepted #afp-login {
  opacity: 0.3 !important;
}

/*  >=========================================================================================================<  */
/*  AFP PRIVACY POLICY  >=================================================================<  AFP PRIVACY POLICY  */
/*  >=========================================================================================================<  */
.afp-privacy-modal-wrap {
  position: relative;
}
.afp-privacy-modal-wrap .overlay {
  display: none;
}
.afp-privacy-modal-wrap .privacy-modal .privacy-title {
  color: rgb(153, 153, 154) !important;
  font-size: 22px;
  padding: 20px 0px;
  text-align: center;
}
.afp-privacy-modal-wrap .privacy-modal .section {
}
.afp-privacy-modal-wrap .privacy-modal .privacy-section {
  background: rgba(0, 0, 0, 0.2);
  color: #232a2c !important;
  height: calc(100% - 200px);
  max-height: 500px;
  overflow: auto;
  padding: 20px;
}
.afp-privacy-modal-wrap .privacy-modal .privacy-section p {
  color: #232a2c !important;
  padding: 10px 0px;
}
.afp-privacy-modal-wrap .privacy-modal .privacy-section h3 {
  background: none;
  border: none;
  clear: both;
  font-size: 15px;
  font-weight: 200;
  padding: 0px;
  text-transform: capitalize;
  width: 100%;
}
.afp-privacy-modal-wrap .privacy-modal .cookie-section {
  padding: 30px 0px;
}
.afp-privacy-modal-wrap .privacy-modal .actions {
}
.afp-privacy-modal-wrap .privacy-modal .actions .btn-close {
  float: right;
  margin: 0px;
  width: 200px;
}
.afp-info-modal .gs_modal-content-content {
  padding: 0 18px !important;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
}

@media only screen and (min-width: 0px) and (max-width: 1160px) {
  .afp-info-modal {
    left: 0px;
    margin-left: 0px !important;
    min-height: 100% !important;
    top: 0px;
    width: 100% !important;
  }
  .afp-info-modal .gs_modal-content-content {
    padding: 0px 20px;
  }
  .afp-info-modal .gs_modal-content-wrap {
    height: auto;
    margin: 0px;
    min-width: 100%;
    top: 0px;
  }
  .afp-info-modal .terms-modal .terms-section,
  .afp-info-modal .privacy-modal .privacy-section {
    height: 100%;
    max-height: none;
  }
  .afp-info-modal .terms-modal .cookie-section {
    padding: 20px;
  }
  .afp-privacy-modal-wrap .privacy-modal .privacy-section {
    max-height: 100%;
  }
}

#sign-in.not-afp-accepted .gs-credentials-submit-btn {
  opacity: 0.3 !important;
  text-transform: inherit;
}
#sign-in.not-afp-accepted #afp-login {
  opacity: 0.3 !important;
}

#sign-in.adsf-login.not-afp-accepted #afp-login {
  opacity: 0.3 !important;
}
#sign-in.adsf-login #afp-login {
  opacity: 1 !important;
}

/*  >=========================================================================================================<  */
/*  AFP MODALS  >=================================================================<  AFP MODALS  */
/*  >=========================================================================================================<  */

.gs_modal_overlay {
  background-color: rgba(255, 255, 255, 0.7) !important;
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gs_modal-master-wrap {
  bottom: 0;
  display: none;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  text-align: center;
}

.gs_modal-wrap {
  position: relative;
  width: 800px;
  min-height: 705px;
  display: inline-block;
  text-align: left;
}

.gs_modal-content-wrap {
  left: 50%;
  background: #ededed !important;
  box-shadow: 0 20px 80px 14px rgba(13, 13, 13, 0.35);
  max-width: 100%;
  position: absolute;
  top: 54px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.gs_modal-content-wrap h2.title {
  border-bottom: 1px solid #999999 !important;
  background: #ededed !important;
  text-align: center;
  padding: 0.5em;
  background: none;
  height: 0 !important;
}

.gs_modal-content-wrap .gs_modal-action-wrap {
  padding: 0;
  text-align: right;
}
.gs_modal-content-wrap .gs_modal-action-wrap .btn {
  background-color: rgb(50, 90, 255) !important;
  border-radius: 0;
  font-size: 14px;
  padding: 6px 30px;
  transition: all 0.15s;
}

.gs_modal-content-wrap .gs_modal-action-wrap .btn:hover {
  background: #325aff !important;
}

.gs_modal-content-wrap img {
  max-width: 100%;
}

.gs_modal-content-wrap .modal-section-header {
  background: #333;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 9px 0;
  padding: 9px;
}

.gs_modal-content-content {
  padding: 18px;
  color: #999999;
}

.edit-group-users-maxxed-out .list-item-main-action .btn-add {
  display: none;
}

/*  ICONS FILE LIVE IN THE CLIENT REPO : THERE ARE ISSUES  */
/*  NOTE WE NEED TO FIGURE OUT HOW TO GET THEM HOSTED IN THE framework REPO  */
@font-face {
  font-family: "icomoon";
  src: url(../fonts/342729cf7a19efd388887783344128a7.eot);
  src: url(../fonts/342729cf7a19efd388887783344128a7.eot#iefix) format("embedded-opentype"), url(../fonts/8aebec3c75278b088c4dec87c5f9dff8.woff2) format("woff2"), url(../fonts/1016bf9daadbc72f9e71ee5ccb7cabe6.ttf) format("truetype"), url(../fonts/d8485faa31f976d1ea8aa5ac31bb4c73.woff) format("woff"), url(data:image/svg+xml;base64,ZXhwb3J0IGRlZmF1bHQgIi4uL2ZvbnRzL2UxN2Y3ZmYyZjA1ZjIyZTUwNTFmZDZhYzNmYmU1YzM2LnN2ZyI7#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.show-icon::before,
.results3.header-target .list .ui-resizable-handle::after,
.actions-options-flyout .set-options .option.iconfont-font::before,
.gs-form-wrap.solarr-form .choice .reset::before,
.gs-form-wrap .choice .reset::before {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.show-icon.icon-size-16::before {
  font-size: 16px;
}
.show-icon.icon-size-14::before {
  font-size: 14px;
}

.icon-fibre-contribution::before {
  font-size: 32px;
}
.icon-fibre-distribution::before {
  font-size: 32px;
}

/*  CLIENT LEVEL SYSTEM ICONS  */
/* @import url("./icons.lazy.css"); */

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  color: white;
  font-family: Arial, sans-serif;
  font-size: 87.5%;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, sans-serif;
  font-weight: normal;
}

h2 {
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 1.3em;
  margin: 0;
  padding: 0 0.7em;
}

a {
  color: #cc393f;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

body,
html,
.main-wrapper {
  height: 100%;
  max-width: 100%;
  overflow: hidden;
}

#source-base,
body {
  background: radial-gradient(#262626, #0d0d0d);
}

img {
  height: auto;
  max-width: 100%;
}

.clear:after {
  content: "";
  clear: both;
  display: table;
}

:focus {
  outline: none;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 1em 0 1em 1em;
}
nav li {
  list-style: none;
}
nav a {
  display: block;
}

.main-wrapper {
  position: relative;
}

.hidden {
  display: none !important;
}

.top-bar {
  z-index: 0;
}

#main-header {
  z-index: 0;
}

#user-menu-wrap {
  z-index: 0;
}

#account-settings {
  z-index: 1;
}

.gs-dropdown.open {
  z-index: 2;
}

#main-header-left,
#main-header-right,
#source-header-menu {
  z-index: 2;
}

#menu-bar {
  z-index: 23000;
}

#user-menu-wrap {
  z-index: 23100;
}

.talkbot-main-wrap {
  z-index: 35000;
}

#notificationWindow {
  z-index: 35500;
}

#widget-wrap {
  z-index: 35600;
}

#gs_loading-gradient {
  z-index: 39400;
}

.gs_loading-mini-overlay {
  z-index: 39000;
}

/*  =====  FORM ELEMENT INSIDE OF MODALS  =====  */
.checkbox-label,
.radio-label {
  z-index: 38105;
}

.gs-dropdown-wrap,
.gs-dropdown,
.gs-dropdown-option-list {
  z-index: 38110;
}

.gs-dropdown-wrap.open {
  z-index: 38120;
}

.gs_ui.dropdown {
  z-index: 38110;
}

.gs_ui.dropdown.copy {
  z-index: 38120;
}

.event-start-date {
  z-index: 38130;
}

.gs_modal_overlay {
  z-index: 44800;
}

.gs_modal-master-wrap {
  z-index: 50000;
}

/*  SELECT FORM ELEMENTS CHOICE LIST (ABSOULTE POSITIONED)  */
.gs-dropdown-absolute-list,
.dropdown-absolute-choices {
  z-index: 46000;
}

#gssl-wrap {
  z-index: 48000;
}

#main-header {
  z-index: 48000;
}
.modal-open #main-header {
  z-index: 44200;
}

#source-header {
  z-index: 48500;
}
.modal-open #source-header {
  z-index: 44300;
}

#source-system-menu {
  z-index: 48600;
}
.modal-open #source-system-menu {
  z-index: 44400;
}

#gs_loading-wrap {
  z-index: 50500;
}

#gs_loading-spinner-wrap {
  z-index: 50500;
}

#ext-module-wrap {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 55000;
}
#ext-module-wrap iframe {
  background: transparent;
}

.btn,
.btn-base {
  background-color: gray;
  color: var(--text);
  cursor: pointer;
  display: block;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  margin: 18px 0;
  padding: 18px;
  text-align: center;
  text-transform: lowercase;
  text-shadow: 1px 1px 1px 0 rgba(51, 51, 51, 0.31);
  transition: background-color 0.3s ease, opacity 0.3s ease;
  width: 100%;
}
.btn:hover,
.btn:active,
.btn-base:hover,
.btn-base:active {
  background-color: #999999;
}
.btn.btn-sml,
.btn-base.btn-sml {
  display: inline-block;
  font-size: 0.8em;
  padding: 9px;
  margin: 9px 9px 9px 0;
  width: auto;
}
.btn.small,
.btn.btn-med,
.btn-base.small,
.btn-base.btn-med {
  display: inline-block;
  padding: 9px;
  margin: 9px 9px 9px 0;
  width: auto;
}
.btn.small:last-child,
.btn.btn-med:last-child,
.btn-base.small:last-child,
.btn-base.btn-med:last-child {
  margin-right: 0;
}
.btn.btn-sml,
.btn-base.btn-sml {
  display: inline-block;
  font-size: 1.2em;
  padding: 9px;
  margin: 9px 9px 9px 0;
  width: auto;
}
.btn.btn-primary,
.btn.btn-active,
.gs_modal-action-wrap .btn.accept,
.btn-base.btn-primary,
.btn-base.btn-active,
.gs_modal-action-wrap .btn-base.accept {
  background-color: #cc393f;
}
.btn.btn-primary:hover,
.btn.btn-active:hover,
.gs_modal-action-wrap .btn.accept:hover,
.btn-base.btn-primary:hover,
.btn-base.btn-active:hover,
.gs_modal-action-wrap .btn-base.accept:hover {
  background-color: #b3b3b3;
}
.btn.btn-secondary,
.btn.btn-inactive,
.btn-base.btn-secondary,
.btn-base.btn-inactive {
  color: #333333;
  background: #1a1a1a;
}

.hide {
  display: none;
}

.close {
  line-height: 1;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
.close:before {
  font-size: 2em;
}

@media (min-width: 44em) {
  div .gs-2-col {
    float: left;
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    width: 50%;
  }
}
@media (min-width: 44em) {
  div .gs-2-col:nth-of-type(even) {
    padding: 0 0 0 10px;
  }
}

@media (min-width: 44em) {
  .gs-3-col {
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 33%;
  }
}

@media (min-width: 44em) {
  .gs-4-col {
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    width: 25%;
  }
}

@media (min-width: 44em) {
  .gs-quarter-col {
    float: left;
    width: 75%;
  }
}

.width-5 {
  width: 5%;
}
.width-10 {
  width: 10%;
}
.width-15 {
  width: 15%;
}
.width-20 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-30 {
  width: 30%;
}
.width-35 {
  width: 35%;
}
.width-40 {
  width: 40%;
}
.width-45 {
  width: 45%;
}
.width-50 {
  width: 50%;
}
.width-55 {
  width: 55%;
}
.width-60 {
  width: 60%;
}
.width-65 {
  width: 65%;
}
.width-70 {
  width: 70%;
}
.width-75 {
  width: 75%;
}
.width-80 {
  width: 80%;
}
.width-85 {
  width: 85%;
}
.width-90 {
  width: 90%;
}
.width-95 {
  width: 95%;
}
.width-100 {
  width: 100%;
}

/*  ==================================================================================================  */
/*  ====  MODAL TABS  ================================================================================  */
/*  ==================================================================================================  */
#tab-wrapper {
  background: #cccccc;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#tab-wrapper .modal-tab {
  background-color: transparent;
  color: #555555;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  display: block;
  margin: 0;
  min-width: 18%;
  padding: 8px 16px;
  text-align: center;
  transition: all 0.2s;
}
#tab-wrapper .modal-tab:hover,
#tab-wrapper .modal-tab:focus {
  background-color: rgba(0, 0, 0, 0.1);
}
#tab-wrapper .modal-tab.active-tab {
  background-color: rgba(250, 250, 250, 0.35);
  color: #cc393f;
}

/*  ==================================================================================================  */
/*  ====  RESULTS SECTIONS ===========================================================================  */
/*  ==================================================================================================  */
.results-section {
  display: block;
}
.results-section.no-add .content-header {
  padding-right: 240px;
}
.results-section.no-add .input-wrap {
  right: 0;
}

.results-content {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
}

.results-content-inner {
  min-width: 800px;
}

/*  SECION HEADER  =============================  */
.content-header {
  height: 60px;
  padding-right: 300px;
  position: relative;
}
.content-header h2 {
  background: rgba(0, 0, 0, 0.2);
  font-size: 20px;
  margin-bottom: 10px;
  padding: 10px 20px;
  width: 100%;
}
.content-header .input-wrap {
  position: absolute;
  right: 60px;
  top: 0;
  width: 230px;
}
.content-header input {
  background: rgba(0, 0, 0, 0.2);
  border: none;
  color: #f8f8f8;
  font-size: 12px;
  height: 50px;
  padding: 0 18px;
  width: 100%;
}

.content-body {
  padding-bottom: 10px;
}
.content-body .tab-content-wrap {
  background: rgba(0, 0, 0, 0.2);
  margin-top: 10px;
}

/*  ADD BUTTON  */
.results-add-btn {
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  transition: all 0.2s;
  width: 50px;
}

.results-add-btn:hover {
  background: rgba(0, 0, 0, 0.4);
}

.results-add-btn span {
  color: #eeeeee;
  font-size: 18px;
  transition: all 0.2s;
}

.results-add-btn:hover span {
  color: #cc393f;
}

/*  MULTI SECION   =============================  */
.multisection-wrap {
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.multisection-wrap .results-section {
  display: none;
}
.multisection-wrap .multisection-header {
  padding: 20px 20px 0 0;
  z-index: 20;
}
.multisection-wrap .multisection-header h2 {
  float: left;
  width: auto;
}
.multisection-wrap .results-add-btn {
  left: 410px;
  position: absolute;
  top: 64px;
}
.multisection-wrap .gs-dropdown-wrap {
  float: left;
  left: 10px;
  max-width: 400px;
  position: relative;
  top: 0;
  width: 100%;
}
.multisection-wrap .gs-dropdown {
  margin: 0;
}
.multisection-wrap .gs-dropdown-selected {
  cursor: pointer;
  height: auto;
  line-height: 1;
  padding: 14px 10px 36px 10px;
}
.multisection-wrap .gs-dropdown-selected .value {
  padding: 5px 0;
}
.multisection-wrap .gs-dropdown-selected .icon {
  right: 18px;
}
.multisection-wrap .sections-main-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 10;
}

/*  ==================================================================================================  */
/*  ====  ACCORDION RESULTS  =========================================================================  */
/*  ==================================================================================================  */
.accordion-results {
  position: relative;
}
.accordion-results .accordion-result {
  margin-bottom: 4px;
}

/*  HEADER SECTION OF AN ACCORDION RESULT ITEM  */
.accordion-results .accordion-result .accordion-result-header {
  background: var(--background-accent);
  border-radius: var(--border-radius);
  cursor: pointer;
  height: var(--bar-height);
  padding: var(--general-space);
  position: relative;
  transition: background 0.2s;
}
.accordion-results .accordion-result .accordion-result-header.ui-state-active {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.accordion-results .accordion-result .accordion-result-header .accordion-title {
  color: var(--text);
  display: inline-block;
  padding-left: 32px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.accordion-results .accordion-result .accordion-result-header .toggle-btn {
  color: var(--text);
  cursor: pointer;
  font-size: 22px;
  height: 100%;
  left: 6px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 34px;
  z-index: 38106;
}
.accordion-results .accordion-result .accordion-result-header .toggle-btn:before {
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

/*  ACTION MENU  */
.accordion-results .accordion-result .accordion-result-header .accordion-result-actions-target {
  display: none;
  height: 32px;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
}
.accordion-results .accordion-result .accordion-result-header.accordion-header-active .accordion-result-actions-target {
  display: block;
}

/*  CONTENT SECTION OF AN ACCORDION RESULT ITEM  */
.accordion-results .accordion-result .acc-content {
  background: var(--background-accent);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  padding: 0 var(--general-space) var(--general-space) var(--general-space);
}
.accordion-results .accordion-result .acc-content-inner {
  background: var(--foreground);
  border-radius: var(--border-radius);
  padding: var(--general-space);
}

.accordion-results .acc-content .results3.list-wrap {
  height: auto;
  left: 0;
  margin-bottom: 0;
  min-height: 48px;
  padding: var(--general-space) 0 0 0;
  position: relative;
  right: 0;
  top: 0;
  width: 100%;
}

.accordion-results .acc-content .results3.header-target {
  border-radius: var(--border-radius);
  padding: 0;
}

.accordion-results .acc-content .paging-target {
  border-radius: var(--border-radius);
  bottom: 0;
  margin-top: 10px;
  padding: 0;
  position: relative;
}
.accordion-results .acc-content .no-pagination .paging-target {
  display: none;
}

/*  ==================================================================================================  */
/*  ====  RESULTS / RESULTS TABS  ====================================================================  */
/*  ==================================================================================================  */
/*  TABS  ==============================  */
.tab-row {
  height: 40px;
  position: relative;
  width: 100%;
}
.tab-row .tab-list {
  height: 100%;
  position: relative;
  width: calc(100% - 50px);
}
.tab-row .refresh-button {
  position: absolute;
  right: 0;
  top: 0;
}

.tab-content .no-items {
  font-size: 20px;
  margin: 100px auto;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.tab-wrap {
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
}
.tab-wrap li {
  background: transparent;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.15) inset;
  cursor: pointer;
  display: inline-block;
  min-width: 140px;
  padding: 10px 0 6px;
  position: relative;
  transition: background 0.2s;
}
.tab-wrap li:hover {
  background: rgba(255, 255, 255, 0.3);
}
.tab-wrap li.active {
  background: rgba(255, 255, 255, 0.2);
}
.tab-wrap li.remove-enabled {
  padding-right: 20px;
}
.tab-wrap li .label {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  padding: 0 15px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.tab-wrap li.icon:before {
  font-size: 18px;
  speak: none;
  font-weight: normal;
  font-variant: normal;
  left: 7px;
  line-height: 1;
  margin-top: -8px;
  position: absolute;
  text-transform: none;
  top: 50%; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tab-wrap li.icon .label {
  padding: 0 15px 0 30px;
}
.tab-wrap li .remove {
  height: 100%;
  font-size: 14px;
  opacity: 0.2;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: all 0.2s;
  width: 22px;
}
.tab-wrap li .remove:before {
  display: block;
  position: absolute;
  right: 4px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tab-wrap li .remove:hover {
  background: rgba(0, 0, 0, 0.1);
}
.tab-wrap li .remove:hover:before {
  color: #cc393f;
}
.tab-wrap li:hover .remove {
  opacity: 1;
}

/*  TABS DROPDOWN  =====================  */
.tab-dropdown-wrap {
  background: rgba(0, 0, 0, 0.2);
  float: right;
  height: 40px;
  overflow-y: visible;
  position: absolute;
  right: -50px;
  top: 0;
  transition: all 0.2s;
  width: 40px;
}
.tab-dropdown-wrap:hover {
  background: rgba(0, 0, 0, 0.4);
}
.tab-dropdown-wrap.open {
  background: rgba(255, 255, 255, 0.8);
}
.tab-dropdown-wrap.open .icon::before {
  color: #cc393f;
}
.tab-dropdown-wrap .icon {
  cursor: pointer;
  cursor: pointer;
  font-size: 18px;
  height: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
  transition: all 0.2s;
}
.tab-dropdown-wrap .icon::before {
  display: block;
  position: absolute;
  left: 12px;
  top: 12px;
}
.tab-dropdown-wrap .icon:hover {
  color: #cc393f;
}
.tab-dropdown-wrap ul.tab-dropdown-options {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 10px 0 rgba(13, 13, 13, 0.5);
  position: absolute;
  right: 0;
  width: 180px;
  z-index: 100;
}
.tab-dropdown-wrap ul.tab-dropdown-options li {
  color: #444444;
  cursor: pointer;
  display: block;
  font-weight: bold;
  height: 30px;
  overflow: hidden;
  padding: 5px 10px;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
  transition: all 0.2s;
}
.tab-dropdown-wrap ul.tab-dropdown-options li:hover {
  background: var(--text);
}
.tab-dropdown-wrap ul.tab-dropdown-options li.active {
  color: #cc393f;
}
.tab-dropdown-wrap ul.tab-dropdown-options li.active::before {
  position: absolute;
  right: 5px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

/*  TABS CONTENT  ======================  */
.tab-content-wrap {
  padding: 0 20px;
}

/*  RESULTS LISTS  =====================  */
.list-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--general-space);
}
.list-wrap p {
  float: left;
  font-size: 12px;
  height: 100%;
  padding-top: 14px;
  position: relative;
}
.list-wrap .no-items {
  text-align: center;
}

.list-header {
  background: rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  color: var(--text);
  cursor: default;
  float: left;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 10px;
  width: 100%;
}

.list-item {
  background: var(--background-accent);
  border-radius: var(--border-radius);
  cursor: pointer;
  float: left;
  margin: 2px 0;
  position: relative;
  padding: 0 0 0 var(--general-space);
  width: 100%;
}
.list-item .list-item-content {
  height: 64px;
  position: relative;
  width: 100%;
}
.list-item .list-item-messages {
  color: rgba(255, 255, 255, 0.5);
  float: right;
  font-size: 12px;
  margin: 0 10px 0 0;
  text-transform: capitalize;
}
.list-item .list-item-main-action {
  background: rgba(204, 57, 63, 0.35);
  height: 100%;
  position: absolute;
  right: -200px;
  top: 0;
  transition: all 0.2s;
}
.list-item .list-item-main-action a {
  background: transparent;
  color: #eeeeee;
  margin: 0;
  padding: 2px 6px 0 12px;
  position: relative;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.list-item .list-item-main-action a:before {
  color: #eeeeee;
}
.list-item .list-item-main-action a .name {
  font-size: 0;
  position: relative;
  text-transform: capitalize;
  top: -3px;
  transition: all 0.15s;
}
.list-item .list-item-main-action a:hover .name {
  font-size: 12px;
}
.list-item .list-item-main-action button {
  margin-left: 8px;
}
.list-item:hover {
  filter: var(--hover-brightness);
  z-index: 1100;
}
.list-item:hover .list-item-main-action {
  right: 0;
}

.list-header.has-messages .list-item-content,
.list-item.has-messages .list-item-content {
  padding-right: 100px;
}
.list-header.has-messages .item-message-wrap,
.list-item.has-messages .item-message-wrap {
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}

.list-wrap .grid .list-item p {
  margin-top: 6px;
  padding: 4px 0;
}
.list-wrap .grid .list-item-content {
  height: auto;
}

/*  PAGINATION  ========================  */
.paging-target {
  bottom: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.paging-target p.readout {
  font-size: 12px;
  margin: 0 auto 7px auto;
  width: 100%;
}
.paging-target .paging {
  display: inline-block;
  margin-right: 1em;
}
.paging-target ul.pages {
  display: inline-block;
  margin-right: 1em;
  position: relative;
  width: auto;
}
.paging-target ul.pages li {
  background: rgba(74, 84, 94, 0.9);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.35) inset;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 25px;
  line-height: 24px;
  margin: 0 2px;
  position: relative;
  text-align: center;
  width: 25px;
}
.paging-target ul.pages li.active {
  background: #879299;
  border-top: 1px solid #a6acb0;
  color: var(--text);
  text-shadow: none;
}
.paging-target ul.pages li:hover {
  color: #00a2ff;
}
.paging-target ul.pages li.disabled {
  cursor: default;
  opacity: 0.3;
}

/*  ==================================================================================================  */
/*  ====  GS OPTIONS TRAY  ===========================================================================  */
/*  ==================================================================================================  */
.gs-menu-tray-wrap {
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 4px;
  min-height: 40px;
  position: relative;
  width: 100%;
}

/*  ==================================================================================================  */
.app-option-wrapper div {
  display: inline-block;
}
.app-option-wrapper .name,
.app-option-wrapper .value {
  width: 40%;
}

.source-icon {
  cursor: pointer;
}
.source-icon:before {
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.source-icon:hover:before,
.source-icon:focus:before {
  background-color: #4d4d4d;
}

input,
textarea,
.gs_ui.dropdown.source,
.gs-dropdown-wrap.source,
select {
  background: #333;
  border: 1px solid #4d4d4d;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 18px;
  padding: 18px;
  transition: border 0.3s ease;
  width: 100%;
}
input:focus,
textarea:focus,
.gs_ui.dropdown.source:focus,
.gs-dropdown-wrap.source:focus,
select:focus {
  border: 1px solid #999999;
  outline: none;
}
input:focus:placeholder,
textarea:focus:placeholder,
.gs_ui.dropdown.source:focus:placeholder,
.gs-dropdown-wrap.source:focus:placeholder,
select:focus:placeholder {
  color: gray;
}

select {
  height: 3.5em;
}

textarea {
  resize: none;
}

button {
  border: 0;
}

label {
  margin-bottm: 0.2em;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  background-color: var(--background);
  content: "";
  display: inline-block;
  vertical-align: baseline;
  height: 1em;
  margin-right: 0.5em;
  width: 1em;
}
input[type="checkbox"] + label:hover,
input[type="checkbox"] + label:focus,
input[type="radio"] + label:hover,
input[type="radio"] + label:focus {
  cursor: pointer;
}

input[type="radio"] + label {
  position: relative;
}
input[type="radio"] + label:before {
  border-radius: 50%;
}
input[type="radio"]:checked + label:before {
  background-color: white;
  border: 0.3em solid gray;
}

/*  GS DROPDOWNS  ============================================================================  */
.gs-dropdown-wrap {
  background: var(--background);
  color: var(--text);
  font-weight: 400;
  position: relative;
}
.gs-dropdown {
  cursor: default;
  margin: 0;
  position: relative;
}
.gs-dropdown.open {
  color: var(--text);
}
.gs-dropdown-selected {
  height: auto;
  line-height: 1;
  padding: 15px 10px 28px 10px;
}
.gs-dropdown-selected .value {
  left: 20px;
  position: absolute;
  right: 40px;
  white-space: nowrap;
}
.gs-dropdown-selected .icon {
  height: 100%;
  margin-top: -8px;
  position: absolute;
  right: 8px;
  top: 50%;
}

.gs-dropdown-absolute-list {
  background: var(--background);
  position: absolute;
  z-index: 999999;
}
.gs-dropdown-absolute-list.open-down {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
}
.gs-dropdown-absolute-list.open-up {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.gs-dropdown-option-list {
  overflow-y: auto;
  width: 100%;
}
.gs-dropdown-option {
  color: var(--text);
  cursor: pointer;
  padding: 5px 10px;
}
.gs-dropdown-option:hover {
  background: var(--component);
}

.gs-dropdown-option .item-count,
.gs-dropdown-option .client {
  color: var(--text-accent);
  margin-right: 4px;
}

/*  GS MULTI SELECT ==========================================================================  */
.gs-multiselect {
  position: relative;
}

/*  ALPHABETICAL FILTER  */
.modal .gs-multi-chioce-items-wrap .sorting-wrap {
  background: var(--background-accent);
  height: var(--bar-height);
  left: var(--general-space-neg);
  position: relative;
  width: calc(100% + var(--general-space-2x));
}
.modal .gs-multi-chioce-items-wrap .sorting-options-wrap {
  text-transform: capitalize;
}
.modal .gs-multi-chioce-items-wrap .sorting-options-wrap .sorting-option {
  color: var(--text-accent);
  cursor: pointer;
  display: block;
  float: left;
  font-weight: 400;
  font-size: 14px;
  padding: 14px 8px 0 8px;
}
.modal .gs-multi-chioce-items-wrap .sorting-options-wrap .sorting-option:hover {
  color: var(--text);
}
.modal .gs-multi-chioce-items-wrap .sorting-options-wrap .sorting-option.active {
  color: var(--primary);
}

/*  GENERAL PILL/BUTTON  */
.gs-multiselect .gsms-item {
  background: var(--background);
  border-radius: var(--border-radius);
  color: var(--text);
  cursor: default;
  display: inline-block;
  margin: 0 var(--general-space-half) var(--general-space-half) 0;
  padding-right: 40px;
  position: relative;
  vertical-align: top;
  width: auto;
}
.gs-multiselect .gsms-item .remove {
  cursor: pointer;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
}
.gs-multiselect .gsms-item .remove:before {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 2px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.gs-multiselect .gsms-item .remove:hover:before {
  color: var(--status-error);
}
.gs-multiselect .gsms-item.selected:hover {
  filter: var(--hover-brightness);
}

/*  ADD ITEM PILL/BUTTON  */
.gs-multiselect .gsms-item.gsms-add-item {
  cursor: pointer;
  border-radius: var(--border-radius);
  padding-right: 10px;
  text-align: left;
  width: 100px;
}
.gs-multiselect .gsms-item.gsms-add-item:hover {
  color: var(--text);
  filter: var(--hover-brightness);
}
.gs-multiselect .gsms-item.gsms-add-item:before {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 2px;
  position: absolute;
  right: var(--general-space-half);
  top: 50%;
  transform: translateY(-50%);
}

/*  CHOICE MODAL  ============================  */
.modal .gs-multi-chioce-items-wrap {
  position: relative;
}
.modal .gs-multi-chioce-items-wrap .sorting-options-wrap {
  display: inline-block;
  left: 50%;
  position: relative;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.modal .gs-multi-chioce-items-wrap .sorting-options-wrap .sorting-option {
  display: inline-block;
  text-align: center;
}

.modal .gs-multi-chioce-items-wrap .action-wrap {
}
.modal .gs-multi-chioce-items-wrap .action-wrap .btn-all-toggle {
  margin: var(--general-space) 0 0 0;
}

/*  MODAL CHOICE  */
.modal .gs-multi-chioce-items-wrap .list-wrap {
  margin-top: 0;
}
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item {
  background: var(--background-accent);
  border-radius: var(--border-radius);
  color: var(--text);
  cursor: pointer;
  height: var(--bar-height);
  float: left;
  margin: 2px 0;
  padding: 0 var(--general-space);
  position: relative;
  width: 100%;
}
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item:nth-child(odd) {
  margin-right: var(--general-space);
}
.modal .gs-multi-chioce-items-wrap .list-wrap .col-2 .multi-choice-item {
  width: calc(50% - calc(var(--general-space) / 2));
}
.modal .gs-multi-chioce-items-wrap .list-wrap .col-3 .multi-choice-item {
  width: calc(33.33% - calc(var(--general-space) / 2));
}
.modal .gs-multi-chioce-items-wrap .list-wrap .col-4 .multi-choice-item {
  width: calc(25% - calc(var(--general-space) / 2));
}
.modal .gs-multi-chioce-items-wrap .list-wrap .col-5 .multi-choice-item {
  width: calc(20% - calc(var(--general-space) / 2));
}

.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item .inner {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item .highlight-bar {
  border-radius: var(--border-radius);
  display: none;
  opacity: var(--selected-opacity);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*  SELECTED STATE  */
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item.selected-true {
}
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item.selected-true:hover .inner {
}
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item.selected-true .inner {
}
.modal .gs-multi-chioce-items-wrap .list-wrap .multi-choice-item.selected-true .highlight-bar {
  background: var(--primary);
  display: block;
}

/*  PAGINATION  */
.modal .gs-multi-chioce-items-wrap .paging-target {
  left: var(--general-space-neg);
  margin-bottom: var(--general-space);
  width: calc(100% + var(--general-space-2x));
}

/*  ==================================================================================================  */
/*  ====  GS MENU2  ==================================================================================  */
/*  ==================================================================================================  */
.gs-menu-wrap {
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 4px;
  min-height: 40px;
  position: relative;
  width: 100%; /*  MAIN MENU LINK WRAP  ---------------------------------------------------  */ /*  MAIN MENU LINK CONTENT WRAP (contains sub-menu items)  -----------------  */
}
.gs-menu-wrap .menu-item-list .menu-list .menu-item {
  cursor: pointer;
  float: left;
  padding: 10px 40px;
}
.gs-menu-wrap .menu-item-list .menu-list .menu-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.gs-menu-wrap .menu-item-list .menu-list .menu-item.active {
  box-shadow: 0 -4px 0 0 rgba(255, 255, 255, 0.7) inset;
}
.gs-menu-wrap .menu-item-content-wrap {
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 999999;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content {
  background: rgba(40, 40, 40, 0.95);
  display: none;
  left: 0;
  padding: 20px;
  position: relative;
  top: 0;
  width: 100%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content.active {
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.7);
  display: block;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px 10px;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection-wrap {
  position: relative;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection {
  color: #e8e8e8;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  text-transform: capitalize;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection.width-1 {
  width: 100%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection.width-2 {
  width: 50%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection.width-3 {
  width: 33.3%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection.width-4 {
  width: 25%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection.width-5 {
  width: 20%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subsection.width-6 {
  width: 16.66%;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subitem {
  cursor: pointer;
  padding: 8px;
  position: relative;
}
.gs-menu-wrap .menu-item-content-wrap .menu-item-content .menu-subitem:hover {
  background: rgba(255, 255, 255, 0.1);
}

/*  ==================================================================================================  */
/*  ====  GS FACETS  =================================================================================  */
/*  ==================================================================================================  */
/*  CSS  FILTERS  ==========================================================  */
.facet-wrap .facet-inner {
  background: #383a3d;
  border-radius: 4px;
  height: 44px;
  margin-bottom: 4px;
  position: relative;
  width: 100%;
}

.facet-wrap .facet-inner .facet-type-wrap {
  border-radius: 4px;
  display: inline-block;
  height: 100%;
}

.facet-wrap .facet-inner .facet-type-wrap:hover,
.facet-wrap .facet-inner .facet-type-wrap.show {
  background: #313234;
}

.facet-wrap .facet-inner .facet-type-wrap .facet-tag {
  cursor: pointer;
  height: 100%;
  padding: 0 40px 0 20px;
}

.facet-wrap .facet-inner .facet-type-wrap .facet-tag .counts {
  color: red;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  position: relative;
  top: calc(50% - 3px);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.facet-wrap .facet-inner .facet-type-wrap .facet-tag .title {
  display: inline-block;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*  FACET RESULTS  */
.facet-wrap .facet-type-wrap .facet-results-wrap {
  background: #313234;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
  display: none;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 100%;
  width: 100%;
}

.facet-wrap .facet-type-wrap.show .facet-results-wrap {
  display: block;
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item {
  color: #bbbbbb;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin: 2px;
  padding: 6px 0 6px 30px;
  position: relative;
  width: calc(25% - 4px);
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item.active {
  background: rgba(255, 255, 255, 0.05);
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item .icon {
  color: red;
  display: none;
  font-size: 14px;
  left: 10px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item.active .icon {
  display: block;
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item:hover .title {
  color: var(--text);
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item.active .title {
  color: var(--text);
}

.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item .counts {
  display: inline-block;
}

/*  ==================================================================================================  */
/*  ====  GS TOOLTIPS  ===============================================================================  */
/*  ==================================================================================================  */
.test-tooltip {
  background: rgba(255, 255, 255, 0.2);
  padding: 20px 40px;
  position: relative;
  display: inline-block;
  margin: 20px;
}
.test-tooltip.test-right {
  float: right;
}

.tooltip-body {
  position: absolute;
  white-space: nowrap;
  z-index: 99000; /*
-------------
|  1  |  2  |
-------------
|  4  |  3  |
-------------
*/ /*  TOOLTIP POINTER  ==============================  */ /*  TOOLTIP BODY  =================================  */
}
.tooltip-body .tooltip-pointer {
  height: 0;
  width: 0;
}
.tooltip-body.quad-1 {
  left: 0;
  top: calc(100% + 10px);
}
.tooltip-body.quad-1 .tooltip-pointer {
  left: 20px;
}
.tooltip-body.quad-2 {
  right: 0;
  top: calc(100% + 10px);
}
.tooltip-body.quad-2 .tooltip-pointer {
  right: 20px;
}
.tooltip-body.quad-3 {
  bottom: calc(100% + 10px);
  right: 0;
}
.tooltip-body.quad-3 .tooltip-pointer {
  right: 20px;
}
.tooltip-body.quad-4 {
  bottom: calc(100% + 10px);
  left: 0;
}
.tooltip-body.quad-4 .tooltip-pointer {
  left: 20px;
}
.tooltip-body.side-left {
  right: calc(100% + 10px);
  top: 0;
}
.tooltip-body.side-left .tooltip-pointer {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #c0c1c3;
  left: 100%;
  top: 6px;
}
.tooltip-body.side-right {
  left: calc(100% + 10px);
  top: 0;
}
.tooltip-body.side-right .tooltip-pointer {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #c0c1c3;
  right: 100%;
  top: 6px;
}
.tooltip-body.quad-1 .tooltip-pointer,
.tooltip-body.quad-2 .tooltip-pointer {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #c0c1c3;
  bottom: 100%;
}
.tooltip-body.quad-3 .tooltip-pointer,
.tooltip-body.quad-4 .tooltip-pointer {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #c0c1c3;
  top: 100%;
}
.tooltip-body .tooltip-inner {
  background: #c0c1c3;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 10px;
  position: relative;
}
.tooltip-body .tooltip-content {
  color: #444444;
  position: relative;
}
.tooltip-body .tooltip-pointer {
  position: absolute;
}
.tooltip-body .tooltip-close {
  color: #444444;
  cursor: pointer;
  font-size: 16px;
  padding: 3px 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.tooltip-body.sticky .tooltip-inner {
  padding-right: 30px;
}
.tooltip-body.sticky .tooltip-close {
  display: block;
}

.bus-name {
  left: 50%;
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 100;
  line-height: 1.1;
  font-size: 5em;
  text-align: center;
}
@media (min-width: 44em) {
  .bus-name {
    font-size: 8em;
  }
}
@media (min-width: 70em) {
  .bus-name {
    font-size: 15em;
  }
}
.bus-name:before {
  color: rgba(255, 255, 255, 0.015);
  content: "Giant Source";
}

.company-logo {
  margin: 18px auto;
  max-width: 100%;
  width: 402px;
}
.company-logo > div {
  height: 0;
  padding-top: 18.90547%;
}

#frames {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 44px;
}
@media (min-width: 44em) {
  #frames {
    bottom: 24px;
    left: 44px;
  }
}
.menu-open #frames {
  left: 210px;
}
#frames iframe {
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
}
.source-bar #frames {
  bottom: 36px;
}
@media (min-width: 44em) {
  .source-bar #frames {
    bottom: 60px;
  }
}

body#source-base iframe {
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
}

iframe#source-base-login {
  position: relative;
  z-index: 24510;
}

/*  ==================================================================================================  */
/*  ====  GS HEADER DROPDOWN MODULE  =================================================================  */
/*  ==================================================================================================  */
.gs-header-dropdown-anchor {
  background: var(--component);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header-dropdown-open .gs-header-dropdown-anchor {
  display: block;
}
.gs-header-dropdown-actions {
  background: var(--component);
  min-height: 100px;
  position: absolute;
  -webkit-transform: translateY(54px);
  transform: translateY(54px);
  width: 240px;
  z-index: 9999;
}
.gs-header-dropdown-actions.open-left {
  border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius);
  -webkit-transform: translate(calc(-100% + 54px), 54px);
  transform: translate(calc(-100% + 54px), 54px);
}
.gs-header-dropdown-actions.open-right {
  border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
}

.gs-header-dropdown-actions .option-sets {
  padding: var(--general-space-half) 0;
}
.gs-header-dropdown-actions .option-sets .option-set {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.gs-header-dropdown-actions .option-sets .option-set:first-of-type {
  border: none;
}
.gs-header-dropdown-actions .option-sets .option-set .option-list {
}

.gs-header-dropdown-actions .option-sets .option-set .option-list .option {
  cursor: pointer;
  padding: 6px 16px 6px 10px;
}
.gs-header-dropdown-actions .option-sets .option-set .option-list .option:hover {
  background: var(--component-accent);
}
.gs-header-dropdown-actions .option-sets .option-set .option-list .option .option-icon {
  display: inline-block;
  height: 4px;
  position: relative;
  vertical-align: middle;
  width: 24px;
}
.gs-header-dropdown-actions .option-sets .option-set .option-list .option .option-icon:before {
  color: var(-text);
  left: 50%;
  position: absolute;
  top: 50%;
  -webkittransform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gs-header-dropdown-actions .option-sets .option-set .option-list .option .option-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 28px);
  vertical-align: middle;
}

/*  ==========================================================================================================================================================================================
==============================================================================================================================================================================================
==============================================================================================================================================================================================
GIANTSOURCE LOADING MINI - gs_loading-mini
CREATED BY: Ward Gross - 4/23/2013
UPDATED BY:
*/
/*  GENERAL STYLES  =========================================================  */
/*  =========================================================================  */
.gs_loading-mini-overlay {
  background: rgba(0, 0, 0, 0.75);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.gs_loading-mini-text {
  color: #dddddd;
  font-size: 12px;
  font-weight: bold;
  left: -50px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 55px;
  width: 150px;
}

.gs_loading-mini-wrap {
  background: url(https://static-stage.ses-360.com/static/__dist/sprite-gs-loading-mini-7fdbe3a10d42c01beefbd32f6dbf4933.png) no-repeat 0 0;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  width: 50px;
}

.gs_loading-mini-ring-1 {
  animation: gs_loading-mini-rotate-1 2s linear infinite;
  background: url(https://static-stage.ses-360.com/static/__dist/sprite-gs-loading-mini-7fdbe3a10d42c01beefbd32f6dbf4933.png) no-repeat -50px 0;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

.gs_loading-mini-ring-2 {
  animation: gs_loading-mini-rotate-2 2s linear infinite;
  background: url(https://static-stage.ses-360.com/static/__dist/sprite-gs-loading-mini-7fdbe3a10d42c01beefbd32f6dbf4933.png) no-repeat -100px 0;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

@keyframes gs_loading-mini-rotate-1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes gs_loading-mini-rotate-2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
/*  SIGN UP PAGE - ACTION SECTION  ====================================================================================================  */
/*  ===================================================================================================================================  */
.gs-credentials {
  background: linear-gradient(to bottom right, #262626, #0d0d0d);
}
.gs-credentials #bg-image {
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.gs-credentials #bg-texture {
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
}
.gs-credentials #email {
  color: #333;
}
.gs-credentials .error-wrap {
  color: #c3403d;
  display: none;
}
.gs-credentials input {
  border-left: 50px solid #f8f8f8;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.gs-credentials input:focus {
  border-left: 50px solid #f8f8f8;
}
.gs-credentials #login-container,
.gs-credentials #password-container {
  margin: 80px auto 0 auto;
  max-width: 100%;
  padding: 18px 0;
  position: relative;
  width: 35em;
}
.gs-credentials .form-section {
  opacity: 0;
  overflow: hidden;
  padding: 18px;
  position: absolute;
  transition: all 0.4s;
  top: 152px;
  width: 100%;
  z-index: 10;
}
.gs-credentials .form-section .submit-btn {
  /*cursor: default;*/
  margin: 18px auto; /*opacity: .3;*/
  width: 160px;
}
.gs-credentials .form-section .form-messages {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  white-space: nowrap;
}
.gs-credentials .form-section .form-messages.show {
  overflow: visible;
  height: 18px;
}
.gs-credentials .form-section .form-messages .form-message {
  font-size: 12px;
  margin: 0;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
.gs-credentials .form-section .form-messages .form-message.error {
  color: #cc393f;
}
.gs-credentials .form-section .section-title {
  color: #eeeeee;
  font-size: 24px;
  margin: 10px 0 20px 0;
}
.gs-credentials .form-section .description {
  height: 70px;
  position: relative;
  width: 100%;
}
.gs-credentials .form-section .description .info {
  color: #eeeeee;
  font-size: 16px;
  left: 0;
  margin: 0;
  padding-right: 30px;
  position: absolute;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  top: 0;
  transition: all 0.3s;
}
.gs-credentials .form-section .description .sent-info {
  color: #eeeeee;
  font-size: 16px;
  left: 0;
  margin: 0;
  opacity: 0;
  padding-right: 30px;
  position: absolute;
  top: 0;
  transition: all 0.3s;
}
.gs-credentials .form-section.show {
  opacity: 1;
  z-index: 20;
}
.gs-credentials .form-section.complete .submit-btn {
  cursor: pointer;
  opacity: 1;
}
.gs-credentials .form-section.invalid input {
  box-shadow: 0 0 0 1px rgba(204, 57, 63, 0.5) inset;
}
.gs-credentials .form-section.invalid .icon {
  color: #cc393f;
}
.gs-credentials .form-section.invalid .form-messages {
  height: 18px;
}
.gs-credentials .form-section.invalid .form-messages .error {
  opacity: 1;
}
.gs-credentials .form-section.sent .info {
  opacity: 0;
}
.gs-credentials .form-section.sent .sent-info {
  opacity: 1;
}
.gs-credentials .form-section.sent .field-wrap {
  height: 0;
  opacity: 0;
}
.gs-credentials .form-section.sent .submit-btn {
  cursor: default;
  opacity: 0;
}
.gs-credentials .close-form {
  color: white;
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s;
}
.gs-credentials .close-form:hover {
  color: #cc393f;
}
.gs-credentials .info {
  color: white;
  font-size: 16px;
  margin-bottom: 20px;
  padding-right: 30px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.gs-credentials .field-wrap {
  height: 72px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  margin-top: var(--general-space);
}
.gs-credentials .field-wrap .field-message {
  font-size: 10px;
  opacity: 0;
  position: absolute;
  right: 7px;
  top: 38px;
}
.gs-credentials .field-wrap .field-message.field-message-strength {
  right: -6px;
  text-transform: uppercase;
  top: -13px;
  transition: all 0.2s;
}
.gs-credentials .field-wrap .field-message.email-error {
  color: #cc393f;
}
.gs-credentials .field-wrap.missmatch .field-message-missmatch {
  opacity: 0.5;
}
.gs-credentials .field-wrap.invalid-email .email-error {
  opacity: 1;
}
.gs-credentials .field-wrap.weak input {
  box-shadow: 6px 0 0 0 rgba(204, 57, 63, 0.65), 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.gs-credentials .field-wrap.weak .field-message-strength {
  color: rgba(204, 57, 63, 0.65);
  opacity: 1;
}
.gs-credentials .field-wrap.good input {
  box-shadow: 6px 0 0 0 rgba(228, 188, 0, 0.65), 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.gs-credentials .field-wrap.good .field-message-strength {
  color: rgba(228, 188, 0, 0.65);
  opacity: 1;
}
.gs-credentials .field-wrap.strong input {
  box-shadow: 6px 0 0 0 rgba(12, 209, 174, 0.65), 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.gs-credentials .field-wrap.strong .field-message-strength {
  color: rgba(12, 209, 174, 0.65);
  opacity: 1;
}
.gs-credentials .icon {
  color: #999999;
  font-size: 30px;
  position: absolute;
  top: 5px;
  left: 10px;
}
.gs-credentials .valid .icon {
  color: #444444;
}
.gs-credentials .check {
  color: #f8f8f8;
  font-size: 0;
  position: absolute;
  right: 10px;
  top: 45px;
  transition: all 0.2s;
}
.gs-credentials .valid .check {
  font-size: 24px;
  right: 10px;
  top: 39px;
}

#sign-in .forgot-wrap {
  position: relative;
  text-align: center;
}
#sign-in .forgot-wrap .forgot {
  color: white;
  display: inline-block;
  font-size: 14;
  margin: 18px 0;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  text-transform: lowercase;
  transition: color 0.2s;
}
#sign-in .forgot-wrap .forgot:hover {
  color: #cc393f;
}
#sign-in .register-wrap {
  color: white;
  display: block;
  font-size: 0.9em;
  margin-top: 42px;
  text-align: center;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  text-transform: lowercase;
}
#sign-in .register-wrap .register {
  color: #cc393f;
}

/*  SET YOUR PASSWORD PAGE (PASSWORD DEEPLINK) ========================================================================================  */
/*  ===================================================================================================================================  */
#source-password-deeplink {
  background: linear-gradient(to bottom right, #262626, #0d0d0d);
}
#source-password-deeplink #password-container #password-form {
  width: 100%;
}
#source-password-deeplink #password-container #password-form .section-title {
  text-align: center;
}
#source-password-deeplink #password-container #password-form .submit-btn {
  cursor: default;
  margin: 18px auto;
  opacity: 0.3;
  width: 160px;
}
#source-password-deeplink #password-container #password-form.complete .submit-btn {
  cursor: pointer;
  opacity: 1;
}

.password-reset-page #login-container {
  margin: 80px auto 0 auto;
  max-width: 100%;
  padding: 18px 0;
  position: relative;
  width: 35em;
  color: #333
}

.password-reset-page #bg-image {
  left: 0;
  top: 0;
}

.password-reset-page .company-logo {
  width: 250px;
}

.password-reset-page .company-logo div {
  padding-top: 153%;
}

.gs-credentials.password-reset-page #login-container .success-wrap {
  color: #0b9639;
  display: none;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  top: 0px
}

/*  FORM ELEMENTS  ========================  */
input,
textarea,
.gs_ui.dropdown.source,
.gs-dropdown-wrap.source,
select {
  background: rgba(150, 150, 150, 0.3);
  border: none;
  color: var(--text);
  font-size: 100%;
  font-weight: 400;
  transition: background 0.3s ease, color 0.3s ease;
}
input:focus,
textarea:focus,
.gs_ui.dropdown.source:focus,
.gs-dropdown-wrap.source:focus,
select:focus {
  background: rgba(200, 200, 200, 0.7);
  border: none;
  color: #333333;
  font-weight: 400;
  outline: none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
.gs_ui.dropdown.source:focus::-webkit-input-placeholder,
.gs-dropdown-wrap.source:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: #a5a5a5;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
.gs_ui.dropdown.source:focus::-moz-placeholder,
.gs-dropdown-wrap.source:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: #a5a5a5;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
.gs_ui.dropdown.source:focus:-ms-input-placeholder,
.gs-dropdown-wrap.source:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  color: #a5a5a5;
}
input:focus::placeholder,
textarea:focus::placeholder,
.gs_ui.dropdown.source:focus::placeholder,
.gs-dropdown-wrap.source:focus::placeholder,
select:focus::placeholder {
  color: #a5a5a5;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
.gs_ui.dropdown.source:focus::-webkit-input-placeholder,
.gs-dropdown-wrap.source:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder {
  color: #777777;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
.gs_ui.dropdown.source:focus::-moz-placeholder,
.gs-dropdown-wrap.source:focus::-moz-placeholder,
select:focus::-moz-placeholder {
  color: #777777;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
.gs_ui.dropdown.source:focus:-ms-input-placeholder,
.gs-dropdown-wrap.source:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder {
  color: #777777;
}
input:focus::placeholder,
textarea:focus::placeholder,
.gs_ui.dropdown.source:focus::placeholder,
.gs-dropdown-wrap.source:focus::placeholder,
select:focus::placeholder {
  color: #777777;
}

/*  LOGIN PAGE  ===========================  */

/*  ----  FORM ELEMENTS  -------------------------------------------------------------------------  */
input[type="checkbox"] + label::after {
  content: "" !important;
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: never;
  text-transform: none;
  text-decoration: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input[type="checkbox"]:checked + label::after {
  content: "\e178" !important;
}

/*  ----  TABS  ----------------------------------------------------------------------------------  */
.tab-dropdown-wrap ul.tab-dropdown-options li.active::before {
  content: "\e129";
}
.tab-wrap li.icon.tab-type-search::before {
  content: "\e161";
  font-family: "icomoon" !important;
}
.tab-wrap li.icon.tab-type-detail::before {
  content: "\e212";
  font-family: "icomoon" !important;
}
.tab-wrap li.tab .remove::before {
  content: "\e904";
}

/*  ----  RESULTS 3  -----------------------------------------------------------------------------  */
.results3 .list-header .ui-resizable-handle::after {
  content: "\e917";
}
.header-target.results3 .list-header .sortable .field-label::after {
  font-family: "icomoon";
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.header-target.results3 .list-header .sortable .field-label::after {
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}
.header-target.results3 .list-header .sortable .field-label::after {
  content: "\e136";
}
.header-target.results3 .list-header .sortable.sort-DESC .field-label::after {
  content: "\e137";
}
.header-target.results3 .list-header .sortable::after {
  content: " " !important;
  display: none;
}
.header-target.results3 .list-header .sortable.sort-DESC::after {
  content: " ";
  display: none;
}

/*  ----  FORMS  ---------------------------------------------------------------------------------  */
.gs-form-wrap.solarr-form .choice .reset::before {
  content: "\e122";
}
.gs-form-wrap .choice .reset::before {
  content: "\e155";
}

/*  ----  GRID ITEM MEDIA TRIGGERS  --------------------------------------------------------------  */
.results3 .gs-grid-item.list-item.media-type-video .media-trigger::before {
  content: "\e286";
}

/*  ----  NOTIFICATION WIDGET  -------------------------------------------------------------------  */
.notifications-list .notification-content .notification-status::before {
  content: "\e115";
}
.notifications-list .notification-content .has-error .notification-status::before {
  content: "\e125";
}

/*  ----  MEDIA DETAILS  -------------------------------------------------------------------------  */
#media-details .section-version-meta .create .media-metaitem-action::before {
  content: "\e999";
}
#media-details .section-version-meta .edit .media-metaitem-action::before {
  content: "\45";
}
.modal.media-detail-view .create .media-metaitem-action::before {
  content: "\e999";
}
.modal.media-detail-view .edit .media-metaitem-action::before {
  content: "\45";
}

/*  ----  MEDIA ICONS  ---------------------------------------------------------------------------  */
/*  GRID VIEW RESULTS  */
.results3.list-wrap .list .list-item .item-thumb.default-thumb .thumb-image::before {
  content: "\e131";
}

.results3 .gs-grid-item.list-item .thumb-wrap.no-image .media-icon::before {
  content: "\66";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image[data-content="none"] .media-icon::before {
  content: "\e131";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image[data-content="ancillary"] .media-icon::before {
  content: "\66";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image[data-content="audio"] .media-icon::before {
  content: "\6a";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image[data-content="image"] .media-icon::before {
  content: "\e507";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image[data-content="subtitle"] .media-icon::before {
  content: "\64";
}
.results3 .gs-grid-item.list-item .thumb-wrap.no-image[data-content="video"] .media-icon::before {
  content: "\63";
}

/*  ----  GROUP ADMIN APPLICATION SUB SECTION CHEVRON  -------------------------------------------  */
.group-settings-wrap .app-wrap.open .expand-app::before {
  content: "\e136";
}

/*  ----  ACCORDION RESULTS  ---------------------------------------------------------------------  */
.accordion-results .ui-state-active .toggle-btn::before {
  content: "\e136";
}

/*  ----  HISTORY MODULE MAPS ARROW ICONS  -------------------------------------------------------  */
.gs-history-map .quadrant-1 .arrow::before,
.gs-history-map .quadrant-3 .arrow::before {
  content: "\e137";
}
.gs-history-map .quadrant-2 .arrow::before {
  content: "\e135";
}
.gs-history-map .quadrant-4 .arrow::before {
  content: "\e134";
}

/*  CLIENT MODULE  */
/*  >====================================================================================================================<  */
/*  GS_ACTIONS-MENU (3-Dot Menu)  >=====================================================================<  GS_ACTIONS-MENU  */
/*  >====================================================================================================================<  */

/*  ----  MENU WRAP  -----------------------------------------------------------------------------  */
.actions-menu-wrap {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
}
.section-header .actions-menu-wrap {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*  ----  FLYOUT  --------------------------------------------------------------------------------  */
.actions-options-flyout,
.sub-flyout {
  background: var(--component);
  box-shadow: none;
  display: none;
  left: 100%;
  padding: 0;
  position: absolute;
  -webkit-transform: translateX(-100%);
}

/*  ----  FLYOUT : ABSOLUTE POSITIONED  ----------------------------------------------------------  */
.actions-options-flyout.position-absolute {
  display: block;
}

/*  ----  FLYOUT : ABSOLUTE POSITIONED  ----------------------------------------------------------  */
/*  ----  TOP LEFT  -------------------------  */
.actions-menu-wrap.show-more-options.open-left.open-up .more-actions {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.actions-options-flyout.position-absolute.open-left.open-up {
  border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);
}

/*  ----  BOTTOM LEFT  ----------------------  */
.actions-menu-wrap.show-more-options.open-left.open-down .more-actions {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.actions-options-flyout.position-absolute.open-left.open-down {
  border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius);
}

/*  ----  TOP RIGHT  ------------------------  */
.actions-menu-wrap.show-more-options.open-right.open-up .more-actions {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.actions-options-flyout.position-absolute.open-right.open-up {
  border-radius: var(--border-radius) var(--border-radius) var(--border-radius) 0;
}

/*  ----  BOTTOM RIGHT  ---------------------  */
.actions-menu-wrap.show-more-options.open-right.open-down .more-actions {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.actions-options-flyout.position-absolute.open-right.open-down {
  border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
}

/*  ----  .on-bar HAS NO BORDER RADIUS  -----  */
.actions-menu-wrap.on-bar.show-more-options.open-left.open-up .more-actions,
.actions-menu-wrap.on-bar.show-more-options.open-left.open-down .more-actions,
.actions-menu-wrap.on-bar.show-more-options.open-right.open-up .more-actions,
.actions-menu-wrap.on-bar.show-more-options.open-right.open-down .more-actions {
  border-radius: 0;
}

/*  ----  FLYOUT : ABSOLUTE POSITIONED 32px TALL TRIGGERS  ---------------------------------------  */
/*  ----  TOP LEFT  -------------------------  */
.actions-options-flyout.position-absolute.trigger-height-32.open-left.open-up {
  -webkit-transform: translate(calc(-100% + 32px), calc(-100% + 1px));
  transform: translate(calc(-100% + 32px), calc(-100% + 1px));
}

/*  ----  BOTTOM LEFT  ----------------------  */
.actions-options-flyout.position-absolute.trigger-height-32.open-left.open-down {
  -webkit-transform: translate(calc(-100% + 32px), 31px);
  transform: translate(calc(-100% + 32px), 31px);
}

/*  ----  TOP RIGHT  ------------------------  */
.actions-options-flyout.position-absolute.trigger-height-32.open-right.open-up {
  -webkit-transform: translate(0px, calc(-100% + 1px));
  transform: translate(0px, calc(-100% + 1px));
}

/*  ----  BOTTOM RIGHT  ---------------------  */
.actions-options-flyout.position-absolute.trigger-height-32.open-right.open-down {
  -webkit-transform: translate(0px, 31px);
  transform: translate(0px, 31px);
}

/*  ----  FLYOUT : ABSOLUTE POSITIONED 48px TALL TRIGGERS  ---------------------------------------  */
/*  ----  TOP LEFT  -------------------------  */
.actions-options-flyout.position-absolute.trigger-height-48.open-left.open-up {
  -webkit-transform: translate(calc(-100% + 32px), calc(-100% + 1px));
  transform: translate(calc(-100% + 32px), calc(-100% + 1px));
}

/*  ----  BOTTOM LEFT  ----------------------  */
.actions-options-flyout.position-absolute.trigger-height-48.open-left.open-down {
  -webkit-transform: translate(calc(-100% + 32px), 47px);
  transform: translate(calc(-100% + 32px), 47px);
}

/*  ----  TOP RIGHT  ------------------------  */
.actions-options-flyout.position-absolute.trigger-height-48.open-right.open-up {
  -webkit-transform: translate(0px, calc(-100% + 1px));
  transform: translate(0px, calc(-100% + 1px));
}

/*  ----  BOTTOM RIGHT  ---------------------  */
.actions-options-flyout.position-absolute.trigger-height-48.open-right.open-down {
  -webkit-transform: translate(0px, 47px);
  transform: translate(0px, 47px);
}

.actions-menu-wrap.open-down .actions-options-flyout,
.actions-menu-wrap.open-down .sub-flyout {
  background: var(--component);
  border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius);
}

.actions-menu-wrap.open-up .actions-options-flyout,
.actions-menu-wrap.open-up .sub-flyout {
  background: var(--component);
  border-radius: var(--border-radius) var(--border-radius) 0 var(--border-radius);
}

.actions-menu-wrap.open-down .actions-options-flyout {
  top: 100%;
}
.actions-menu-wrap.open-up .actions-options-flyout {
  bottom: 100%;
}
.actions-menu-wrap.show-more-options .actions-options-flyout {
  display: flex;
  flex-direction: column;
}

/*  ----  SECONDARY FLYOUT  ----------------------------------------------------------------------  */
.sub-flyout {
  min-width: 150px;
  padding: 5px 0;
}
.actions-menu-wrap ul li ul {
  display: none;
}
.actions-menu-wrap ul li:hover > ul,
.actions-menu-wrap ul li ul:hover {
  display: block;
}
.actions-menu-wrap.open-down .sub-flyout {
  left: 0;
  top: calc(100% - 34px);
}
.actions-menu-wrap.open-up .sub-flyout {
  left: 0;
  bottom: calc(100% - 34px);
}

/*  ----  FLYOUT OPTIONS  ------------------------------------------------------------------------  */
.actions-options-flyout .option-col {
  min-width: 200px;
  padding: 5px 0;
  vertical-align: top;
  border-bottom: solid 1px #45484c;
}
.actions-options-flyout .option-col:last-of-type {
  border-bottom: 0;
}
.actions-options-flyout .set-title {
  font-weight: 600;
  margin-bottom: 10px;
  white-space: nowrap;
  font-size: 18px;
  padding: 0 15px;
}
.actions-options-flyout .set-options .option {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 15px;
  width: 100%;
  vertical-align: text-bottom;
  position: relative;
  white-space: nowrap;
}
.actions-options-flyout .set-options .option::before {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}
.actions-options-flyout .set-options .option:hover {
  background: var(--component-accent);
}

/*  ----  MENU ICON  -----------------------------------------------------------------------------  */
.actions-menu-wrap .more-actions {
  height: 32px;
  width: 32px;
}
.actions-menu-wrap .more-actions {
  border-radius: var(--border-radius);
  height: 100%;
  position: absolute;
  right: 0;
  width: 32px;
}
.actions-menu-wrap .more-actions:hover {
  background: var(--component);
}
.actions-menu-wrap.show-more-options .more-actions {
  background: var(--component);
}
.actions-menu-wrap.show-more-options.open-down .more-actions {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.actions-menu-wrap.show-more-options.open-up .more-actions {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.actions-menu-wrap .more-actions::before {
  font-size: 22px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.actions-menu-wrap.circle .more-actions::before {
  left: 30%;
  padding: 3px;
  border-radius: 50%;
}
.actions-menu-wrap.circle .more-actions:hover::before {
  background: var(--component-accent);
}
.actions-menu-wrap.circle.active .more-actions::before {
  background: var(--primary);
}

.actions-menu-wrap.active .more-actions::before {
  color: var(--primary);
}

/*  ----  SHOW / HIDE ACTIONS  -------------------------------------------------------------------  */
.actions-menu-wrap.hide-actions {
  display: none;
}
.actions-menu-wrap.hide-results .action-view,
.actions-menu-wrap.hide-results .action-fields,
.actions-menu-wrap.hide-results .action-export {
  display: none;
}
.actions-menu-wrap.sub-tab-position {
  top: unset;
  bottom: -82px;
  z-index: 1;
}

/*  ----  HIGHLIGHT BAR / SELECTED ITEMS  --------------------------------------------------------  */
.action-highlight-bar {
  background: var(--primary);
  opacity: var(--selected-opacity);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.list-item.selected .actions-menu:hover .action-highlight-bar,
.list-item.selected .show-more-options .action-highlight-bar {
  display: block;
}
.list-item.selected .actions-menu-wrap.show-more-options .more-actions,
.list-item.selected .actions-menu-wrap .more-actions:hover {
  background: transparent;
}

/*  >====================================================================================================================<  */
/*  GS_ACTIONS-MENU : END  >======================================================================<  GS_ACTIONS-MENU : END  */
/*  >====================================================================================================================<  */

/*  SOURCE FRAMEWORK MODULE  */
/*  >====================================================================================================================<  */
/*  GS FACETS  >================================================================================================<  GS FACETS  */
/*  >====================================================================================================================<  */

.facet-wrap {
  position: relative;
}
.facet-wrap .facet-inner {
  background: #242831;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.facet-wrap .facet-inner .facet-type-wrap:first-of-type {
  border-radius: 0 0 0 var(--border-radius);
}
.facet-wrap .facet-type-wrap .facet-results-wrap {
  border-radius: var(--border-radius);
}
.tab-content-wrap .facet-wrap .facet-inner {
  background: #383a3d;
}

.facet-wrap .facet-type-wrap .facet-results-wrap {
  z-index: 38500;
}
.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item {
  color: var(--text);
  font-weight: 400;
}
.facet-wrap .facet-type-wrap .facet-results-wrap .facet-item:hover {
  background-color: #383a3d;
}
.facet-wrap .facet-inner .facet-type-wrap .facet-tag .counts {
  border-radius: var(--border-radius);
  color: var(--text);
  margin-right: 5px;
  padding: 2px 8px;
  position: relative;
  top: 20px;
}
.facet-wrap .facet-type-wrap .facet-results-wrap .active .counts {
  color: var(--primary);
  font-weight: bold;
}
.facet-wrap .facet-type-wrap .facet-results-wrap .missing .counts {
  display: none;
}
.facet-wrap .facet-type-wrap .facet-results-wrap .missing .title {
  color: #777777;
}
.facet-wrap .btn-reset-facets {
  cursor: pointer;
  float: right;
  margin-right: 65px;
  padding-top: 12px;
}

/*  >====================================================================================================================<  */
/*  GS FACETS : END  >====================================================================================<  GS FACETS : END  */
/*  >====================================================================================================================<  */

/*  SOURCE FRAMEWORK MODULE  */
/*  >====================================================================================================================<  */
/*  GS_FORMS  >================================================================================================<  GS_FORMS  */
/*  >====================================================================================================================<  */

/*  ----  MODAL FORM  ----------------------------------------------------------------------------  */
.modal .gs-form-wrap .field-wrap {
  margin: 0;
  padding: 0 0 var(--general-space) 0;
  position: relative;
  width: 100%;
}

.modal.form-modal .gs_modal-content-content {
  color: var(--text);
  padding: 0;
}

/*  ----  GENERAL  -------------------------------------------------------------------------------  */
.gs-form-wrap {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  position: relative;
}
.gs-form-wrap::after {
  clear: both;
  display: block;
  content: "";
}
.gs-form-wrap dl {
}
.gs-form-wrap .field-wrap {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  float: left;
  min-height: 82px;
  position: relative;
  transition: all 0.2s linear;
}

.gs-form-wrap.col-1 .field-wrap {
  padding: 0 0 var(--general-space) 0;
  width: 100%;
}
.gs-form-wrap .field-wrap,
.gs-form-wrap.col-2 .field-wrap {
  padding: 0 var(--general-space) var(--general-space) 0;
  width: 50%;
}
.gs-form-wrap.col-3 .field-wrap {
  padding: 0 var(--general-space) var(--general-space) 0;
  width: 33%;
}

.gs-form-wrap .field-wrap.full-width,
.vw-single-field-form .gs-form-wrap .field-wrap,
.gs-form-wrap.full-width .field-wrap {
  width: 100%;
}
.gs-form-wrap dt {
  color: var(--text-accent);
  display: block;
  left: -15px;
  margin: 0;
  padding: 5px 15px;
  position: relative;
}
.gs-form-wrap dd {
  color: var(--text);
  display: block;
  margin: 0;
}
.gs-form-wrap dd .value {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.gs-form-wrap .choice dd .value,
.gs-form-wrap .search dd .value {
  width: calc(100% - 25px);
}
.gs-form-wrap .reset-enabled .value {
  width: calc(100% - 35px);
}
.gs-form-wrap .choice dd,
.gs-form-wrap .search dd,
.gs-form-wrap ul.dropdown {
  cursor: pointer;
}

/*  ----  SOLARR STYLES  -------------------------------------------------------------------------  */
/*  NOTE : LOOK INTO THESE STYLES : SHOULD REMOVE "solarr" FROM THE CLASSES IF POSSIBLE  */
.gs-form-wrap.solarr-form dt {
  color: #838485;
  top: 5px;
}
.gs-form-wrap.solarr-form dt {
  color: #838485;
  top: 5px;
}
.gs-form-wrap.solarr-form dd {
  color: var(--text);
  display: block;
  left: 150px;
  margin: 0;
  position: absolute;
  top: 6px;
  width: calc(100% - 150px);
}
.gs-form-wrap.solarr-form .checkbox dt {
  left: 15px;
}
.gs-form-wrap.solarr-form .checkbox dd {
  left: 10px;
  top: 16px;
  width: auto;
}
.gs-form-wrap.solarr-form .choice dd,
.gs-form-wrap.solarr-form .search dd {
  background: var(--background) none repeat scroll 0 0;
  border-radius: var(--border-radius);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.3) inset;
  color: var(--text);
  font-size: 14px;
  font-weight: 200;
  margin-top: 3px;
}
.gs-form-wrap.solarr-form .field-wrap {
  min-height: auto;
}
.gs-form-wrap.solarr-form .dropdown-value,
.gs-form-wrap.solarr-form .display dd,
.gs-form-wrap.solarr-form .choice dd,
.gs-form-wrap.solarr-form .search dd,
.gs-form-wrap.solarr-form .text input {
  height: 40px;
}
.gs-form-wrap.solarr-form .choice .reset {
  background: transparent none repeat scroll 0 0;
  height: auto;
  top: 20px;
}

/*  ----  DEFAULT HEIGHT  ------------------------------------------------------------------------  */
.gs-form-wrap .dropdown-value,
.gs-form-wrap .display dd,
.gs-form-wrap .choice dd,
.gs-form-wrap .search dd {
  background: var(--background);
  height: 32px;
  margin-top: 0; /*padding: 9px 15px 0; */
}

/* .gs-form-wrap .choice dd,
.gs-form-wrap .search dd {background: var(--background); padding-top: 7px;} */

/*  ----  DEFAULT BORDER  ------------------------------------------------------------------------  */
.gs-form-wrap .display dd,
.gs-form-wrap .search dd,
.gs-form-wrap .choice dd,
.gs-form-wrap .text dd input,
.gs-form-wrap .textarea dd textarea,
.gs-form-wrap li.dropdown-value {
  border: 1px solid transparent;
  border-radius: var(--border-radius);
}

/*  ----  VALIDATION STYLES  ---------------------------------------------------------------------  */
.gs-form-wrap .display.required.valid dd,
.gs-form-wrap .search.required.valid dd,
.gs-form-wrap .choice.required.valid dd,
.gs-form-wrap .dropdown.required.valid li.dropdown-value,
.gs-form-wrap .text.required.valid dd input,
.gs-form-wrap .textarea.required.valid dd textarea,
.gs-form-wrap .dropdown.open li.dropdown-value {
  border: 1px solid var(--primary);
}

.gs-form-wrap .choice.required.valid .reset {
  background: var(--primary);
}

/*  ----  INVALID & REQUIRED INVALID HOVER BORDER COLOR  -----------------------------------------  */
.gs-form-wrap .display.required.invalid dd,
.gs-form-wrap .display.required.invalid:hover dd,
.gs-form-wrap .search.required.invalid dd,
.gs-form-wrap .choice.required.invalid dd,
.gs-form-wrap .dropdown.required.invalid li.dropdown-value,
.gs-form-wrap .text.required.invalid dd input,
.gs-form-wrap .textarea.required.invalid dd textarea {
  border: 1px solid var(--status-error);
}

.gs-form-wrap .required.invalid dt {
  color: var(--status-error);
}

.gs-form-wrap .choice.required.invalid .reset {
  background: var(--status-error);
}

/*  ----  COLOR INPUT  ---------------------------------------------------------------------------  */
.gs-form-wrap .text input.gs-forms-color-input {
  cursor: pointer;
  height: 28px;
  padding: 0;
  position: absolute;
  right: 21px;
  top: 35px;
  width: 26px;
}

/*  ----  DROPDOWN  ------------------------------------------------------------------------------  */
.gs-form-wrap ul.dropdown {
  margin-top: 2px;
  position: relative;
}
.gs-form-wrap li.dropdown-value {
  background: var(--background);
  box-shadow: none;
  padding: 4px 15px;
}
.gs-form-wrap li.dropdown-value .text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 20px);
}
.gs-form-wrap .dropdown-triangle {
  position: absolute;
  right: var(--general-space-half);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gs-form-wrap .dropdown-triangle:before {
}

.dropdown-absolute-choices .dropdown-choices,
.gs-form-wrap .dropdown-choices {
  background: var(--background);
  max-height: 360px;
  width: 100%;
  overflow-y: auto;
}

.dropdown-absolute-choices .dropdown-choices {
  position: relative;
  overflow-y: auto;
}
.gs-form-wrap .dropdown-choices {
  position: absolute;
  z-index: 2;
}

.dropdown-absolute-choices .dropdown-choices li,
.gs-form-wrap .dropdown-choices li {
  cursor: pointer;
  padding: 5px 15px;
  position: relative;
  width: 100%;
}
.dropdown-absolute-choices .dropdown-choices li:last-of-type,
.gs-form-wrap .dropdown-choices li:last-of-type {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.dropdown-absolute-choices .dropdown-choices li:hover,
.gs-form-wrap .dropdown-choices li:hover {
  background: var(--component);
  color: var(--text);
}

.dropdown-absolute-choices {
  background: var(--background);
  position: absolute;
  width: 360px;
}
.dropdown-absolute-choices.open-down {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
}
.dropdown-absolute-choices.open-up {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.dropdown-absolute-choices li span {
  display: block;
  overflow: hidden;
  padding-left: 14px;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*  ----  DISPLAY ITEM  --------------------------------------------------------------------------  */
.gs-form-wrap .display dd {
  padding: 0;
}
.gs-form-wrap .display dd .value {
  border-radius: var(--border-radius);
  filter: var(--display-field-brightness);
  height: 32px;
  padding: 6px 12px 0 12px;
}

/*  ----  CHOICE FIELD  --------------------------------------------------------------------------  */
.gs-form-wrap .choice .select-all {
  color: #888;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  right: 25px;
  top: 5px;
}
.gs-form-wrap .choice .reset {
  background: #888 none repeat scroll 0 0;
  cursor: pointer;
  height: 31px;
  position: absolute;
  right: 17px;
  top: 38px;
  width: 20px;
}
.gs-form-wrap .choice .reset::before {
  font-size: 18px;
  left: 1px;
  position: relative;
  text-align: center;
  top: 2px;
}

/*  ----  CHOICE / SEARCH MODAL  -----------------------------------------------------------------  */
.form-modal ul::after {
  clear: both;
  display: block;
  content: "";
}
.form-modal .form {
  margin: 0;
}
.form-modal .choices-wrap {
  position: relative;
}

/*  ALPHABET FILTERS AND SEARCH  */
.form-modal .filters-wrap {
  background: var(--background-accent);
  height: var(--bar-height);
  position: relative;
  width: 100%;
}
.form-modal #filters {
  height: 100%;
  padding: 0 var(--general-space);
  position: relative;
  width: calc(100% - 185px);
}
.form-modal #filters .filter {
  color: var(--text-accent);
  cursor: pointer;
  float: left;
  height: 100%;
  padding: 3px 2px;
  position: relative;
  text-align: center;
  width: 19px;
}
.form-modal #filters .filter-all {
  background: rgba(255, 0, 0);
  width: 40px;
}
.form-modal #filters .filter.selected {
  color: var(--primary);
}
.form-modal #filters .filter:hover {
  color: var(--text);
}
.form-modal #filters .filter .filter-label {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-modal input.string-filter {
  position: absolute;
  right: 8px;
  top: 6px;
  width: 205px;
}

.form-modal p.no-filtered-results {
  display: none;
  margin: 40px auto;
  text-align: center;
}
.form-modal p.no-items {
  margin: 40px auto;
  text-align: center;
}
.form-modal .choices-wrap ul,
.form-modal .search-wrap ul {
  padding: 15px 15px 0;
}
.form-modal .choices-wrap ul.pages,
.form-modal .search-wrap ul.pages {
  padding: 0;
}

/*  CHOICES  */
.form-modal .choices {
  padding: var(--general-space);
  position: relative;
}
.form-modal .choices .choice-option {
  background: var(--background-accent);
  border-radius: var(--border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: var(--bar-height);
  margin: 2px -4px 2px 0;
  overflow: hidden;
  padding: 14px var(--general-space-half) 0 var(--general-space);
  position: relative;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  width: calc(50% - calc(var(--general-space) / 2));
}
.form-modal .choices .choice-option:nth-child(odd) {
  margin-right: var(--general-space);
}
.form-modal .choices .choice-option:hover {
  color: var(--text);
  filter: var(--hover-brightness);
}
.form-modal .choices .choice-option:before {
  background: var(--primary);
  border-radius: var(--border-radius);
  content: "";
  display: none;
  height: 100%;
  left: 0;
  opacity: var(--selected-opacity);
  position: absolute;
  top: 0;
  width: 100%;
}
.form-modal .choices .choice-option.selected:before {
  display: block;
}

/*  TABS? : NOTE : WG - I HAVE NOT FOUND THIS IN USE TO STYLE IT. PROBABLY NEEDS STYLING UPDATES  */
.form-modal .selected-choice-tabs {
  width: 100%;
}
.form-modal .selected-choice-tabs li {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  margin-bottom: 8px;
  margin-right: 15px;
  padding: 5px 20px 3px 10px;
  position: relative;
  width: auto;
}
.form-modal .selected-choice-tabs li .label {
  margin-right: 10px;
  padding: 0;
}
.form-modal .selected-choice-tabs li .remove {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  padding: 5px 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.form-modal .selected-choice-tabs li .remove:hover {
  background: rgba(255, 255, 255, 0.2);
}

.gs-form-wrap .checkbox .checkbox-icon {
  background: var(--background);
  border: none;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-variant: normal;
  height: 19px;
  left: 4px;
  position: relative;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 19px;
}
.gs-form-wrap .checkbox .selected .checkbox-icon {
  background: var(--background);
}
.gs-form-wrap .checkbox .selected .checkbox-icon:after {
  color: var(--primary);
  cursor: pointer;
  font-family: "icomoon";
  left: 3px;
  position: absolute;
  speak: none;
  top: 3px;
}

.gs-form-wrap .checkbox.radio-style .selected .checkbox-icon:after {
  height: 8px;
  left: 4px;
  height: 8px;
  top: 4px;
}

/*  >====================================================================================================================<  */
/*  GS_FORMS : END  >====================================================================================<  GS_FORMS : END  */
/*  >====================================================================================================================<  */

/*  SOURCE FRAMEWORK MODULE  */
/*  >====================================================================================================================<  */
/*  GS_LOADING  >============================================================================================<  GS_LOADING  */
/*  >====================================================================================================================<  */

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

/*  ----  MAIN LOADER (Large/Full Screen)  -------------------------------------------------------  */
.solarr-loader #gs_loading-cover {
  background: #2a2a2b;
}
#gs_loading-wrap {
  background: none;
  box-sizing: border-box;
  float: left;
  height: 160px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 160px;
}
#gs_loading-wrap:after {
  display: none;
}

#gs_loading-wrap #gs_loader_message {
  color: #e4e4e4;
  font-size: 26px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 900px;
}

#gs_loading-wrap .spiner-holder-one {
  background: transparent;
  box-sizing: border-box;
  height: 50%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50%;
}
#gs_loading-wrap .spiner-holder-two {
  background: transparent;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#gs_loading-wrap .loader-spiner {
  border: 4px solid #ffffff;
  border-radius: var(--border-radius);
  box-sizing: border-box;
  height: 200%;
  width: 200%;
}

/*  SPINNING BITS  */
#gs_loading-wrap .q1-a,
#gs_loading-wrap .q1-b,
#gs_loading-wrap .q2-a,
#gs_loading-wrap .q2-b,
#gs_loading-wrap .q3-a,
#gs_loading-wrap .q3-b,
#gs_loading-wrap .q4-a,
#gs_loading-wrap .q4-b {
  transform-origin: 100% 100%;
}
#gs_loading-wrap .q1-b,
#gs_loading-wrap .q2-b,
#gs_loading-wrap .q3-b,
#gs_loading-wrap .q4-b {
  transform: rotate(-90deg);
}

#gs_loading-wrap .q1-a {
  display: none;
}
#gs_loading-wrap .q2-a {
  display: none;
}
#gs_loading-wrap .q3-a {
  display: none;
}
#gs_loading-wrap .q4-a {
  display: none;
}

/* Loading Dots */
.gs-loading {
  padding: 16px;
}
.loading-dots {
  width: 20px;
  height: 20px;
  color: rgb(54, 131, 247);
  float: left;
  background: rgb(54, 137, 247);
  border-radius: var(--border-radius);
  margin: 11px;
  animation-duration: 1.4s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: blink;
  font-family: sans-serif;
  font-size: 140px;
  line-height: 200px;
  margin-top: 100px;
}
.loading-dots:nth-child(2) {
  animation-delay: 0.4s;
}
.loading-dots:nth-child(3) {
  animation-delay: 0.8s;
}

.solarr-mimi-loader #gs_loader_message {
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  font-variant: all-small-caps;
}
.solarr-mimi-loader #gs_loading-wrap {
  background-color: var(--background-accent);
  border-radius: var(--border-radius);
  box-shadow: 0 6px 34px 0 rgba(0, 0, 0, 0.4);
  display: block;
  height: 100px;
  left: 50%;
  padding-top: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}
.solarr-mimi-loader.plain #gs_loading-wrap {
  background-color: transparent;
  box-shadow: none;
}

.mini-gs-loading {
  text-align: center;
}
.mini-loading-dots {
  animation-duration: 1.4s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: blink;
  background: rgb(54, 137, 247);
  border-radius: var(--border-radius);
  color: rgb(54, 131, 247);
  display: inline-block;
  font-family: sans-serif;
  font-size: 140px;
  height: 15px;
  line-height: 200px;
  margin: 7px;
  margin-top: 15px;
  width: 15px;
}
.mini-loading-dots:nth-child(2) {
  animation-delay: 0.5s;
}
.mini-loading-dots:nth-child(3) {
  animation-delay: 0.8s;
}

/*  ----  MINI LOADER (In element)  --------------------------------------------------------------  */
.gs_loading-mini-overlay {
  background: rgba(35, 35, 35, 0.85);
  display: block;
  font-weight: 400;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.gs_loading-mini-overlay .cover {
  /*background: rgba(0,185,255,.5);*/
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.gs_loading-mini-overlay .gs_loading-wrap {
  background: none;
  font-weight: 400;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 50px;
}
.gs_loading-mini-overlay .center {
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
  width: 40px;
}
.gs_loading-mini-overlay .center > div {
  font-size: 12px;
  margin-top: -8px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}

.solarr-mimi-loader #gs_loading-wrap #gs_loader_message {
  font-size: 20px;
  left: 50%;
  padding: 10px 20px 0 20px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  top: calc(100% + 26px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
  width: auto;
}

#gs_loading-container.mini-spinner-top #gs_loading-wrap {
  top: 10%;
}

/*  >====================================================================================================================<  */
/*  GS_LOADING : END  >================================================================================<  GS_LOADING : END  */
/*  >====================================================================================================================<  */

/*  SOURCE FRAMEWORK MODULE  */
/*  >====================================================================================================================<  */
/*  GS_MODAL  >================================================================================================<  GS_MODAL  */
/*  >====================================================================================================================<  */

/*  ----  GENERAL  -------------------------------------------------------------------------------  */
.gs_modal_overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.gs_modal-content-content {
  color: var(--text);
}
.gs_modal-content-content hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  width: 100%;
}

.gs_modal-content-wrap {
  background: var(--foreground);
  border-radius: var(--border-radius);
  box-shadow: 0 20px 80px 14px rgba(13, 13, 13, 0.7);
  color: var(--text);
  margin-bottom: 40px;
  position: relative;
}
.gs_modal-content-wrap p {
  color: var(--text);
}
.gs_modal-content-content {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 var(--general-space);
}
.gs_modal-content-wrap h2.title {
  background: var(--foreground-accent);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  color: var(--text);
  font-size: var(--small-title-font-size);
  font-weight: 600;
  height: var(--bar-height);
  position: relative;
}
.gs_modal-content-wrap h2.title span {
  left: var(--general-space);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.modal .section-header {
  padding-top: var(--general-space);
  position: relative;
}
.modal .section-title {
  border-bottom: 1px solid var(--component);
  margin-bottom: var(--general-space);
  padding-bottom: var(--general-space);
}

.gs_modal-content-content input {
  border-radius: var(--border-radius);
  margin: 2px 0 0 0;
}
.gs_modal-content-content input:focus {
}
.gs_modal-content-content .gs-dropdown {
  margin: 2px 0 0 0;
}
.gs_modal-content-wrap label {
  color: var(--text-accent);
  display: block;
  font-size: var(--common-font-size);
  margin-bottom: var(--general-space-half);
  position: relative;
  text-transform: capitalize;
}

.gs_modal-content-content p.req {
  float: right;
  position: static;
}
.gs_modal-content-content pre.json-view {
  padding: var(--general-space);
  background: var(--background-accent);
  margin-top: var(--general-space);
  border-radius: var(--border-radius);
}

/*  ----  CONTENT & FORMS  -----------------------------------------------------------------------  */
.gs_modal-content-content .modal-message {
  color: var(--text);
  margin: 20px 0;
}

.gs_modal-content-content .modal-section-wrap {
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.gs_modal-content-content .modal-section-wrap.hide {
  display: none;
}
.gs_modal-content-content .modal-section-wrap.col-2 {
  width: calc(50% - 3px);
}
.gs_modal-content-content .modal-section-wrap.col-2:nth-of-type(2n + 0) {
  padding-left: 10px;
}
.gs_modal-content-content .modal-section-wrap.col-2:nth-of-type(2n + 1) {
  padding-right: 10px;
}
.gs_modal-content-content .modal-section-wrap.col-3 {
  width: calc(33% - 3px);
}
.gs_modal-content-content .modal-section-wrap.col-3:nth-of-type(3n + 1) {
  padding-left: 10px;
}
.gs_modal-content-content .modal-section-wrap.col-3:nth-of-type(3n + 2) {
  padding: 0 10px;
}
.gs_modal-content-content .modal-section-wrap.col-3:nth-of-type(3n + 3) {
  padding-right: 10px;
}
.gs_modal-content-content .modal-section-wrap.form-wrap {
  margin-top: 20px;
}
.gs_modal-content-content .modal-section-wrap .radio-wrap {
  padding: 5px 0;
}
.gs_modal-content-content .modal-section-wrap .radio-wrap .radio-label {
  padding-right: 20px;
}

.gs_modal-content-content .modal-section-wrap.media-title-wrap,
.gs_modal-content-content .modal-section-wrap.title-search {
  padding-top: var(--general-space);
}

.gs_modal-content-content .field-wrap {
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.gs_modal-content-content .field-wrap.col-2 {
  padding: 0;
  width: calc(50% - 3px);
}
.gs_modal-content-content .field-wrap.col-2:nth-of-type(2n + 0) {
  padding-left: 10px;
}
.gs_modal-content-content .field-wrap.col-2:nth-of-type(2n + 1) {
  padding-left: 10px;
}

.gs_modal-content-content .field-wrap.col-3 {
  width: calc(33% - 2px);
}
.gs_modal-content-content .field-wrap.col-3:nth-of-type(3n + 1) {
  padding-right: 10px;
}
.gs_modal-content-content .field-wrap.col-3:nth-of-type(3n + 2) {
  padding: 0 10px;
}
.gs_modal-content-content .field-wrap.col-3:nth-of-type(3n + 3) {
  padding-left: 10px;
}

.gs_modal-content-content .field-wrap .input-note {
  position: absolute;
  bottom: 6px;
  right: var(--general-space);
}
.gs_modal-content-content .field-wrap .input-note.warn {
  color: var(--status-warn);
}
.gs_modal-content-content .field-wrap .input-note.good {
  color: var(--status-good);
}
.gs_modal-content-content .field-wrap .input-note.error {
  color: var(--status-error);
}

.gs_modal-content-content .display-item {
  display: inline-block;
  font-size: 14px;
  margin: 5px 0;
  width: 100%;
  vertical-align: top;
}
.gs_modal-content-content .display-item .key {
  color: var(--text-accent);
  display: inline-block;
  text-transform: capitalize;
}
.gs_modal-content-content .display-item .value {
  color: var(--text);
  display: inline-block;
  margin-left: 4px;
}

.gs_modal-content-content .display-item.col-2 {
  width: calc(50% - 3px);
}
.gs_modal-content-content .display-item.col-2:nth-of-type(2n + 0) {
  padding-left: 10px;
}
.gs_modal-content-content .display-item.col-2:nth-of-type(2n + 1) {
  padding-right: 10px;
}

.gs_modal-content-content .display-item.col-3 {
  padding: 0;
  width: calc(33% - 2px);
}
.gs_modal-content-content .display-item.col-3:nth-of-type(3n + 1) {
  padding-right: 10px;
}
.gs_modal-content-content .display-item.col-3:nth-of-type(3n + 2) {
  padding: 0 10px;
}
.gs_modal-content-content .display-item.col-3:nth-of-type(3n + 3) {
  padding-left: 10px;
}

.gs_modal-content-content .modal-section-wrap.toggle-section {
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -2px;
}
.gs_modal-content-content .modal-section-wrap.toggle-section .toggle {
  display: inline-block;
  margin-left: 4px;
  position: relative;
  top: -3px;
}
.gs_modal-content-content .modal-section-wrap.toggle-section .content {
  display: none;
}
.gs_modal-content-content .modal-section-wrap.toggle-section.show .content {
  display: block;
}

/*  ----  BUTTONS & ACTIONS  ---------------------------------------------------------------------  */
.gs_modal-close-button {
  border: none;
  color: var(--text);
  cursor: pointer;
  height: var(--bar-height);
  right: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  top: 0;
  width: var(--bar-height);
}
.gs_modal-close-button:hover {
  color: var(--status-error);
}
.gs_modal-close-button:before {
  font-size: 16px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gs_modal-content-wrap .gs_modal-action-wrap {
  clear: both;
}

.gs_modal-content-wrap .gs_modal-action-wrap .btn.accept {
  background: var(--primary);
}
.gs_modal-content-wrap .gs_modal-action-wrap .btn.accept:hover {
  background: var(--alt-p-4);
}
.gs_modal-content-wrap .gs_modal-action-wrap .btn.accept.inactive {
  cursor: default;
  opacity: 0.3;
}

.gs_modal-content-wrap .gs_modal-content-content .subtle-btn,
.gs_modal-content-wrap .gs_modal-action-wrap .btn.cancel {
  background: none;
  border: none;
  color: var(--text-accent);
}
.gs_modal-content-wrap .gs_modal-content-content .subtle-btn:hover,
.gs_modal-content-wrap .gs_modal-action-wrap .btn.cancel:hover {
  color: var(--text);
}
.gs_modal-content-wrap .reset {
  color: var(--text);
  cursor: pointer;
  position: absolute;
  right: 50px;
  top: 15px;
}
.gs_modal-content-wrap .reset:hover {
  color: var(--primary);
}

.modal #tab-wrapper {
  background: var(--background-accent);
  display: block;
  height: var(--bar-height);
  left: var(--general-space-neg);
  margin-bottom: var(--general-space);
  padding: 0;
  position: relative;
  width: calc(100% + var(--general-space-2x));
}

/*  GENERAL TAB  */
.modal #tab-wrapper .modal-tab {
  background: var(--background-accent);
  border: none;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  color: var(--text);
  display: inline-block;
  font-size: var(--common-font-size);
  font-weight: 400;
  height: 100%;
  margin: 0 -3px 0 0;
  padding: 14px var(--general-space) 0 var(--general-space);
  vertical-align: top;
}
.modal #tab-wrapper .modal-tab:first-of-type {
  border-radius: 0 var(--border-radius) 0 0;
}
.modal #tab-wrapper .modal-tab:hover {
  color: var(--text);
  filter: var(--hover-brightness);
}

/*  ACTIVE TAB  */
.modal #tab-wrapper .modal-tab.active-tab {
  background: var(--foreground);
  color: var(--text);
  box-shadow: none;
  font-weight: 400;
}
.modal #tab-wrapper .modal-tab.active-tab:hover {
  color: var(--text);
  filter: none;
}

.modal .tab-content-wrap .tab-section {
  display: none;
}
.modal .tab-content-wrap .tab-section.active {
  display: block;
}

/*  ----  FULL HEIGHT MODAL  ---------------------------------------------------------------------  */
.modal.full-height {
  height: 100%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 800px;
}
.modal.full-height .gs_modal-content-wrap {
  bottom: 20px;
  top: 20px;
}
.modal.full-height .gs_modal-content-wrap .gs_modal-content-inner-wrap {
  height: 100%;
  position: relative;
}
.modal.full-height .gs_modal-content-wrap .gs_modal-content-inner-wrap .gs_modal-content-title {
  height: 46px;
}
.modal.full-height .gs_modal-content-wrap .gs_modal-content-inner-wrap .gs_modal-content-content {
  bottom: 0;
  position: absolute;
  top: 46px;
}
.modal.full-height .gs_modal-content-wrap .gs_modal-content-inner-wrap .gs_modal-action-wrap {
  bottom: 0;
  position: absolute;
  padding-bottom: 6px;
  right: 0;
}

/*  ----  STATUS MODAL  --------------------------------------------------------------------------  */
.modal.status-modal .gs_modal-content-title {
  border-bottom: none;
}
.modal.status-modal .gs_modal-content-content {
  padding-top: 40px;
  text-align: center;
}
.modal.single-action .gs_modal-action-wrap {
  padding: 20px;
  text-align: center;
}
.modal.single-action .gs_modal-action-wrap a {
  width: 100%;
}

/*  >====================================================================================================================<  */
/*  GS_MODAL : END  >====================================================================================<  GS_MODAL : END  */
/*  >====================================================================================================================<  */

:root {
  /*  ==  COLORS  =======================================================================  */
  /*  PRIMARY / PRIMARY ACCENT  */
  /* --primary: #2590D8; --primary-accent: #2181C2; */
  --p-red: 37;
  --p-green: 144;
  --p-blue: 216;
  --primary: rgb(var(--p-red), var(--p-green), var(--p-blue));

  --alt-p-1: rgb(calc(var(--p-red) + 80), calc(var(--p-green) + 80), calc(var(--p-blue) + 80));
  --alt-p-2: rgb(calc(var(--p-red) + 60), calc(var(--p-green) + 60), calc(var(--p-blue) + 60));
  --alt-p-3: rgb(calc(var(--p-red) + 40), calc(var(--p-green) + 40), calc(var(--p-blue) + 40));
  --alt-p-4: rgb(calc(var(--p-red) + 20), calc(var(--p-green) + 20), calc(var(--p-blue) + 20));
  --alt-p-5: var(--primary);
  --alt-p-6: rgb(calc(var(--p-red) - 20), calc(var(--p-green) - 20), calc(var(--p-blue) - 20));
  --alt-p-7: rgb(calc(var(--p-red) - 40), calc(var(--p-green) - 40), calc(var(--p-blue) - 40));
  --alt-p-8: rgb(calc(var(--p-red) - 60), calc(var(--p-green) - 60), calc(var(--p-blue) - 60));
  --alt-p-9: rgb(calc(var(--p-red) - 80), calc(var(--p-green) - 80), calc(var(--p-blue) - 80));

  --primary-accent: var(--alt-p-6);

  /*  SECONDARY / SECONDARY ACCENT  */
  /* --secondary: #E38415; --secondary-accent: #CC7713; */
  --s-red: 227;
  --s-green: 132;
  --s-blue: 21;
  --secondary: rgb(var(--s-red), var(--s-green), var(--s-blue));

  --alt-s-1: rgb(calc(var(--s-red) + 80), calc(var(--s-green) + 80), calc(var(--s-blue) + 80));
  --alt-s-2: rgb(calc(var(--s-red) + 60), calc(var(--s-green) + 60), calc(var(--s-blue) + 60));
  --alt-s-3: rgb(calc(var(--s-red) + 40), calc(var(--s-green) + 40), calc(var(--s-blue) + 40));
  --alt-s-4: rgb(calc(var(--s-red) + 20), calc(var(--s-green) + 20), calc(var(--s-blue) + 20));
  --alt-s-5: var(--secondary);
  --alt-s-6: rgb(calc(var(--s-red) - 20), calc(var(--s-green) - 20), calc(var(--s-blue) - 20));
  --alt-s-7: rgb(calc(var(--s-red) - 40), calc(var(--s-green) - 40), calc(var(--s-blue) - 40));
  --alt-s-8: rgb(calc(var(--s-red) - 60), calc(var(--s-green) - 60), calc(var(--s-blue) - 60));
  --alt-s-9: rgb(calc(var(--s-red) - 80), calc(var(--s-green) - 80), calc(var(--s-blue) - 80));

  --secondary-accent: var(--alt-s-6);

  /*  ==  STATUS COLORS  ================================================================  */
  --status-complete: var(--text);
  --status-good: #4c9b45;
  --status-warn: #dbcf3f;
  --status-pending: #dbcf3f;
  --status-error: #c3403d;

  /*  ==  UI BODY AND BACKGROUND  =======================================================  */
  /*  BACKGROUND / BACKGROUND ACCENT  */
  --background: #282828;
  --background-accent: #333333;

  /*  FOREGROUND / FOREGROUND ACCENT  */
  --foreground: #3d3d3d;
  --foreground-accent: #474747;

  /*  COMPONENT / COMPONENT ACCENT  */
  --component: #535353;
  --component-accent: #686868;

  /*  TEXT / TEXT ACCENT  */
  --text: #ffffff;
  --text-accent: #7e7e7e;

  /*  ----  OTHER SHARED UI ELEMENTS STYLES  -------------------------------------------------------  */
  --common-font-size: 14px; /* --------------------------------- GENERAL FONT SIZE FOR THE SYSTEM */
  --small-title-font-size: 16px; /* ---------------------------- GENERAL SMALL TITLE FONT SIZE FOR THE SYSTEM */
  --medium-title-font-size: 26px; /* --------------------------- GENERAL MEDIUM TITLE FONT SIZE FOR THE SYSTEM */
  --large-title-font-size: 28px; /* ---------------------------- GENERAL LARGE TITLE FONT SIZE FOR THE SYSTEM */
  --common-font-weight: 400; /* --------------------------------- GENERAL FONT WEIGHT FOR THE SYSTEM */
  --border-radius: 5px; /* ------------------------------------- BORDER RADIUS OF ELEMENTS */
  --bar-height: 48px; /* --------------------------------------- HEIGHT OF BAR ITEMS LIKE PAGINATION, TABS & RESULT ROWS */
  --general-space: 16px; /* ------------------------------------ GENERAL PADDING/MARGIN TO USE */
  --general-space-neg: calc(var(--general-space) * -1); /* ----- GENERAL SPACE * -1 */
  --general-space-2x: calc(var(--general-space) * 2); /* -------- GENERAL SPACE x 2 */
  --general-space-half: calc(var(--general-space) / 2); /* ----- GENERAL SPACE x .5 */
  --inactive-opacity: 0.3; /* ----------------------------------- OPACITY OF BUTTONS FLAGGED TO BE INACTIVE */
  --selected-opacity: 0.3; /* ----------------------------------- OPACITY OF SELECTED ITEM OVERLAYS */
  --item-icon-opacity: 0.1; /* ----------------------------------- OPACITY OF ITEM ACTIONS WHILE NOT IN ::hover */
  --hover-brightness: brightness(110%); /* ---------------------- BRIGHTNESS FILTER FOR ITEM HOVER STATES ( filter: brightness(110%) ) */
  --display-field-brightness: brightness(115%); /* -------------- BRIGHTNESS FILTER FOR FORM DISPLAY ITEMS ( filter: brightness(115%) ) */
  --hover-brightness-opacity: 0.1; /* ----------------------------- OPACITY FOR A HOVER EFFET ON SOMETHING WITHOUT : SHOULD MATCH --hover-brightness (110% === .1 >> 100% + 10%) */
}

/*  SES-360 THEME - FORMERLY MX1 - FORMERLY RR MEDIA  */
/*  TESTING WEBPACK UPDATING  */
.webpacktest {
  color: var(--primary);
}
/*  >====================================================================================================================<  */
/*  IMPORTS  >==================================================================================================<  IMPORTS  */
/*  >====================================================================================================================<  */

/*  >====================================================================================================================<  */
/*  FONTS  >======================================================================================================<  FONTS  */
/*  >====================================================================================================================<  */
/*  ----  SYSTEM FONT(s)  ------------------------------------------------------------------------  */
@font-face {
  font-family: "Open Sans";
  src: url(../fonts/09ac169f599cbe0fb8dff462db4a487c.woff) format("woff"), url(../fonts/207d517ace5f34c8df8786c8801df8d3.woff2) format("woff2"), url(../fonts/20fa9eb16e07cd58fc2737990fc0bade.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Open Sans";
  src: url(../fonts/cbd0a0ff6bb87d073db2df5fdbca66cc.woff) format("woff"), url(../fonts/1c8871afb95e0392c974cc963b854660.ttf) format("truetype");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Open Sans";
  src: url(../fonts/a562f221250bf1267172cc6bbab29199.woff) format("woff"), url(../fonts/c7c8df2d8386fab80d86129ab8b4dc31.woff2) format("woff2"), url(../fonts/dd830a9d829a6e89a5fd9c49d04d9c42.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
}

/*  >====================================================================================================================<  */
/*  CORE STYLES  >==========================================================================================<  CORE STYLES  */
/*  >====================================================================================================================<  */
body {
  background: transparent;
  font-family: "Open Sans";
  font-size: var(--common-font-size);
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
.h1,
.h2 {
  background: none;
  font-family: "Open Sans";
  font-size: var(--large-title-font-size);
  font-weight: 700;
}

h3,
.h3 {
  background: none;
  font-family: "Open Sans";
  font-size: var(--medium-title-font-size);
  font-weight: 600;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  background: none;
  font-family: "Open Sans";
  font-size: var(--small-title-font-size);
  font-weight: 600;
}

a {
  color: var(--primary);
}
iframe {
  border: none;
  margin: 0;
  padding: 0;
}

/*  >====================================================================================================================<  */
/*  COMMON STYLES  >======================================================================================<  COMMON STYLES  */
/*  >====================================================================================================================<  */
.clear {
  clear: both;
}
.no-pointer-events {
  pointer-events: none;
}

.color-primary,
.color-primary-hover:hover,
.color-primary-after:after,
.color-primary-after-hover:hover:after,
.color-primary-before:before,
.color-primary-before-hover:hover:before {
  color: var(--primary);
}

.bg-primary,
.bg-primary-hover:hover,
.bg-primary-before:before {
  background: var(--primary);
}

.border-primary {
  border-color: var(--primary);
}
.border-primary-hover:hover {
  border-color: var(--primary);
}

.color-primary-box-shadow {
  box-shadow: 0 0 0 1px var(--primary) inset;
}

.selection-primary-highlight-enabled.selected {
  box-shadow: 4px 0 0 0 var(--primary) inset;
}

.color-validated-box-shadow {
  box-shadow: 0 0 0 1px var(--primary) inset;
}

.color-highlight {
  color: var(--primary) !important;
}

.selection-highlight-enabled.selected {
  box-shadow: 4px 0 0 0 var(--primary) inset;
}

.bg-secondary {
  background: var(--secondary);
}
.bg-secondary-hover:hover {
  background: var(--secondary);
}
.bg-secondary-before:before {
  background: var(--secondary);
}

.border-secondary {
  border-color: var(--secondary);
}
.border-secondary-hover:hover {
  border-color: var(--secondary);
}

.color-secondary {
  color: var(--secondary);
}
.color-secondary-hover:hover {
  color: var(--secondary);
}
.color-secondary-after:after {
  color: var(--secondary);
}
.color-secondary-after-hover:hover:after {
  color: var(--secondary);
}
.color-secondary-before:before {
  color: var(--secondary);
}
.color-secondary-before-hover:hover:before {
  color: var(--secondary);
}
.color-secondary-after:after {
  color: var(--secondary);
}
.color-secondary-after-hover:hover:after {
  color: var(--secondary);
}

.selected .selected-color-primary {
  color: var(--selected);
}
.selected.selected-color-primary {
  color: var(--selected);
}
.selected .selected-color-primary-before:before {
  color: var(--selected);
}
.selected.selected-color-primary-before:before {
  color: var(--selected);
}

.selected .selected-color-secondary {
  color: var(--secondary) !important;
}
.selected.selected-color-secondary {
  color: var(--secondary) !important;
}
.selected .selected-color-secondary-before:before {
  color: var(--secondary) !important;
}
.selected.selected-color-secondary-before:before {
  color: var(--secondary) !important;
}

.color-secondary-box-shadow {
  box-shadow: 0 0 0 1px var(--secondary) inset;
}

.color-negative-action {
  color: var(--status-error);
}
.color-negative-action-hover:hover {
  color: var(--status-error);
}

/*  >====================================================================================================================<  */
/*  GENERAL UI  >============================================================================================<  GENERAL UI  */
/*  >====================================================================================================================<  */
.build-version {
  color: var(--text-accent);
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  left: 10px;
  position: relative;
  vertical-align: middle;
}

#source-base {
  background: var(--background);
}
#source-login #bg-image,
#password-reset #bg-image {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 68%;
  opacity: 1;
  position: absolute;
  width: 100%;
}
#bg-image,
#source-bg {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}

#source-home #bg-full-gradient {
  height: 100%;
  position: absolute;
  width: 100%;
}

/*  ----  FRAMES  --------------------------------------------------------------------------------  */
#frames {
  bottom: 0;
  left: 0 !important;
  right: 0;
  top: 54px !important;
  width: 100%;
}
@media only screen and (max-width: 900px) and (min-width: 705px) {
  #frames {
    bottom: 40px;
  }
}

@media only screen and (max-width: 499px) {
  #frames {
    bottom: 40px;
  }
}

#bg-cover {
  background: none;
}

.source-application-wrapper {
  display: block;
  height: 100%;
  min-width: 1200px;
  overflow: auto;
  padding: 0 var(--general-space);
  position: absolute;
  width: 100%;
}
.source-application-wrapper.cover-bg {
  background: var(--background);
}

.hover-full-reset {
  white-space: normal !important;
}
.hover-full {
  display: inline-block;
  overflow: hidden;
}
.hover-full-one-line {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hover-full-two-lines {
  max-height: 3em;
  line-height: 1.5em;
}
.hover-full:hover {
  max-height: none;
  overflow-y: visible;
  white-space: normal;
}

/*  >====================================================================================================================<  */
/*  ANIMATIONS  >============================================================================================<  ANIMATIONS  */
/*  >====================================================================================================================<  */
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*  >====================================================================================================================<  */
/*  INPUTS  >====================================================================================================<  INPUTS  */
/*  >====================================================================================================================<  */
/*  ----  TEXT & TEXT AREA  ----------------------------------------------------------------------  */
input,
textarea {
  background: var(--background);
  border-radius: var(--border-radius);
  color: var(--text);
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 400;
  margin: 2px 0 0 0;
  padding: 0 var(--general-space);
}

.gs-form-wrap input,
.gs-form-wrap textarea {
  margin: 0;
}

input {
  height: 32px;
}
input:focus,
textarea:focus {
  background: var(--background);
  box-shadow: 0 0 0 1px var(--primary) inset;
  color: var(--text);
  font-weight: 400;
}
textarea {
  min-height: 180px;
  padding: var(--general-space);
}

/*  ----  PLACEHOLDER  ---------------------------------------------------------------------------  */
input::-webkit-input-placeholder {
  color: var(--text-accent);
  opacity: 1;
  text-transform: capitalize;
}
input::-moz-placeholder {
  color: var(--text-accent);
  opacity: 1;
  text-transform: capitalize;
}
input:-ms-input-placeholder {
  color: var(--text-accent);
  opacity: 1;
  text-transform: capitalize;
}
input:-moz-placeholder {
  color: var(--text-accent);
  opacity: 1;
  text-transform: capitalize;
}
input:-moz-placeholder {
  color: var(--text-accent);
  opacity: 1;
  text-transform: capitalize;
}
input:placeholder {
  color: var(--text-accent);
  opacity: 1;
  text-transform: capitalize;
}

input:focus::-webkit-input-placeholder {
  color: var(--text-accent);
}
input:focus::-moz-placeholder {
  color: var(--text-accent);
}
input:focus:-ms-input-placeholder {
  color: var(--text-accent);
}
input:focus:-moz-placeholder {
  color: var(--text-accent);
}
input:focus:-moz-placeholder {
  color: var(--text-accent);
}
input:focus:placeholder {
  color: var(--text-accent);
}

/*  ----  CHECKBOX  ------------------------------------------------------------------------------  */
input[type="checkbox"] + label {
  padding-left: 26px;
}
input[type="checkbox"] + label:before {
  background: var(--background);
  border: none;
  border-radius: var(--border-radius);
  content: "";
  height: 19px;
  left: 0px;
  position: absolute;
  top: 0;
  width: 19px;
}
input[type="checkbox"]:checked + label:after {
  content: "d";
  color: var(--primary);
  font-family: "IconFont";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  left: 4px;
  position: absolute;
  top: 3px;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type="checkbox"]:checked + label:before {
  background: var(--background);
  border: none;
  border-radius: var(--border-radius);
  content: "";
}

/*  ----  RADIO BUTTONS  -------------------------------------------------------------------------  */
input[type="radio"] + label {
  padding-left: 26px;
}
input[type="radio"] + label:before {
  background: var(--background);
  border: none;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
input[type="radio"]:checked + label:before {
  background: var(--background);
  border: none;
}
input[type="radio"]:checked + label:after {
  background: var(--primary);
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 8px;
}

/*  GS DROPDOWNS  */
.gs-dropdown-wrap {
  background: var(--background);
  border-radius: var(--border-radius);
  box-shadow: none;
  color: var(--text);
  height: 32px;
}
.gs-dropdown-wrap .gs-dropdown.open {
  color: var(--text);
  background: var(--background);
  border-radius: var(--border-radius);
  box-shadow: none;
}
.gs-dropdown-wrap .gs-dropdown .gs-dropdown-selected {
  border-radius: var(--border-radius);
  height: 32px;
  padding: 9px var(--general-space) 8px var(--general-space);
}
.gs-dropdown-wrap .gs-dropdown.open .gs-dropdown-selected {
  box-shadow: 0 0 0 1px var(--primary) inset;
}
.gs-dropdown-wrap .gs-dropdown .gs-dropdown-selected .value {
  left: 16px;
  position: absolute;
}
.gs-dropdown-wrap .gs-dropdown-option-list {
  background: var(--background);
  box-shadow: none;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.gs-dropdown-wrap .gs-dropdown-option {
  color: var(--text);
}
.gs-dropdown-wrap .gs-dropdown-option:hover {
  background: var(--component);
}

.gs-dropdown-wrap.on-dark {
  background: var(--foreground);
  color: var(--text);
}
.gs-dropdown-wrap.on-dark .gs-dropdown.open {
  background: var(--foreground);
}
.gs-dropdown-wrap.on-dark .gs-dropdown-option-list {
  background: var(--foreground);
}

/*  >====================================================================================================================<  */
/*  BUTTONS  >==================================================================================================<  BUTTONS  */
/*  >====================================================================================================================<  */
.btn,
.btn-base {
  border-radius: var(--border-radius);
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  letter-spacing: initial;
  padding: 8px 10px;
  text-transform: capitalize;
  transition: all 0.2s;
}

.btn.btn-primary,
.btn.btn-active,
.btn-base.btn-primary,
.btn-base.btn-active {
  background-color: var(--primary);
  border: none;
}
#password-reset .btn.btn-primary {
  background-color: #325aff;
}

.btn.btn-primary:hover,
.btn-base.btn-primary:hover {
  background-color: var(--alt-p-4);
}

.btn.btn-active:hover,
.btn-base.btn-active:hover {
  background-color: var(--alt-p-4);
}

.btn.btn-secondary,
.btn-base.btn-secondary {
  background-color: var(--secondary);
  border: none;
  color: var(--text);
}

.btn.btn-secondary:hover,
.btn-base.btn-secondary:hover,
.btn.bg-secondary:hover {
  background-color: var(--alt-s-4);
}
.btn-base.btn-active.bg-secondary:hover {
  background-color: var(--alt-s-4);
}
.btn-text {
  cursor: pointer;
  margin: 8px 10px;
}

.btn.btn-alt,
.btn-base.btn-alt {
}

.modal .btn.btn-alt,
.modal .btn-base.btn-alt {
  background: var(--foreground-accent);
  border: none;
}
.modal .btn.btn-alt:hover,
.modal .btn-base.btn-alt:hover {
  background: var(--component-accent);
  border: none;
}

/*  >====================================================================================================================<  */
/*  LOGIN  >======================================================================================================<  LOGIN  */
/*  >====================================================================================================================<  */
.gs-credentials {
  background: var(--background);
  background-image: none;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 110%;
}
.gs-credentials #bg-texture {
  background: none;
}

#login-container input,
#login-container input:focus,
.gs-credentials .gs-credentials-input,
.gs-credentials .gs-credentials-input:focus {
  background: var(--foreground) !important;
  border: none;
  margin-top: var(--general-space-2x);
  background-color: transparent;
}
.gs-credentials .gs-credentials-input.empty,
.gs-credentials .invalid .gs-credentials-input {
  border: none;
  box-shadow: 0 0 0 1px var(--status-error) inset !important;
}

/* THIS TURNS THE PLACEHOLDER TEXT THE SAME COLOR AS THE FIELD : DORON REQUESTED THAT WE HIDE THE PLACEHOLDER TEXT : SES360-1400 : 12/21/2020 */
#login-container input::-webkit-input-placeholder {
  color: var(--foreground);
}
#login-container input::-moz-placeholder {
  color: var(--foreground);
}
#login-container input:-ms-input-placeholder {
  color: var(--foreground);
}
#login-container input:-moz-placeholder {
  color: var(--foreground);
}
#login-container input:-moz-placeholder {
  color: var(--foreground);
}
#login-container input:placeholder {
  color: var(--foreground);
}

#login-container input:focus::-webkit-input-placeholder {
  color: var(--foreground);
}
#login-container input:focus::-moz-placeholder {
  color: var(--foreground);
}
#login-container input:focus:-ms-input-placeholder {
  color: var(--foreground);
}
#login-container input:focus:-moz-placeholder {
  color: var(--foreground);
}
#login-container input:focus:-moz-placeholder {
  color: var(--foreground);
}
#login-container input:focus:placeholder {
  color: var(--foreground);
}

.gs-credentials .active-email-wrap {
  margin-bottom: var(--general-space);
}
.gs-credentials .field-wrap {
  height: 80px;
  padding-top: var(--general-space-half);
}
.gs-credentials .field-wrap .icon {
  color: var(--primary);
  font-size: 18px;
  height: 32px;
  left: 0;
  top: 0;
  width: 32px;
}
/* .gs-credentials .field-wrap .icon:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } */
.gs-credentials .field-wrap .icon:before {
  display: none;
}

.gs-credentials .field-wrap.user-wrap:before,
.gs-credentials .field-wrap.password-wrap:before,
.gs-credentials .field-wrap.confirm-password-wrap:before,
.gs-credentials .field-wrap.request-email-wrap:before {
  color: var(--text-accent);
  font-size: 12px;
  left: 0;
  position: absolute;
  top: 5px;
}
.gs-credentials .field-wrap.user-wrap:before {
  content: "User";
}
.afp-login.password-reset-page.gs-credentials .field-wrap.password-wrap:before {
  content: "Password";
}
.afp-login.password-reset-page.gs-credentials .set-password-message {
  margin-bottom: 15px;
}

.afp-login.gs-credentials .field-wrap.password-wrap:before {
  content: "";
}
.gs-credentials .field-wrap.confirm-password-wrap:before {
  content: "Confirm Password";
}
.gs-credentials .field-wrap.request-email-wrap:before {
  content: "Email";
}

.gs-credentials #sign-in .forgot-wrap {
  display: block;
  padding-right: 5px;
  text-align: left;
  width: calc(100% - 180px);
}
.gs-credentials #sign-in .forgot-wrap .forgot {
  color: var(--primary);
  font-size: 12px;
  text-shadow: none;
  text-transform: capitalize;
}
.gs-credentials #sign-in .forgot-wrap .forgot:hover {
  color: var(--alt-p-4);
}
.gs-credentials .form-section .section-title {
  color: var(--text);
}
.gs-credentials .form-section .description .info {
  color: var(--text);
  text-shadow: none;
}

.gs-credentials .close-form {
  color: var(--text);
}
.gs-credentials .close-form:before {
}

.bg-header-image {
  background-image: url(https://static-stage.ses-360.com/static/__dist/header-894aba5fa47ea2f1b73a4c01b2097ea2.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  top: 0;
}
.bg-footer-image {
  background-image: url(https://static-stage.ses-360.com/static/__dist/footer-3a494ce3bce2db8dd99b1481a812fc4d.png);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  height: 100px;
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.gs-credentials {
  background-color: var(--background);
}

/* .gs-credentials-company-logo { background-image: url(../img/SES360.png); } */
.gs-credentials-company-logo {
}
.gs-credentials-logo-shadow {
  display: none;
}

.gs-credentials #login-container,
.gs-credentials #password-container {
  margin-top: -60px;
  display: block !important;
}

.gs-credentials #login-container .success-wrap {
  color: var(--text);
  position: relative;
  top: 400px;
}

.gs-credentials .company-logo {
  margin: 0 auto 20px auto;
  width: 330px;
}

.gs-credentials .form-section .submit-btn {
  background: var(--primary);
  border: none;
  border-radius: var(--border-radius);
  float: right;
  height: 32px;
  margin-top: 13px;
  width: 160px;
}
.gs-credentials .form-section .submit-btn:hover {
  background: var(--alt-p-4);
}

.gs-credentials .form-section,
.cookie-conf-wrap {
  top: 380px;
}

.gs-credentials .icon {
  color: var(--primary);
  font-size: 20px;
  left: 14px;
  top: 19px;
}
.gs-credentials .password-wrap .icon {
  margin-left: 4px;
}
.gs-credentials .valid .icon {
  color: var(--text);
}
.gs-credentials .form-section.invalid .icon {
  color: var(--text);
}
.gs-credentials .valid .check {
  font-size: 16px;
  height: 32px;
  top: 39px;
  right: 4px;
  width: 32px;
}
.gs-credentials .valid .check:before {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gs-credentials .field-wrap .field-message {
  right: 10px;
  top: 48px;
}
.gs-credentials .field-wrap .field-message.email-error {
  color: var(--status-error);
  font-weight: 400;
}

#sign-in .forgot-wrap {
  display: inline-block;
  padding-right: 5px;
  text-align: center;
  width: 100%;
}
#sign-in .register-wrap {
  display: none;
  margin-top: 0;
  padding-left: 5px;
  text-align: left;
  width: 49%;
}
#sign-in .register-wrap .register {
  display: inline-block;
  font-size: 12px;
  margin: 18px 0;
  text-transform: none;
}

.source-application-wrapper .browser-optimization-message {
  color: var(--text);
  overflow: hidden;
  position: relative;
  text-align: center;
  top: 285px;
  width: 100%;
  z-index: 1;
}

#source-login .cookie-legal {
  background: transparent;
  bottom: 0;
  padding: 15px;
  position: fixed;
  text-align: left;
  width: 100%;
  z-index: 100;
}
.source-application-wrapper .cookie-legal {
  background: var(--background);
  clear: both;
  padding-bottom: 20px;
  text-align: center;
  width: 455px;
}
#source-login .cookie-legal p {
  font-style: italic;
  margin: 0 auto;
  padding: 0 20px 20px 20px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
#source-login .cookie-legal a.find-more-pp {
  color: var(--text);
  text-decoration: underline;
}
#source-login .cookie-legal .cookie-msg-ok {
  display: none;
  font-size: 10px;
  margin: 10px auto 0 auto;
  padding: 10px 30px;
  width: initial;
}

.gs_modal_overlay.login-pp {
  display: none;
}
.gs_modal-master-wrap.login-pp {
  display: none;
}

.gs-credentials .form-section .form-messages .form-message.error {
  color: var(--status-error);
}

.gs-credentials .check {
  color: var(--status-good);
}
/*  THIS SEEMS WEIRD, BUT I DON'T HAVE TIME TO CHECK IT OUT  */
/*  NEED TO JUST UPDATE THE TEMPLATE  */
.gs-credentials .color-secondary {
  color: var(--status-warn);
}

/*  >====================================================================================================================<  */
/*  MOBILE STYLES  >======================================================================================<  MOBILE STYLES  */
/*  >====================================================================================================================<  */

/* portrait phone (< 480px) */
@media only screen and (max-width: 500px) {
  #source-header .personal {
    height: 55px;
    position: static;
    width: auto;
  }
  #federated-search-wrap {
    display: none;
  }
  #source-login .source-application-wrapper,
  #password-reset .source-application-wrapper {
    min-width: 0 !important;
    max-width: 100%;
    padding: 0 20px 20px;
  }
  #source-login #bg-image,
  #password-reset #bg-image {
    position: fixed;
  }
  .gs-credentials .form-section,
  .cookie-conf-wrap {
    top: 190px;
  }
  .gs-credentials .company-logo > div {
    top: 50px;
  }
  #widget-toggle {
    display: none;
  }
  .source-application-wrapper .browser-optimization-message {
    top: 35px;
  }
}

/**************************************************************************************************************************
**  STYLES DOUBLED UP BELOW BECAUSE SPACES BREAK STYLES ON MOBILE BROWSERS AND NO SPACES FAIL TO RENDER ON DESKTOP BROWSERS
**************************************************************************************************************************/

/* landscape phone and portrait tablet (>= 480px < 960px) */
@media only screen and (min-width: 501px) and (max-width: 960px) {
  /*#source-system-menu { display: none !important; }*/
  #source-login .source-application-wrapper,
  #password-reset .source-application-wrapper {
    min-width: 0 !important;
    max-width: 100%;
    padding: 0 20px 20px;
  }
  #source-login #bg-image,
  #password-reset #bg-image {
    position: fixed;
  }
  .gs-credentials .form-section,
  .cookie-conf-wrap {
    top: 240px;
  }
  .gs-credentials .company-logo > div {
    top: 50px;
  }
  #widget-toggle {
    display: none;
  }
  .source-application-wrapper .browser-optimization-message {
    top: 65px;
  }
}
@media only screen and (min-width: 501px) and(max-width:960px) {
  /*#source-system-menu { display: none !important; }*/
  #source-login .source-application-wrapper,
  #password-reset .source-application-wrapper {
    min-width: 0 !important;
    max-width: 100%;
    padding: 0 20px 20px;
  }
  #source-login #bg-image,
  #password-reset #bg-image {
    position: fixed;
  }
  .gs-credentials .form-section,
  .cookie-conf-wrap {
    top: 240px;
  }
  .gs-credentials .company-logo > div {
    top: 50px;
  }
  #widget-toggle {
    display: none;
  }
  .source-application-wrapper .browser-optimization-message {
    top: 65px;
  }
}