/*
Copyright truelogic Pty Ltd
This code may not be used without permission and is copyright truelogic Pty Ltd
*/

/****************************************************

Table of Contents
    1) site-basics ; default stuff for elements not covered by the reset or font-size
    2) common-elements ; layout elements on the majority of pages like mastheader/footer/clear styles/content container
    3) table-styles ;
    4) tab-styles ;
    5) content-library ;
    6) thumbnail-styles ; template and content library thumbnails
    7) folder-styles ; folders in reporting and clib
    8) survey-styles ; surveys
    9) help-styles ; styles for the help section of the site
    10) content-styles ; specific content headings, paragraph and list styles
    11) navigation-styles ; nav styles that are not tied to any specific area
    12) misc-elements ;
    13) jquery-plugins ; all styles relating to jquery plugins
    14) printing-styles ; ui for printing pages and print media styles, NOT PRINT TEMPLATES
    15) login styles ;

****************************************************/

/* -------------------------------------------------------------------------- */
/*                              1. site-basics                                */
/* -------------------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Karla:wght@700&family=Rubik:wght@400;700&display=swap");
@import url("/skins/_common/commonfixes.css");

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

body {
  margin: 0px;
  min-height: calc(100vh - 90px);
  position: relative;
  padding-bottom: 90px;
}

html,
body {
  background-color: #f1f2f6;
  font-family: "Rubik", sans-serif;
  color: #222222;
  font-weight: 400;
}

html,
body,
input,
select,
textarea {
  color: #222222;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}

th,
td {
  font-size: 13px;
}

p,
ol,
ul,
a,
div.jGrowl,
select,
input,
textarea,
label,
.s_form-explanation,
.uploadifyQueueItem {
  font-size: 13px;
}

a {
  color: #5163ec;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

a:hover {
  text-decoration: underline;
}

h1 {
  background-image: url("images/logo.png");
  background-position: left bottom;
  width: 1012px;
}

h2 {
  color: #5163ec;
}

.s_welcome-screenshot {
  border: none;
  width: 50px;
  height: 42px;
  float: left;
  margin-right: 20px;
  margin-left: 50px;
}

/* -------------------------------------------------------------------------- */
/*                            2. common-elements                              */
/* -------------------------------------------------------------------------- */

.s_hr {
  border-top-color: #f1f2f6;
  display: none;
}

#s_page-home .s_hr,
#s_page-email01 .s_hr {
  display: none;
}

/* ------------------------- hover and drop colours ------------------------- */

.s_hover {
  background-color: transparent;
  border-color: transparent;
}

.s_drop {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

/* ------------------------------ master-header ----------------------------- */

#s_mastheader-container {
  background-image: url(images/header_bg_line.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}

/* user-links ;
links to user sections like admin and settings */

#s_mastHeader-tagline p {
  color: #222222;
}

/* tag-line ;
something like "powered by CampaignBreeze" */

#s_mastheader-userLinks ul {
  color: #222222;
  margin-top: 15px;
}

#s_mastheader-userLinks ul ul {
  margin-top: 6px;
}

#s_mastheader-userLinks li {
  background-image: url("images/brand.png");
  padding: 6px 6px 6px 7px;
}

#s_mastheader-userLinks li.s_first {
  background: none;
  color: #222222;
}

#s_mastheader-userLinks li.s_last {
  padding-right: 0;
}

#s_mastheader-userLinks a {
  color: #f55827;
  font-weight: 400;
}

#s_mastheader-userLinks .s_mastheader-userLinksWelcome {
  font-weight: 400;
}

#s_mastheader-userLinks {
  margin: 0;
  position: absolute;
  top: initial;
  bottom: 50px;
  right: 40px;
  width: auto;
}

/* ------------------------------ site-main-nav ----------------------------- */

#s_nav-main {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  font-size: 13px;
  text-align: right;
  background: #fff;
  display: block;
  width: 100%;
  /* z-index: 999;
    */
}

/* #s_nav-main::before {
    content: "";
    position: absolute;
    width: 200vw;
    height: 100%;
    background: #fff;
    left: -50%;
    z-index: 2;
}
*/

#s_nav-main ul {
  list-style: none;
  text-align: right;
  margin: 0px;
  padding: 0px;
  margin-right: 20px;
  position: relative;
  z-index: 3;
}

#s_nav-main li {
  float: none;
  line-height: 1em;
  height: 42px;
  overflow: initial;
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

#s_nav-main a {
  background-image: none;
  background-color: transparent;
  color: #222222;
  font-weight: 400;
}

#s_nav-main a,
.s_nav-tabs li a {
  border-radius: 0;
}

#s_nav-main #nav_reports span {
  background-image: none;
}

#s_nav-main #nav_ar span,
#s_nav-main #nav_ab span {
  background-image: none;
}

#s_nav-main span {
  background-image: none;
  padding: 15px 14px;
}

#s_nav-main li.s_current a {
  color: #ffffff;
}

#s_nav-main li.s_current a,
#s_nav-main li a:hover,
#s_nav-main li.s_hover a {
  /* background-position: 100% -33px;
    */
  text-decoration: none;
  height: auto;
  background: #5163ec;
  color: #ffffff;
}

#s_nav-main li a:hover,
#s_nav-main li.s_hover a {
  color: #ffffff;
}

#s_content-container {
  /* overflow: initial;
    */
  width: 1080px;
}

#printExportFilterOptions {
  min-width: 116px;
}

/* ------------------------------- main-footer ------------------------------ */

#s_footer {
  background: #fff;
  margin: 0px;
  margin-top: 90px;
  padding: 14px 20px;
  box-shadow: inset 0px 1px 3px rgba(168, 168, 168, 0.401907);
  width: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -90px;
}

#s_footer h4 {
  color: #3c4650;
  display: none;
}

#s_footer p {
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  letter-spacing: 0.375px;
  color: rgba(168, 168, 168, 0.695558);
}

#s_footer .s_footer-leftCol {
  text-align: left;
}

#s_footer ul {
  margin-top: 10px;
  display: none;
}

#s_footer li {
  background-image: url("images/brand.png");
  background-position: 0 -112px;
}

#s_footer li.s_first {
  background: none;
  padding-left: 0;
}

#s_footer li a {
  color: #f55827;
}

/* -------------------------------------------------------------------------- */
/*                             3. table-styles                                */
/* -------------------------------------------------------------------------- */

/* ------------------------------ table-toolbar ----------------------------- */

.s_table-toolbar {
  background: #c7c7c7;
  border-color: #c7c7c7;
  border-radius: 4px;
  padding: 0px 6px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  letter-spacing: 0.5px;
  color: #222222;
}

.s_table-toolbar .s_table-toolbarTools {
  padding-top: 0px;
}

.s_table-toolbar .s_form-dropdownContainer {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 6px;
  display: flex;
}

.s_table-toolbar .s_table-toolbarSearch,
.s_table-toolbar .s_table-toolbarAutocomplete {
  float: right;
  margin-left: auto;
  text-align: right;
}

.s_table-toolbar .s_table-toolbarSearch {
  min-width: 200px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.s_table-toolbar .s_form-2colsLeft #activeProfileContainer {
  margin-bottom: 5px;
  margin-top: 6px;
}

/* ------------------------------ Explore Data ------------------------------ */

table a {
  color: #222222;
}

.s_table-displayData td {
  line-height: 1;
}

.s_table-toolLink a {
  color: #e0e0e0;
}

.s_table-displayData th,
.s_table-displayData td {
  background-color: transparent;
  overflow: visible;
  font-size: 12px;
  font-family: "Rubik", sans-serif;
}

.s_table-colWidth4 {
  width: 62px;
}

.s_table-colWidth7 {
  width: 94px;
}

#panelList .s_table-colWidth7,
#panelList .s_table-colWidth6,
#panelList .s_table-colWidth5,
#panelList .s_table-colWidth4,
#panelList .s_table-colWidth3,
#panelList .s_table-colWidth2,
#panelList .s_table-colWidth1 {
  width: auto;
}

#panelList .s_table-displayData {
  table-layout: auto;
}

#contentFrame .s_table-colWidth4 {
  width: 88px;
}

table .s_drag-itemName {
  overflow: hidden;
}

.sf_conditions_container tbody td:first-child,
.sf_conditions_container th:first-child {
  width: 22px !important;
  vertical-align: middle !important;
  text-align: center;
}

.campaign-title {
  margin-right: 10px;
}

.s_nav-contextQuickLinks {
  display: inline-block;
  margin-left: 0;
}

/* .s_table-displayData th[sortf="username"] {
    padding: 14px 2px;
}
*/

.s_table-displayData th.s_table-sortasc,
.s_table-displayData th.s_table-sortdesc {
  border-bottom-color: #e0e0e0;
}

.s_table-displayData td,
.s_table-displayData tbody th {
  border-top-color: #e0e0e0;
}

.s_table-displayData tbody th {
  background-color: #e0e0e0;
}

.s_table-displayDataTopRow2 td {
  border-top: none;
}

.s_table-displayData tfoot td {
  border-color: #e0e0e0;
}

.s_table-displayData tr.s_table-rowHighlight td,
.s_table-displayData td.s_table-cellHighlight,
.s_form-fieldHighlight,
.s_content-highlight {
  background-color: #dedede;
}

.s_table-displayData tr.s_table-rowHoverState td {
  background-color: #ebebeb;
}

.s_table-colgroupDivider {
  border-right-color: #e0e0e0;
}

.s_table-displayData .s_icon-listmove {
  margin-top: 0px;
}

/* displays line through email and alters colour for bounced and opt out contacts in contacts table */

.s_table-emailOptout span,
.s_table-emailBounced span {
  text-decoration: line-through;
  color: #222;
}

.s_table-displayData tfoot td {
  border-color: #d6dcdc;
}

.s_table-emailConfirmed,
.s_table-displayData td.s_table-emailConfirmed,
.s_table-displayData tr.s_table-rowHoverState td.s_table-emailConfirmed {
  color: #00b050;
}

.s_table-emailOptout,
.s_table-displayData td.s_table-emailOptout,
.s_table-displayData tr.s_table-rowHoverState td.s_table-emailOptout {
  color: #f00;
}

.s_table-emailBounced,
.s_table-displayData td.s_table-emailBounced,
.s_table-displayData tr.s_table-rowHoverState td.s_table-emailBounced {
  color: #f3722f;
}

.s_table-displayData tr.s_table-rowHighlight td,
.s_table-displayData td.s_table-cellHighlight,
.s_form-fieldHighlight,
.s_content-highlight {
  background-color: #dedede;
}

.s_table-displayData tr.s_table-rowHoverState td {
  background-color: #d6dcdc;
}

td.s_table-checkbox {
  text-align: left;
}

/* -------------------------------------------------------------------------- */
/*                              4. tab-styles                                 */
/* -------------------------------------------------------------------------- */

/* ----------------------------- tab-navigation ----------------------------- */

.s_tabs-container {
  background-image: none;
  height: auto;
  margin: 0px;
}

.s_tabs-container ul.s_nav-tabs {
  list-style: none;
  overflow: initial;
}

.s_tabs-container ul.s_nav-tabs li {
  float: left;
  padding-right: 3px;
  height: initial;
  display: inline;
  line-height: 1em;
  position: relative;
  white-space: nowrap;
  background: #ffffff;
}

.s_tabs-container ul.s_nav-tabs li a {
  background-image: none;
  background-color: transparent;
  color: #222222;
  font-weight: normal;
  border-bottom: 4px solid transparent;
  height: initial;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
}

.s_tabs-container ul.s_nav-tabs li.s_current a {
  color: #000000;
  font-weight: 500;
  border-bottom-color: #f55827;
}

.s_tabs-container ul.s_nav-tabs li a:hover {
  color: #222222;
  border-bottom-color: #f55827;
}

.s_odd {
  background-color: #fefefe;
}

.s_tabs-container ul.s_nav-tabs li a span {
  background-image: none;
}

/* tabs use same image, hover is done by positioning in master.css */

/* tab-sub-navigation ;
Horizontal list of links under tabs */

.s_nav-tabSubNavContainer {
  background-color: #e0e0e0;
  border-radius: 3px;
  padding: 6px;
  padding-bottom: 0px;
}

.s_nav-tabSubNavContainer ul li a {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #222222;
}

.s_nav-tabSubNavContainer ul li a:hover,
.s_nav-tabSubNavContainer ul li.s_current a {
  background-color: #fff;
  color: #222222;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.s_nav-tabSubNavContainer ul li.s_current a {
  font-weight: 500;
  color: #222222;
}

/* tabs-modify ;
links for adding tabs */

.s_tabs-container ul li.s_nav-tabsModify {
  background: url("images/brand.png") 7px -101px no-repeat transparent;
}

.s_tabs-container ul li.s_nav-tabsModify a {
  color: #3c4650;
  background: none;
}

/* ------------------------------- tab-content ------------------------------ */

.s_tabs-contentContainer {
  background: #fefeff;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  padding: 0px;
  margin: auto;
  overflow: visible;
}

.s_tabs-contentInnerContainer {
  background-color: rgba(254, 254, 255, 0.9);
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #222222;
  padding: 12px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}

.s_tabs-contentInnerContainer .s_table-displayData {
  table-layout: fixed;
}

/* .s_DOMWindow-innerContainer #adminAreas .s_tabs-contentInnerContainer {
    max-height: 376px;
}
*/

.s_tabs-contentInnerContainer p {
  font-size: 13px;
  padding: 0px !important;
  margin-bottom: 10px;
}

.s_reports-2ColsWithGraphLeft {
  width: 40%;
}

.s_reports-2ColsWithGraphRight {
  width: 59%;
}

#panelList .s_reports-2ColsWithGraphLeft {
  width: 45%;
}

#panelList .s_reports-2ColsWithGraphRight {
  width: 54%;
}

/* -------------------------------------------------------------------------- */
/*                             5. content-library                             */
/* -------------------------------------------------------------------------- */

.s_clib-pageList {
  border-top-color: #7f8084;
}

/* -------------------------------- clib-edit ------------------------------- */

/* --------------------------------- toolbar -------------------------------- */

.s_toolbar-clibEdit .s_toolbar-tools .s_nav-sectionNav a.s_current {
  background-color: #fff;
}

/* -------------------------------------------------------------------------- */
/*                             6. thumbnail-styles                            */
/* -------------------------------------------------------------------------- */

/* --------------------------- template-thumbnails -------------------------- */

.s_thumbnail-innerContainer {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 14px 20px;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

.s_thumbnail-responsiveContainer {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  height: auto;
  line-height: initial;
}

.s_thumbnail-container p {
  margin-top: 8px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #222222;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
}

.s_thumbnail-responsiveContainer:blank {
  display: none;
}

.s_thumbnail-thumbLink {
  width: 160px !important;
  height: 160px !important;
  background-size: 100% !important;
  /* background-size: contain !important;
    */
  margin: auto;
}

.s_thumbnail-thumbLink:hover {
  text-decoration: none;
}

a.s_thumbnail-thumbLink div {
  height: 100%;
  width: 100%;
}

.s_thumbnail-group-container {
  width: 100%;
}

.s_thumbnails-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  padding: 0px 12px;
}

.s_thumbnail-container {
  position: relative;
  /* width: 100%;
    */
  padding-right: 10px;
  padding-left: 10px;
  padding: 15px 10px;
  vertical-align: top;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.s_thumbnail-containerDefault {
  background: rgba(254, 254, 255, 0.9);
  mix-blend-mode: normal;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}

.s_thumbnail-containerActive {
  border-color: #7f8084;
}

.s_thumbnail-container .s_current {
  background-color: #e0e0e0;
}

.s_thumbnail-actionsContainer {
  border: 0px;
  padding: 0px;
}

.s_thumbnail-actionsContainer a {
  background: #fefeff;
  border: 1px solid #5163ec;
  border-radius: 6px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #5163ec;
  padding: 8px 12px;
}

.s_thumbnail-actionsContainer a:hover {
  border: 1px solid #2d3ba7;
  color: #2d3ba7;
  text-decoration: none;
}

.s_thumbnail-actionsContainer a:empty,
.s_thumbnail-actionsContainer a:blank {
  display: none;
}

a.templateMenu.s_icon.s_icon-dropDownThumbs {
  background-color: transparent;
  border: 0px;
  padding: initial;
  border-radius: 0px;
  background-image: url(images/brand.png);
  border-color: transparent;
  background-position: 0px -28px;
  padding: 0px;
  width: 14px;
  display: block;
  margin-top: calc(50% + 2px);
}

.s_thumbnail-actionsContainer .s_thumbnail-edit {
  margin-left: 10px;
}

.s_thumbnail-actionsContainer .s_thumbnail-preview {
  margin-right: 10px;
}

.s_thumbnail-innerContainer p.s_thumbnail-shared {
  border-top-color: #e0e0e0;
  margin-top: 10px;
  padding-top: 10px !important;
}

.s_contentlib-thumbnailContainer {
  background-color: #fff;
  border-color: #e0e0e0;
  width: 132px;
}

/* The below style is applied using jQuery when you hover over a thumbnail */

.s_contentlib-thumbnailContainerHover {
  border-color: #7f8084;
}

.s_contentlib-thumbnailContainer ul {
  border-top-color: #e0e0e0;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 1fr;
  gap: 0px 4px;
  grid-template-areas: "preview use drop";
}

.s_contentlib-thumbnailContainer ul .s_clib-thumbPreview {
  grid-area: preview;
}

.s_contentlib-thumbnailContainer ul .s_clib-thumbDownload {
  grid-area: preview;
}

.s_contentlib-thumbnailContainer ul .s_clib-thumbUse {
  grid-area: use;
  margin-right: 10px;
}

.s_contentlib-thumbnailContainer ul .s_clib-thumbMore {
  grid-area: drop;
  justify-self: flex-end;
}

/* -------------------------------------------------------------------------- */
/*                             7. folder-styles                               */
/* -------------------------------------------------------------------------- */

/* ------------------------------- containers ------------------------------- */

.s_folder-mainContentInner {
  border: 2px solid #5163ec;
  border-radius: 4px;
  padding: 8px;
}

/* ------------------------------- no folders ------------------------------- */

.s_folders-noFolders .s_folders-sidebarContentExpand {
  background-color: #e0e0e0;
}

.s_folders-sidebarContent {
  left: 83%;
  width: 16%;
}

.s_folder-mainContent {
  left: 83%;
  width: 84%;
  height: 100%;
  bottom: 0px;
}

/* ------------------------------ folder-scroll ----------------------------- */

.s_folders-scrolling .s_folders-scrollBar {
  background-color: #e0e0e0;
}

.s_folders-scrolling .ui-slider-handle {
  background-color: #2d3ba7;
}

/* ------------------------------- folder-list ------------------------------ */

.s_folder-list li {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #222222;
  min-height: 20px;
}

.s_folder-list li span {
  padding-top: 2px;
}

.s_clear:empty {
  width: -webkit-fill-available;
}

.s_folder-list li.s_current,
.s_folder-list li.s_hover,
.s_folders-noFolders div.s_hover {
  background-color: #5163ec;
  border-color: #5163ec;
  color: #ffffff;
}

.s_folder-list li.s_dropped {
  background-color: #5163ec;
  border-color: #5163ec;
  color: #ffffff;
}

/* -------------------------------------------------------------------------- */
/*                              8. survey-styles                              */
/* -------------------------------------------------------------------------- */

.s_survey-pageContainer {
  background: #fefeff;
  border: 2px solid #5163ec;
  border-radius: 4px;
  padding: 12px 12px;
}

.s_survey-pageContainer .s_button-pane {
  margin-top: 0px;
  margin-bottom: 0px;
}

/* ---------------------------------- pages --------------------------------- */

#surveyPageList li {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #fff;
  min-height: 20px;
}

#surveyPageList li span {
  padding-top: 2px;
}

#surveyPageList li.s_current,
#surveyPageList li.s_hover {
  background-color: #5163ec;
  border-color: none;
}

#surveyPageList li.s_dropped {
  background-color: #5163ec;
  border-color: #5163ec;
}

/* ------------------------------ content-areas ----------------------------- */

.sQ {
  background-color: #fff;
  border-color: #e0e0e0;
}

/* ---------------------------------- tools --------------------------------- */

.s_survey-tools {
  border-color: #e0e0e0;
}

.s_survey-contentToolsContainer {
  border-bottom: 1px dashed #d8d8d8;
  padding: 0px 8px;
}

/* -------------------------- survey-question-edit -------------------------- */

.s_survey-questionEditContainer {
  background-color: #f6f6f6;
}

/* ------------------------------ theme-styles ------------------------------ */

.s_survey-themeList li {
  border-color: #fff;
}

.s_survey-themeList li.s_current {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

#s_page-autoresponder02 .s_ar-step .portlet-header {
  border-bottom: none;
}

/* -------------------------------------------------------------------------- */
/*                               9. help-styles                               */
/* -------------------------------------------------------------------------- */

.s_help-section {
  border-color: #7f8084;
}

h2 .s_heading-highlight {
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 1.25px;
  color: #222222;
  text-transform: none;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 20px;
  font-family: "Karla", sans-serif;
}

.s_nav-headingWithSectionNav h3,
#wholePageContainer h3 {
  margin-bottom: 20px;
}

#s_nav-hotlinks ul {
  margin-left: inherit;
}

#s_nav-hotlinks ul {
  float: none;
}

#s_nav-hotlinks h3 {
  text-transform: none;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #5163ec;
  margin-bottom: 5px;
}

#s_nav-hotlinks a {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #222222;
}

.s_content-copyListLead .s_bold a {
  text-transform: none;
}

#s_nav-hotlinks li {
  list-style-image: url(images/bullet-arrow.png);
}

#getting_started li {
  list-style-image: url(images/bullet.png);
}

.s_button:hover span,
.s_button-inline:hover span {
  background-position: 0 -319px;
  color: #ffffff;
}

.s_button-inline {
  margin-bottom: 12px;
}

/* -------------------------------------------------------------------------- */
/*                            11. navigation-styles                           */
/* -------------------------------------------------------------------------- */

/* ------------------------------ button-styles ----------------------------- */

/* .s_button, .s_button-inline {
    */

/* background-image: url('images/tabs-and-buttons-right.png');
    */

/* background-color: #E0E0E0;
    */

/* color: #5163EC ;
    */

/* 
}
*/

.s_button span,
.s_button-inline span {
  /* background-image: url('images/tabs-and-buttons-left.png');
    */
  /* color: #ffffff;
    */
  padding: 0;
  height: auto;
  line-height: initial;
}

.s_button:hover,
.s_button-inline:hover {
  background-color: transparent;
  color: #5163ec;
  background: #000;
  border-color: #000;
}

a.s_button span {
  color: #ffffff;
}

/* Alternate button style for things like cancel */

a.s_button2,
a.s_button2:hover {
  background-image: none;
  background-color: transparent;
  color: #3c4650;
}

a.s_button2 span {
  background-image: none;
  background-color: transparent;
  color: #3c4650;
  text-decoration: none;
}

a.s_button2:hover span {
  background-image: none;
  background-color: transparent;
  color: #3c4650;
  text-decoration: underline;
}

.s_button-paneWidth1 {
  width: inherit;
}

/* section-navigation ;
links related to the section the user is in eg custom fields or tab section links */

.s_tabs-container ul.s_nav-tabsSectionNav {
  bottom: 6px;
}

.s_nav-sectionNav {
  display: flex;
  align-items: center;
}

.s_nav-sectionNav li {
  background-image: none;
  position: relative;
}

.s_nav-sectionNav li::before {
  content: "|";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #222222;
}

.s_nav-sectionNav li.s_first {
  background-image: none;
}

.s_nav-sectionNav li.s_first::before,
#ddlAdvanced li::before {
  content: "";
}

.s_nav-sectionNav2 {
  display: flex;
  align-items: flex-start;
}

.s_nav-sectionNav2 li::before {
  top: 0;
  transform: translateY(0);
}

/* dropdown-styles */

/* .s_form-dropdownContainer dl {
    position: relative;
}
*/

#s_form-editCampaign .s_form-3colsRight .s_form-dropdownContainer {
  margin-top: 0px;
}

.s_form-dropdownContainer dt {
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.461538px;
  color: #222222;
  padding: 4px 5px;
}

#templatesJumpToOptions dt {
  width: 72px !important;
}

ul.s_form-dropdownOptionsList li a,
ul.s_form-dropdownOptionsList li span {
  color: #5163ec;
}

.s_form-dropdownContainer dt a {
  background-image: url("images/brand.png");
  background-color: #fefeff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.461538px;
  color: #222222;
  padding: 0px;
}

.s_form-dropdownContainer dt a:hover {
  color: #3c4650;
}

.s_form-3colsRight #manageProfiles {
  display: block;
  margin-top: 6px;
}

ul.s_form-dropdownOptionsList {
  background-color: #fefeff;
  border-color: #7f8084;
}

ul.s_form-dropdownOptionsList li {
  background-image: none;
  border-color: #fff;
}

ul.s_form-dropdownOptionsList li.s_form-dropdownOptionsSection {
  border-bottom-color: #e0e0e0;
}

ul.s_form-dropdownOptionsList li.s_form-dropdownOptionsSectionTop {
  border-top-color: #e0e0e0;
}

ul.s_form-dropdownOptionsList li a:hover {
  background-color: #e0e0e0;
}

/* context-quicklinks ;
example jump to navigation in campaign tables */

.s_nav-contextQuickLinks a {
  background: url("images/brand.png") 5px -70px no-repeat;
  color: #3c4650;
}

.s_nav-contextQuickLinks a.s_first {
  background: none;
}

/* step-navigation ;
example campaign stages content/recipients/preview and send */

.s_nav-step {
  margin-bottom: 10px;
}

.s_nav-step li {
  background: url(images/arrow_right_icon.png) no-repeat left 15px top 2px;
  padding-left: 40px;
}

.s_nav-step li.s_first {
  background: none;
}

.s_nav-step li.s_nav-stepDisabled {
  background-image: url("images/brand.png");
}

.s_nav-step li.s_nav-stepDisabled a {
  border-bottom-color: transparent;
  color: #999;
}

.s_nav-step a {
  border-bottom-color: transparent;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 1.23077px;
  color: #222222;
}

.s_nav-step a.s_current {
  border-color: #5163ec;
  color: #222222;
}

.s_nav-step a:hover {
  border-color: #5163ec;
  color: #222222;
  text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/*                              12. misc-elements                             */
/* -------------------------------------------------------------------------- */

/* stuff that doesn't go anywhere in particular  */

/* campaign-editor ;
container that sits around campaign pages and page nav at content and preview/send steps */

.s_campaign-pageContainer {
  border-top-color: #e0e0e0;
}

/* campaign-sending-options ;
sending area at the bottom of preview and send */

.s_sendOptionsContainer {
  background-image: url("images/sendoptions-bg.gif");
}

/* popup-style ;
can be seen in settings if you try to change your password */

.s_popup-container {
  border-color: #e0e0e0;
}

.absResults .inner {
  border-color: #e0e0e0;
}

.s_tabs-container ul li a.s_icon {
  background-color: transparent;
}

.s_nav-tabSubNavContainer ul li a.s_icon {
  background-color: transparent;
}

/* social icons for sharing campaigns, seen after sending a campaign */

.s_icon-brand {
  background-image: url("images/brand.png");
}

.s_icon-calendar {
  background-image: url("images/brand.png");
}

.s_icon-dropDown {
  background-image: url("images/brand.png");
  border-color: transparent;
  background-position: -110px -281px;
  vertical-align: middle;
  margin-left: 5px;
}

.s_form-elementsRow2 .s_icon-dropDown {
  margin-top: -4px;
}

.s_icon-dropDownSmall {
  background-image: url("images/brand.png");
  border-color: transparent;
  background-position: -1px -29px;
}

.s_icon-dropDownThumbs {
  background-image: url("images/brand.png");
  border-color: transparent;
  background-position: -1px -29px;
}

.s_icon-tableSort {
  background-image: url("images/icon-sort.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.s_table-sortdesc .s_icon-tableSort {
  background-image: url("images/icon-sortdesc.png");
  background-position: center center;
}

.s_table-sortasc .s_icon-tableSort {
  background-image: url("images/icon-sortasc.png");
  background-position: center center;
}

.s_icon-thumbnailmove,
.s_icon-tablemove,
.s_icon-listmove,
.s_icon-move,
.s_icon-move2 {
  background-image: url("images/brand.png");
}

table .s_icon-move {
  background-color: transparent;
  margin-top: 0px;
}

.s_contentlib-thumbTools {
  background-color: #fff;
  border-color: #7f8084;
}

.s_icon-tablemove {
  background-color: transparent;
}

.s_icon-graphColour {
  border-color: #7f8084;
}

.s_icon-cog {
  background-image: url("images/icon-cog.png");
  background-position: center;
}

/* ----------------------- folder expand and collapse ----------------------- */

.s_icon-folder-expcol {
  background-image: url("images/brand.png");
}

/* ------------------------------ icons in tabs ----------------------------- */

.s_tabs-container ul li a.s_icon {
  background-color: transparent;
}

.s_tabs-container ul li a.s_icon-defaultVersion,
.s_tabs-container ul li a.s_icon-dropDown {
  border-color: transparent;
}

.s_tabs-container ul li a.s_icon-defaultVersion {
  background-image: url("images/brand.png");
}

.s_tabs-container ul li a.s_icon-dropDown {
  background-image: url("images/brand.png");
  height: 20px;
  width: 20px;
}

/* ---------------------------- icons in sub tabs --------------------------- */

.s_nav-tabSubNavContainer ul li a.s_icon {
  background-color: transparent;
}

.s_icon-scroll {
  background-image: url("images/brand.png");
}

/* -------------------------------------------------------------------------- */
/*                             13. jquery-plugins                             */
/* -------------------------------------------------------------------------- */

/* -------------------------------- Overlays -------------------------------- */

.ui-widget-overlay {
  background-color: #2e2e28;
}

/* dom-window ;
all the inline windows for example contact importing */

/* DOM window eg file uploads and contact imports */

#DOMWindow {
  min-width: 900px;
  /* min-height: 510px;
    */
  border-color: #e0e0e0 !important;
  padding: 0px 5px !important;
}

/* ----------------------------- ui-autocomplete ---------------------------- */

.ui-autocomplete {
  background-color: #fff;
  border-color: #e0e0e0;
}

.ui-autocomplete a {
  color: #222222;
}

.ui-autocomplete #ui-active-menuitem {
  background-color: #e0e0e0;
}

/* -------------------------------- ui-dialog ------------------------------- */

.ui-dialog {
  background-color: #f1f2f6;
  border-color: #e0e0e0;
  padding: 6px 15px;
  min-width: 330px;
}

.ui-dialog .ui-dialog-titlebar,
.ui-DOMWindow-titlebar {
  background-color: #fff;
  border-color: #fff;
  color: #2d3ba7;
  font-size: 1.2em;
}

.ui-dialog .ui-dialog-titlebar {
  font-size: 1.15em;
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-DOMWindow-titlebar .ui-DOMWindow-close,
.ui-DOMWindow-titlebar .ui-DOMWindow-maximise,
.ui-DOMWindow-titlebar .ui-DOMWindow-restoredown {
  background-image: url("images/brand.png");
  color: #222222;
  z-index: 99999;
}

.ui-progressbar {
  border-color: #e0e0e0;
}

.ui-progressbar .ui-progressbar-value {
  background-color: #2d3ba7;
}

/* -------------------------- subscription-settings ------------------------- */

.ui-accordion-header {
  background: url("images/brand.png") 5px -318px no-repeat;
  background-color: #e0e0e0;
  border-bottom-color: #fff;
  margin-bottom: 0px !important;
}

.ui-accordion-content {
  border-color: #e0e0e0;
  margin-bottom: 1px !important;
}

.s_nav-accordion h3.ui-state-active {
  border-bottom: none;
  background-position: 5px -349px;
}

.ui-datepicker {
  background-color: #fff;
  border-color: #ebebeb;
}

.ui-datepicker .ui-datepicker-header {
  background-color: #c7c7c7;
  border-color: #ebebeb;
  color: #222222;
}

.ui-datepicker-header a {
  background-image: url("images/brand.png");
}

.ui-datepicker td span,
.ui-datepicker td a {
  background-color: #eee;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
}

.ui-datepicker .ui-state-default {
  border-color: #7f8084;
}

.ui-datepicker td a.ui-state-hover {
  background-color: #2d3ba7;
  border-color: #e0e0e0;
  color: #ffffff;
}

.ui-datepicker td a.ui-state-active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #222222;
}

.ui-datepicker-today a.ui-state-default {
  background-color: #2d3ba7;
  border-color: #2d3ba7;
  color: #ffffff;
}

.ui-slider-horizontal {
  background-color: #ecf0f0;
  border-color: #e0e0e0;
}

.ui-slider-horizontal .ui-slider-range {
  background-color: #e0e0e0;
}

.ui-slider-horizontal .ui-slider-handle {
  border-color: #e0e0e0;
  background-color: #2d3ba7;
}

/* option-list ;
lists of options after form fields */

.s_option-list li {
  background-image: url("images/brand.png");
  background-color: transparent;
}

/* ui-sortable lists ;
lists in survey mc questions and colour palette settings */

.s_sortable-list ul li {
  background-image: url("images/brand.png");
  background-color: transparent;
}

/* ui-sortable porlets ;
panels in reporting and home page */

/* ----------------------------- portlet-basics ----------------------------- */

.portlet {
  background-color: #ffffff;
  border-color: #ebebeb;
  border-radius: 5px;
  padding: 15px;
}

.portlet-header {
  border-bottom-color: #e0e0e0;
}

.portlet-move {
  background-image: url("images/brand.png");
}

.portlet-footer {
  border-top-color: #e0e0e0;
}

#s_form-sms .portlet {
  width: 27%;
}

/* -------------------------------- uploadify ------------------------------- */

/* These properties are applied to divs then jquery grabs them for use in the plugin */

#uploadifyButton {
  background-image: url("images/uploadify-browse.gif");
}

/* -------------------------------------------------------------------------- */
/*                           14. printing-styles                              */
/* -------------------------------------------------------------------------- */

/* ------------------------------- print-page ------------------------------- */

.s_print-toolbar {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

/* -------------------------- CC2 Template Updates -------------------------- */

h1 {
  height: 100px;
}

h2 {
  font-size: 1.5em;
  margin: 0px;
}

h4 {
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 10px;
}

#elementApplySettings h4 {
  margin-bottom: 14px;
}

#s_page-login body h1 {
  background: url("images/logo.png") no-repeat center center;
  height: 100px;
  margin-top: 20px;
  width: 100%;
}

#s_page-login #s_mastheader-content {
  width: 100%;
}

.s_print-toolbar {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

.s_content-copyListLead .s_bold a {
  text-transform: none;
  font-weight: bold;
  color: #5163ec;
}

/* ------------------------------ header titles ----------------------------- */

/* ------------------------------ welcome-panel ----------------------------- */

.s_welcome-screenshotCreateCampaign,
.s_welcome-screenshotImportContacts,
.s_welcome-screenshotReports,
.s_welcome-screenshotTemplates {
  background-image: url("images/welcome.jpg");
  border-radius: 8px 8px 8px 8px;
}

.s_welcome-screenshotCreateCampaign {
  background-position: 0 0;
}

.s_welcome-screenshotImportContacts {
  background-position: -50px 0;
}

.s_welcome-screenshotReports {
  background-position: 0 -42px;
}

.s_welcome-screenshotTemplates {
  background-position: -50px -42px;
}

.s_welcome-screenshot span {
  display: block;
  padding-top: 7px;
  height: 42px;
  width: 50px;
  vertical-align: middle;
  font-size: 10px;
}

#getting_started .s_content-copyListLead {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  color: #222222;
}

.s_content-list {
  line-height: 1.6em;
}

#getting_started .s_content-list {
  margin-left: 17px;
  font-size: 13px;
  line-height: 20px;
  color: #222222;
}

#getting_started li {
  list-style-image: url(images/bullet.png);
}

.s_content-list .s_content-list3 {
  margin-left: 14px;
}

.s_button:hover span,
.s_button-inline:hover span {
  background-position: 0 -319px;
  color: #ffffff;
}

#getting_started ol li {
  list-style-image: none;
}

/* --------------------------------- buttons -------------------------------- */

.s_button,
.s_button-inline,
.addUser {
  font-family: "Rubik", sans-serif;
  background-image: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
  letter-spacing: 1px;
  padding: 10px 20px;
  color: #ffffff;
  background: #5163ec;
  border-color: #5163ec;
  background: #5163ec;
  border-radius: 8px;
}

.s_button:hover,
.s_button-inline:hover,
.addUser:hover {
  background: #2d3ba7;
  text-decoration: none;
  border-color: #2d3ba7;
}

.addUser {
  display: inline-block;
  margin-top: 10px;
}

.s_nav-previousNextButtons .s_button,
.s_nav-previousNextButtons .s_button-inline {
  margin-left: 5px;
}

/* --------------------------------- header --------------------------------- */

.s_header-nav {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.s_header-nav small {
  margin-right: 20px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #222222;
}

/* --------------------------------- portlet -------------------------------- */

.portlet {
  background-color: rgba(254, 254, 255, 0.9);
  border-color: #ebebeb;
  padding: 12px;
  border-radius: 6px;
}

.s_header-titleContainer .portlet {
  float: right;
  margin: 10px 0;
  max-width: 40%;
  padding: 12px;
}

.portlet-header {
  border-bottom: none;
  margin-bottom: 20px;
}

.portlet-headerText {
  line-height: 20px;
  margin-left: 20px;
  font-weight: 500;
  font-size: 20px;
}

.portlet-highlight {
  -moz-box-shadow: 0 0 0px #999999;
  -webkit-box-shadow: 0 0 0px #999999;
  box-shadow: 0 0 0px #999999;
  background: #fefeff;
  background: -moz-linear-gradient(center top, #fefeff, #fefeff);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#fefeff),
      to(#fefeff));
}

#wPImport {
  /* border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7; */
  margin: 20px -15px;
  padding: 20px 0;
}

#wPTemplates {
  /* border-top: 1px solid #c7c7c7; */
  margin: 20px -15px;
  padding: 20px 0;
}

#wPTemplates .s_welcome-screenshot,
#wPImport .s_welcome-screenshot {
  margin-left: 65px;
}

.portlet-move {
  background-image: url("images/brand.png");
}

.portlet-footer {
  border: none;
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 14px;
  color: #222222;
}

#s_nav-hotlinks {
  margin-top: 0px;
  padding: 16px 12px;
  background-color: rgba(254, 254, 255, 0.9);
  border: 0px solid #c7c7c7;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

#s_nav-hotlinks p {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #222222;
}

#s_nav-hotlinks .portlet {
  border: none;
}

.s_content-3cols .s_content-col {
  margin: 0 6px;
  display: inline-block;
}

.s_content-col1 .autocomplete {
  margin-bottom: 12px;
}

#s_nav-hotlinks .s_content-col1 {
  border: 0px solid #ebebeb;
  height: 170px;
  width: calc(33.33% - 12px);
}

#s_nav-hotlinks .s_content-col2 {
  border: 0px solid #ebebeb;
  height: 170px;
  width: calc(33.33% - 12px);
}

#s_nav-hotlinks .s_content-col3 {
  border: 0px solid #ebebeb;
  float: none;
  height: 170px;
  width: calc(33.33% - 12px);
}

.s_table-displayData td,
.s_table-displayData tbody th {
  line-height: 18px;
}

.s_table-displayData td {
  vertical-align: middle;
}

#executiveSummaryPDF {
  margin-bottom: 8px;
}

/* ---------------------------------- forms --------------------------------- */

.s_form-textInput,
.s_form-textInputThin,
.s_form-textInputWide,
.s_form-textInputVeryThin,
select,
.s_form-fileInput,
#txtCampaignsSend,
input[type="text"],
input[type="password"],
#cbPrompt-actionBtn {
  padding: 5px 5px;
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  margin: 0px;
}

select,
.s_form-textInputThin {
  padding: 4px 5px;
}

select option,
.s_form-textInputThin option {
  padding-left: 0px;
}

.s_form-textInput:focus,
.s_form-textInputThin:focus,
.s_form-textInputWide:focus,
.s_form-textInputVeryThin:focus,
select:focus,
.s_form-fileInput:focus,
textarea:focus,
.hasDatepicker:hover {
  outline: 0px;
  border: 1px solid #7f8084;
}

.s_form-textInput,
.s_form-select,
.s_form-textArea {
  width: 220px;
}

.langHeadingRow .langISOCol .s_form-textInput,
.langListRow .langISOCol .s_form-textInput,
.langHeadingRow .langISOCol .s_form-select,
.langListRow .langISOCol .s_form-select,
.langHeadingRow .langISOCol .s_form-textArea,
.langListRow .langISOCol .s_form-textArea {
  width: 135px;
}

textarea,
.hasDatepicker {
  padding: 5px 5px;
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}

#txtFirstName,
#txtLastName {
  width: 180px;
}

#txtEmail {
  width: 222px;
}

/* ------------------------------ table toolbar ----------------------------- */

.s_table-toolbarSearch a {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.461538px;
  color: #222222;
  margin-left: 8px;
}

.s_table-toolbarSearch a:hover {
  color: #5163ec;
  text-decoration: none;
}

#s_mastheader-content {
  width: 1100px;
}

#s_page-login body .s_form-login .s_form-labelContainer a {
  text-decoration: none;
  font-size: 10px;
  line-height: 24px;
  color: #a8a8a8;
  margin-bottom: 0px;
}

#s_page-login body .s_form-login .s_form-labelContainer a:hover {
  text-decoration: underline;
}

#s_page-login body .s_tabs-contentContainer .s_form-elementsRow,
#s_page-login .s_tabs-contentContainer .s_form-elementsRow2 {
  float: none;
}

.s_button-pane {
  margin-top: 20px;
  margin-bottom: 20px;
}

.s_form-login .s_button-pane {
  margin-left: 0px;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
  position: relative;
  bottom: -40px;
}

.s_form-login .s_button-pane .s_button {
  margin-left: 0px;
}

.s_form-elementsRow .s_form-3colsRight {
  margin-top: 0px;
}

.s_form-elementsRow label#enable-regarding-label {
  float: left;
  margin: 4px;
}

.s_form-elementsRow #enableRegarding {
  float: left;
  margin: 5px;
}

#createCampaignLink a {
  background: #5163ec;
  border-radius: 8px;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 1px;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 20px;
}

#createCampaignLink a:hover {
  background: #2d3ba7;
  text-decoration: none;
}

.fusioncharts-container>svg {
  background: #fefeff;
  border: 1px solid #c7c7c7;
  border-radius: 0px 0px 6px 6px;
}

.fusioncharts-container>svg .fusioncharts-caption {
  font-size: 13px !important;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #222222 !important;
}

.s_form-2colsLeft label,
.s_form-2colsRight label,
.s_form-elementsRow label,
#s_senderProfile-label {
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  text-align: left;
  letter-spacing: 0.5px;
  color: #222222;
  margin-right: 0px;
  margin-bottom: 2px;
}

.s_tabs-contentInnerContainer>.s_form-2colsLeft {
  margin-right: 45px;
}

.s_tabs-contentInnerContainer>.s_form-2colsRight {
  width: 34% !important;
}

#ddlTimeZone {
  background: url(images/dropdown.png) no-repeat right 6px center;
  padding: 5px 5px;
  width: 370px;
  padding-right: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  overflow: hidden;
  text-indent: 0.01px;
  text-overflow: "";
}

#ddlTimeZone::-ms-expand {
  display: none;
}

/* -------------------------------- tool tip -------------------------------- */

.s_icon-tooltip {
  background: url(images/help-icon.png) no-repeat;
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  margin-left: 10px;
  position: relative;
  top: -4px;
}

.pdfB_portlet .s_icon-tooltip {
  top: 0px;
}

#s_form-editCampaign {
  margin: 0px;
  padding-top: 0px;
  position: relative;
}

/* #s_form-editCampaign .s_form-3colsLeft {
    width: 100%;
}
*/

#s_form-editCampaign .s_form-3colsLeft {
  width: 118px;
}

/* #s_form-editCampaign .s_form-2colsLeft {
    width: 100%;
}
*/

/* .s_form-2colsLeft, .s_form-3colsLeft, .s_form-3colsMid, .s_form-4colsLeft, .s_form-4colsMid1, .s_form-4colsMid2, .s_form-5colsLeft, .s_form-5colsMid1, .s_form-5colsMid2, .s_form-5colsMid3 {
    display: block;
    float: none;
    margin-right: 0px;
    width: 100%;
}
.s_form-3colsMid {
    display: flex;
    margin-bottom: 10px;
}
.s_form-2colsRight, .s_form-3colsRight, .s_form-4colsRight, .s_form-5colsRight {
    float: none;
    width: 100%;
    display: block;
}
*/

.s_form-elementsRow,
.s_form-elementsRow2 {
  display: block;
  align-items: center;
  color: #222222;
  margin-top: 0px;
  margin-bottom: 8px;
}

#changePassword {
  margin-left: 28px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #5163ec;
}

.s_form-elementsRow p {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #222222;
}

.s_form-textInputWide+.s_form-explanation {
  width: 350px;
}

.contentStep-documentation {
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #222222;
  margin-bottom: 30px;
}

#templateContentStep {
  margin: -14px -16px;
}

#wholePageContainer .s_tabs-contentContainer2 {
  overflow: hidden;
}

.cb-ui-tb-sidebar-container {
  background: #c7c7c7;
  mix-blend-mode: normal;
  border: 1px solid #d8d8d8;
  border-radius: 4px 0px 0px 4px;
}

#settingLists {
  margin-top: 30px;
}

/* --------------------------------- tables --------------------------------- */

.cbTableSelectColumnCog {
  text-align: center;
}

.s_table-displayData {
  table-layout: auto;
}

.s_table-toolbar {
  background-color: #c7c7c7;
  border-color: #c7c7c7;
}

table a {
  color: #222222;
}

.s_table-toolLink a {
  color: #e0e0e0;
}

.s_table-displayData th,
.s_table-displayData td {
  background-color: transparent;
}

.s_table-displayData th.s_table-sortasc,
.s_table-displayData th.s_table-sortdesc {
  border-bottom-color: #e0e0e0;
}

.s_table-displayData td,
.s_table-displayData tbody th {
  border-top-color: #e0e0e0;
}

.s_table-displayData tbody th {
  background-color: #e0e0e0;
}

.s_table-displayDataTopRow2 td {
  border-top: none;
}

.s_table-displayData tfoot td {
  border-color: #e0e0e0;
}

.s_table-displayData tr.s_table-rowHighlight td,
.s_table-displayData td.s_table-cellHighlight,
.s_form-fieldHighlight,
.s_content-highlight {
  background-color: #dedede;
}

.s_table-displayData tr.s_table-rowHoverState td,
.s_table-displayData tr.s_table-rowHoverState td a {
  background-color: #ebebeb;
  color: #222222;
}

.s_table-colgroupDivider {
  border-right-color: #e0e0e0;
}

.s_table-displayData td,
.s_table-displayData tbody th {
  padding: 12px 5px;
  line-height: 17px;
  color: #222222;
}

.s_table-displayData th {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
  line-height: 17px;
  color: #222222;
  word-wrap: normal;
}

.s_table-displayData thead,
.s_table-displayData tbody th {
  background: linear-gradient(0deg, #f1f2f6, #f1f2f6);
}

.s_table-displayData thead th {
  vertical-align: middle;
}

.s_table-displayData thead th,
.s_table-displayData tbody th {
  font-weight: normal;
}

.s_table-displayData th span {
  margin: 0 5px 0px 5px;
}

.s_table-displayData th>span {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.s_table-displayData th>span a+br {
  display: none;
}

.s_table-percent {
  white-space: nowrap;
}

/* .s_table-displayData th:not(.dragtable_allow) > span br {
  display: unset;
} */

th.s_table-number>span,
th.s_table-date>span,
th.s_table-percent>span {
  grid-template-columns: 1fr auto;
}

.s_table-displayData th>span .s_icon-tableSort {
  grid-area: 1 / 2 / 3 / 3;
  align-self: center;
}

.s_icon-crossSmall,
.s_tabs-container ul.s_nav-tabs li a.s_icon-crossSmall {
  border-bottom: 0px;
}

.s_table-displayData3 .s_table-colWidth9 {
  width: 126px;
}

#surveyBuilder #s_tabs-content-questions {
  background: rgba(239, 239, 239, 0.404748);
  mix-blend-mode: normal;
  opacity: 0.9;
  border: 1px solid #d8d8d8;
  border-radius: 0px 0px 4px 4px;
}

.s_survey-2ColmainContent {
  padding-left: 10px;
}

.sQ {
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: #222222;
  margin-bottom: 12px;
}

.sQMin {
  margin: 5px 10px;
  padding: 0px;
}

.sA {
  margin-top: 0px;
}

.s_survey-2ColsidebarContent .sQMin {
  margin: 2px 4px;
}

.s_survey-2ColsidebarContent .sQ {
  width: 100%;
}

.s_survey-2ColsidebarContent {
  width: 18%;
}

.s_survey-2ColmainContent {
  width: 82%;
}

.s_survey-contentToolsContainer .s_icon-dropDown {
  margin: 2px 0px;
}

.s_nav-stepContainer {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.s_nav-previousNextButtons {
  margin-left: auto;
  margin-bottom: 10px;
}

.s_DOMWindow-innerContainer .s_nav-stepContainer {
  margin-bottom: 25px;
}

.s_header-title {
  color: #222222;
  margin-top: 0px;
}

h2.s_header-title.s_header-title2 {
  margin-left: 8px;
}

h2 .s_header-titleSub {
  font-weight: 300;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 1.25px;
  color: #222222;
  bottom: 0px;
  word-break: break-all;
}

.s_uploader-container {
  display: flex;
  align-items: center;
}

.s_uploader-manualButton {
  position: relative;
  top: 0px;
  margin-left: auto;
}

.s_uploader-container .s_uploader-manualButton {
  right: initial !important;
}

#welcome-panel {
  width: 100px !important;
  height: 84px !important;
}

.s_icon.s_icon-calendar {
  margin-left: 2px;
}

.ui-datepicker .ui-datepicker-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer, .s_DOMWindow-noIframe .s_tabs-contentInnerContainer {
    overflow: initial;
}
*/

/* .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer {
    max-height: 418px;
}
*/

.s_DOMWindow-innerContainer #adminAreas .s_tabs-contentInnerContainer.s_clear {
  max-height: 360px;
}

#s_page-adminDomain #adminAreas .s_tabs-contentInnerContainer.s_clear {
  max-height: unset;
}

/* html.s_iframeHTML#s_page-adminDomain body {
    overflow-y: hidden;
}
*/

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer {
      max-height: 380px;
    }

    #s_page-contentLibrary .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer {
      max-height: 730px !important;
    }

    #s_page-settingsProfile .s_tabs-contentInnerContainer {
      max-height: 750px !important;
    }
  }
}

#s_page-settingsProfile .s_tabs-contentInnerContainer {
  max-height: inherit;
}

#s_tabs-content-social.s_tabs-contentContainer .s_tabs-contentInnerContainer {
  max-height: 378px;
}

.s_DOMWindow-innerContainer {
  margin-bottom: 0px;
}

.s_DOMWindow-innerContainer .s_tabs-contentInnerContainer label,
.s_DOMWindow-noIframe .s_tabs-contentInnerContaine label {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  text-align: left;
  letter-spacing: 0.5px;
  color: #222222;
  margin-right: 0px;
  display: block;
  margin-bottom: 2px;
}

.s_form-dropdownContainer label,
.s_tabs-contentInnerContainer .s_table-toolbarTools label {
  margin-right: 3px;
  margin-left: 5px;
  margin-top: 5px;
  font-size: 12px;
}

.s_tabs-contentInnerContainer .s_table-toolbarTools label {
  margin-right: 2px;
  margin-left: 3px;
}

.s_form-radioButtonHeader,
.s_form-radioButtonHeader2,
.s_form-checkboxHeader,
.s_form-checkboxHeader2,
.s_form-fieldValue,
h3 .s_nav-showHideSection,
.s_clip-container {
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  width: auto;
  text-align: left;
  letter-spacing: 0.5px;
  color: #222222;
  margin-right: 10px;
  display: block;
  margin-bottom: 10px;
}

.s_form-fieldValue {
  display: inline-block;
}

#DomainSelect .s_form-fieldValue {
  margin-right: 0px;
  margin-bottom: 0px;
}

.s_DOMWindow-innerContainer .s_tabs-container::before,
.s_DOMWindow-innerContainer .s_tabs-container::after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.s_DOMWindow-footer .s_button-pane,
#settingButtons.s_button-pane {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 16px;
  margin-bottom: 10px;
  padding: 0 5px;
}

.ui-dialog-buttonset {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.s_DOMWindow-footer .s_DOMWindow-footerNote {
  margin-right: auto;
}

.s_DOMWindow-footer {
  /* position: relative;
    */
  /* bottom: 5px;
    */
  margin-top: 0px;
}

.ui-dialog .ui-dialog-titlebar,
.ui-DOMWindow-titlebar {
  padding: 5px 0px;
}

.ui-dialog .ui-dialog-title,
.ui-DOMWindow-titlebar .ui-DOMWindow-title {
  float: left;
  font-weight: 600;
  width: 90%;
}

.ui-dialog .s_button,
.ui-dialog .s_button2:hover {
  padding: 10px 10px;
  letter-spacing: normal;
  font-size: 12px;
}

.ui-dialog .ui-dialog-buttonpane .s_button {
  order: 1;
}

.ui-dialog .ui-dialog-buttonpane .s_button2 {
  order: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .s_button {
  order: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .s_button2 {
  order: 1;
}

.s_DOMWindow-innerContainer .s_tabs-contentInnerContainer p {
  margin-bottom: 10px;
}

.s_DOMWindow-innerContainer .s_tabs-contentInnerContainer p.s_form-explanation {
  margin-bottom: 0px;
}

.ui-dialog .ui-dialog-titlebar,
.ui-DOMWindow-titlebar {
  background-color: #f1f2f6;
  border-color: #f1f2f6;
}

#DOMWindow {
  background-color: #f1f2f6 !important;
}

#elementDescription {
  width: auto;
  text-align: left;
  margin-bottom: 10px;
}

#settingBody {
  padding-bottom: 20px;
}

#settingBody input,
#settingBody select,
#settingBody textarea,
.s_form-textInput,
.s_form-textInputWide,
.s_form-textInputVeryWide,
.s_form-fileInput {
  padding: 5px 5px;
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}

#settingBody input:focus,
#settingBody select:focus,
#settingBody textarea:focus,
.s_form-textInput:focus,
.s_form-textInputThin:focus,
.s_form-textInputWide:focus,
.s_form-textInputVeryWide:focus,
.s_form-textInputVeryThin:focus,
.s_form-fileInput:focus {
  outline: 0px;
  border: 1px solid #7f8084;
}

#settingBody input,
#settingBody select,
#settingBody textarea {
  margin-bottom: 10px;
}

.qAnswerRow .s_form-textInput {
  width: 100%;
}

.qAnswersHeadingRow .qAnswerDTCol,
.qAnswerRow .qAnswerDTCol,
.qAnswerImageRow .qAnswerDTCol,
.qAnswerRow .qAnswerDTCol .qAnswerDisplayText {
  width: 164px;
}

#socialDescriptionArea .s_form-elementsRow,
#socialDescriptionArea .s_form-elementsRow2 {
  flex-direction: column;
  align-items: flex-start;
}

#s_form-downloadCampaign div#btnPDF {
  font-size: 12px;
  margin-left: 20px;
}

.s_DOMWindow-innerContainer #s_form-downloadCampaign .s_form-2colsLeft {
  width: auto;
  margin-bottom: 10px;
}

.s_DOMWindow-innerContainer #s_form-downloadCampaign .s_form-2colsLeft label {
  text-align: left;
}

.s_DOMWindow-innerContainer #s_form-downloadCampaign .s_download_container .s_form-elementsRow2,
.s_DOMWindow-innerContainer #settingBody .s_form-elementsRow2 {
  flex-direction: column;
  align-items: flex-start;
}

#settingBody #elementInstructions {
  margin-top: 10px;
}

.s_DOMWindow-innerContainer #s_form-downloadCampaign .s_download_container .s_form-elementsRow2 #btnPNG2 {
  margin-top: 22px;
}

.s_DOMWindow-innerContainer .s_form-textAreaVeryWide valid {
  margin-top: 10px;
}

#mailMergeContainer::after,
#mailMergeContainer::before {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

#radApprovalDelegate label,
#radFields label {
  text-align: left;
  /* margin-left: 10px;
    */
  width: auto;
}

label.s_form-radioButton {
  text-align: left !important;
  width: auto !important;
  margin-left: 5px;
  display: inline-flex !important;
  align-items: center;
}

label.s_form-radioButton input {
  margin-right: 5px;
}

.abSMatch label.s_form-radioButton {
  margin-left: 0px;
}

label.s_form-radioButton.s_hide {
  display: none !important;
}

#txtFallbackACode {
  margin-right: 10px;
}

#previewStep-testSaveOptions .s_button-pane {
  text-align: left;
}

#previewStep-testSaveOptions .s_button-pane .s_button {
  margin-left: 0px;
  margin-right: 5px;
}

#previewStep-testSaveOptions.s_content-3cols .s_content-col {
  margin: 0px;
  padding: 0px 10px;
  width: 33.33%;
}

#activityReport .s_form-2colsLeft {
  width: auto;
}

#activityReport #radActivityType .s_form-2colsLeft {
  width: auto;
  margin-bottom: 10px;
}

#txtCC {
  margin-right: 10px;
}

#elementType .s_form-elementsRow,
#elementType .s_form-elementsRow2 {
  flex-direction: column;
  align-items: flex-start;
}

#elementType .s_form-elementsRow label,
#elementType .s_form-elementsRow2 label {
  width: 100%;
  text-align: left;
  margin-bottom: 2px;
}

/* #elementType .s_form-elementsRow label.s_form-radioButton.s_form-radioButton3Settings {
    margin-top: -26px;
    margin-left: 14px;
}
*/

.s_form-elementsRow>.s_form-checkbox4 {
  width: auto;
  text-align: left;
  margin-bottom: 10px;
  margin-top: -24px;
  margin-left: 5px;
}

.s_form-explanation {
  margin-top: 5px;
}

.s_DOMWindow-footer .s_selection-text {
  margin: 0px;
}

a.s_button2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

a.s_button2,
a.s_button2:hover {
  height: auto;
}

/* survey */

#elementListAdd {
  margin-right: 10px;
}

#elementlistAddMultipleAnswer {
  margin-top: 10px;
  display: inline-block;
}

/* .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-DOMWindowOverride.ui-draggable.ui-dialog-buttons .s_form-elementsRow {
    flex-direction: column;
    align-items: flex-start;
}
*/

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-DOMWindowOverride.ui-draggable.ui-dialog-buttons .s_form-elementsRow label {
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
  max-width: 266px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-dialog-DOMWindowOverride.ui-draggable.ui-dialog-buttons .s_form-textArea {
  width: 100%;
}

.s_form-elementsRow .s_button {
  margin-bottom: 10px;
}

.s_form-elementsRow .s_form_checkbox {
  margin-right: 10px;
}

/* .s_tabs-contentInnerContainer.s_clear.wndB {
    max-height: 360px;
}
*/

#cfm .s_tabs-contentInnerContainer {
  max-height: 396px;
}

#cfmViewButtons,
#cfmModifyButtons,
#buttonsEdit,
#viewProfilesButtons,
#addProfileButtons,
#editProfileButtons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#cfFallback {
  margin-right: 10px;
}

.s_form-2colsRight.s_shareCampaign {
  width: 100% !important;
}

.s_form-2colsRight.s_shareCampaign .s_form-elementsRow2 {
  display: flex;
  align-items: flex-start;
}

/* #advancedOptionsContainer .s_form-elementsRow, */

/* ------------------------------- Profile pic ------------------------------ */

#profilePhoto.s_form-elementsRow2 {
  flex-direction: column;
  align-items: flex-start;
}

#advancedOptionsContainer .s_form-elementsRow2,
#advancedOptionsContainer .s_form-elementsRow {
  align-items: flex-start;
}

#advancedOptionsContainer label,
#profilePhoto label {
  width: auto;
  text-align: left;
}

/* #advancedOptionsContainer.s_form-2colsLeft label {
    width: 76px;
    text-align: right;
}
*/

/* -------------------------------- campaign -------------------------------- */

#campaign_metrics_customize .s_form-elementsRow,
#campaign_metrics_customize .s_form-elementsRow2 {
  display: inherit;
}

#campaign_metrics_customize .s_form-elementsRow label,
#campaign_metrics_customize .s_form-checkboxHeader2 {
  width: auto;
  text-align: left;
}

/* #campaign_metrics_customize label {
    margin-bottom: 10px;
}
*/

.s_form-2colsLeft label:empty,
.s_form-2colsRight label:empty,
.s_form-elementsRow label:empty {
  display: none;
}

#ownerID {
  display: initial;
}

/* ---------------------------------- popup --------------------------------- */

#wndF #settingsAreas .s_form-elementsRow,
#wndF #settingsAreas .s_form-elementsRow2 {
  flex-direction: column;
  align-items: flex-start;
}

#wndF #settingsAreas label {
  width: auto;
  text-align: left;
}

/* #wndF #settingsAreas .s_form-radioButton {
    margin-top: -16px;
    margin-left: 18px;
}
*/

#s_page-settingsCampaign #wndF #settingsAreas .s_form-elementsRow,
#s_page-settingsCampaign #wndF #settingsAreas .s_form-elementsRow2 {
  flex-direction: row;
  align-items: center;
}

.s_download_container .s_form-elementsRow2 {
  flex-direction: column !important;
  align-items: flex-start !important;
}

.s_download_container .s_form-elementsRow2 label {
  width: auto !important;
  text-align: left !important;
  margin-bottom: 10px !important;
}

#socialDescriptionArea .s_form-elementsRow,
#socialDescriptionArea .s_form-elementsRow2 {
  flex-direction: column !important;
  align-items: flex-start !important;
}

#socialDescriptionArea label {
  width: auto !important;
  text-align: left !important;
  margin-bottom: 10px !important;
}

#cfMCOptions {
  margin-right: 10px;
}

#cfMCOptionsArea label[for="cfMCMultiple"] {
  width: auto;
  margin-left: 10px;
}

#new1strength label {
  width: auto;
  text-align: left;
}

#wndF #s_DOMWindow-footer {
  position: relative;
  bottom: 5px;
  margin-top: 5px;
}

/* -------------------------------- password -------------------------------- */

.s_passwordStrength-container {
  margin-top: 20px;
  padding-left: 0px;
}

.ui-dialog .s_passwordStrength-container {
  padding-left: 0px;
}

div._eoaCC {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

div._eoaCTitle {
  margin-bottom: 10px;
}

/* table._eoaClient {
    margin: 10px;
    margin-left: 0px;
}
*/

._eoaClient input,
._eoaCTitle input {
  margin-right: 2px;
}

.s_progress-container .s_form-elementsRow {
  display: block;
}

#s_page-email01 #s_senderProfile-label,
#s_page-email01 #s_replies-label {
  margin-top: 4px;
}

.s_progress-container label {
  width: auto;
  text-align: left;
}

/* ------------------------------ survey editor ----------------------------- */

.s_survey-questionEditInnerContainer .s_form-elementsRow {
  display: block;
}

.s_survey-questionEditInnerContainer .s_form-radioButtonHeader,
.s_survey-questionEditInnerContainer label {
  width: auto;
  text-align: left;
}

.s_survey-questionEditInnerContainer .s_form-radioButtonHeader {
  width: 100%;
}

.s_survey-questionEditInnerContainer label.s_form-radioButton {
  text-align: left !important;
  margin-left: 3px;
  width: auto !important;
  margin-right: 0px;
  padding: 0 12px 0 0;
}

.s_survey-questionEditInnerContainer .s_form-2colsRight {
  max-width: 490px;
  width: 100%;
}

.s_survey-questionEditInnerContainer .s_button-pane {
  display: flex;
  align-items: center;
}

.sA input[type="text"] {
  padding: 8px 10px;
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  width: 100% !important;
  margin-top: 0px;
}

#surveyPageContainer .sQT label {
  margin-bottom: 5px;
}

.s_icon-addQuestionRecaptcha {
  height: 36px;
}

.addQuestionUpload button {
  margin-top: 0px;
}

.qAnswersHeadingRow .qAnswerMOCol,
.qAnswerRow .qAnswerMOCol {
  width: 88px;
  min-height: 1px;
}

.s_survey-questionEditInnerContainer #qTypecaptcha .s_form-2colsLeft {
  width: 145px;
}

.s_form-editCampaign-senderDetails .s_form-fieldValue {
  width: auto;
  text-align: left;
}

.s_form-editCampaign-senderDetails #advancedOptionsContainer .s_form-elementsRow {
  flex-direction: row;
  align-items: center;
}

/* .s_form-editCampaign-senderDetails #advancedOptionsContainer label, #profilePhoto label {
    width: 76px;
    text-align: right;
}
*/

.s_sendOptionsContainer .s_form-elementsRow {
  display: block;
}

.s_sendOptionsContainer .s_form-elementsRow label {
  width: auto;
  text-align: left;
}

/* .s_sendOptionsContainer #ddlSendAmPm {
    margin-top: 14px;
}
*/

#frmVueIcal #ddlSendAmPm {
  margin-top: 4px;
}

.s_sendOptionsContainer .s_button-pane {
  text-align: left;
}

.s_sendOptionsContainer .s_button-pane .s_button {
  margin-left: 0px;
}

/* #mailMergeContainer {
    margin-top: 10px;
}
*/

#adminDelivery .s_form-elementsRow {
  display: block;
}

#adminDelivery .s_form-elementsRow {
  overflow-x: auto;
}

.s_survey-themeList {
  list-style: none;
}

/* .s_form-textInputVeryThin {
    width: 90px;
}
*/

/* ---------------------------------- popup --------------------------------- */

#themeroller .s_form-elementsRow,
#s_tabs-content-mutliple-responses .s_form-elementsRow2,
#s_tabs-content-edit-responses .s_form-elementsRow2,
#s_tabs-content-edit-responses .s_form-elementsRow,
#s_tabs-content-progress .s_form-elementsRow,
#s_tabs-content-maxresponses .s_form-elementsRow2,
#s_tabs-content-maxresponses .s_form-elementsRow,
#s_tabs-content-password .s_form-elementsRow2,
#s_tabs-content-password .s_form-elementsRow,
#s_tabs-content-ip .s_form-elementsRow2,
#s_tabs-content-ip .s_form-elementsRow,
#s_tabs-content-cutoffdate .s_form-elementsRow2,
#s_tabs-content-cutoffdate .s_form-elementsRow,
#abSWnd .s_form-elementsRow2,
#abSWnd .s_form-elementsRow,
#s_tabs-content-url .s_form-elementsRow,
#s_tabs-content-url .s_form-elementsRow2,
#s_tabs-content-email .s_form-elementsRow,
#s_tabs-content-bookmark .s_form-elementsRow,
#s_tabs-content-page .s_form-elementsRow,
#s_tabs-content-poll .s_form-elementsRow,
#s_tabs-content-survey .s_form-elementsRow,
#s_tabs-content-forward .s_form-elementsRow,
#s_tabs-content-social .s_form-elementsRow,
#s_tabs-content-vcard .s_form-elementsRow,
#s_tabs-content-ical .s_form-elementsRow,
#s_tabs-content-googlemap .s_form-elementsRow,
#s_tabs-content-pdf .s_form-elementsRow,
#s_tabs-content-confirm .s_form-elementsRow,
#s_tabs-content-other .s_form-elementsRow,
#s_tabs-content-email .s_form-elementsRow2,
#s_tabs-content-bookmark .s_form-elementsRow2,
#s_tabs-content-page .s_form-elementsRow2,
#s_tabs-content-poll .s_form-elementsRow2,
#s_tabs-content-survey .s_form-elementsRow2,
#s_tabs-content-forward .s_form-elementsRow2,
#s_tabs-content-social .s_form-elementsRow2,
#s_tabs-content-vcard .s_form-elementsRow2,
#s_tabs-content-ical .s_form-elementsRow2,
#s_tabs-content-googlemap .s_form-elementsRow2,
#s_tabs-content-pdf .s_form-elementsRow2,
#s_tabs-content-confirm .s_form-elementsRow2,
#s_tabs-content-other .s_form-elementsRow2,
#s_form-viewaccount .s_form-elementsRow2,
#s_form-viewaccount .s_form-elementsRow,
#cr_summaryContainer .s_form-elementsRow2,
#cr_summaryContainer .s_form-elementsRow,
#cr_stepsContent .s_form-elementsRow2,
#cr_stepsContent .s_form-elementsRow,
#aaForm .s_form-elementsRow,
#aaForm .s_form-elementsRow2,
#idLookupfrm .s_form-elementsRow,
#idLookupfrm .s_form-elementsRow2,
#contactLocatorFRM .s_form-elementsRow,
#contactLocatorFRM .s_form-elementsRow2,
#contactStreamFRM .s_form-elementsRow,
#contactStreamFRM .s_form-elementsRow2,
#settingLookupFRM .s_form-elementsRow,
#settingLookupFRM .s_form-elementsRow2,
#frmLogin .s_form-elementsRow,
#frmLogin .s_form-elementsRow2,
.s_iframeHTML .s_form-elementsRow,
.s_iframeHTML .s_form-elementsRow2,
#s_page-email01 .s_form-elementsRow,
#s_page-email01 .s_form-elementsRow2,
#arArea .s_form-elementsRow,
#arArea .s_form-elementsRow2,
#responseContent .s_form-elementsRow,
#responseContent .s_form-elementsRow2,
#s_form-viewtemplate .s_form-elementsRow,
#s_form-viewtemplate .s_form-elementsRow2,
#s_tabs-content-compliancecopy .s_form-elementsRow,
#s_tabs-content-compliancecopy .s_form-elementsRow2,
#s_tabs-content-approval .s_form-elementsRow,
#s_tabs-content-approval .s_form-elementsRow2 {
  display: block;
}

#themeroller .s_form-elementsRow label,
#s_tabs-content-mutliple-responses label,
#s_tabs-content-edit-responses label,
#s_tabs-content-progress label,
#s_tabs-content-maxresponses label,
#s_tabs-content-password label,
#s_tabs-content-ip label,
#s_tabs-content-cutoffdate label,
#abSWnd label,
#s_tabs-content-url label,
#s_tabs-content-email label,
#s_tabs-content-bookmark label,
#s_tabs-content-page label,
#s_tabs-content-poll label,
#s_tabs-content-survey label,
#s_tabs-content-forward label,
#s_tabs-content-social label,
#s_tabs-content-vcard label,
#s_tabs-content-ical label,
#s_tabs-content-googlemap label,
#s_tabs-content-pdf label,
#s_tabs-content-confirm label,
#s_tabs-content-other label,
#s_form-viewaccount label,
#cr_summaryContainer label,
#cr_stepsContent label,
#aaForm label,
#idLookupfrm label,
#contactLocatorFRM label,
#contactStreamFRM label,
#settingLookupFRM label,
#s_page-window.s_iframeHTML .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer label,
#s_page-window.s_iframeHTML .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer .s_form-radioButtonHeader,
#adminAreas .s_form-fieldValue,
#s_page-email01 label,
#arArea label,
#responseContent label,
#s_form-viewtemplate label,
#s_tabs-content-compliancecopy label,
#s_tabs-content-approval label,
#fieldForm .s_form-radioButtonHeader {
  width: 100%;
  text-align: left;
  margin-bottom: 2px;
}

.multiselect__tags {
  padding: 6px 40px 6px 8px !important;
  border-radius: 6px !important;
}

.multiselect--above.multiselect--active .multiselect__current,
.multiselect--above.multiselect--active .multiselect__input,
.multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

#adminAreas .s_form-fieldValue {
  width: auto;
}

/* #s_form-viewtemplate .s_icon-tooltip, #s_tabs-content-compliancecopy .s_icon-tooltip, #s_tabs-content-approval .s_icon-tooltip {
    padding-top: 8px;
}
*/

#arArea .s_form-2colsLeft label {
  text-align: right;
}

/* #manageProfile .s_form-elementsRow .s_form-3colsRight {
    display: flex;
    align-items: center;
}
*/

#s_page-email01 .s_form-textInputVeryThin {
  width: 86px;
}

/* #s_form-viewaccount label {
    margin-bottom: 2px;
}
*/

/* #s_form-viewaccount label[for="lblUserRole"] {
    margin-top: 14px;
}
*/

#s_form-viewaccount table a {
  color: #2d3ba7;
}

/* #s_page-window.s_iframeHTML .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer label {
    display: flex;
    align-items: center;
}
*/

/* #s_page-window.s_iframeHTML .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer label input {
    margin-right: 10px;
}
*/

#s_page-window.s_iframeHTML .s_form-elementsRow,
#s_page-window.s_iframeHTML .s_form-elementsRow2 {
  color: #222222;
}

#sharingNames .s_form-elementsRow,
#sharingNames .s_form-elementsRow2 {
  margin-top: 0px;
}

.abSMatch label.s_form-radioButtonHeader2,
#configStep label.s_form-radioButtonHeader2 {
  width: auto !important;
}

#themeroller-questions .s_content-col3 .s_form-2colsLeft {
  width: 86px;
}

#themeroller-buttons .s_content-col3 .s_form-2colsLeft {
  width: 124px;
}

#themeroller-buttons .s_content-col2 .s_form-2colsLeft {
  width: 98px;
}

div.s_form-inputError,
input.s_form-inputError,
textarea.s_form-inputError,
select.s_form-inputErro {
  padding: 5px 5px;
}

#s_tabs-content-ical .s_form-elementsRow.s_clear {
  display: flex !important;
}

#s_tabs-content-ical .s_form-elementsRow.s_clear .s_clear {
  display: flex;
}

.ui-accordion-content {
  margin-top: 0px;
}

/* #s_page-addressbookImport .s_DOMWindow-footer {
    position: absolute;
}
*/

/* #s_page-addressbookImport .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer {
    max-height: 310px;
}
*/

#shareNumberInputs {
  display: flex;
  flex-direction: column;
}

#shareNumberInputs label {
  width: 100%;
  text-align: left;
}

#shareOneArea label {
  width: auto;
  text-align: left;
}

/* #pubOptList .s_form-elementsRow2 label, #appTypeContainer.s_form-elementsRow label {
    margin-top: -26px;
    margin-left: 24px;
}
*/

#appTypeContainer .s_form-radioButtonHeader {
  width: 100%;
  text-align: left;
}

.s_table-displayData .s_form-elementsRow,
.s_table-displayData .s_form-elementsRow2 {
  margin-top: 0px;
}

.s_table-displayData .autocomplete {
  position: relative !important;
}

/* -------------------------------------------------------------------------- */
/*                                15. login                                   */
/* -------------------------------------------------------------------------- */

#frmLogin .s_tabs-contentInnerContainer {
  border: none;
}

#frmLogin .s_form-elementsRow:before,
#frmLogin .s_form-elementsRow:after,
#frmLogin .s_form-elementsRow2:before,
#frmLogin .s_form-elementsRow2:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

#frmLogin p.portlet {
  padding: 15px !important;
  display: none;
}

#frmLogin label {
  display: inline-block;
  width: auto;
  text-align: left;
  letter-spacing: 0.5px;
  margin-right: 0px;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
}

.s_form-login .s_form-textInput {
  padding: 5px 5px;
  background: #fefeff;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
}

.s_form-login .s_form-login-remember {
  margin-top: 0px;
}

.s_template-iframe {
  min-height: 170px;
}

html.s_iframeHTML,
html.s_iframeHTML body {
  min-height: 100%;
  padding-bottom: 0px;
  height: 100%;
  position: relative;
}

/* html.s_iframeHTML body {
    overflow-y: auto;
}
*/

.ui-widget-overlay {
  height: 100% !important;
  position: fixed;
}

.ui-dialog .ui-dialog-content {
  overflow: initial;
  padding: 0px;
}

.ui-dialog .ui-dialog-content .s_form-instructionText {
  margin: 5px 0 5px 0;
  word-break: break-all;
}

#s_page-login .s_tabs-contentInnerContainer {
  background-color: #f1f2f6;
  padding: 10px 0px;
  color: #222222;
}

#s_page-login .s_tabs-contentContainer {
  background: #f1f2f6;
  border: 1px solid #f1f2f6;
  color: #222222;
}

#s_page-login h2 {
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 1.25px;
  font-weight: normal;
  /* color: #74798c;
    */
  text-align: center;
  display: none;
}

.s_form-login .s_form-textInput,
.ui-dialog .s_form-textInput {
  width: 100%;
}

.ui-dialog .ui-autocomplete-input {
  width: calc(100% - 24px);
}

#s_page-login .s_form-login-remember {
  font-size: 12px;
  line-height: 24px;
  color: #a8a8a8;
  text-transform: none;
  position: relative;
  top: -40px;
}

.s_form-checkbox {
  margin-right: 2px;
}

#s_page-login .s_form-login-remember .s_form-checkbox {
  margin-right: 6px;
}

#s_page-login .hor-line-text {
  background-color: #ffffff !important;
}

#s_page-login .s_button {
  width: 100%;
  max-width: 320px;
}

#s_page-login .ui-dialog .s_button {
  width: auto;
}

.s_form-login .s_form-labelContainer {
  width: 100%;
}

#s_page-login #btnLogin.s_button {
  width: 180px;
}

#s_page-login #s_content-container {
  /* overflow: initial;
    */
  width: 360px;
}

#s_page-login #memberLogin {
  background-color: rgba(254, 254, 255, 0.9);
  border-color: #ebebeb;
  padding: 24px;
  padding-top: 16px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

#s_page-login .hor-line {
  width: 100% !important;
}

#s_page-login #s_nav-main {
  display: none;
}

#s_page-login #s_mastheader-container {
  background-image: none;
}

#s_page-login #s_footer {
  background: transparent;
  margin-top: 0px;
  padding: 20px 0px;
  box-shadow: inset 0px 1px 3px rgba(168, 168, 168, 0);
  width: 100%;
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

#s_page-login #s_footer .s_footer-rightCol {
  width: 100%;
}

#s_page-login #loginSpinner {
  height: 32px;
  margin-top: 10px;
  position: relative;
}

#s_page-login #s_footer p {
  font-size: 9px;
  text-align: center;
}

#s_page-login .s_hr {
  display: none;
}

#s_page-login .ui-state-error {
  width: 100% !important;
  padding: 10px !important;
  padding-left: 50px !important;
}

#s_page-login .s_form-login>div br {
  display: none;
}

#s_page-login .s_form-login span {
  width: 100% !important;
}

#s_page-login .s_form-login p {
  margin-bottom: 18px;
}

.s_hide {
  display: none !important;
}

#s_page-contentLibrary .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer {
  /* height: auto !important;
    */
  max-height: initial;
  position: relative;
}

#s_page-contentLibrary .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer .s_folder-mainContentInner {
  /* max-height: 560px;
    */
  height: 100% !important;
}

#s_page-contentLibrary .s_DOMWindow-innerContainer .s_folders-mainContainer {
  height: calc(100% - 50px);
}

#s_page-contentLibrary .s_DOMWindow-innerContainer .s_folders-sidebarContainer {
  height: 100%;
}

/* #s_page-contentLibrary .s_DOMWindow-innerContainer .s_tabs-contentInnerContainer .s_folder-mainContentInner {
    height: auto !important;
}
*/

#s_tabs-content-filterresponses .s_form-dropdownContainer dt {
  width: 120px !important;
}

#advancedTestSend label {
  margin-bottom: 5px;
}

#s_nav-versionsDropdownArrow {
  border-bottom-color: transparent;
}

#s_page-survey01 #wholePageContainer {
  clear: both;
  margin-bottom: 90px;
}

#s_page-survey01 #wholePageContainer:before,
#s_page-survey01 #wholePageContainer:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

#fwdProfileManaged label {
  margin: 4px 0px;
}

#fwdProfileManaged input[type="text"] {
  margin-bottom: 8px;
}

#s_page-adminUsers #adminAreas .s_tabs-contentInnerContainer {
  max-height: 353px;
}

.sortThumbsContainer label,
.s_DOMWindow-innerContainer .s_tabs-contentInnerContainer .sortThumbsContainer label {
  display: inline;
}

.sortThumbsContainer {
  margin-bottom: 10px;
}

.s_contentlib-thumbnailImage {
  background-position: center center !important;
}

#s_senderDomain-label {
  margin-top: 5px;
}

#s_page-admin #adminAreas {
  min-height: 50vh;
}

.s_form-elementsRow label input[type="checkbox"] {
  margin-right: 2px;
  margin-top: 3px;
}

#s_page-contentLibrary #deletedContent {
  display: inline-flex !important;
}

.executiveSummaryURL {
  word-break: break-all;
}

#s_page-report #DOMWindow .s_DOMWindow-footer,
#s_page-email01 #DOMWindow .s_DOMWindow-footer {
  position: relative;
}

.flexHeight {
  height: 100%;
}

.s_uploader-preview-l .v-switch-label,
.s_uploader-preview-d .v-switch-label {
  font-size: 10px;
}

.vue-js-switch .v-switch-label.v-right {
  right: 8px !important;
}

#s_page-addressbookImport iframe {
  height: calc(100% - 60px) !important;
}

#qValidateEmailDomainArea label {
  width: calc(100% - 20px) !important;
  display: inline-block !important;
}

.s_sms-messageHeader .s_form-dropdownContainer {
  margin-bottom: 5px;
}

.s_sms-messageHeader .s_form-dropdownContainer dt {
  min-width: 120px;
}

.s_sms-messageHeader label {
  width: auto !important;
}

.s_sms-messageHeader .s_icon-tooltip {
  top: 0px;
}

.sms_message .s_button-paneWidth1 {
  width: 100%;
}

.absResults .absResultsContacts {
  width: 40%;
}

.absResults .absResultsContacts .s_button {
  padding: 10px;
}

#mailMergeContainer #MailMergeSelect {
  min-width: 110px;
}

.s_tabs-contentContainer2:before,
.s_tabs-contentContainer2:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}

#previewStep-testSaveOptions {
  margin: 0px -10px;
}

.autocomplete__results {
  position: absolute !important;
}

#wholePageContainer {
  padding-bottom: 40px;
}

#wholePageContainer .autocomplete__results {
  max-height: 190px !important;
}

#s_mastHeader-tagline,
.s_footer-leftCol {
  display: none;
}

#s_form-downloadCampaign h3.s_sectionHeading2 {
  font-size: 13px;
}

#linkTagDomainOptions .s_content-col1 {
  width: auto;
}

#s_sendOptions-sendLater {
  width: 320px;
}

#repeatSending label.s_form-labelInline {
  display: inline;
}