SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

#generate_pwd_button {

  height: 50px;

  font-size: 20px; }

#recaptcha_image {

  margin-top: 10px;

  margin-left: auto !important;

  margin-right: auto !important;

  margin-bottom: 10px; }

#forgot_password_dialog a {

  margin-bottom: 10px;

  display: inline-block; }

@media (max-width: 750px) {

  div.p_login .p_login_top {

    padding: 10px 3% 10px 3%; }

  div.p_login .p_login_top a {

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

    background-position: 0 -70px;

    width: 170px;

    height: 30px; }

  div.p_login .p_login_bottom {

    padding: 10px 3% 10px 3%;

    padding-top: 10px; }

  div.p_login .p_login_bottom a#powered_by, div.p_login .p_login_bottom a#admin_options {

    display: block;

    font-size: 10px;

    margin-left: 0;

    text-align: center; }

  div.p_login .p_login_bottom a#admin_options {

    margin-bottom: 5px; } }

/**** FORM ****/

fieldset {

  margin-bottom: 0; }

table {

  margin-bottom: 0; }

pre {

  margin-bottom: 0; }

p {

  font-size: 16px;

  margin-top: 0;

  margin-bottom: 0; }

form {

  margin: 0; }

textarea {

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

.checkbox {

  display: inline-block;

  background: url("../../../../themes/SuiteP/images/forms/check.png") no-repeat;

  padding: 0;

  margin: 0;

  overflow: hidden;

  width: 16px;

  height: 16px;

  vertical-align: middle;

  visibility: visible; }

input[type=checkbox] {

  display: inline-block;

  background: url("../../../../themes/SuiteP/images/forms/check.png") no-repeat;

  padding: 0;

  margin: 0;

  overflow: hidden;

  width: 16px;

  height: 16px;

  vertical-align: middle;

  visibility: visible; }

input[type=radio] {

  display: inline-block;

  background: url("../../../../themes/SuiteP/images/forms/radio.png") no-repeat;

  padding: 0;

  margin: 0;

  width: 16px;

  height: 16px;

  vertical-align: middle;

  visibility: visible; }

input[type=checkbox]:focus {

  outline: 0; }

input[type=radio]:focus {

  outline: 0; }

input[type=checkbox] {

  background-position: 0 0; }

input[type=checkbox]:checked {

  background-position: -18px 0; }

input[type=checkbox]:disabled {

  background-position: -36px 0; }

input[type=checkbox]:disabled:checked {

  background-position: -54px 0; }

input[type=checkbox]:checked:disabled {

  background-position: -54px 0; }

input[type=radio] {

  background-position: 0 0; }

input[type=radio]:checked {

  background-position: -18px 0; }

input[type=radio]:disabled {

  background-position: -36px 0; }

input[type=radio]:disabled:checked {

  background-position: -54px 0; }

input[type=radio]:checked:disabled {

  background-position: -54px 0; }

td.nowrap input[type=checkbox] {

  margin-top: 3px; }

input[type=text]:disabled {

  background: #F8F8F8;

  border: 1px solid #E2E7EB; }

#bigbutton {

  padding: 10px 0 10px 0;

  border-radius: 0; }

div.input-group input {

  margin: 0 auto;

  max-width: 100%;

  min-width: 100%; }

.button-primary:active {

  background-image: none; }

.button-primary.active {

  background-image: none; }

.open > .dropdown-toggle.btn-primary {

  background-image: none; }

.button-primary.disabled {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary[disabled] {

  background-color: #808F9C;

  border-color: #808F9C; }

fieldset[disabled] .btn-primary {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary.disabled:hover {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary[disabled]:hover {

  background-color: #808F9C;

  border-color: #808F9C; }

fieldset[disabled] .btn-primary:hover {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary.disabled:focus {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary[disabled]:focus {

  background-color: #808F9C;

  border-color: #808F9C; }

fieldset[disabled] .btn-primary:focus {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary.disabled.focus {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary[disabled].focus {

  background-color: #808F9C;

  border-color: #808F9C; }

fieldset[disabled] .btn-primary.focus {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary.disabled:active {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary[disabled]:active {

  background-color: #808F9C;

  border-color: #808F9C; }

fieldset[disabled] .btn-primary:active {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary.disabled.active {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary[disabled].active {

  background-color: #808F9C;

  border-color: #808F9C; }

fieldset[disabled] .btn-primary.active {

  background-color: #808F9C;

  border-color: #808F9C; }

.button-primary .badge {

  background-color: #FFFFFF;

  color: #ff0000;

  padding: 5px; }

#EditView_tabs .edit .button {

  background-color: #ff0000;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

#ConvertLead .edit .button {

  background-color: #ff0000;

  padding: 0;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

#EditView_tabs .id-ff-remove {

  background-color: #ff0000;

  padding: 0;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

#ConvertLead .id-ff-remove {

  background-color: #ff0000;

  padding: 0;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

#EditView_tabs .edit [type=”button”] {

  background-color: #ff0000;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

.edit-view-row [data-label=LBL_CONDITION_LINES].label {

  display: none; }

.edit-view-row [data-label=LBL_ACTION_LINES].label {

  display: none; }

[field=”condition_lines”].col-sm-8 {

  display: block;

  width: 100%; }

#conditionLines {

  display: block; }

#conditionLines > thead {

  display: block; }

#conditionLines > thead td {

  background-color: #BFCAD3;

  padding-top: 8px;

  padding-bottom: 8px;

  padding-left: 4px;

  padding-right: 4px;

  color: #534D64;

  font-weight: bold;

  font-size: 16px; }

.detail-view-field #conditionLines thead td:first-of-type {

  height: 36px; }

#conditionLines thead td:first-of-type {

  height: 32px;

  border-top-left-radius: 4px; }

#conditionLines thead td:last-of-type {

  padding-left: 8px;

  border-top-right-radius: 4px;

  width: 26%; }

#conditionLines > thead > tr {

  display: block; }

#conditionLines > tbody {

  display: block; }

#conditionLines > tbody > tr {

  display: block;

  background-color: #f5f5f5;

  border-bottom: 5px #FFFFFF solid; }

#conditionLines > tbody > tr > td {

  vertical-align: top; }

#conditionLines td:first-of-type {

  display: inline-block;

  width: 48px; }

#conditionLines td:not(:first-of-type) {

  display: inline-block;

  width: 16.667%; }

#conditionLines tbody td {

  background-color: #F5F5F5;

  margin-bottom: 4px;

  min-height: 64px; }

#conditionLines tbody td:first-of-type {

  padding-left: 8px;

  border-top-left-radius: 4px;

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

#conditionLines tbody td:last-of-type {

  padding-left: 8px;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

  width: 26%; }

#conditionLines td:first-of-type button {

  margin-top: 8px;

  height: 48px; }

#conditionLines input {

  margin-top: 8px; }

#conditionLines input.sqsEnabled {

  width: 62.5%; }

#conditionLines input[type=checkbox] {

  margin-top: 24px; }

#conditionLines textarea {

  margin-top: 8px;

  width: 95%; }

#conditionLines select {

  width: 95%;

  margin-top: 8px; }

@media (max-width: 1800px) {

  #conditionLines select[id$=”][0]”] {

    width: 45%;

    margin-bottom: 4px; }

  #conditionLines select[id$=”][1]”] {

    width: 45%;

    margin-bottom: 4px; }

  #conditionLines input[id$=”][2]”] {

    width: 45%;

    margin-bottom: 4px; }

  #conditionLines select[id$=”][3]”] {

    width: 45%;

    margin-bottom: 4px; } }

@media (min-width: 1800px) {

  #conditionLines select[id$=”][0]”] {

    width: 24%; }

  #conditionLines select[id$=”][1]”] {

    width: 24%; }

  #conditionLines input[id$=”][2]”] {

    width: 24%; }

  #conditionLines select[id$=”][3]”] {

    width: 24%; } }

[field=”action_lines”] {

  display: block;

  width: 100%; }

#conditionLines [type=”button”] {

  background-color: #ff0000;

  padding: 0;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

#actionLines [type=”button”] {

  background-color: #ff0000;

  padding: 0;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

#actionLines {

  display: block; }

#actionLines > tr {

  display: block; }

#actionLines > tr > td {

  display: block; }

#actionLines td[field] label {

  margin-right: 8px; }

#actionLines > tr > td {

  border: 1px solid #BFCAD3;

  border-radius: 4px;

  margin-bottom: 4px; }

#actionLines .action-table {

  display: block;

  width: 100%; }

#actionLines .action-table tbody {

  display: block;

  width: 100%; }

#actionLines .action-table tr {

  display: block;

  width: 100%; }

[data-workflow-action-parameter] input.sqsEnabled {

  margin-top: 0px;

  width: 50%; }

.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”create-record”] input.sqsEnabled {

  width: 65%; }

.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”modify-record”] input.sqsEnabled {

  width: 65%; }

.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”send-email”] input.sqsEnabled {

  width: 10%; }

.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”send-email”] .id-ff.multiple > button {

  margin-left: 0; }

#actionLines .action-table td {

  display: inline-block; }

#actionLines .action-table > tbody > tr:first-of-type > td:first-of-type {

  padding-left: 8px; }

#actionLines .action-table > tbody > tr:first-of-type > td {

  border-bottom: 1px solid #BFCAD3;

  padding-top: 4px; }

#actionLines td[field=action] {

  width: 65%;

  height: 64px; }

#actionLines td[field=action] select {

  margin-left: 20px; }

#actionLines td[field=name] {

  width: 30%;

  height: 64px; }

#actionLines td[field=name] input[type=text] {

  width: 80%; }

#actionLines td[field=delete] {

  width: 5%;

  height: 64px; }

#actionLines td[field=delete] .delete-btn {

  float: right; }

#actionLines td[field=delete] .delete-btn .btn {

  padding: 0 0 0 0; }

.edit tr td [data-workflow-action] td {

  vertical-align: middle; }

[data-workflow-action-line] {

  vertical-align: top; }

[data-workflow-action-line] td:first-of-type {

  width: 48px; }

[data-workflow-action-line] td:nth-of-type(3) select {

  width: auto; }

[data-workflow-action-line] select[id$=”][0]”] {

  width: 45%;

  margin-bottom: 4px; }

[data-workflow-action-line] select[id$=”][1]”] {

  width: 45%;

  margin-bottom: 4px; }

.col-sm-12 .edit-view-field [data-workflow-action-line] input[id$=”][2]”] {

  width: 45%;

  margin-bottom: 4px; }

.col-sm-12 .edit-view-field [data-workflow-action-line] input[id$=”][2]”][type=checkbox] {

  width: 16px; }

[data-workflow-action-line] select[id$=”][3]”] {

  width: 45%;

  margin-bottom: 4px; }

[data-workflow-action=”send-email”] > tbody > tr > td {

  line-height: 40px; }

[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(1) > td {

  width: 20%; }

[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) {

  width: 100%; }

[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td:nth-of-type(1) {

  padding-left: 4px; }

[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td {

  padding-bottom: 8px;

  padding-top: 8px;

  width: 100%; }

[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td input[type=text] {

  width: auto; }

#relate_label {

  line-height: 40px; }

#deleteGroup img {

  background-color: #ff0000;

  padding: 0;

  margin-right: 4px;

  border: 1px solid #ff0000;

  border-radius: 4px; }

.btn-danger {

  background-color: #ff0000; }

.btn-danger:hover {

  background-color: #D66C60; }

.btn-danger:active {

  background-color: #ff0000; }

.btn-danger:focus {

  background-color: #ff0000; }

[data-workflow-action] .lines tbody > tr > td {

  margin-bottom: 4px;

  min-height: 64px;

  padding-left: 8px;

  padding-right: 8px; }

[data-workflow-action] .relationship tbody > tr > td {

  padding-left: 8px;

  padding-right: 8px;

  min-height: 64px; }

[data-workflow-action] .email-line tbody > tr > td {

  padding-left: 8px;

  padding-right: 8px; }

[data-workflow-action] .email-line tbody > tr > td select {

  margin-left: 8px;

  margin-right: 8px; }

[data-workflow-action] .email-line tbody > tr > td button {

  margin-left: 8px;

  margin-right: 8px; }

[data-workflow-action] .email-line tbody > tr > td input {

  margin-left: 8px;

  margin-right: 8px; }

[data-workflow-action] .name_label {

  width: 70%; }

[data-workflow-action] .name_label {

  width: 30%; }

[data-workflow-action] .lines tbody > tr > td {

  margin-bottom: 4px;

  min-height: 64px; }

[data-workflow-action] .lines tbody > tr > td:first-of-type button {

  margin-top: 8px;

  height: 48px; }

[data-workflow-action] .lines select {

  margin-top: 8px; }

[data-workflow-action] .lines tbody > tr > td input {

  margin-top: 8px; }

[data-workflow-action] .lines tbody > tr > td input.sqsEnabled {

  width: 62.5%; }

[data-workflow-action] .lines tbody > tr > td input[type=checkbox] {

  margin-top: 24px; }

[data-workflow-action] .lines tbody > tr > td textarea {

  margin-top: 8px;

  width: 95%; }

[data-workflow-action-parameter] [colspan=”4″] {

  display: block;

  width: 100%; }

[data-workflow-action-parameter] > td {

  display: block;

  width: 100%; }

/** EditView action buttons ***/

.buttons .primary {

  background-color: #ff0000; }

.buttons .primary:hover {

  background-color: #D66C60; }

.buttons .button {

  background-color: #ff0000; }

.buttons .button:hover {

  background-color: #D66C60; }

.removeFileButton {

  font-size: 15px;

  font-weight: 500;

  cursor: pointer;

  padding: 0 20px 0 20px;

  border-style: none;

  border-radius: 4px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

.removeFileButton {

  background-color: #ff0000;

  color: #F5F5F5; }

.removeFileButton:hover {

  background-color: #D5230E; }

.buttonOn {

  font-size: 15px;

  font-weight: 500;

  cursor: pointer;

  padding: 0 20px 0 20px;

  border-radius: 4px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

.btn .btn:hover {

  font-size: 15px;

  font-weight: 500;

  cursor: pointer;

  padding: 0 20px 0 20px;

  border-radius: 4px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

.btn-default {

  background-color: #7B9DB9;

  color: #FFFFFF;

  border: 1px solid #94A6B5; }

.btn-default:hover {

  background-color: #94A6B5;

  color: #F5F5F5;

  border: 1px solid #94A6B5; }

.btn-default:active {

  background-color: #5184AD;

  color: #FFFFFF;

  border: 1px solid #94A6B5; }

.btn-default:focus {

  background-color: #578AB4;

  color: #FFFFFF;

  border: 1px solid #94A6B5; }

.btn-primary {

  background-color: #578AB4;

  color: #FFFFFF;

  border: 1px solid #778591; }

.btn-primary:hover {

  background-color: #778591;

  color: #F5F5F5;

  border: 1px solid #778591; }

.btn-primary:active {

  background-color: #778591;

  color: #F5F5F5;

  border: 1px solid #778591; }

.btn-primary:focus {

  background-color: #778591;

  color: #F5F5F5;

  border: 1px solid #778591; }

.btn-info {

  background-color: #E5E1EF;

  color: #F5F5F5;

  border: 1px solid #AA9DCC; }

input[type=button].btn-info {

  background-color: #AA9DCC;

  color: #F5F5F5;

  border: 1px solid #AA9DCC; }

.btn-info:hover {

  background-color: #9589B3;

  color: #F5F5F5;

  border: 1px solid #9589B3; }

.btn-info:active {

  background-color: #9589B3;

  color: #F5F5F5;

  border: 1px solid #9589B3; }

.btn-info:focus {

  background-color: #9589B3;

  color: #F5F5F5;

  border: 1px solid #9589B3; }

input[type=button].btn-info:hover {

  background-color: #9589B3;

  color: #F5F5F5;

  border: 1px solid #9589B3; }

input[type=button].btn-info:active {

  background-color: #9589B3;

  color: #F5F5F5;

  border: 1px solid #9589B3; }

input[type=button].btn-info:focus {

  background-color: #9589B3;

  color: #F5F5F5;

  border: 1px solid #9589B3; }

.btn-success {

  background-color: #BBE6A5;

  color: #F5F5F5;

  border: 1px solid #BBE6A5; }

.btn-success:hover {

  background-color: #BBE6A5;

  color: #F5F5F5;

  border: 1px solid #BBE6A5; }

.btn-success:active {

  background-color: #BBE6A5;

  color: #F5F5F5;

  border: 1px solid #BBE6A5; }

.btn-success:focus {

  background-color: #BBE6A5;

  color: #F5F5F5;

  border: 1px solid #BBE6A5; }

.button {

  font-size: 15px;

  font-weight: 500;

  background: #ff0000;

  color: #FFFFFF;

  cursor: pointer;

  padding: 0 20px 0 20px;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

input[type=submit].button:hover {

  background: #D66C60; }

input[type=submit] {

  font-size: 15px;

  font-weight: 500;

  background: #ff0000;

  color: #FFFFFF;

  cursor: pointer;

  padding: 0 20px 0 20px;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

input[type=button] {

  font-size: 15px;

  font-weight: 500;

  background: #ff0000;

  color: #FFFFFF;

  cursor: pointer;

  padding: 0 20px 0 20px;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

input[type=reset] {

  font-size: 15px;

  font-weight: 500;

  background: #ff0000;

  color: #FFFFFF;

  cursor: pointer;

  padding: 0 20px 0 20px;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

.btn {

  margin-bottom: 4px; }

button {

  margin-bottom: 4px;

  margin-right: 4px; }

html input[type=button] {

  margin-bottom: 4px;

Comments

comments

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