SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

  margin-right: 4px; }

input[type=reset] {

  margin-bottom: 4px;

  margin-right: 4px; }

input[type=submit] {

  margin-bottom: 4px;

  margin-right: 4px; }

.button {

  margin-bottom: 4px; }

input[type=button] {

  margin-bottom: 4px; }

input[type=reset] {

  margin-bottom: 4px; }

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

  font-size: 15px;

  color: #FFFFFF;

  cursor: pointer; }

input[type=submit]:active, input[type=button]:active, input[type=reset]:active {

  font-size: 15px;

  color: #FFFFFF;

  cursor: pointer; }

input[type=submit]:focus, input[type=button] {

  font-size: 15px;

  color: #F5F5F5;

  cursor: pointer; }

.moremenu a {

  font-size: 15px;

  color: #F5F5F5;

  cursor: pointer;

  margin: 0; }

.moremenu ul {

  top: 49px;

  margin: 0; }

.moremenu ul li a {

  display: block;

  font-size: 16px;

  color: #ff0000;

  cursor: pointer;

  padding: 5px; }

.moremenu ul li:hover {

  border-radius: 0; }

.moremenu ul li a:hover {

  background: none;

  background: #D66C60;

  color: #F5F5F5;

  cursor: pointer;

  padding: 5px; }

:focus, input[type=reset]:focus {

  background: #C72310; }

/* Remove Text Transformations for action menu*/

#tab-actions .button {

  text-transform: none; }

#tab-actions input[type=submit] {

  text-transform: none; }

#tab-actions input[type=button] {

  text-transform: none; }

#tab-actions input[type=reset] {

  text-transform: none; }

form[name=DetailView] .button {

  margin: 0 4px 4px 0;

  float: left; }

form[name=DetailView] input[type=submit] {

  margin: 0 4px 4px 0;

  float: left; }

form[name=DetailView] input[type=button] {

  margin: 0 4px 4px 0;

  float: left; }

form[name=DetailView] input[type=reset] {

  margin: 0 4px 4px 0;

  float: left; }

td.submitButtons .button:hover {

  background-color: #C72310; }

button[disabled] {

  font-size: 15px;

  font-weight: 500;

  background-color: #4D4646;

  color: #FFFFFF;

  cursor: pointer;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

input[type=”submit”][disabled] {

  font-size: 15px;

  font-weight: 500;

  background-color: #4D4646;

  color: #FFFFFF;

  cursor: pointer;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

input[type=”reset”][disabled] {

  font-size: 15px;

  font-weight: 500;

  background-color: #4D4646;

  color: #FFFFFF;

  cursor: pointer;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

input[type=”button”][disabled] {

  font-size: 16px;

  font-weight: 500;

  background-color: #777777;

  color: #F5F5F5;

  cursor: pointer;

  margin: 0 0 0 0;

  border: none;

  border-radius: 3px;

  letter-spacing: 1px;

  line-height: 40px;

  height: 40px;

  text-transform: uppercase; }

[field=”billing_address_street”].detail-view-field {

  padding: 16px 16px 32px 16px; }

[field=”shipping_address_street”].detail-view-field {

  padding: 16px 16px 32px 16px; }

[field=”shipping_address_street”].detail-view-field .button {

  background-color: #231C36; }

[field=”billing_address_street”].detail-view-field .button {

  background-color: #231C36; }

[field=”shipping_address_street”].detail-view-field .button:hover {

  background-color: #9589B3; }

[field=”billing_address_street”].detail-view-field .button:hover {

  background-color: #9589B3; }

.buttons input#btn_view_change_log {

  background-color: #E5E1EF; }

.buttons input#btn_view_change_log:hover {

  background-color: #9589B3; }

.button:hover {

  background-color: #578AB4;

  color: #FFFFFF;

  border-color: #808F9C; }

.button:focus {

  background-color: #578AB4;

  color: #F5F5F5;

  border-color: #808F9C; }

.button.focus {

  background-color: #578AB4;

  color: #F5F5F5;

  border-color: #808F9C; }

.button:active {

  background-color: #578AB4;

  color: #F5F5F5;

  border-color: #808F9C; }

.button.active {

  background-color: #578AB4;

  color: #F5F5F5;

  border-color: #808F9C; }

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

  background-color: #3E6A8F;

  color: #F5F5F5;

  border-color: #808F9C; }

.button:active {

  background-image: none; }

.button.active {

  background-image: none; }

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

  background-image: none; }

.button .badge {

  background-color: #F5F5F5;

  color: #ff0000377; }

.yui-layout-hd .button {

  font-size: 15px; }

.yui-layout-hd input[type=submit] {

  font-size: 15px; }

.yui-layout-hd input[type=button] {

  font-size: 15px; }

.form-control:focus {

  box-shadow: none;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

input[type=text] {

  background: #D8F5EE;

  padding: 5px;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

input[type=number] {

  background: #E9F9F5;

  padding: 5px;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

input[type=password] {

  background: #D8F5EE;

  padding: 5px;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

input[type=email] {

  background: #D8F5EE;

  padding: 5px;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

input:not([type]) {

  background: #D8F5EE;

  padding: 5px;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

textarea {

  background: #D8F5EE;

  padding: 5px;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

input[type=text] {

  line-height: 40px;

  min-height: 40px; }

input[type=number] {

  line-height: 40px;

  min-height: 40px; }

input[type=password] {

  line-height: 40px;

  min-height: 48px; }

input[type=email] {

  line-height: 40px;

  min-height: 48px; }

input:not([type]) {

  line-height: 40px;

  min-height: 48px; }

textarea {

  width: 50%; }

select[size] {

  background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #FFFFFF;

  background-color: #FFFFFF;

  background-size: 52px 52px;

  color: #34303E;

  padding: 0 52px 0 5px;

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  line-height: 48px;

  outline: 0;

  height: 48px;

  -webkit-appearance: none;

  appearance: none;

  scrollbar-base-color: #A5E8D6;

  scrollbar-arrow-color: #A5E8D6;

  border-size: 1px;

  -moz-appearance: none; }

select.form-control {

  background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #FFFFFF;

  background-color: #FFFFFF;

  background-size: 52px 52px;

  color: #4D4646;

  padding: 0 52px 0 5px;

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  line-height: 48px;

  outline: 0;

  height: 48px;

  -webkit-appearance: none;

  appearance: none;

  scrollbar-base-color: #A5E8D6;

  scrollbar-arrow-color: #A5E8D6;

  border-size: 1px;

  -moz-appearance: none; }

select {

  background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #FFFFFF;

  background-color: #FFFFFF;

  background-size: 52px 52px;

  color: #4D4646;

  padding: 0 52px 0 5px;

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  line-height: 48px;

  outline: 0;

  height: 48px;

  -webkit-appearance: none;

  appearance: none;

  scrollbar-base-color: #A5E8D6;

  scrollbar-arrow-color: #A5E8D6;

  border-size: 1px;

  -moz-appearance: none; }

select:focus {

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  border-size: 1px; }

select::selection {

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  border-size: 1px; }

select#user_theme_picker {

  background-image: none; }

select:checked {

  background: #A5E8D6;

  color: #534D64; }

option:checked {

  background: #A5E8D6;

  color: #534D64; }

.saved_search_select {

  background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #FFFFFF;

  background-color: #FFFFFF;

  background-size: 52px 52px;

  padding: 16px 55px 16px 5px;

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  border-size: 1px;

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none; }

select[multiple] {

  background-image: none !important;

  overflow: auto !important;

  vertical-align: text-top; }

select.ui-widget-content {

  background: url("../../../../themes/SuiteP/images/forms/select.ico") no-repeat right #FFFFFF;

  background-color: #FFFFFF;

  background-size: 52px 52px;

  color: #4D4646;

  padding: 0 52px 0 5px;

  border-color: #A5E8D6;

  border-style: solid;

  border-radius: 4px;

  line-height: 48px;

  outline: 0;

  height: 48px;

  -webkit-appearance: none;

  appearance: none;

  scrollbar-base-color: #A5E8D6;

  scrollbar-arrow-color: #A5E8D6;

  border-size: 1px;

  -moz-appearance: none; }

.form-control {

  box-shadow: none; }

/*Email Address*/

#email1_span {

  display: block; }

#email1_span table {

  display: block; }

#email1_span tbody {

  display: block; }

#email1_span tr {

  display: block; }

#email1_span td {

  display: block; }

#email1_span tr {

  margin-bottom: 8px; }

div.col-sm-12 #email1_span td.email-address-input {

  width: 25%; }

div.col-sm-6 #email1_span td.email-address-input {

  width: 50%; }

#email1_span td.email-address-input {

  display: inline-block; }

.edit-view-field .email-address-input input[type=text] {

  width: 100%; }

#email1_span td.email-address-remove-button {

  display: inline-block;

  line-height: 48px;

  width: 52px;

  height: 52px;

  /* same height as td.email-address-input */ }

#email1_span td.email-address-primary {

  display: inline-block;

  line-height: 48px;

  width: 52px;

  height: 52px;

  /* same height as td.email-address-input */ }

#email1_span td.email-address-opt-out {

  display: inline-block;

  line-height: 48px;

  width: 52px;

  height: 52px;

  /* same height as td.email-address-input */ }

#email1_span td.email-address-invalid {

  display: inline-block;

  line-height: 48px;

  width: 52px;

  height: 52px;

  /* same height as td.email-address-input */ }

div.col-sm-12 #email1_span td.email-address-add-button {

  width: 25%;

  /* is the same width as td.email-address-input */ }

div.col-sm-6 #email1_span td.email-address-add-button {

  width: 50%;

  /* is the same width as td.email-address-input */ }

#email1_span td.email-address-add-button {

  display: inline-block; }

#email1_span td.email-address-title {

  display: inline-block;

  font-size: 10px;

  padding-top: 42px;

  width: 52px;

  /* same widths as td.email-address-remove-button */ }

.emailaddresses > tbody:nth-child(1) > tr > td:nth-child(1) button img {

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

  width: 32px;

  height: 32px; }

.emailaddresses button {

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

  width: 34px;

  height: 34px; }

.emailaddresses button {

  background-color: #ff0000;

  border: 1px solid transparent;

  border-radius: 4px; }

.emailaddresses button:hover {

  background-color: #D66C60; }

#email1_span i.error {

  background: inherit;

  color: #534D64; }

.email-address-line-container {

  margin-bottom: 8px; }

.email-address-input-group {

  background: #D8F5EE;

  border: 1px solid #A5E8D6;

  border-radius: 4px; }

.email-address-input-group input[type=email].form-control {

  display: inline-block;

  font-size: 16px;

  border: none;

  line-height: 40px; }

.email-address-input-group .form-control:focus {

  box-shadow: none;

  border-color: #A5E8D6;

  outline: 0;

  -webkit-box-shadow: none; }

.email-address-input-group .form-control {

  box-shadow: none;

  border-color: #A5E8D6;

  outline: 0;

  -webkit-box-shadow: none; }

.email-address-add-line-container .email-address-add-button {

  padding: 6px 9px 6px 9px; }

.email-address-add-line-container .email-address-add-button:focus {

  background-color: #ff0000;

  border: 1px solid #ff0000; }

.email-address-add-line-container .email-address-add-button:hover {

  background-color: #D66C60;

  border: 1px solid #D66C60; }

/* override bootstrap (Needs to be stacked) */

.email-address-input-group .input-group .form-control:last-child,

.email-address-input-group .input-group-addon:last-child,

.email-address-input-group .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,

.email-address-input-group .input-group-btn:first-child > .btn:not(:first-child),

.email-address-input-group .input-group-btn:last-child > .btn,

.email-address-input-group .input-group-btn:last-child > .btn-group > .btn,

.email-address-input-group .input-group-btn:last-child > .dropdown-toggle {

  border-top-left-radius: 4px;

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

.email-address-input-group .email-address-remove-button {

  padding: 6px 9px 6px 9px;

  margin-left: 4px; }

.email-address-input-group button[disabled].email-address-remove-button {

  font-size: 16px;

  padding: 6px 9px 6px 9px;

  line-height: 20px;

  width: 36px;

  height: 36px; }

.email-address-option label {

  font-size: 10px;

  font-weight: 600; }

.email-address-option input {

  margin-top: 4px; }

.email-address-input-group .validation-message {

  display: inline-block; }

.email-address-users-profile {

  width: 248px; }

div.email-address-line-container:not(:nth-of-type(2)) div.email-address-option label {

  visibility: collapse; }

.col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-input-container {

  width: 60%; }

.col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-options-container {

  width: 40%; }

.col-sm-6 #email1_span .email-address-option {

  width: 33.33%; }

#settingsDialog_c {

  z-index: 20; }

#testOutboundDialog_c {

  z-index: 20; }

font[color=red] {

  color: #ff0000; }

@media (max-width: 768px) {

  .email-address-options-container {

    margin: 16px 0 16px 0;

    width: 100%;

    height: 32px; }

  div.email-address-line-container:not(:nth-of-type(2)) div.email-address-option label {

    visibility: visible; }

  .email-address-users-profile {

    width: 100%; }

  .edit-view-row-item {

    clear: both;

    float: none;

    width: 100%; }

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

    width: 66.6666667%; }

  .edit-view-field select {

    margin-bottom: 8px; }

  .edit-view-field textarea {

    margin-bottom: 8px;

    width: 100%; }

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

    margin-bottom: 8px;

    width: 100%; }

  .edit-view-row-item .col-sm-2 {

    width: 33.333333%; }

  .dateTime input[type=”text”] {

    width: 400px; } }

@media (max-width: 1600px) {

  .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-input-container {

    width: 62.5%; }

  .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-options-container {

    margin-top: 8px;

    width: 100%; }

  .col-sm-6 #email1_span .email-address-option {

    width: 20%; }

  .col-sm-6 #email1_span .email-address-option label {

    display: block;

    visibility: visible; } }

@media (max-width: 1400px) {

  .email-address-option {

    width: 33%; }

  .col-sm-6 #email1_span div.col-xs-12.col-sm-6.email-address-input-container {

    width: 65%; } }

@media (max-width: 1130px) {

  .col-sm-6 #email1_span .email-address-option {

    width: 33%; } }

@media (min-width: 768px) {

  .email-address-options-container {

    width: 50%; }

  .email-address-input-group {

    background: transparent;

    border: none;

    border-radius: 4px; }

  .email-address-input-group input[type=email].form-control {

    background: #D8F5EE;

    border: 1px solid #A5E8D6;

    border-radius: 4px;

    border-top-right-radius: 4px;

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

  .input-group-btn:last-child > .btn,

  .input-group-btn:last-child > .btn-group {

    margin-left: 8px; }

  .email-address-input-group .email-address-remove-button {

    margin-left: 8px; } }

/**** Dashboard ***/

.modal-add-dashlet div.modal-content {

  width: 80%; }

.dashletcontainer.col-33 {

  width: 33.333%; }

.dashletcontainer {

  min-height: 132px; }

.drop-location {

  min-height: 132px; }

#pageContainer .dashletcontainer .hd {

  background-color: #66727D;

  padding: 0;

  margin: 0;

  border-top-left-radius: 4px;

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

.yui-module .hd {

  background: #66727D; }

.yui-panel .hd {

  background: #66727D; }

#pageContainer .dashletcontainer .pagination td {

  background-color: #BFCAD3; }

#pageContainer .dashletcontainer .pagination span {

  display: inline-block; }

#pageContainer .dashletcontainer .pagination td button {

  background-color: #578AB4;

  padding: 2px;

  border-radius: 3px;

  width: auto;

  height: auto; }

#pageContainer .dashletcontainer .aor_reports .pagination h3 {

  margin: 0; }

#pageContainer .dashletcontainer .aor_reports .pagination button {

  height: 16px;

  line-height: 16px;

  padding: 0 2px; }

.dashletcontainer button[disabled], .dashletcontainer input[type=”submit”][disabled], .dashletcontainer input[type=”reset”][disabled], .dashletcontainer input[type=”button”][disabled] {

  line-height: 100%; }

.dashletcontainer .button, .dashletcontainer input[type=”submit”], .dashletcontainer input[type=”button”] {

  line-height: 100%; }

#pageContainer .dashletcontainer .footable-visible a {

  padding-right: 20px; }

#pageContainer .dashletcontainer .hd .icon {

  fill: #F5F5F5; }

.dashletPanel thead {

  background-color: #778591; }

#moduleDashlets h3 {

  display: none;

  visibility: collapse; }

#chartDashlets h3 {

  display: none;

  visibility: collapse; }

#webDashlets h3 {

  display: none;

  visibility: collapse; }

#toolsDashlets h3 {

  display: none;

  visibility: collapse; }

#searchDashlets h3 {

  display: none;

  visibility: collapse; }

ul.subpanelTablist li {

  margin: 0 0 0 3px;

  list-style: none;

  padding: 0; }

#dashletCategories {

  display: block;

  font-size: 15px;

  border-bottom-color: #778591;

  height: 28px; }

#dashletCategories > li {

  display: inline-block;

  font-size: 15px; }

#dashletCategories > li a {

  font-weight: 400;

  background-color: #578AB4;

  color: #F5F5F5;

  padding: 10px 20px 10px 10px;

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  text-transform: uppercase; }

#dashletCategories > li a:link {

  font-weight: 400;

  background-color: #578AB4;

  color: #FFFFFF;

  padding: 10px 20px 10px 10px;

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  text-transform: uppercase; }

#dashletCategories > li a:hover {

  font-weight: 400;

  background-color: #578AB4;

  color: #F5F5F5;

  padding: 10px 20px 10px 10px;

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  text-transform: uppercase; }

#dashletCategories > li a:visited {

  font-weight: 400;

  background-color: #578AB4;

  color: #F5F5F5;

  padding: 10px 20px 10px 10px;

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  text-transform: uppercase; }

#dashletCategories > li a:active {

  font-weight: 400;

  background-color: #578AB4;

  color: #F5F5F5;

  padding: 10px 20px 10px 10px;

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  text-transform: uppercase; }

#dashletCategories > li a:focus {

  font-weight: 400;

  background-color: #578AB4;

  color: #F5F5F5;

  padding: 10px 20px 10px 10px;

Comments

comments

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