SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

.other.view td:nth-of-type(4) {

  display: block;

  background-color: #F5F5F5;

  padding-bottom: 10px;

  padding-left: 52px;

  float: right;

  line-height: 24px;

  width: 100%;

  height: auto; }

@media (min-width: 1250px) {

  /* left admin panel column */

  .other.view td a {

    line-height: 100%;

    height: 100%;

    white-space: normal; }

  .other.view td:nth-of-type(1) {

    display: block;

    float: left;

    width: 25%; }

  .other.view td:nth-of-type(3) {

    display: block;

    float: left;

    width: 25%; }

  /* right admin panel column */

  .other.view td:nth-of-type(2) {

    display: block;

    float: right;

    line-height: 48px;

    width: 75%;

    height: 48px; }

  .other.view td:nth-of-type(4) {

    display: block;

    float: right;

    line-height: 48px;

    width: 75%;

    height: 48px; } }

/*** Menu Filters ***/

#edittabs table:nth-of-type(2),

#edittabs table:nth-of-type(2) > tbody,

#edittabs table:nth-of-type(2) tbody > tr {

  width: 100%; }

#edittabs table:nth-of-type(2) tbody > tr > td {

  display: inline-block; }

#edittabs .edit {

  display: inline-block;

  margin: 0 16px 0 0;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 16%; }

#edittabs table:nth-of-type(2) tbody > tr > td:nth-of-type(2) {

  width: 80%; }

#s_field_delete > tbody > tr > td,

#trash,

#trashcan,

#trashcan table,

#trashcan table > tbody,

#trashcan table > tbody > tr {

  width: 100%; }

#edittabs h2 {

  font-size: 16px;

  font-weight: bold; }

#edittabs #trash {

  overflow: visible;

  height: 64px; }

#edittabs .listContainer {

  overflow-y: auto;

  height: 384px; }

#edittabs .listContainer li span {

  display: block;

  font-size: 16px;

  font-weight: 700;

  background: #F5F5F5;

  padding: 8px 0 8px 8px;

  margin-bottom: 4px;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 98%; }

#edittabs #groupTable,

#edittabs #groupTable > tbody,

#edittabs #groupTable > tbody > tr {

  width: 100%; }

#edittabs #groupTable {

  background: #FFFFFF;

  border: 1px solid transparent;

  border-radius: 4px; }

#edittabs #groupTable * {

  border: none; }

#edittabs #groupTable .tdContainer {

  display: inline-block;

  width: 15%; }

.slotB {

  border-width: 0;

  cursor: move; }

span.error:empty {

  padding: 0; }

#groupTable > tbody > tr:nth-child(1) > td {

  margin: 0 8px 8px 16px; }

#edittabs #groupTable .tdContainer h2 {

  margin: 16px 0 8px 0; }

#edittabs #groupTable .tdContainer h2 > span:nth-of-type(1) {

  display: inline-block;

  width: 80%; }

#edittabs #groupTable .tdContainer h2 > span:nth-of-type(2) {

  display: inline-block;

  width: 10%; }

div#rollover {

  float: left;

  margin: 0;

  position: relative;

  text-decoration: none; }

div#rollover a:hover {

  padding: 0;

  text-decoration: none; }

div#rollover a span {

  display: none; }

div#rollover a:hover span {

  background-color: #fff;

  display: block;

  color: #333;

  font-size: 14px;

  margin-left: 5px;

  margin-top: 5px;

  padding: 10px;

  position: absolute;

  border: 1px solid #ccc;

  text-decoration: none;

  width: 250px;

  z-index: 1000; }

.email table [class*=col-] {

  display: table-cell; }

/**** Campaigns ***/

div.wizard-unique-elem td {

  white-space: normal;

  word-wrap: break-word; }

@media (min-width: 922px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 900px; } }

/*sm-col-*/

@media (min-width: 768px) and (max-width: 991px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

/*md-col-*/

@media (min-width: 992px) and (max-width: 1199px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 900px; } }

/*md-fixes*/

@media (min-width: 1180px) and (max-width: 1199px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 1000px; } }

/*lg-col-*/

@media (min-width: 1200px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 1100px; } }

@media (min-width: 768px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

@media (min-width: 641px) and (max-width: 978px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 600px; } }

@media (min-width: 999px) and (max-width: 1279px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 900px; } }

@media (min-width: 0) and (max-height: 320px) {

  form[name=”wizform”] div.wizard-unique-elem {

    min-width: 300px; } }

@media (min-width: 480px) and (max-height: 320px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 400px; } }

@media (min-width: 768px) and (min-height: 381px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

@media (min-width: 768px) and (min-height: 381px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

@media (max-width: 767px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

@media (min-width: 768px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

.wizard-box {

  display: block;

  position: relative;

  background-color: #f6f6f6;

  color: #333333;

  padding: 20px;

  margin: 20px;

  border: 1px solid lightgrey;

  float: left;

  width: 350px;

  min-width: 300px;

  min-height: 150px; }

.wizard-box label {

  margin-bottom: 15px; }

.wizard-box input {

  width: 100%; }

.wizard-box span.helpmsg {

  position: absolute;

  bottom: 15px; }

div.step2 table {

  min-width: 300px; }

div.step2 table th td {

  width: 60px; }

div.step2 .target-list-table {

  min-width: 570px; }

.wizard-summary-left {

  display: block;

  padding: 0;

  margin: 0 20px 0 0;

  border: none;

  float: left;

  width: 450px; }

.wizard-summary-left .box {

  display: block;

  background-repeat: no-repeat;

  padding: 20px 20px 20px 80px;

  margin: 0 0 20px 0;

  border: 1px solid lightgrey;

  float: none;

  background-position-x: 10px;

  background-position-y: center; }

.wizard-summary-right .box {

  display: block;

  background-repeat: no-repeat;

  padding: 20px 20px 20px 80px;

  margin: 0 0 20px 0;

  border: 1px solid lightgrey;

  float: none;

  background-position-x: 10px;

  background-position-y: center; }

.wizard-summary-left .box.button.disabled {

  background-color: #f3f3f3; }

.wizard-summary-right .box.button.disabled {

  color: gray; }

.wizard-summary-left .box.button.disabled a {

  color: gray; }

.wizard-summary-right .box.button.disabled a {

  color: gray; }

.wizard-summary-left .box.ok {

  background-image: url(../../../../themes/default/images/green_camp.gif); }

.wizard-summary-left .box.fail {

  background-image: url(../../../../themes/default/images/red_camp.gif); }

.wizard-summary-left .box.small {

  display: table-cell;

  padding-left: 55px;

  padding-right: 5px;

  float: none;

  width: 210px;

  height: 80px;

  vertical-align: middle; }

.wizard-summary-left .box.button a,

.wizard-summary-right .box.button a {

  color: white; }

.wizard-summary-left .space {

  display: table-cell;

  float: none;

  width: 28px;

  height: 80px; }

.wizard-summary-right {

  display: block;

  padding: 20px;

  margin: 0;

  border: 1px solid lightgrey;

  float: left;

  width: 280px; }

.wizard-summary-right .box {

  display: table-cell;

  background-position: top 10px right 10px;

  padding: 0;

  margin-left: 20px;

  float: none;

  text-align: center;

  width: 260px;

  height: 180px;

  vertical-align: middle; }

.wizard-summary-right .send {

  background-image: url(../../../../themes/default/images/cmpwzrd/email167.png); }

.wizard-summary-right .schedule {

  background-image: url(../../../../themes/default/images/cmpwzrd/wallclock.png); }

.wizard-summary-right .test {

  background-image: url(../../../../themes/default/images/cmpwzrd/email167.png);

  background-position-y: -7px; }

.wizard-summary-right .disabled {

  color: gray; }

.wizard-summary-right .space {

  height: 20px; }

ul.target-list {

  display: block;

  padding: 10px;

  margin: 0;

  border: 1px solid lightgray;

  overflow: scroll;

  max-height: 300px;

  list-style-type: none; }

ul.target-list li {

  padding: 0;

  margin: 5px 0; }

div.target-list-create {

  padding: 10px;

  margin: 10px 0 0 0;

  border: 1px solid lightgray; }

div.target-list-table {

  padding: 10px;

  margin: 0 0 0 10px;

  border: 1px solid lightgray;

  min-height: 490px; }

.icon-btn-lst {

  padding: 0;

  margin: 0;

  list-style-type: none; }

.icon-btn-lst .icon-btn a {

  display: block;

  background-color: #ff0000;

  margin: 10px;

  border: none;

  float: left;

  text-align: center;

  width: 150px;

  min-height: 150px;

  list-style-type: none; }

.icon-btn-lst .icon-btn {

  display: block;

  background-color: #ff0000;

  margin: 10px;

  border: none;

  float: left;

  text-align: center;

  width: 150px;

  min-height: 150px;

  list-style-type: none; }

.icon-btn-lst .icon-btn:hover {

  background-color: #808F9C; }

.icon-btn-lst .icon-btn a:hover {

  background-color: #808F9C; }

.icon-btn-lst .icon-btn img {

  margin-top: 10px;

  margin-bottom: 20px; }

.icon-btn-lst .icon-btn a {

  display: block;

  color: #FFFFFF;

  padding: 10px;

  width: 100%;

  height: 100%; }

/*////////////////////////////////////////////////////////////////////////////////////////// MEDIA QUERIES //////////*/

@media (min-width: 750px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 500px; } }

@media (max-width: 1130px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 300px; } }

@media (min-width: 768px) and (max-width: 1000px) {

  /*help*/

  form[name=”wizform”] div.wizard-unique-elem {

    width: 700px; } }

@media only screen and (min-device-width: 480px) and (max-device-width: 980px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 400px; } }

@media (min-width: 980px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 900px; } }

@media (min-width: 999px) and (max-width: 1024px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 900px; } }

@media (min-width: 1024px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 1000px; } }

@media (min-width: 1280px) {

  #cal-edit {

    margin: 0 0 0 200px; }

  form[name=”wizform”] div.wizard-unique-elem {

    width: 1200px; } }

/* campaign wizard backgrounds and commons */

form[name=”wizform”] .other.view {

  background: none; }

form[name=”wizform”] .other.view .edit.view {

  width: 100%; }

form[name=”wizform”] .other.view td:nth-of-type(1) {

  display: table-cell;

  background: none;

  float: none;

  width: auto; }

form[name=”wizform”] .other.view td:nth-of-type(2) {

  display: table-cell;

  background: none;

  float: none;

  width: auto; }

form[name=”wizform”] .other.view td {

  display: table-cell;

  background: none;

  float: none;

  width: auto; }

form[name=”wizform”] .other.view td {

  height: auto; }

/* campaign wizard home start page */

form[name=”wizform”] fieldset legend {

  padding: 0; }

form[name=”wizform”] .icon-btn-lst .icon-btn a {

  margin: 0;

  line-height: 20px;

  text-align: center; }

form[name=”wizform”] .icon-btn-lst .icon-btn a img {

  float: none; }

form[name=”wizform”] .icon-btn-lst .icon-btn a br {

  display: block;

  clear: both;

  float: none; }

/* campaign wizard progress bar stuff */

form[name=”wizform”] .progression-container .progression .nav-steps {

  background-color: #ff0000; }

form[name=”wizform”] .selected {

  background-color: #808F9C; }

.progression .nav-steps:hover {

  background-color: #808F9C; }

form[name=”wizform”] .progression-container .progression .nav-steps.selected {

  background-color: #808F9C; }

form[name=”wizform”] .progression li.selected::after {

  border-left-color: #808F9C; }

form[name=”wizform”] .progression li:hover::after {

  border-left-color: #808F9C; }

form[name=”wizform”] .progression li::after {

  border-left-color: #ff0000; }

form[name=”wizform”] .progression li::after {

  border-left-color: #ff0000; }

form[name=”wizform”] .progression li::before {

  border-left-color: #F5F5F5; }

/* campaign wizard (top) buttons */

form[name=”wizform”] input[type=”button”] {

  margin-left: 10px;

  margin-right: 10px; }

form[name=”wizform”] input[type=”submit”] {

  margin-left: 10px;

  margin-right: 10px; }

/* campaign wizard forms */

form[name=”wizform”] td {

  margin-bottom: 24px; }

form[name=”wizform”] .emptyField {

  display: none; }

form[name=”wizform”] tr.emptyRow {

  display: none; }

/* target list page */

form[name=”wizform”] .template-container-full div.row {

  padding: 5px 20px; }

form[name=”wizform”] .other.view img, .other.view svg {

  width: initial;

  height: initial; }

form[name=”wizform”] .input-sm {

  height: 42px; }

form[name=”wizform”] div.target-list-create br {

  display: none; }

form[name=”wizform”] div.target-list-create input[type=”button”] {

  margin-top: 16px; }

/* Template editor */

div.wizard-unique-elem .header-2 {

  font-size: 16px;

  font-weight: bold; }

#email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * {

  float: none; }

#email_template_editor ul.mozaik-thumbs li.mozaik-thumbnail {

  padding: 0; }

#email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * {

  margin: 5px; }

#email_template_editor ul.mozaik-list {

  background-color: #778591; }

/* Marketing page */

div.step2 table tr td, div.step2 table th td {

  width: 80%; }

form[name=”wizform”] .other.view div.step2 table.edit.view tr:first-child td:first-child {

  width: 100%; }

form[name=”wizform”] .wizard-box span.helpmsg {

  bottom: -36px; }

/* summary page */

form[name=”wizform”] .target_message br,

form[name=”wizform”] .alert_messages br {

  display: none; }

form[name=”wizform”] .diagnose_messages td {

  margin-bottom: 0; }

form[name=”wizform”] br.emptyRow {

  display: none; }

form[name=”wizform”] div.step3 ul .li-tick {

  margin-left: 50px; }

form[name=”wizform”] div.step3 ul .li-cross {

  margin-left: 50px; }

form[name=”wizform”] div.step3 .button-group a.btn img {

  margin-top: 0; }

/* non-email campaign / budget page */

form[name=”wizform”] div.wizard-unique-elem div.step2 .other.view td:nth-of-type(1) {

  display: table-cell;

  float: none; }

form[name=”wizform”] div.wizard-unique-elem div.step2 .other.view td:nth-of-type(2) {

  display: table-cell;

  float: none; }

form[name=”wizform”] div.wizard-unique-elem div.step2 table tr td {

  display: table-cell;

  float: none;

  width: auto; }

/* desktop / tablet / mobile fix */

@media (max-width: 1024px) {

  form[name=”wizform”] table.other.view tr td.edit.view table tr td input {

    max-width: 355px; }

  form[name=”wizform”] table.other.view tr td.edit.view table tr td textarea {

    max-width: 355px; } }

@media (max-width: 1024px) and (max-width: 980px) {

  form[name=”wizform”] table.other.view tr td.edit.view table tr td {

    display: block;

    float: left; }

  form[name=”wizform”] table.other.view tr td.edit.view table tr td:nth-of-type(odd) {

    width: 300px;

    max-width: 300px;

    min-width: 300px; }

  form[name=”wizform”] table.other.view tr td.edit.view table tr td:nth-of-type(even) {

    width: 500px;

    max-width: 500px;

    min-width: 500px; }

  /* a common fix */

  form[name=”wizform”] .edit tr {

    border-bottom: none; }

  /* Subscriptions fix */

  form[name=”wizform”] div.wizard-unique-elem div.step2 table tr td {

    float: left; }

  form[name=”wizform”] div.wizard-unique-elem div.step2 table tr td .header-4 {

    max-width: 255px; }

  /* marketing fix */

  form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table {

    background: none; }

  form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td {

    display: block;

    float: left; }

  form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td:nth-of-type(odd) {

    width: 300px;

    max-width: 300px;

    min-width: 300px; }

  form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td:nth-of-type(even) {

    width: 500px;

    max-width: 500px;

    min-width: 500px; }

  /* Target List fix */

  form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .row .col-xs-12.col-sm-4 {

    width: auto; }

  form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 table.detail.view tr td table tr.detail.view td {

    float: left; }

  form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 table.detail.view tr td table tr.detail.view th {

    float: left; }

  form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .target-list-table {

    min-width: 335px; } }

@media (max-width: 1024px) and (max-width: 980px) and (max-width: 480px) {

  form[name=”wizform”] table.other.view tr td.edit.view table tr td input {

    max-width: 255px; }

  form[name=”wizform”] table.other.view tr td.edit.view table tr td textarea {

    max-width: 255px; }

  form[name=”wizform”] .wizard-box {

    width: auto;

    min-width: 0; }

  /* target-list fix */

  form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .target-list-table {

    min-width: 255px; } }

.mozaik-inner {

  background-color: #FAFAFA; }

.yui-ac {

  position: relative;

  font-family: arial;

  font-size: 100%; }

.yui-ac-container {

  float: left;

  width: 100%; }

@media (min-width: 1024px) {

  .col-sm-12 .col-sm-8 .yui-ac-container {

    float: left;

    width: 45%; }

  .col-sm-12 .col-sm-6 .yui-ac-container {

    float: left;

    width: 90%; }

  .yui-ac-container {

    float: left;

    width: 90%; } }

.yui-ac-content {

  position: absolute;

  background: #FFFFFF;

  border: 1px solid #808080;

  overflow: hidden;

  width: 100%;

  z-index: 9050; }

.yui-ac-shadow {

  position: absolute;

  background: #000;

  margin: .3em;

  filter: alpha(opacity=10);

  opacity: .10;

  width: 100%;

  z-index: 9049;

  -moz-opacity: 0.10; }

.yui-ac iframe {

  padding-bottom: .3em;

  padding-right: .3em;

  filter: alpha(opacity=0);

  opacity: 0; }

.yui-ac-content ul {

  padding: 0;

  margin: 0;

  width: 100%; }

.yui-ac-content li {

  cursor: default;

  padding: 2px 5px;

  margin: 0;

  white-space: nowrap;

  list-style: none;

  zoom: 1; }

.yui-ac-content li.yui-ac-prehighlight {

  background: #ff0000; }

.yui-ac-content li.yui-ac-highlight {

Comments

comments

Call and receive expert consulting or click below for quote
Button linked to quote page for commercial insurance quote