SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

    width: 90%; }

  #BILLING_address_fieldset input[type=text] {

    width: 90%; }

  #SHIPPING_address_fieldset input[type=text] {

    width: 90%; }

  textarea#billing_address_street {

    width: 90%; }

  textarea#shipping_address_street {

    width: 90%; }

  textarea#primary_address_street {

    width: 90%; }

  textarea#alt_address_street {

    width: 90%; }

  .col-sm-12 .col-sm-8.edit-view-field textarea#description {

    width: 120%; }

  #EditView_tabs .edit [type=”checkbox”][name=alt_checkbox] {

    margin-top: 15px; }

  .edit-view-field [name=alt_checkbox] {

    margin-top: 15px; }

  .edit-view-row-item [field=internal] {

    height: 40px;

    line-height: 40px; } }

@media (min-width: 1600px) {

  .col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled {

    width: 36.0%; }

  .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {

    width: 72.25%; }

  .col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type=”text”] {

    width: 45.0%; }

  .col-sm-6 .edit-view-field input[type=”text”] {

    width: 90%; }

  #BILLING_address_fieldset input[type=text] {

    width: 90%; }

  #SHIPPING_address_fieldset input[type=text] {

    width: 90%; }

  textarea#billing_address_street {

    width: 90%; }

  textarea#shipping_address_street {

    width: 90%; }

  textarea#primary_address_street {

    width: 90%; }

  textarea#alt_address_street {

    width: 90%; }

  .col-sm-12 .col-sm-8.edit-view-field textarea#description {

    width: 120%; }

  #EditView_tabs .edit [type=”checkbox”][name=alt_checkbox] {

    margin-top: 15px; }

  .edit-view-field [name=alt_checkbox] {

    margin-top: 15px; }

  .edit-view-row-item [field=internal] {

    height: 40px;

    line-height: 40px; }

  .col-xs-12 [field=first_name].edit-view-field select {

    width: 30%; }

  .col-xs-6 [field=first_name].edit-view-field select {

    width: 30%; }

  .col-xs-12 [field=first_name].edit-view-field input[type=”text”]#first_name {

    width: 58%; }

  .col-xs-6 [field=first_name].edit-view-field input[type=”text”]#first_name {

    width: 58%; }

  .col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {

    width: 72.25%; }

  .col-sm-12 [field=first_name].edit-view-field select {

    width: 15%; }

  .col-sm-6 [field=first_name].edit-view-field select {

    width: 30%; }

  .col-sm-12 [field=first_name].edit-view-field input[type=”text”]#first_name {

    width: 29.5%; }

  .col-sm-6 [field=first_name].edit-view-field input[type=”text”]#first_name {

    width: 59%; } }

.sub-header {

  padding-bottom: 10px;

  border-bottom: 1px solid #eee; }

.main .page-header {

  margin-top: 0; }

.placeholders {

  margin-bottom: 30px;

  text-align: center; }

.placeholders h4 {

  margin-bottom: 0; }

.placeholder {

  margin-bottom: 20px; }

.placeholder img {

  display: inline-block;

  border-radius: 50%; }

#user_password {

  width: 150px; }

#user_name {

  width: 150px; }

.edit img#company_logo_image {

  margin-top: 50px;

  max-width: 250px; }

.chartContainer .label {

  font-size: 1em;

  font-weight: normal;

  color: #333333; }

.serverstats {

  padding: 0;

  margin: 0;

  float: left;

  width: 250px; }

.dashboardTabList li a span {

  cursor: pointer; }

.View {

  border: 1px solid #cccccc; }

/*Form to Person section*/

#fieldChoices .field {

  padding: 0;

  margin: 0; }

#fieldChoices #fieldcontainer {

  background-color: transparent; }

#fieldChoices .field-list {

  display: inline-block;

  background-color: #F5F5F5;

  padding: 8px;

  margin-right: 1%;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 30%;

  min-height: 240px; }

#fieldChoices .field-list input {

  display: block;

  clear: both;

  float: none;

  width: 100%; }

.field-list textarea {

  display: block;

  clear: both;

  float: none;

  width: 100%; }

#fieldChoices .field-list input {

  height: 30px; }

.recent-links-edit-button {

  display: inline-block; }

.favorite-links-edit-button {

  display: inline-block; }

#fieldChoices .field-header {

  display: inherit;

  font-size: 16px;

  background-clip: padding-box;

  background-color: #BFCAD3;

  color: #F5F5F5;

  padding: 8px;

  border: 1px solid transparent;

  border-radius: 4px;

  line-height: 32px;

  height: 48px; }

#fieldChoices .required > .field-header {

  background-color: #ff0000;

  color: #F5F5F5;

  padding: 8px;

  margin: 0;

  border: 1px solid transparent; }

#fieldChoices .field-type {

  float: none; }

#fieldChoices .field-list input[type=”button”] {

  width: 100px; }

#fieldChoices .field > .field-header {

  font-weight: bold; }

#fieldChoices .field-container {

  overflow-x: hidden;

  overflow-y: auto;

  height: 300px;

  max-height: 300px;

  min-height: 300px; }

#fieldChoices .optionButtonsHolder {

  margin-top: 5px; }

#fieldChoices .title {

  display: inline-block;

  font-size: 20px;

  font-weight: 300;

  color: #ff0000;

  padding-bottom: 8px;

  text-align: center;

  width: 30%; }

#fieldChoices #personTypeSelect {

  margin-bottom: 20px; }

.ui-state-highlight {

  background: #E6E6E6;

  border: 1px solid #778591;

  border-radius: 4px;

  height: 48px; }

hr {

  border: none; }

.pagecontent {

  border: 1px solid transparent; }

.pagecontent > table td {

  padding: 8px; }

#fieldChoices {

  background: #ffffff;

  padding: 16px 8px 8px 8px;

  border: 1px solid transparent;

  border-radius: 4px; }

/* fix schedule bar popup on calendar */

.ui-dialog {

  z-index: 1100; }

@media (max-width: 768px) {

  .View {

    border: 1px solid #cccccc; }

  #month-tab {

    display: none; }

  #year-tab {

    display: none; }

  #share-tab {

    display: none; } }

.table > thead > tr > th {

  border: none; }

.table > thead > tr > th {

  border: none; }

.home_h3 span {

  margin: 0 5px 0 5px; }

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

  #cal-edit {

    margin: 0 0 0 50px;

    overflow: scroll;

    max-width: 55%;

    max-height: 50%; } }

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

  #cal-edit {

    margin: 0 0 0 250px;

    overflow: scroll;

    max-width: 55%;

    max-height: 50%; } }

.teamNoticeBox {

  border: none; }

#copyright_data a {

  color: #000000;

  margin: 0 5px 0 5px; }

#copyright_data a:hover {

  cursor: pointer;

  text-decoration: none; }

#links a:hover {

  cursor: pointer;

  text-decoration: none; }

img.info {

  opacity: 0.6; }

img.info:hover {

  cursor: pointer;

  opacity: 1; }

tr:hover img.info {

  cursor: pointer;

  opacity: 1; }

.helpIcon {

  display: none; }

.paginationWrapper {

  padding: 0;

  margin: 0;

  float: right; }

#EditView .paginationWrapper {

  padding-top: 4px; }

.paginationWrapper span {

  padding: 0;

  margin: 0; }

.paginationWrapper span {

  padding: 0;

  margin: 0; }

#EditView div.action_buttons .button {

  background-color: #ff0000; }

#save_and_continue.button {

  background-color: #ff0000; }

#EditView div.action_buttons .button:hover,

#save_and_continue.button:hover {

  background-color: #D66C60; }

.paginationWrapper {

  float: right; }

.yui-layout .yui-layout-clip-right .collapse {

  display: block;

  visibility: visible; }

.yui-layout-hd .collapse {

  display: block;

  visibility: visible; }

.yui-layout .yui-layout-clip-left .collapse {

  display: block;

  visibility: visible; }

.table > thead > tr > th {

  border-top: none; }

.table > tbody > tr > th {

  border-top: none; }

.table > tfoot > tr > th {

  border-top: none; }

.table > thead > tr > td {

  border-top: none; }

.table > tbody > tr > td {

  border-top: none; }

.table > tfoot > tr > td {

  border-top: none; }

h3 span {

  font-weight: bold; }

#dlg {

  top: 75px;

  left: 300px; }

#themePreview {

  width: 250px; }

.icon {

  fill: #ff0000;

  pointer-events: none;

  fill: #ff0000;

  pointer-events: none; }

.inlineEdit {

  cursor: pointer; }

.inlineEditIcon {

  color: #ff0000;

  padding-left: 3px;

  float: right;

  width: 15px;

  height: 10px; }

.inlineEditIcon svg {

  display: none;

  fill: #ff0000; }

.inlineEdit:hover .inlineEditIcon svg {

  display: inline;

  cursor: pointer; }

td.inlineEditActive {

  background-color: #cccccc; }

#inlineEditSaveButton {

  display: inline;

  float: right; }

#inlineEditSaveButton svg {

  fill: #ff0000; }

#inlineEditSaveButton svg:hover {

  fill: #ff0000; }

#inline_edit_field {

  padding-right: 5px;

  float: left;

  width: 80%; }

#editAccountDialogue_c {

  height: 90%; }

#editAccountDialogue {

  overflow: auto;

  height: auto; }

.edit-view-pagination .btn-pagination[disabled] {

  background-color: #777777; }

.edit-view-pagination .btn-pagination {

  background-color: #94A6B5;

  font-size: 10px;

  font-weight: 600;

  height: 28px;

  line-height: 18px;

  padding: 0 10px 0 10px; }

.edit-view-pagination .btn-pagination:hover {

  background-color: #94A6B5; }

.edit-view-pagination.glyphicon-chevron-left {

  margin-right: 4px; }

.edit-view-pagination .glyphicon-chevron-right {

  margin-left: 4px; }

@media (max-width: 1200px) {

  .pagination-label {

    display: none;

    visibility: collapse; }

  .edit-view-pagination .btn-pagination.button {

    margin-left: 0px;

    margin-right: 0px; }

  .edit-view-pagination .glyphicon-chevron-left {

    margin-right: 0px; }

  .edit-view-pagination.glyphicon-chevron-right {

    margin-left: 0px; }

  .edit-view-pagination .glyphicon-chevron-left {

    margin-right: 0px; }

  .edit-view-pagination .glyphicon-chevron-right {

    margin-left: 0px; } }

/* stop child elements of a hidden dialog from showing up above other elements */

.yui-overlay-hidden * {

  display: none;

  height: 0;

  visibility: collapse; }

object {

  pointer-events: none; }

.favorite {

  margin-left: 5px;

  float: left;

  width: 20px; }

.favorite:hover {

  cursor: pointer; }

#suggestion_box table {

  color: #337ab7;

  padding: 0;

  border: 1px solid #cccccc;

  border-spacing: 0;

  width: 100%;

  max-width: 400px; }

#suggestion_box table tr {

  border-bottom: 1px solid #cccccc; }

#suggestion_box table tr:hover {

  background-color: #dfeffe;

  cursor: pointer; }

#suggestion_box table tr th {

  background-color: #f0f0ee;

  color: #333333;

  padding: 4px;

  text-align: left; }

#suggestion_box table tr td {

  margin: 0;

  border: none; }

#tool-tip-separator {

  margin-top: 10px;

  margin-bottom: 10px; }

.tool-tip-title {

  display: inline-block;

  margin-bottom: 3px; }

#use_resolution {

  padding: 8px;

  margin-top: 4px; }

#additional_info_p {

  margin-bottom: 4px; }

.transfer {

  border: 2px dotted gray; }

#reminders .clear {

  clear: both; }

#reminders .remove-reminder-btn {

  float: right; }

#reminders #reminder_view {

  padding: 0;

  margin: 0;

  border: none;

  list-style-type: none; }

#reminders #reminder_view .reminder_item {

  padding: 10px;

  margin: 10px 0;

  border: 1px solid lightgray;

  list-style-type: none; }

#reminders #reminder_view .reminder_item .invitees_list {

  display: block;

  padding: 0;

  margin: 0;

  border: none;

  list-style-type: none; }

#reminders #reminder_view .reminder_item .invitees_list .invitees_item {

  padding: 0;

  margin: 0;

  border: none;

  float: left;

  list-style-type: none; }

#reminders #reminder_view .reminder_item .invitees_list .invitees_item .invitee_btn {

  margin: 4px; }

#reminders .add-btn {

  background-image: url(../../../../themes/SuiteP/images/id-ff-add.png);

  background-position: 5px center;

  background-repeat: no-repeat;

  padding-left: 32px; }

#reminders .remove-btn {

  background-image: url(../../../../themes/SuiteP/images/id-ff-clear.png);

  background-position: right 5px center;

  background-repeat: no-repeat;

  padding-right: 32px; }

#reminders .invitee_btn {

  background-image: url(../../../../themes/default/images/id-ff-clear.png);

  background-position: right 5px center;

  background-repeat: no-repeat;

  padding: 4px 25px 4px 10px;

  border: 1px solid lightgrey; }

#reminders input[type=”checkbox”] {

  margin-right: 5px; }

#reminders #reminder_view .reminder_item.reminder-error {

  background-color: #fff8f8;

  border: 1px solid #ff0000; }

#reminders #reminder_view .reminder_item .error-msg {

  font-weight: bold;

  color: #ff0000; }

#report-editview-footer {

  float: left;

  width: 70%; }

#detailpanel_fields,

#detailpanel_conditions,

#detailpanel_charts {

  border-top: 1px solid lightgray; }

#detailpanel_fields_select {

  margin-right: 20px;

  float: left;

  overflow-y: auto;

  width: 20%;

  height: 640px; }

@media (max-width: 767px) {

  .col-sm-8.edit-view-field {

    width: 100%; }

  .edit table,

  .edit thead,

  .edit tbody,

  .edit th,

  .edit td,

  .edit tr,

  .popupBody .edit table,

  .popupBody .edit thead,

  .popupBody .edit tbody,

  .popupBody .edit th,

  .popupBody .edit td,

  .popupBody .edit tr {

    display: block;

    background: none;

    width: 100%; } }

.aor_dragbox {

  overflow: scroll;

  height: 250px; }

#report-editview-footer .tab-togglers {

  width: 80%; }

#report-editview-footer .tab-toggler {

  display: block;

  padding: 0 4px;

  float: left; }

#report-editview-footer .tab-toggler.active .button {

  background-color: #ff0000; }

#report-editview-footer .parentheses-btn {

  display: block;

  border: 1px solid lightgray;

  width: 100%;

  min-height: 30px; }

#report-editview-footer .condition-sortable-handle {

  cursor: move; }

#report-editview-footer .parenthesis-line strong {

  font-size: 18px; }

#report-editview-footer .drop-area.highlighted {

  background-color: #f7f7f7; }

#report-editview-footer .tab-panels {

  width: 110%; }

.noGraphDataPoints {

  padding: 10px; }

.rgraph_chart_tooltips_css {

  font-family: 'Lato', Arial; }

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

  .col-sm-3 {

    display: none; }

  .col-sm-offset-3 {

    margin: 0; }

  .col-sm-9 {

    width: 99%; } }

@media (max-width: 350px) {

  .footer_left a#admin_options {

    display: block; }

  .footer_left a#powered_by {

    display: block; }

  .footer_left a#admin_options {

    padding-bottom: 10px; } }

@media only screen and (max-width: 750px) {

  .detail table {

    display: block;

    background: none; }

  .detail thead {

    display: block;

    background: none; }

  .detail tbody {

    display: block;

    background: none; }

  .detail th {

    display: block;

    background: none; }

  .detail td {

    display: block;

    background: none; }

  .detail tr {

    display: block;

    background: none; }

  .detail tr {

    background: none;

    border: none; }

  .detail tr td[scope=”col”] {

    background: none;

    border: none; }

  .table > thead > tr > th {

    background: none;

    border: none; }

  .table > tbody > tr > th {

    background: none;

    border: none; }

  .table > tfoot > tr > th {

    background: none;

    border: none; }

  .table > thead > tr > td {

    background: none;

    border: none; }

  .table > tbody > tr > td {

    background: none;

    border: none; }

  .table > tfoot > tr > td {

    background: none;

    border: none; }

  .detail tr td {

    background: none;

    border: none; }

  .detail table {

    background: none;

    border: none; }

  table.detail {

    background: none;

    border: none; }

  .detail h4 {

    font-size: 1.2em;

    background: #eeeeee;

    padding: 8px;

    margin: 10px 0 0 0;

    border: 1px solid #cccccc; }

  .detail508 tr td[scope=”col”] {

    font-weight: bold; }

  .detail tr {

    padding: 0;

    margin: 0; }

  .detail tr:last-child {

    border: none; }

  .buttons input.button[type=submit]:hover, input.button[type=button]:hover, input.button[type=reset]:hover {

    font-size: 10px; } }

@media (min-width: 751px) {

  .edit-view-pagination-mobile-container {

    display: none;

    visibility: collapse; } }

@media (max-width: 750px) {

  .edit-view-mobile-pagination {

    font-size: 8px; }

  .edit-view-mobile-pagination .btn-pagination.button {

    font-size: 8px;

    margin-left: 0px;

    margin-right: 0px; }

  .edit-view-pagination-mobile-container {

    text-align: center; }

  #EditView .buttons {

    width: 100%; }

  #EditView .dcQuickEdit > tbody {

    display: block;

    width: 100%; }

  #EditView .dcQuickEdit tr {

    display: block;

    width: 100%; }

  #EditView .dcQuickEdit td {

    display: block;

    width: 100%; }

  .edit-view-mobile-pagination {

    display: inline-block;

    width: auto; }

Comments

comments

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