SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  text-transform: uppercase; }

#dashletCategories > li.active a {

  background-color: #578AB4;

  color: #F5F5F5; }

#dashletCategories > li.active a:link {

  background-color: #778591;

  color: #F5F5F5; }

#dashletCategories > li.active a:hover {

  background-color: #778591;

  color: #F5F5F5; }

#dashletCategories > li.active a:visited {

  background-color: #778591;

  color: #F5F5F5; }

#dashletCategories > li.active a:active {

  background-color: #778591;

  color: #F5F5F5; }

#dashletCategories > li.active a:focus {

  background-color: #778591;

  color: #F5F5F5; }

#dashletCtrls {

  float: right; }

#moduleDashlets h3,

#chartDashlets h3,

#toolsDashlets h3 {

  margin-top: 13px; }

#dashletSearch table tr td input[type=button] {

  vertical-align: top; }

.sugarFeedDashlet {

  overflow: auto;

  max-height: 375px; }

.sugarFeedDashlet td.list th {

  display: none; }

.sugarFeedDashlet td.list td[scope=col] {

  display: none; }

.sugarFeedDashlet tr {

  height: auto; }

.sugarFeedDashlet .byLineBox {

  width: 100%;

  position: relative;

  overflow: hidden;

  font-size: 16px; }

.sugarFeedDashlet blockquote {

  width: 100%;

  position: relative;

  overflow: hidden;

  font-size: 16px; }

.sugarFeedDashlet blockquote img {

  width: 30px;

  height: 30px; }

.sugarFeedDashlet .byLineBox .byLineLeft {

  float: left; }

.sugarFeedDashlet .byLineBox .byLineRight {

  display: inline;

  font-size: 79%;

  float: right; }

.dashletPanel .hd .hd-center .dashletToolSet a {

  padding: 0 2px; }

.dashletPanel .hd .hd-center .dashletToolSet a:last-child {

  padding-right: 0; }

.dashletPanelMenu.wizard.import .bd .screen {

  display: block;

  background-color: #fff;

  padding: 20px;

  border: 0 none;

  overflow-x: hidden;

  overflow-y: auto;

  width: auto;

  height: 487px; }

div#chartDashlets {

  overflow-y: auto; }

.dashletPanel {

  padding: 0;

  margin: 15px 15px 15px 0; }

.hd-center {

  padding: 0;

  margin: 0; }

.bd {

  padding: 0;

  margin: 0; }

#moduleDashletsList {

  height: auto; }

#dashletsList {

  overflow: hidden;

  max-height: 500px; }

#dashletsDialog_c {

  margin-top: -50px;

  margin-left: -125px; }

td.dashlet-title {

  line-height: 40px;

  height: 44px; }

td.dashlet-title > h3 > span {

  margin-left: 8px; }

#moduleDashletsList > table > tbody > tr > td {

  padding: 10px; }

#basicChartDashletsList > table > tbody > tr > td {

  padding: 10px; }

#toolsDashletsList > table > tbody > tr > td {

  padding: 10px; }

#webDashletsList > table > tbody > tr > td {

  padding: 10px; }

#moduleDashletsList a {

  color: #ff0000;

  margin: 5px; }

#basicChartDashletsList a {

  color: #ff0000;

  margin: 5px; }

#toolsDashletsList a {

  color: #ff0000;

  margin: 5px; }

#webDashletsList a {

  color: #ff0000;

  margin: 5px; }

#moduleDashletsList a span {

  margin-left: 10px; }

#basicChartDashletsList a span {

  margin-left: 10px; }

#toolsDashletsList a span {

  margin-left: 10px; }

#webDashletsList a span {

  margin-left: 10px; }

#moduleDashletsList {

  padding: 10px;

  max-height: 375px;

  /*background: #778591;*/

  border: 1px solid transparent;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px; }

#basicChartDashletsList {

  padding: 10px;

  max-height: 375px;

  /*background: #778591;*/

  border: 1px solid transparent;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px; }

#toolsDashletsList {

  padding: 10px;

  max-height: 375px;

  /*background: #778591;*/

  border: 1px solid transparent;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px; }

#webDashletsList {

  padding: 10px;

  max-height: 375px;

  /*background: #778591;*/

  border: 1px solid transparent;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px; }

#dashletsDialog_mask {

  display: none;

  visibility: collapse; }

#dashletsDialog {

  display: none;

  visibility: collapse; }

@media (max-width: 980px) {

  .dashletNonTable {

    display: none; }

  .dashletcontainer {

    position: relative;

    padding: 0;

    margin: 0;

    float: left;

    width: 100%; } }

.dashletPanel .list tr th a:link {

  padding-right: 0; }

.dashletPanel .list tr th {

  padding-top: 16px;

  padding-bottom: 16px;

  padding-left: 5px;

  padding-right: 5px; }

.dashletPanel .h3Row {

  background-color: #66727D;

  color: #ffffff;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px; }

.h3Row {

  padding: 5px 10px 5px 10px;

  margin: 5px 0 5px 0; }

.dashletPanel .h3Row h3 {

  font-size: 16px;

  font-weight: bold;

  color: #ffffff;

  margin: 0 0 0 10px;

  letter-spacing: 1px;

  text-transform: uppercase; }

.dashletPanel .h3Row h3 span {

  font-weight: normal; }

#dashletbuttons {

  color: #ff0000;

  margin: 0 2px 0 2px; }

#dashletbuttons:hover {

  opacity: 0.8; }

.dashletToolSet {

  margin: 0 10px 0 0; }

@media (max-width: 750px) {

  .dashletcontainer {

    float: left; }

  .dashletPanel {

    overflow: auto; }

  .dashboardTabList {

    display: none; } }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel {

  top: initial;

  left: 0;

  right: auto;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);

  margin: 0 auto;

  border: none;

  max-width: 900px; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .container-close {

  top: 15px;

  right: 30px;

  color: #CCCCCC;

  width: initial;

  text-indent: initial; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .hd {

  font-family: Lato, Lato, Arial, sans-serif;

  font-size: 18px;

  font-weight: bold;

  background: #FFFFFF;

  color: #534D64;

  padding: 15px 15px 42px 19px;

  margin: 0;

  border-bottom: solid 1px #ddd;

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

  line-height: 25.7143px;

  height: 25px; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd {

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px;

  overflow: hidden;

  overflow-y: scroll;

  max-height: 650px; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form {

  /* form looking good. */ }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table td input[type=”checkbox”] {

  margin-top: 10px;

  height: 30px; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr {

  display: block;

  border-bottom: none;

  float: none;

  width: auto; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr {

  display: block;

  border-bottom: none;

  float: none;

  width: auto; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {

  display: block;

  float: left;

  width: auto; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr td {

  display: block;

  float: left;

  width: auto; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {

  width: 30%; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan=”4″] {

  float: none; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan=”4″] br {

  display: none; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody {

  display: table-row-group;

  border-color: inherit;

  float: initial;

  vertical-align: middle; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody tr {

  display: table-row;

  border-color: inherit;

  float: initial;

  vertical-align: inherit; }

.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody tr td {

  display: table-cell;

  float: initial;

  vertical-align: inherit; }

@media (min-width: 800px) {

  .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {

    width: 20%; }

  .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[valign=top] {

    float: left;

    width: 25%; }

  .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr:last-child {

    clear: both; }

  .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit {

    position: relative; }

  .yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit #edit_tabs {

    position: absolute;

    top: 20px;

    right: 40px; } }

.dashletNonTable {

  padding: 0 5px 0 10px; }

#add_dashlets {

  display: none; }

#dashletresponsive {

  float: left; }

.dashboardTbList {

  max-width: 90%; }

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

  #dashletsDialog_c {

    margin-top: 25px;

    margin-bottom: 25px;

    margin-left: 0;

    overflow: scroll;

    height: 70%; } }

@media (max-width: 1024px) {

  .dashletcontainer.col-50 {

    width: 100%; }

  table td[class*=col-] {

    display: block;

    clear: both;

    float: none;

    width: 100%; }

  table th[class*=col-] {

    display: block;

    clear: both;

    float: none;

    width: 100%; }

  .dashletcontainer {

    display: block;

    clear: both;

    float: none;

    width: 100%; } }

@media (min-width: 1025px) {

  .dashletcontainer.col-50 {

    width: 50%; } }

/**** List view ***/

.list {

  padding: 0;

  margin-bottom: 10px; }

.list .pagination {

  padding: 0;

  margin: 0;

  border: 0; }

tr#pagination {

  background: #ffffff; }

.list .pagination td {

  padding: 0;

  margin: 0;

  border: 0; }

.list .pagination td table {

  padding: 0;

  margin: 0;

  border: 0; }

/* PAGINATION */

.list #pagination td {

  padding: 0; }

.list #pagination td .paginationTable tr {

  padding: 0; }

.list #pagination td .paginationTable tr td:first-of-type {

  padding-left: 5px; }

.list #pagination td .paginationTable tr td:last-of-type {

  padding-right: 5px; }

.list #pagination td .paginationTable .paginationActionButtons {

  background-color: #BFCAD3;

  padding: 5px 0 5px 0; }

.list #pagination td .paginationTable .paginationChangeButtons {

  background-color: #BFCAD3;

  padding: 5px 5px 5px 0; }

.list #pagination td .paginationTable .pageNumbers {

  position: static;

  font-weight: bold;

  color: #ffffff;

  padding: 0 8px 0 0;

  margin: 0 0 0 0; }

#listViewStartButton_top {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 9px -29px;

  background-repeat: no-repeat;

  margin-right: 2px;

  width: 26px; }

#listViewStartButton_bottom {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 9px -29px;

  background-repeat: no-repeat;

  margin-right: 2px;

  width: 26px; }

#listViewStartButton_top[disabled] {

  cursor: default;

  opacity: .5; }

#listViewPrevButton_top[disabled] {

  cursor: default;

  opacity: .5; }

#listViewNextButton_top[disabled] {

  cursor: default;

  opacity: .5; }

#listViewEndButton_top[disabled] {

  cursor: default;

  opacity: .5; }

#listViewStartButton_bottom[disabled] {

  cursor: default;

  opacity: .5; }

#listViewPrevButton_bottom[disabled] {

  cursor: default;

  opacity: .5; }

#listViewNextButton_bottom[disabled] {

  cursor: default;

  opacity: .5; }

#listViewEndButton_bottom[disabled] {

  cursor: default;

  opacity: .5; }

#listViewStartButton_top img {

  display: none; }

#listViewStartButton_bottom img {

  display: none; }

#listViewPrevButton_top {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 9px -50px;

  background-repeat: no-repeat;

  width: 26px; }

#listViewPrevButton_bottom {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 9px -50px;

  background-repeat: no-repeat;

  width: 26px; }

#listViewPrevButton_top img {

  display: none; }

#listViewPrevButton_bottom img {

  display: none; }

#listViewNextButton_top {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 10px -132px;

  background-repeat: no-repeat;

  width: 26px; }

#listViewNextButton_bottom {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 10px -132px;

  background-repeat: no-repeat;

  width: 26px; }

#listViewNextButton_top img {

  display: none; }

#listViewNextButton_bottom img {

  display: none; }

#listViewEndButton_top {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 10px -112px;

  background-repeat: no-repeat;

  margin-left: 2px;

  width: 26px; }

#listViewEndButton_bottom {

  background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");

  background-position: 10px -112px;

  background-repeat: no-repeat;

  margin-left: 2px;

  width: 26px; }

#listViewEndButton_top img {

  display: none; }

#listViewEndButton_bottom img {

  display: none; }

.list .pagination td table td {

  padding: 3px 7px 3px 5px;

  background: #BFCAD3 none repeat scroll 0 0; }

.list .pagination td table td button {

  width: 25px; }

.list .pagination td table td a:link {

  font-weight: normal;

  padding: 2px 0 3px 0;

  text-decoration: none;

  color: #ffffff; }

.list .pagination td table td a:visited {

  font-weight: bold;

  padding: 2px 0 3px 0;

  text-decoration: none;

  color: #ffffff; }

.reportGroupByDataChildTablelistViewThS1 a:link {

  font-weight: bold;

  padding: 2px 0 3px 0;

  text-decoration: none;

  color: #ffffff; }

.reportGroupByDataChildTablelistViewThS1 a:visited {

  font-weight: bold;

  padding: 2px 0 3px 0;

  text-decoration: none;

  color: #ffffff; }

.list .pagination td table td a:hover {

  text-decoration: none; }

.reportGroupByDataChildTablelistViewThS1 a:hover {

  text-decoration: underline; }

.list .pagination .buttons {

  padding: 2px 2px 2px 0; }

.list .pagination #selectCountTop {

  width: 5em; }

.selectedRecords {

  display: inline;

  padding: 0;

  margin: 0;

  position: relative;

  top: -8px; }

.selectedRecords.label {

  color: #FFFFFF; }

.selectedRecords.value {

  margin-right: 8px; }

@media (max-width: 480px) {

  .selectedRecords.label {

    display: none; } }

.td_alt {

  font-size: 16px;

  font-weight: 800;

  padding: 16px 10px 16px 10px;

  border-left: none;

  border-right: none;

  text-align: left;

  white-space: nowrap; }

.list tr th {

  font-size: 16px;

  padding: 16px 10px 16px 10px;

  border-left: none;

  border-right: none;

  text-align: left;

  white-space: nowrap;

  font-weight: 700;

  color: #ffffff; }

.list tr td[scope=col] {

  font-size: 16px;

  font-weight: 800;

  padding: 16px 10px 16px 10px;

  border-left: none;

  border-right: none;

  text-align: left;

  white-space: nowrap;

  color: #ffffff; }

.edit .list tr th {

  font-size: 16px;

  font-weight: 800;

  padding: 16px 10px 16px 10px;

  border-left: none;

  border-right: none;

  text-align: left;

  white-space: nowrap; }

.edit .list tr td[scope=col] {

  font-size: 16px;

  font-weight: 800;

  padding: 16px 10px 16px 10px;

  border-left: none;

  border-right: none;

  text-align: left;

  white-space: nowrap; }

.list tr td {

  padding: 3px 8px 5px 5px;

  vertical-align: middle; }

.list .pagination button[disabled] {

  height: 26px; }

.list tr .odd {

  padding: 3px 8px 5px 5px;

  vertical-align: middle; }

.list th a:link {

  font-weight: bold;

  text-decoration: none; }

.list th a:visited {

  font-weight: bold;

  text-decoration: none; }

.list td[scope=col] a:link {

  font-weight: bold;

  text-decoration: none; }

.list td[scope=col] a:visited {

  font-weight: bold;

  text-decoration: none; }

.list th a:hover {

  text-decoration: underline; }

.list td[scope=col] a:hover {

  text-decoration: underline; }

.list .oddListRowS1 td {

  white-space: normal;

  word-wrap: break-word; }

.list .evenListRowS1 td {

  white-space: normal;

  word-wrap: break-word; }

.list thead {

  background-color: #778591; }

.list .oddListRowS1 td[nowrap] {

  white-space: nowrap;

  word-wrap: normal; }

.list .evenListRowS1 td[nowrap] {

  white-space: nowrap;

  word-wrap: normal; }

a.listViewTdToolsS1 {

  padding: 4px; }

.list td a.listViewTdToolsS1 {

  white-space: nowrap;

  word-wrap: normal;

  text-align: left;

  min-width: 55px; }

.list tr .nowrap {

  white-space: nowrap;

  word-wrap: normal; }

.inlineButtons .clickMenu > li > span {

  position: absolute;

  right: 0; }

.list .inlineButtons {

  text-align: right;

  min-width: 75px; }

.list .pagination .buttons .clickMenu:hover > li > a:link {

  color: #FFFFFF; }

.list .pagination .buttons .clickMenu:hover > li > a {

  color: #FFFFFF; }

.list tr th a:link {

  font-size: 16px;

  font-weight: 700;

  padding-right: 10px;

  color: #ffffff; }

.list {

  font-size: 14px; }

.list-view-rounded-corners {

  margin: 16px 0 16px 0; }

.list-view-rounded-corners > table {

  border-spacing: 0;

  border-collapse: separate; }

#pagination:nth-of-type(2) {

  border-spacing: 0;

  border-collapse: separate; }

.SugarActionMenuIESub li a {

  border: 1px solid transparent;

  overflow: hidden; }

.clickMenu li a {

  border: 1px solid transparent;

  overflow: hidden; }

.list .pagination .buttons .clickMenu > li > a:link {

  border: 1px solid transparent;

  overflow: hidden; }

.list .pagination .buttons .clickMenu > li > a {

  border: 1px solid transparent;

  overflow: hidden; }

.list-view-rounded-corners > table > thead > th {

  border: 1px solid transparent;

  overflow: hidden; }

.pagination-bottom {

  border: 1px solid transparent;

  overflow: hidden; }

Comments

comments

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