SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

[field=line_items] {

  display: block; }

#line_items_span {

  display: block; }

table#lineItems {

  display: block; }

#line_items_span {

  width: 100%;

  white-space: normal; }

table#lineItems tr td table tfoot tr td span {

  width: 20%; }

/*totals*/

#lineItems .totals {

  float: right;

  width: 256px;

  margin-top: 5px;

  margin-bottom: 5px; }

#lineItems .totals label {

  width: 50%;

  line-height: 40px; }

#lineItems .totals input {

  width: 50%; }

#lineItems #shipping_tax_amt {

  /*Text*/ }

#lineItems #shipping_tax {

  /*Select*/ }

/*Group*/

#lineItems .group {

  width: 100%; }

#lineItems .group_body {

  display: block;

  padding: 2px;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 100%; }

#lineItems .group_body > td {

  display: block;

  padding: 2px;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 100%; }

#lineItems .group > thead {

  display: block;

  padding: 2px;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 100%; }

#lineItems .group > thead > tr {

  display: block;

  padding: 2px;

  border: 1px solid transparent;

  border-radius: 4px;

  width: 100%; }

#lineItems .group > thead {

  background-color: #F5F5F5;

  min-height: 52px; }

#lineItems .group > thead > tr {

  background-color: #F5F5F5;

  min-height: 52px; }

#lineItems .group > thead > tr > td {

  background-color: #F5F5F5;

  min-height: 52px; }

#lineItems .group > thead > tr > td:nth-of-type(1) {

  display: inline-block;

  width: 80%; }

#lineItems .group > thead > tr > td:nth-of-type(2) {

  display: inline-block;

  width: 20%; }

#lineItems .group > thead > tr > td[colspan=”100″] {

  width: 100%; }

#lineItems .group button {

  padding: 0;

  line-height: 0;

  width: 32px;

  height: 32px; }

/*Labels Next to Fields*/

#lineItems .alignedLabel {

  display: none;

  visibility: collapse; }

/*Product Lines*/

#lineItems #product_head td {

  padding: 0;

  border-bottom: 1px solid #F5F5F5; }

#lineItems .product_group {

  background: none; }

#lineItems .product_group thead {

  background: none; }

#lineItems .product_group tr {

  background: none; }

#lineItems .product_group td {

  background: none; }

#lineItems #product_head > td:nth-of-type(1) {

  width: 40px; }

#lineItems .product_group {

  width: 100%; }

#lineItems .product_group > tbody > tr:nth-of-type(2) > td {

  padding-bottom: 32px;

  border-bottom: 1px solid #F5F5F5; }

#lineItems .product_qty {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .product_name {

  margin: 0 5px 0 0;

  width: 98%; }

#lineItems .product_part_number {

  margin: 0 5px 0 0;

  width: 100%; }

#lineItems .product_part_number_button {

  margin: 0 15px 0 5px; }

#lineItems .product_list_price {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .product_discount_text {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .product_discount_amount_select {

  margin: 0 5px 0 0; }

#lineItems .product_unit_price {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .product_vat_amt_text {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .product_vat_amt_select {

  margin: 0 5px 0 0; }

#lineItems .product_total_price {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .product_delete_line {

  margin: 0 15px 0 5px; }

#lineItems .product_item_description_label {

  display: block; }

#lineItems .product_item_description {

  width: 95%;

  height: 50px; }

#lineItems .product_description_label {

  display: block; }

#lineItems .product_description {

  width: 95%;

  height: 50px; }

/*Service Lines*/

#lineItems #service_head td {

  padding: 0;

  border-bottom: 1px solid #F5F5F5; }

#lineItems .service_group > tbody > tr > td {

  padding-bottom: 32px;

  border-bottom: 1px solid #F5F5F5; }

#lineItems .service_group {

  background: none; }

#lineItems .service_group thead {

  background: none; }

#lineItems .service_group tr {

  background: none; }

#lineItems .service_group td {

  background: none; }

#lineItems .service_group {

  width: 100%; }

#lineItems .service_name {

  margin: 0 5px 0 0;

  width: 95%;

  height: 50px; }

#lineItems .service_list_price {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .service_discount_text {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .service_discount_select {

  margin: 0 5px 0 0; }

#lineItems .service_unit_price {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .service_vat_text {

  width: 40px; }

#lineItems .service_vat_select {

  margin: 0 5px 0 5px; }

#lineItems .service_total_price {

  margin: 0 5px 0 0;

  width: 40px; }

#lineItems .service_delete_line {

  margin: 0 5px 0 0; }

#lineItems select {

  line-height: 18px; }

/*Grand Total*/

#EditView #total_amt {

  width: 40%;

  max-width: 40%; }

#EditView #discount_amount {

  width: 40%;

  max-width: 40%; }

#EditView #subtotal_amount {

  width: 40%;

  max-width: 40%; }

#EditView #shipping_amount {

  width: 40%;

  max-width: 40%; }

#EditView #shipping_tax_amt {

  width: 40%;

  max-width: 40%; }

#EditView #tax_amount {

  width: 40%;

  max-width: 40%; }

#EditView #total_amount {

  width: 40%;

  max-width: 40%; }

#EditView #shipping_tax {

  margin-left: 8px; }

@media (min-width: 1350px) {

  #lineItems {

    font-size: 16px; }

  #lineItems table {

    font-size: 16px; }

  #lineItems #product_head > td:nth-of-type(1) {

    width: 80px; }

  #lineItems .product_qty {

    width: 80px; }

  #lineItems .product_list_price {

    width: 80px; }

  #lineItems .product_discount_text {

    width: 80px; }

  #lineItems .product_unit_price {

    width: 80px; }

  #lineItems .product_vat_amt_text {

    width: 80px; }

  #lineItems .product_total_price {

    width: 80px; }

  #lineItems .service_list_price {

    width: 80px; }

  #lineItems .service_discount_text {

    width: 80px; }

  #lineItems .service_unit_price {

    width: 80px; }

  #lineItems .service_vat_text {

    width: 80px; }

  #lineItems .service_total_price {

    width: 80px; } }

/*End of lineItems*/

.row {

  margin-top: 1px;

  margin-bottom: 1px; }

#btn_vCardButton {

  background: none;

  margin: 0; }

#btn_vCardButton,

#btn_vCardButton img {

  width: auto;

  height: 14px; }

.hr {

  background: #FFFFFF;

  color: #757083;

  height: 1px; }

.converted_account {

  border: 1px solid transparent;

  border-radius: 4px; }

.converted_account td {

  background-color: #BFCAD3; }

.converted_account > tbody > tr > td {

  padding: 10px;

  border-radius: 4px; }

.modal {

  z-index: 16000; }

.detail-view-row .label.col-2-label {

  padding-left: 32px; }

/**** Scrollbars ****/

div::-webkit-scrollbar {

  /* 1 */

  width: 12px;

  height: 12px; }

select::-webkit-scrollbar {

  /* 1 */

  width: 12px;

  height: 12px; }

input::-webkit-scrollbar {

  /* 1 */

  width: 12px;

  height: 12px; }

textarea::-webkit-scrollbar {

  /* 1 */

  width: 12px;

  height: 12px; }

ul::-webkit-scrollbar {

  /* 1 */

  width: 12px;

  height: 12px; }

div::-webkit-scrollbar-track {

  /* 3 */

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

select::-webkit-scrollbar-track {

  /* 3 */

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

input::-webkit-scrollbar-track {

  /* 3 */

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

textarea::-webkit-scrollbar-track {

  /* 3 */

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

ul::-webkit-scrollbar-track {

  /* 3 */

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

div::-webkit-scrollbar-thumb {

  /* 5 */

  background: #a5e8d6;

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }

select::-webkit-scrollbar-thumb {

  /* 5 */

  background: #a5e8d6;

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }

input::-webkit-scrollbar-thumb {

  /* 5 */

  background: #a5e8d6;

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }

textarea::-webkit-scrollbar-thumb {

  /* 5 */

  background: #a5e8d6;

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }

ul::-webkit-scrollbar-thumb {

  /* 5 */

  background: #a5e8d6;

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }

.sidebar::-webkit-scrollbar-thumb {

  /* 5 */

  background: rgba(255, 255, 255, 0.25);

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }

#tab-actions .dropdown-menu::-webkit-scrollbar-thumb {

  background: rgba(0, 0, 0, 0.25); }

.edit h4 {

  font-size: 21px;

  padding: 0 0 10px 0;

  margin: 0 0 10px 0;

  border-bottom: 1px solid #dddddd; }

#addbuttons {

  margin: 0 5px 0 5px;

  float: right; }

.btn-success {

  background: #ff0000;

  border: none; }

.headerlinks a:hover {

  color: #F5F5F5; }

table {

  font-size: 16px; }

table legend {

  font-size: 1.2em; }

.edit h4 {

  font-size: 1.2em; }

#tabs {

  border: none; }

#tabs ul li {

  list-style: none; }

.ui-widget-header {

  background: #ffffff;

  color: #565656;

  border: none; }

.ui-tabs .ui-tabs-nav li a {

  font-size: 0.9em;

  padding: 5px; }

.ui-state-default {

  background: #eeeeee; }

.ui-widget-content .ui-state-default {

  background: #eeeeee; }

.ui-widget-header .ui-state-default {

  background: #eeeeee; }

.ui-state-active a {

  font-weight: bold; }

.ui-state-active a:link {

  font-weight: bold; }

.ui-state-default a:hover {

  font-weight: bold; }

.ui-widget-content a {

  color: #ff0000; }

.ui-widget-content a:hover {

  color: #D66C60; }

.ui-tabs ul li a {

  padding: 5px;

  margin: 0; }

.ui-tabs ul li a h3 {

  padding: 5px;

  margin: 0; }

#admincontainer {

  display: table; }

#adminrow {

  display: table-row; }

#adminsection {

  display: table-cell; }

.detail table,

.table > thead > tr > th,

.table > tbody > tr > th,

.table > tfoot > tr > th {

  border: 1px solid #dddddd; }

.table-responsive > tbody > tr > td {

  padding: 4px; }

span.id-ff button {

  padding: 0;

  margin: 5px 5px 5px 0;

  line-height: 0;

  width: 32px;

  height: 32px; }

span.id-ff button:hover {

  background-color: #D66C60; }

span.id-ff button img {

  padding: 0;

  margin: 0;

  width: 32px;

  height: 32px; }

span.id-ff button:first-of-type img {

  content: src("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-select.png"); }

span.id-ff button:last-of-type img {

  content: src("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-select.png"); }

a.tabFormAdvLink {

  text-transform: uppercase; }

select#display_tabs {

  height: auto; }

select#hide_tabs {

  height: auto; }

select#account_type_advanced {

  height: auto; }

select#industry_advanced {

  height: auto; }

select#assigned_user_id_advanced {

  height: auto; }

select#status_advanced {

  height: auto; }

select#lead_source_advanced {

  height: auto; }

select#sales_stage_advanced {

  height: auto; }

@media (max-width: 768px) {

  #BILLING_address_fieldset table tr {

    border-bottom: none; }

  #SHIPPING_address_fieldset table tr {

    border-bottom: none; }

  #BILLING_address_fieldset input[type=text] {

    width: 100%; }

  #SHIPPING_address_fieldset input[type=text] {

    width: 100%; }

  textarea#billing_address_street {

    width: 100%; }

  textarea#shipping_address_street {

    width: 100%; }

  textarea#primary_address_street {

    width: 100%; }

  textarea#alt_address_street {

    width: 100%; }

  textarea#description {

    width: 100%; }

  .detail-view-row .label.col-2-label {

    padding-left: 8px; }

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

    width: 100%; }

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

    width: 100%; }

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

    width: 100%; }

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

    width: 100%; }

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

    width: 100%; }

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

    width: 100%; }

  [type=”date”] img {

    margin-left: 8px; }

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

    width: 92%; }

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

    width: 92%; } }

@media (min-width: 768px) {

  #BILLING_address_fieldset input[type=text] {

    width: 100%; }

  #SHIPPING_address_fieldset input[type=text] {

    width: 100%; }

  textarea#billing_address_street {

    width: 100%; }

  textarea#shipping_address_street {

    width: 100%; }

  textarea#primary_address_street {

    width: 100%; }

  textarea#alt_address_street {

    width: 100%; }

  textarea#description {

    width: 100%; }

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

    width: 48.5%; }

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

    width: 48.5%; }

  .col-sm-6 [type=bool] {

    line-height: 40px; }

  .col-sm-6 .edit-view-field textarea {

    width: 90%; }

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

    width: 100%; }

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

    width: 45%; }

  [field=bool].col-sm-8.edit-view-field {

    height: 40px;

    line-height: 40px; }

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

    width: 80%; }

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

    width: 80%; }

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

    width: 30%; }

  .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: 68%; }

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

    width: 58%; }

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

    width: 100%; }

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

    width: 100%; }

  .email-address-options-container {

    margin-top: 0; }

  [type=”date”] input[type=”text”] {

    width: 90%; }

  [type=”date”] img {

    margin-left: 8px; } }

@media (min-width: 769px) {

  #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%; }

  textarea#description {

    width: 90%; }

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

    width: 48.5%; }

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

    width: 48.5%; }

  .col-sm-6 [type=bool] {

    line-height: 40px; }

  .col-sm-6 .edit-view-field textarea {

    width: 90%; }

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

    width: 100%; }

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

    width: 45%; }

  [field=bool].col-sm-8.edit-view-field {

    height: 40px;

    line-height: 40px; }

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

    width: 45%; }

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

    width: 90%; }

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

    width: 45%; }

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

    width: 45%; }

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

    width: 45%; }

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

    width: 45%; }

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

    width: 85%; }

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

    width: 90%; }

  .email-address-options-container {

    margin-top: 0; }

  [type=”date”] input[type=”text”] {

    width: 90%; }

  [type=”date”] img {

    margin-left: 8px; }

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

    width: 15%; }

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

    width: 29%; }

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

    width: 30%; }

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

    width: 58%; } }

@media (min-width: 1024px) {

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

    width: 31.0%; }

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

    width: 62.75%; }

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

    width: 45.0%; }

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

    width: 90%; }

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

Comments

comments

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