/* white */
/* grey */
/* this clearfix does not work on its own - you extend it and then your class gets it */
.item-list li:before, .navHolder:before, .item-list li:after, .navHolder:after {
  content: "";
  display: table;
}
.item-list li:after, .navHolder:after {
  clear: both;
}
.item-list li, .navHolder {
  zoom: 1;
  /* IE fix */
}

.clickable, .TacticBreakdown-Parent, .TacticBreakdownCustom-Parent {
  cursor: pointer;
}

.border, .templateFieldEdit {
  border: 1px solid #ddd;
}

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

.border-right {
  border-right: 1px solid #ddd;
}

.border-left {
  border-left: 1px solid #ddd;
}

.border-top {
  border-top: 1px solid #ddd;
}

.center, .center-with-text {
  margin-left: auto;
  margin-right: auto;
}

.center-with-text {
  text-align: center;
}

.center-in-page {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.underline {
  text-decoration: underline;
}

img.inline,
.inline {
  display: inline-block;
}

img.border, img.templateFieldEdit {
  border: 1px solid;
}

.sw-item-selected {
  background-color: #E7EFFF;
}

.intro-text, .intro-text-conf-page {
  margin: 7px 0px;
  font-size: 30px;
  font-weight: normal;
}

.thumbnail-sm, .item-list li img {
  border: 1px solid;
  width: 50px;
  height: 38px;
}

.sw-hide, .pager li.sw-hide {
  display: none;
}

.divider-row {
  border-bottom: 1px solid #ddd;
}
.divider-row td {
  padding: 1px;
}

ul.no-list {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.item-list {
  list-style-type: none;
  padding: 0px;
  margin: 5px;
}
.item-list li span {
  margin-left: 5px;
}

.vert-space-5 {
  margin: 5px 0px;
}

.vert-space-10 {
  margin: 10px 0px;
}

.vert-space-15 {
  margin: 15px 0px;
}

.margin-top-sm {
  margin-top: 7px;
}

.margin-right-sm {
  margin-right: 7px;
}

.margin-bottom-sm {
  margin-bottom: 7px;
}

.margin-left-sm {
  margin-left: 7px;
}

.margin-top-md {
  margin-top: 12px;
}

.margin-top-lg {
  margin-top: 17px;
}

.image-as-icon {
  width: 16px;
}

.nowrap {
  white-space: nowrap;
}

html.wf-active {
  font-family: museo-sans, sans-serif;
}
html.wf-active body {
  font-family: museo-sans, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-color: #333;
}
html.wf-active span,
html.wf-active label,
html.wf-active p,
html.wf-active a,
html.wf-active h1, html.wf-active h2, html.wf-active h3, html.wf-active h4 {
  font-family: museo-sans, sans-serif;
}

html {
  font-family: sans-serif;
}
html body {
  font-size: 13px;
  font-weight: normal;
  font-color: #333;
}
html span,
html label,
html p,
html a,
html h1, html h2, html h3, html h4 {
  font-family: sans-serif;
}

a {
  cursor: pointer;
}

a[href]:after {
  content: "";
}

/* 
bootstrap's css has a reset to 0 padding, this shrinks everything a bit in the system, 
so going back to 5px padding so things get a bit more space. This is hacky! If we didn't
have tables all over the place we wouldn't need this solution.
*/
td, th {
  padding: 5px;
}

p {
  margin: 0px;
}

ul {
  list-style: none;
}

table.list_row_bg5 > tbody > tr > td, table.list_row_bg4 > tbody > tr > td, table.list_row_bg3 > tbody > tr > td,
table.list_row_bg2 > tbody > tr > td, table.list_row_bg1 > tbody > tr > td, table.shrinkwrap-table > tbody > tr > td,
tr.shrinkwrap-row > td,
td.list_row_bg4, td.list_row_bg3, td.list_row_bg2, td.list_row_bg1 {
  padding: 0px;
}

a {
  color: #529bda;
}
a:hover {
  color: #2a6496;
  text-decoration: underline;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@-ms-viewport {
  width: auto;
}
img[border="1"] {
  border: 1px solid;
}

.normal_small_text {
  font-weight: normal;
}

.normal_bold_text {
  font-weight: bold;
}

.normal_small_bold, .modal-header-small span {
  font-weight: bold;
}

.normal_error_text {
  color: #a94442;
}

.list_row_bg3 {
  background-color: #ddd;
}

.list_row_bg1 {
  background-color: #f9f9f9;
}

input[type="text"].TextInputLong,
input[type="text"].TextInput4 {
  width: 385px;
}

.TextInput1,
.TextInput2,
.TextInput3,
.TextInput4 {
  padding: 4px;
}

.TextInput5 {
  width: 75px;
}

.textarea_lg, .TextArea_lg {
  width: 376px;
  height: 194px;
}

.textarea_sm, .TextArea_sm {
  width: 385px;
  height: 90px;
}

.ckeditor-background {
  background: #e3eafa;
  background-image: -webkit-gradient(linear, lefttop, leftbottom, from(#fcfcfe), to(#e3eafa));
  background-image: -moz-linear-gradient(top, #fcfcfe, #e3eafa);
  background-image: -webkit-linear-gradient(top, #fcfcfe, #e3eafa);
  background-image: -o-linear-gradient(top, #fcfcfe, #e3eafa);
  background-image: -ms-linear-gradient(top, #fcfcfe, #e3eafa);
  background-image: linear-gradient(top, #fcfcfe, #e3eafa);
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#fcfcfe',endColorstr='#e3eafa');
  border-bottom-color: #ccd2e1;
}

.ckeditor-border {
  border-left: 1px solid #ccd2e1;
  border-right: 1px solid #ccd2e1;
}

.cke_source {
  white-space: pre-wrap !important;
}

.form-horizontal .control-label {
  text-align: left;
}

.col-sw-offset-quarter {
  margin-left: 2.08333%;
}

.col-sw-offset-half {
  margin-left: 4.16665%;
}

.col-sw-offset-three-quarters {
  margin-left: 6.24997%;
}

.col-sw-offset-1-quarter {
  margin-left: 10.41663%;
}

.col-sw-offset-1-half {
  margin-left: 12.49995%;
}

.col-sw-offset-1-three-quarters {
  margin-left: 14.58327%;
}

.col-sw-offset-2-quarter {
  margin-left: 18.74992%;
}

.col-sw-offset-2-half {
  margin-left: 20.83325%;
}

.col-sw-offset-2-three-quarters {
  margin-left: 22.91658%;
}

.col-sw-offset-4-quarter {
  margin-left: 35.41653%;
}

/* with these button styles, they remove the default color from the buttons, only on hover will the buttons appear to have color.
*/
/*
.btn-primary{
	color:#428bca;
	background-color:#fff;
	border-color:#428bca;
}

*/
.btn-danger {
  background-color: #868686;
  border-color: #747474;
}

.btn-warning {
  background-color: #868686;
  border-color: #747474;
}

/*
.btn-success{
	color:#428bca;
	background-color:#fff;
	border-color:#428bca;
}
*/
.ButtonLabelContainer {
  vertical-align: initial;
}

.btn-xs > .sw-icon {
  font-size: 12px;
}

.btn > .sw-icon {
  vertical-align: middle;
}

.btn-group {
  padding: 0px;
}
.btn-group button {
  margin-right: 0px;
}

.sw-button-row {
  margin: 10px 0px;
}

.page-link-changer {
  margin-top: 7px;
  margin-bottom: 7px;
}

.net-modal-backdrop {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-open .modal, .modal-open .modal-positionable,
.modal-open .modal-positionable,
.modal-open .modal-positionable-full {
  overflow-x: hidden;
}

body.modal-open {
  overflow: scroll;
}

.modal, .modal-positionable {
  padding-left: 40px;
  padding-right: 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.modal-header {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #eee;
}

.modal-body > iframe {
  border: none;
}

.modal-dialog {
  width: auto;
  margin: 0px;
}

.modal-content {
  top: 5%;
  width: 75%;
}

.modal-content-2 {
    top: 20% !important;
    left: 35% !important;
    width: 500px !important;
    min-height: 300px;
}

.modal-positionable {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border: 1px solid #ddd;
}
.modal-positionable .modal-content {
  top: 0;
  width: auto;
  border: none;
}

.modal-positionable-full {
  display: none;
  position: absolute;
  z-index: 1050;
  min-width: 560px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #99B3CC;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
.modal-positionable-full .modal-content {
  top: 0;
  width: auto;
  border: none;
}

.modal-header-small {
  border: 1px solid #ddd;
}

.sw-pop-over, .sw-pop-up-lite {
  background-color: white;
  border: 1px solid black;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}

.sw-pop-up-lite {
  display: none;
  position: absolute;
  z-index: 100;
}

.multiselect-options li > label {
  float: none;
}

.multiselect-options li.multiselect-group > label,
.multiselect-options li.multiselect-all > label,
.multiselect-options li.multiselect-option > input,
.multiselect-options li.multiselect-option > label {
  vertical-align: text-top;
}

.multiselect-options li.multiselect-group > label,
.multiselect-options li.multiselect-all > label,
.multiselect-options li.multiselect-option > label {
  margin-left: 10px;
  width: auto;
}

.pager {
  margin: 0px;
}

.pager-line {
  margin: 7px 5px;
}

.pager li > a, .pager li > span {
  display: initial;
  padding: 0px;
  background-color: initial;
  border: initial;
  border-radius: initial;
}

.selected_page a {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

.progress {
  background-color: #eee;
  border: 1px solid #428bca;
}

.progress-bar {
  background-color: #428bca;
}

.progress-centered {
  max-width: 400px;
  margin: 0 auto;
}

.progress-pushing {
  max-width: 400px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.spinner-pushing {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 180px;
}

.folder-level-2 {
  margin-left: 30px;
}

.folder-level-2.Parent {
  margin-left: 0;
}

.expandAndCollapse-2 {
  margin-left: 32px;
}

.folder-level-3 {
  margin-left: 60px;
}

.folder-level-3.Parent {
  margin-left: 0;
}

.expandAndCollapse-3 {
  margin-left: 64px;
}

.folder-level-4 {
  margin-left: 90px;
}

.folder-level-4.Parent {
  margin-left: 0;
}

.expandAndCollapse-4 {
  margin-left: 96px;
}

.folder-level-5 {
  margin-left: 120px;
}

.folder-level-5.Parent {
  margin-left: 0;
}

.expandAndCollapse-5 {
  margin-left: 128px;
}

.folder-level-6 {
  margin-left: 150px;
}

.folder-level-6.Parent {
  margin-left: 0;
}

.expandAndCollapse-6 {
  margin-left: 160px;
}

.folder-level-7 {
  margin-left: 180px;
}

.folder-level-7.Parent {
  margin-left: 0;
}

.expandAndCollapse-7 {
  margin-left: 192px;
}

.folder-level-8 {
  margin-left: 210px;
}

.folder-level-8.Parent {
  margin-left: 0;
}

.expandAndCollapse-8 {
  margin-left: 224px;
}

.folder-level-9 {
  margin-left: 240px;
}

.folder-level-9.Parent {
  margin-left: 0;
}

.expandAndCollapse-9 {
  margin-left: 256px;
}

.folder-level-10 {
  margin-left: 270px;
}

.folder-level-10.Parent {
  margin-left: 0;
}

.expandAndCollapse-10 {
  margin-left: 288px;
}

.folder-level-11 {
  margin-left: 300px;
}

.folder-level-11.Parent {
  margin-left: 0;
}

.expandAndCollapse-11 {
  margin-left: 320px;
}

#dropDownCheckBox {
  margin-left: -1px;
}
#dropDownCheckBox input[type="checkbox"] {
  z-index: 2;
  position: relative;
  margin-left: -36px;
  margin-top: 7px;
}
#dropDownCheckBox button {
  z-index: 1;
  padding-top: 2px;
  padding-right: 8px;
  padding-bottom: 2px;
  padding-left: 16px;
}

#dropDownCheckBox.nurturingDropDownCB {
  margin-left: -5.7px;
}

#tacticSelectionWarning {
  color: #a94442;
}

#dropDownCheckBox.DropDownCBControl {
  margin-left: -3px;
}

#campaignAttributesEditContainer {
  margin-bottom: 15px;
}

#campaignProgramsEditContainer #selectedTarget {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}
#campaignProgramsEditContainer .checkbox {
  margin-left: 20px;
}

#editPage #resetButton {
  font-weight: bold;
  text-decoration: underline;
  float: right;
}
#editPage #legend {
  padding-bottom: 10px;
}
#editPage .attributes.required {
  margin-left: 20px;
}
#editPage .attributes {
  margin-left: 30px;
}
#editPage .onlyOne {
  font-size: 12px;
  margin-left: 4px;
}
#editPage div.subAttributes {
  margin-left: 40px;
}
#editPage .radio {
  padding: 0px;
}
#editPage input[type="checkbox"] {
  vertical-align: sub;
  margin-right: 5px;
}
#editPage .attributeMessage {
  margin-left: 10px;
}
#editPage .subAttribute label {
  font-weight: normal;
}

#exampleCB {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline;
  vertical-align: sub;
}

#indeterminateExplanation {
  display: inline;
  vertical-align: middle;
}

#warningPage #normalWarning {
  margin-bottom: 15px;
}
#warningPage .key {
  font-weight: bold;
  display: block;
}
#warningPage .value {
  margin-left: 15px;
}
#warningPage .sharingCampaignsList {
  font-weight: bold;
}
#warningPage #resetWarning {
  font-weight: bold;
  color: Red;
}

#popupBody_batchEditPopup {
  padding: 15px;
}

#ShareTacticError {
  font-weight: bold;
  color: Red;
}

.notShareableTactic {
  margin: 10px;
  display: flex;
}
.notShareableTactic .tacticImage {
  width: 50px;
  height: 38px;
  border: 1px;
  border-width: 1px;
  border-color: Black;
  border-style: solid;
}
.notShareableTactic .notShareableTacticName {
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
}
.notShareableTactic .dripThumbCasscade {
  width: 65px;
  height: 50px;
  padding: 5px;
  position: relative;
}
.notShareableTactic .dripThumbCasscade .notShareableTacticThumbnail {
  display: block;
  position: absolute;
}
.notShareableTactic .dripThumbCasscade .order-level_1 {
  z-index: 1;
  top: 0px;
  left: 0px;
}
.notShareableTactic .dripThumbCasscade .order-level_2 {
  z-index: 2;
  top: 4px;
  left: 4px;
}
.notShareableTactic .dripThumbCasscade .order-level_3 {
  z-index: 2;
  top: 8px;
  left: 8px;
}

.error-text {
  color: #a94442;
}

.small-text {
  font-size: 12px;
}

.sw-alert {
  color: #FF0000;
}

.TacticBreakdown-Parent, .TacticBreakdownCustom-Parent {
  display: inline;
}

.TacticBreakdown, .TacticBreakdownCustom {
  line-height: 18px;
  border: 3px solid #f0f1f1;
  padding: 7px 8px 9px 7px;
  width: 221px;
  margin: 0 25px 25px 0;
  position: relative;
  min-height: 150px;
  height: 150px;
}

.TacticBreakdown-TacticTypeText, .TacticBreakdownCustom-TacticTypeText {
  font-size: 17px;
  line-height: 17px;
  color: #1a4172;
  display: block;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.TacticBreakdown-Icon img, .TacticBreakdownCustom-Icon img {
  margin: 17px auto;
  display: block;
}

.TacticBreakdown-TacticTypeCount, .TacticBreakdownCustom-TacticTypeCount {
  font-size: 18px;
  line-height: 18px;
  color: #1a4172;
  display: block;
  text-align: right;
  padding: 0;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.TacticBreakdownCustom {
  height: 133px;
  margin: 0 13px 25px 0;
}

.TacticBreakdownCustom-Icon img {
  margin: 11px auto;
}

.TacticBreakdownCustom-TacticTypeCount {
  display: none;
}

select {
  font-size: 14px;
  color: #000;
  border: 1px solid #b6c3ca;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  max-width: 200px;
  padding: 4px;
}

input[type="file"] {
  display: initial;
}

input[type="text"], textarea {
  font-size: 14px;
  color: #000;
  border: 1px solid #b6c3ca;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.form-control-has-icon {
  border: 1px solid #b6c3ca;
  border-radius: 3px;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  padding-right: 26px;
}

.form-control-icon {
  position: absolute;
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  right: 0;
  text-align: center;
  top: 2px;
  width: 34px;
  z-index: 2;
}

.input-group .sw-folder-search-input {
  width: auto;
}

.sw-selection-input {
  position: relative;
  min-width: 150px;
  max-width: 300px;
}

#unsubForm li:first-child {
  margin-top: 14px;
  margin-bottom: 5px;
}
#unsubForm li:last-child {
  margin-top: 5px;
  margin-bottom: 14px;
}
#unsubForm .sw-action-buttons {
  margin-top: 28px;
}

select[multiple].province-selector {
  height: 111px;
}

.help-text {
    font-weight: normal;
    font-style: italic;
}

.section-header {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #eee;
  padding: 3px;
}

.cf-content-body {
  height: auto;
  min-height: 100%;
}

#mainFooter {
  border-top-color: #ddd;
  background-color: #f9f9f9;
  width: 100%;
  border-top-style: solid;
  border-top-width: 1px;
}

#mainFooter, .push {
  height: 19px;
}

.structuredWebPoweredByLink {
  text-decoration: none;
  margin-right: 5px;
}

.footerMessage {
  padding-left: 3px;
}

.sw-list-group-item, .sw-list-group-item-single {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.sw-list-group-item-single {
  border: none;
}

.navbar-nav li.active.sw-tab a, .navbar-nav li.active.sw-tab a:hover {
  color: #428bca;
  background-color: white;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
  /* 1px extra to cover up the border from the nav */
  margin-top: 0px;
  margin-bottom: -2px;
  border-radius: 4px 4px 0px 0px;
}

.navbar-nav li.sw-tab a {
  margin-right: 0px;
  color: #eee;
  background-color: #868686;
  border-radius: 0;
  text-decoration: none;
}
.navbar-nav li.sw-tab a:hover {
  background-color: #a0a0a0;
}

.navbar-nav ul li.active {
  background-color: white;
}
.navbar-nav .dropdown > a {
  text-decoration: none;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 0px;
}

.navHolder {
  background-color: #868686;
  border: 1px solid #747474;
  border-left-width: 0px;
  border-right-width: 0px;
  margin-top: 0px;
  padding-left: 20px;
}

.dropdown-menu > li > a.scope,
a.scope {
  color: #eee;
  background-color: #868686;
  text-decoration: none;
}
.dropdown-menu > li > a.scope:hover,
a.scope:hover {
  background-color: #a0a0a0;
}

a.scope-active {
  color: #eee;
  background-color: #868686;
  text-decoration: none;
}

.nav-user-settings {
  float: right;
  margin-top: 20px;
  list-style-type: none;
}
.nav-user-settings .dropdown {
  cursor: pointer;
}
.nav-user-settings .dropdown-toggle {
  color: #333;
}
.nav-user-settings .dropdown-menu {
  left: auto;
  right: 0;
}
.nav-user-settings .dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  white-space: nowrap;
}
.nav-user-settings .dropdown-menu li > a:hover, .nav-user-settings .dropdown-menu li > a:focus {
  background-color: #428bca;
}

.custom-user-settings {
  padding: 0px;
  cursor: pointer;
  display: inline-block;
}
.custom-user-settings li a {
  color: black;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #a0a0a0;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #868686;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #a0a0a0;
}

.tab-width-customercenter {
  min-width: 1250px;
}

.tabs-width-programmanager {
  min-width: 1620px;
}

.tabs-width-tactics {
  min-width: 1600px;
}

.tabs-width-default {
  min-width: 1000px;
}

.logo {
  padding-left: 5px;
  padding-top: 5px;
  width: 200px;
}

.vendor-logo {
  display: inline-block;
}

.contacts-min-popup-backdrop {
    margin:-20px;
    padding:20px;
    position:absolute;
    height:100%;
    width:600px;
    z-index:50;
    background-color:rgba(238,238,238,0.4);
}

.contacts-min-popup-content {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);
    border: 0.5px solid #e7e7e7;
    position:fixed;
    top: 50px; left:50px;
    width:450px;
    border-radius: 5px;
}

.new-contact-option-sep{
    border-bottom: .1px solid #ddd;
    margin: 0;
    padding:0;
    max-height: 0px;
    width: 100%;
}

tr.new-contact-option:hover {
    background-color: #aed9ff;
    cursor: pointer;
}

tr.new-contact-option:hover td a {
    text-decoration:underline;
    color: #428bca;
}

.field-map-select {
    min-width:200px;
}

.add-to-mailing-option {
	color:#1b437b; 
	text-decoration:underline;
}
.add-to-mailing-option:hover {
	color: blue;
}

#importSummaryPage {
    position: relative;
    top: -20px;
}

#viewImportButtonContainer {
    position: absolute;
    top: 200px;
    left: 430px;
}

#progressBarContainer {
    padding: 3px;
    border: 1px solid #cecece;
    margin-top: 50px;
    margin-left: 125px;
    background-color: #dcdcdc;
    width: 300px;
    border-radius: 2px;
}

.progressTextFlushed {
    box-sizing:border-box;
    color:rgb(51, 51, 51);
    font-family:museo-sans, sans-serif;
    font-size: 14px;
    height:40px;
    line-height:20px;
    text-size-adjust:100%;
}

#progressBar {
    background-color: rgb(114, 157, 236);
    height: 30px;
    width: 0px;
    border-radius:2px;
    transition: width ease-out 0.5s;
}

.import-popup {
    width: 600px
}

.import-header {
  color: #428bca;
}

.import-sub-option {
    margin-left: 20px;
}

.import-option {
    margin-left: 10px;
}

.import-instr-popup {
    min-width: 0px;
    max-width: 400px;
    left:100px
}

.group-column-text {
    font-size: 12px;
    margin-left: 30px;
    margin-bottom: -10px;
}

.group-import-option {
    padding-bottom: 10px;
}

.group-import-suboption {
    margin:10px;
    margin-left: 30px;
    width:300px;
}

.import-tooltip {
    cursor: default;
}

.import-tooltip i {
    font-size: 12px;
}

.import-tooltip .import-tooltip-text {
    opacity: 0;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
    top: -5px;
    left: 110%;
    transition:  opacity .15s ease-in-out;
}

.import-tooltip .import-tooltip-text::after {
    text-align:center;
    content: "";
    top: 50%;
    position:relative;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.import-tooltip:hover .import-tooltip-text {
    opacity: 100;
}

#fieldMapInstr {
    width:550px;
}

.upload_status_fade {
    height: 20px;
    padding-left: 20px;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;}

.upload_success {
    color: forestgreen;
}

.adv-opts-container {
    margin-top: 10px;
    margin-bottom:10px;
    margin-left: 18px;
}

.nav-tabs li.sw-tab {
  margin-bottom: 0px;
}
.nav-tabs li.sw-tab a {
  margin-right: 0px;
  background-color: #eee;
  border-bottom-width: 1px;
  border-radius: 0;
  text-decoration: none;
}
.nav-tabs li.sw-tab a:hover {
  background-color: #f4f4f4;
}
.nav-tabs li.sw-tab.active a {
  color: #428bca;
  margin-bottom: -1px;
  padding-bottom: 11px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
  background-color: #eee;
}

.table-pad-cells > thead > tr > th,
.table-pad-cells > tbody > tr > th,
.table-pad-cells > tfoot > tr > th,
.table-pad-cells > thead > tr > td,
.table-pad-cells > tbody > tr > td,
.table-pad-cells > tfoot > tr > td {
  padding: 3px;
}

.push-info {
  margin-top: 150px;
}
.push-info .spinner {
  margin-top: 10px;
  margin-bottom: 30px;
}
.push-info h3 {
  text-align: center;
  line-height: 1.2;
  max-width: 900px;
}

.sw-col-thumb-sm-1 {
  width: inherit;
}

.sw-col-heading {
  margin-top: 0px;
  font-size: 16px;
  font-weight: bold;
}

.sw-row {
  margin-top: 10px;
}

.sw-grid-row {
  padding: 7px 0px 7px 0px;
}

.gutterless {
  margin-left: 0;
  margin-right: 0;
}
.gutterless .col-md-9, .gutterless .col-md-3 {
  padding-left: 0;
  padding-right: 0;
}

.visibleAttributes, #createdInContainer {
    margin-top: 8px;
    margin-bottom: 3px;
}

.library-search-heading {
  float: left;
}

.library-search-reset {
  float: right;
  font-size: 16px;
  padding-right: 5%;
}

.library-view-header {
    margin-bottom: 10px;
}

.confirmation-content {
  margin-left: 11px;
}

.form-choice-list {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.form-choice-list li:first-child {
  margin-top: 14px;
}
.form-choice-list li {
  margin: 3px 0;
}

.intro-text-conf-page {
  font-size: 18px;
  font-weight: bold;
}

#searchContainer {
  margin: 20px 0px;
}

.page-result {
  width: 100%;
  min-width: 400px;
}
.page-result .page-thumb-col {
  float: left;
  width: 10%;
  min-width: 60px;
}
.page-result .page-info {
  float: left;
  width: 90%;
  min-width: 100px;
}

.delete-text {
  margin: 7px 0px;
}

.delete-button-container button {
  margin-right: 10px;
}

.tactic-button-group {
  float: left;
  margin-top: 3px;
  margin-bottom: 15px;
}

.tactic-special-buttons {
  display: inline-block;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear;
}

.tactic-special-buttons--hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.tactic-special-buttons--visible {
  visibility: visible;
  opacity: 1;
}

/*
bootstrap sets a width on the container and since everything in .net is inside the container class, it shrinks the width of all .net pages, can't have this
happen so setting to 100%
*/
.container {
  height: auto !important;
  margin: 0 0 -20px;
  min-height: 100%;
  width: 100%;
  /* we originally had left/right padding but this is inconsistent with CF.
  With zero left/right padding it makes the header extend all the way across the page */
  padding-left: 0px;
  padding-right: 0px;
}

body.no-min-width {
  min-width: inherit;
}

.folder-active {
  color: #428bca;
}

.folder {
  color: #ddd;
}

.sw-icon {
  vertical-align: text-top;
  font-size: 16px;
}

a > i.sw-icon {
  /* Adding style to prevent text flickering */
  width: 16px;
  display: inline-block;
  overflow: hidden;
}

.sw-social {
  vertical-align: text-top;
  font-size: 18px;
}

/* table.list_row_bg4 td,table.list_row_bg3 td,table.list_row_bg2 td,table.list_row_bg1 td,*/
.img-Select-example-img {
  display: inline-block;
  width: 150px;
  height: 90px;
  vertical-align: middle;
  position: relative;
}
.img-Select-example-img {
  cursor: -moz-zoom-in; 
  cursor: -webkit-zoom-in; 
  cursor: zoom-in;
}

.img-Select-example-img img {
  background-image: url(/sw/swchannel/CustomerCenter/documents/2335/2866/trans_check.png)!important;
  border: solid thin #ddd;
}

.img-Select-example-img:hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.sortable-handle *, .sortable-item *,
.sortable-handle,
.sortable-item {
  cursor: move;
}

.sortable-item {
  border: 1px dashed #C5C5C5;
}

.sortable-item:hover {
  border: 1px solid #0000FF;
}

tr.sortable-item > td {
  border: none !important;
}

tbody.ui-sortable:not(.ui-sortable-disabled) {
  border: none;
}

.full-img-preview {
  z-index: 1000;
  position: fixed;
  left: 50px;
  top: 50px;
  background-color:#fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.greyBtn {
  background-color: lightgrey;
  border-color: grey;
  color: #000;
}

.greyBtn:hover, .greyBtn:active, .greyBtn:focus{
  background-color: #bababa;
  border-color: grey;
  color: #000;
}

.full-img-preview > i {
  z-index: 1001;
  position: absolute;
  right: 0;
  top: 0;
  border: solid thin #DDD;
  background-color: #FFF;
}

.full-img-preview > img {
  background-image: url(/sw/swchannel/CustomerCenter/documents/2335/2866/trans_check.png)!important;
  border: solid thin #DDD;
  max-width: 500px;
}

.full-img-preview > i {
  cursor: pointer;
}

#userContent {
  min-width: 700px;
  min-height: 500px;
  position: relative;
}


#userContent.userContent > div:not(:first-of-type) > img{
  display: none;
}

.scale-image, .center-scale-image, .left-scale-image,
#userContent.userContent img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.center-scale-image {
  margin: auto auto;
}

.left-scale-image {
  margin: auto 0;
}

.sw-hidden {
  visibility: hidden;
}

.sw-visibility {
  visibility: visible;
}

.sw-inline {
  display: inline !important;
}

.placement-holder {
  position: relative;
  display: inline-block;
}

.templateFieldEdit {
  display: inline-block;
  padding: 10px;
}

.horizontal-rule {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.checkbox-column {
  width: 25px;
}

.tactic-preview-header-detail {
  margin-bottom: 10px;
}

.tactic-preview-header-detail > tbody > tr:not(:first-child) > td,
.tactic-preview-header-detail > ul > li {
  padding-top: 9px;
  margin-top: 0px;
}

.social-preview .social-content-preview-text {
  max-width: 850px;
}

@media screen and (min-width: 1500px) {
  .templateFieldLeft{
    width: 600px !important;
  }
}
.templateFieldLeft {
  width: 300px;
  display: inline-block;
}
.templateFieldLeft img{
  max-width: 200px;
}

.tactic-preview-description-text {
  max-width: 600px;
  display: inline-block;
}

#TemplateDiv .trHover:hover {
  background-color: #e0eff5;
}

#editTab {
  float : left;
  width : 100%;
  padding-left : 1em;
  padding-bottom : 0;
}

.templateEditTab {
  padding                 : 0.5em 0em;
  margin-bottom           : 0;
  border                  : 1px solid #ddd;
  border-bottom           : none;
  border-top-left-radius  : 6px;
  border-top-right-radius : 6px;
  background              : #fff;
  position                : relative;
  top                     : 5px;
}

.currentEditTab {
    z-index : 3;
    border-bottom : 2px solid white;
    color   : #428bca;
}

.inactiveEditTab {
    border-bottom : 0.5px solid #ddd;
    background    : #eee;
}

.templateEditTab .edit_tab_text {
  display   : block;
  padding   : 0.4em 0.7em;
  padding-bottom : 0.4em;
  width     : 100%;
  border-top-left-radius : 6px;
  border-top-right-radius: 6px;
}

.inactiveEditTab .edit_tab_text {
    text-decoration: none;
}

.inactiveEditTab a.edit_tab_text:hover {
    background    : #f4f4f4;
}

.social-content-ellipsis {
  overflow: hidden;
  position: relative;
  line-height: 18px !important;
  max-height: 54px !important;
  text-align: justify !important;
  /* these values did not seem vital to the affect working and I thought it looked better without the margin and with a smaller padding
  margin-right: -1em;
  padding-right: 1em;
  */
  padding-right: 0.7em;
  max-width: 650px;
}
.social-content-ellipsis:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.social-content-ellipsis:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 18px;
  margin-top: 0.2em;
  background: white;
}

.caret.caret-reversed {
  border-top-width: 0;
  border-bottom: 4px solid #000000;
}

.greyScaleWrapper {
  background-color: #000;
  opacity: .4;
}

.cw-footer {
    margin-left: 18%;
    margin-top: 150px;
    padding-left: 20px;
    padding-right: 20px;
}

.AssetRequirementText {
  font-size: 18px;
  font-weight: bold;
  color: #428BCA;  
}

span#popupHeader_headerUserSettings {
    font-family: museo-sans, sans-serif, Arial;
    font-size: 16px;
    font-weight: bold;
}
/*# sourceMappingURL=ui.css.map */