SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

  background-color: #D66C60;

  border: 1px solid transparent;

  border-radius: 4px; }

a#callnav_today {

  clear: both;

  line-height: 40px;

  display: block; }

.monthHeader {

  background: #778591;

  color: #F5F5F5;

  padding-left: 8px;

  padding-right: 8px;

  margin-top: 10px;

  border: none;

  border: 1px solid transparent;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  line-height: 48px;

  height: 48px;

  vertical-align: middle; }

.monthHeader h3 {

  margin-top: 0;

  line-height: 48px;

  height: 48px; }

.monthCalBody {

  background-color: #ABC3D7; }

.monthCalBody h5 {

  font-size: 16px;

  font-weight: bold;

  padding: 0;

  text-align: center;

  clear: both; }

h5.calSharedUser {

  line-height: 40px;

  height: 40px; }

.fc-unthemed thead {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box; }

.fc-view-container .monthCalBody * {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box; }

.fc-view-container .monthCalBody:before {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box; }

.fc-view-container .monthCalBody:after {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box; }

.fc-view-container .monthCalBody {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box; }

div.monthFooter {

  background-color: #BFCAD3;

  line-height: 32px; }

.monthCalBody td {

  background-color: #fff;

  color: #444444; }

.monthCalBody th a {

  color: #000000; }

.yearCalBody {

  border: none; }

.yearCalBodyMonth {

  background-color: #F5F5F5;

  border-top: 2px solid #ff0000;

  border-bottom: 2px solid #F5F5F5; }

.yearCalBody .monthHeader {

  border: none; }

.yearCalBodyMonth #daily_cal_table {

  border-top: #BFCAD3; }

.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {

  border-color: #BFCAD3; }

.yearCalBodyMonth > a {

  color: #ff0000; }

h5.calSharedUser {

  color: #778591; }

.olCgClass td {

  border-bottom-color: #BFCAD3; }

.olBgClass {

  background-color: #BFCAD3; }

.yui-navset .yui-nav {

  border-bottom: 1px solid #BFCAD3; }

.yui-navset .yui-navset-top .yui-nav {

  border-bottom: 1px solid #BFCAD3; }

.yui-layout .yui-layout-hd {

  border-bottom: 1px solid #BFCAD3; }

.yui-layout .yui-layout-unit div.yui-layout-bd {

  border-color: #BFCAD3; }

.yui-navset .yui-content {

  border-color: #BFCAD3; }

.yui-navset .yui-navset-top .yui-content {

  border-color: #BFCAD3; }

.yui-navset .yui-nav .selected a {

  border-color: #BFCAD3; }

.yui-navset .yui-nav .selected a em {

  border-color: #BFCAD3; }

.yui-navset .yui-nav a {

  border-color: #BFCAD3; }

.yui-navset .yui-nav a em {

  border-color: #BFCAD3; }

.yui-navset .yui-nav a {

  border-color: #BFCAD3; }

.yui-navset .yui-navset-top .yui-nav a {

  border-color: #BFCAD3; }

a.sugar-tab-close {

  background: transparent url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=sugar-yui-sprites.png") no-repeat scroll 0 -70px; }

.yui-navset .yui-nav a.sugar-tab-close {

  background: transparent url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=sugar-yui-sprites.png") no-repeat scroll 0 -70px; }

.yui-navset .yui-nav .selected a.sugar-tab-close {

  background: transparent url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=sugar-yui-sprites.png") no-repeat scroll 0 -70px; }

.yui-nav {

  overflow-y: hidden; }

ul.yui-nav li.selected {

  background: #ff0000; }

.qtip-content {

  overflow-y: auto;

  max-height: 450px; }

.qtip-content .title {

  font-weight: bold; }

.qtip {

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

  font-size: 14px;

  border: none;

  border-radius: 4px;

  -webkit-border-radius: 4px; }

.qtip-titlebar {

  border-top-left-radius: 2px;

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

.qtip-titlebar {

  padding: 5px 24px 5px 10px; }

.qtip-title-text {

  display: block;

  color: #F5F5F5;

  float: left;

  line-height: 18px;

  width: 128px; }

.qtip-title-buttons {

  display: inline-block;

  padding: 0 0 0 4px;

  float: right;

  vertical-align: middle; }

.qtip-title-buttons a:first-of-type {

  margin: 0 0 0 4px; }

.qtip-title-buttons a {

  color: #F5F5F5;

  padding: 0 4px;

  margin: 0; }

.qtip-title-buttons a:hover {

  color: #B29Eb5; }

.qtip-default .qtip-titlebar {

  background-color: #5D5670; }

.qtip-default .qtip-icon {

  top: 16px;

  background-color: transparent;

  border: none; }

.qtip-default .qtip-titlebar .qtip-close {

  font-size: 22px;

  color: #F5F5F5; }

.qtip-default .qtip-titlebar .qtip-close:hover {

  font-size: 22px;

  font-weight: bold;

  color: #B29Eb5; }

.qtip-content {

  line-height: 16px; }

.qtip-content {

  background-color: #65697A;

  color: #F5F5F5;

  border-bottom-left-radius: 2px;

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

.qtip .qtip-tip {

  /* hide the tip of the speech bubble */

  display: none; }

.qtip-content a {

  font-weight: bold;

  color: #ff0000; }

.qtip-content a:hover {

  color: #ff0000; }

td.fc-widget-header {

  background-color: #BFCAD3;

  padding: 0;

  border: none; }

td.fc-widget-header table > thead {

  background-color: #BFCAD3;

  padding: 0;

  border: none; }

td.fc-widget-header table > thead > tr > th {

  background-color: #BFCAD3;

  padding: 0;

  border: none; }

td.fc-day-top.fc-other-month {

  background-color: #b3c0c7;

  opacity: 1; }

.fc-title {

  font-size: 16px;

  line-height: 24px; }

.fc-day-header a {

  color: #F5F5F5; }

.fc-day-header a:hover {

  color: #F5F5F5; }

td.fc-day-top.fc-today {

  background: #778591;

  cursor: pointer; }

.fc-day-top {

  background: #778591;

  cursor: pointer; }

.monthFooter td {

  padding-top: 3px;

  padding-bottom: 5px;

  padding-left: 7px;

  padding-right: 7px;

  border-top: 1px solid;

  border-bottom: 2px solid; }

.pagecontent > div.row.monthHeader > div > a {

  color: #F5F5F5; }

.pagecontent > div.row.monthHeader {

  margin-bottom: 0; }

.monthHeader td {

  padding-left: 5px; }

.monthViewDayHeight {

  height: 100px; }

.monthViewDayHeight td[scope=row] {

  padding: 5px;

  text-align: center; }

.monthViewDayHeight td {

  padding: 3px;

  text-align: right;

  vertical-align: top; }

.yearViewDayHeight {

  height: 40px; }

.monthCalBodyDayItem {

  padding: 5px 0 8px 0;

  margin: 7px 0 7px 0;

  border-top: 1px solid; }

.monthCalBodyDayItem td {

  vertical-align: top; }

.monthCalBodyDayItem td img {

  padding-right: 3px;

  vertical-align: top; }

.monthCalBody th {

  font-weight: normal;

  padding: 7px;

  height: 20px;

  vertical-align: top; }

.monthCalBodyTH th {

  font-weight: bold;

  padding: 5px;

  border-bottom: 1px solid; }

.monthCalBody td {

  padding: 5px;

  text-align: left; }

.monthCalBody td div table td {

  text-align: left; }

.monthCalBody {

  padding: 0; }

.monthCalBody td.yearCalBody {

  padding: 0;

  margin: 0; }

.yearCalBodyMonth {

  padding: 5px 0 0 0;

  text-align: center; }

.yearCalBodyMonth #daily_cal_table {

  margin-top: 5px; }

.yearCalBodyMonth > a {

  font-weight: bold;

  padding: 5px;

  margin: 0;

  width: 100%;

  text-decoration: none; }

.yearCalBodyMonth > a:hover {

  text-decoration: underline; }

.calSharedUser {

  padding-top: 5px;

  padding-left: 8px;

  margin-top: 0;

  margin-bottom: 0;

  border-top: 1px;

  height: 20px; }

.fc-toolbar {

  display: none;

  height: 0;

  visibility: collapse; }

.monthCalBody > .calSharedUser {

  color: #F5F5F5; }

thead.fc-head {

  background: #778591;

  color: #F5F5F5; }

thead.fc-head tr td {

  padding: 8px; }

a.fc-day-number {

  color: #F5F5F5;

  text-decoration: none; }

a.fc-day-number:hover {

  color: #ff0000;

  text-decoration: none; }

.calendar {

  border: 1px solid #999; }

.calendar .button {

  background-color: #eee;

  background-image: none; }

.calendar .combo {

  background: #eee;

  padding: 0;

  border-top: 1px solid #f1f1f1;

  border-bottom: 1px solid #999;

  border-left: 1px solid #f1f1f1;

  border-right: 1px solid #999; }

.calendar .combo .active {

  background: #eee; }

.calendar .combo .hilite {

  background: #f8f7f7;

  padding: 1px 4px 1px 4px;

  border-color: #9e9e9e;

  border-top: 1px solid;

  border-bottom: 1px solid; }

.calendar .combo .label {

  padding: 2px 4px 2px 4px;

  text-align: left; }

.calendar .combo .label-IEfix {

  padding: 2px 4px 2px 4px;

  text-align: left; }

.calendar .nav {

  background: transparent no-repeat 100% 100%; }

.calendar table {

  background: #eee; }

.calendar table .wn {

  background: #eeeeee;

  border-right: 1px solid #ccc; }

.calendar tbody .day {

  background: #fff;

  padding: 2px 4px 2px 2px;

  text-align: right; }

.calendar tbody .day.othermonth.oweekend {

  color: #666; }

.calendar tbody .emptycell {

  display: none; }

.calendar tbody .rowhilite td,

.calendar tbody .rowhilite td.weekend {

  background: #f6f6f6; }

.calendar tbody .rowhilite td.wn {

  background: #fff; }

.calendar tbody td.hilite,

.calendar tbody td.weekend.hilite {

  background: #f8f7f7;

  border-color: #9e9e9e; }

.calendar tbody td.selected {

  background: #eee;

  border-color: #666; }

.calendar tbody td.today {

  color: #666; }

.calendar tbody td.weekend {

  background: #f9f9f9;

  color: #666; }

.calendar tfoot .ttip {

  background: #e8f0f4;

  background: #dfdfdf;

  color: #000;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #ccc; }

.calendar thead .hilite {

  border-top: 1px solid #aaa;

  border-bottom: 1px solid #fff;

  border-left: 1px solid #aaa;

  border-right: 1px solid #fff; }

.calendar thead .name {

  background: #dddddd;

  border-color: #cccccc; }

.calendar thead .title {

  background: #f8f7f7;

  color: #000;

  padding: 3px;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #cccccc; }

.calendar thead .weekend {

  font-weight: bold;

  color: #000; }

.fc-bg table > tbody > tr .fc-today {

  background-color: #fcf8e3; }

div.fc-basic-view .fc-body .fc-row {

  min-height: 52px;

  /* ensure that all rows are at least this tall */ }

/* user list */

.modal-calendar-user-list table.edit {

  margin-top: 8px;

  width: 256px; }

.modal-calendar-user-list table.edit tr td:first-of-type {

  width: 192px; }

.modal-calendar-user-list #shared_ids_td {

  width: 128px; }

.modal-calendar-user-list select[size]#shared_ids {

  height: 200px; }

iframe.teamNoticeBox {

  overflow: auto;

  width: 100%; }

.modal-cal-edit .modal-content {

  width: 95%; }

.modal-cal-edit .modal-lg {

  width: 90%; }

.modal-calendar-user-list .modal-content {

  width: 95%; }

.modal-calendar-settings .modal-content {

  width: 95%; }

.modal-calendar-user-list .modal-content select {

  color: #534D64; }

@media (min-width: 1350px) {

  .modal-cal-edit .modal-content {

    width: 90%; }

  .modal-cal-edit .modal-lg {

    width: 80%; }

  .modal-calendar-user-list .modal-content {

    width: 900px; }

  .modal-calendar-settings .modal-content {

    width: 900px; } }

/**** Emails ***/

.email-indicator {

  text-align: center;

  float: right; }

.email-indicator > span,

.email-indicator > div {

  display: inline-block;

  font-size: 16px;

  font-weight: bold;

  height: 24px;

  width: 24px;

  line-height: 24px;

  margin-left: 10px; }

.email-indicator .email-flagged {

  background-color: #ff0000;

  border-radius: 28px;

  color: #F5F5F5;

  font-size: 18px; }

.email-indicator .email-new {

  height: 0;

  width: 0; }

.email-indicator .email-imported {

  background-color: #E5E1EF;

  color: #F5F5F5;

  border-radius: 4px; }

.email-new-record.oddListRowS1:hover td {

  background-color: #FAF7CF; }

.email-new-record.evenListRowS1:hover td {

  background-color: #FAF7CF; }

.email-new-record.oddListRowS1 td {

  background-color: #ece9f5;

  font-weight: 900; }

.email-new-record.evenListRowS1 td {

  background-color: #e0ddeb;

  font-weight: 900; }

.panel-email-compose {

  margin: 5px 0 0 0;

  background-color: #b3c0c7;

  color: #ffffff;

  line-height: 24px; }

  .panel-email-compose .panel-body :focus {

    border: none;

    border-image-width: 0;

    border-color: transparent;

    outline: none;

    outline-width: 0; }

  .panel-email-compose .panel-body button {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body .btn {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body .btn:hover {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body .btn:visited {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body .btn:link {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body .btn:active {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body .btn:focus {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    border-color: transparent;

    color: #ffffff;

    margin: 6px 6px;

    padding: 4px;

    line-height: 18px;

    min-height: 18px;

    outline: none; }

  .panel-email-compose .panel-body input[type=reset] {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    color: #ffffff;

    border-color: transparent;

    margin: 0;

    outline: none;

    padding: 0; }

  .panel-email-compose .panel-body input[type=submit] {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    color: #ffffff;

    border-color: transparent;

    margin: 0;

    outline: none;

    padding: 0; }

  .panel-email-compose .panel-body input[type=button] {

    background-color: transparent;

    border: none;

    border-image-width: 0;

    color: #ffffff;

    border-color: transparent;

    margin: 0;

    outline: none;

    padding: 0; }

  .panel-email-compose .panel-body .btn.btn-image {

    height: 18px;

    font-size: 18px;

    padding-top: 0;

    padding-bottom: 0; }

    .panel-email-compose .panel-body .btn.btn-image img {

      display: inline-block;

      width: 18px;

      height: 18px; }

  .panel-email-compose .panel-body .glyphicon {

    font-size: 18px; }

  .panel-email-compose .panel-body .glyphicon:focus {

    border: none;

    border-image-width: 0;

    border-color: transparent;

    outline: none; }

  .panel-email-compose .panel-body .vertical-seperator {

    background-color: transparent;

    border-bottom: none;

    border-left: 1px solid #ffffff;

    border-right: none;

    border-top: none;

    color: #ffffff;

    cursor: default;

    font-size: 18px;

    margin: 6px 6px;

    padding: 4px;

    outline: none;

    height: 18px; }

  .panel-email-compose .panel-body .custom-buttons {

    display: inline-block; }

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

  width: 100%; }

.compose-view .panel .col-sm-8 {

  width: 83.33%; }

.compose-view .panel .edit-view-row-item.empty {

  display: none;

  height: 0;

  margin: 0 0 0 0;

  min-height: 0;

  min-width: 0;

  visibility: collapse; }

.compose-view .btn-send-email .send-email-label {

  float: right;

  padding-left: 5px; }

.email-in-progress {

  text-align: center; }

.emails-qtip {

  z-index: 32000 !important; }

.file-attachments:empty {

  display: none; }

.file-attachments {

  background: #FFFFFF;

  border: 1px solid #DDDDDD;

  border-radius: 4px;

  line-height: 26px;

  margin: 5px 0;

  min-height: 26px; }

  .file-attachments label {

    border-radius: 4px;

    color: #edebf5;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 0;

    min-height: 26px; }

  .file-attachments label * {

    pointer-events: none; }

  .file-attachments input[type=file] {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    visibility: hidden;

    z-index: -1; }

  .file-attachments .attachment-group-container {

    background-color: #B29Eb5;

    border-radius: 4px;

    display: inline-block;

    line-height: 26px;

    min-height: 26px;

    margin: 5px; }

  .file-attachments .attachment-file-container {

Comments

comments

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