SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

  .content .nav-tabs > li > a:focus,

  .content .nav-tabs > li > a:hover {

    font-size: 16px;

    font-weight: 400;

    background-color: #BFCAD3;

    color: #FFFFFF;

    cursor: pointer;

    margin: 0 2px 0 2px;

    border-color: #eee #eee #fff;

    letter-spacing: 2px;

    line-height: 28px; }

  .content .nav-tabs > li.active > a,

  .content .nav-tabs > li.active > a:focus,

  .content .nav-tabs > li.active > a:hover {

    font-size: 16px;

    font-weight: 400;

    background-color: #778591;

    color: #FFFFFF;

    cursor: pointer;

    margin-top: 0;

    margin-bottom: 0;

    margin-left: 2px;

    margin-right: 2px;

    border-color: #eee #eee #fff;

    letter-spacing: 2px;

    line-height: 28px; }

  .content .nav-tabs > li.active:nth-of-type(1) > a,

  .content .nav-tabs > li:nth-of-type(1) > a {

    margin-left: 0; }

  .content #overflow-menu > li > span.notCurrentTabLeft, .content #overflow-menu > li > span.notCurrentTabRight {

    display: none;

    visibility: collapse; }

  .content #overflow-menu > li {

    line-height: normal;

    height: auto; }

  .content #overflow-menu > li a {

    font-size: 16px;

    font-weight: normal;

    padding: 12px 15px 12px 15px;

    margin: 0;

    clear: both; }

  .content #overflow-menu > li > ul {

    display: none;

    padding: 0;

    margin: 0;

    height: 0;

    visibility: collapse; }

  .content #overflow-menu > li > ul > li {

    display: none;

    padding: 0;

    margin: 0;

    height: 0;

    visibility: collapse; }

  .content .nav > li > a.first-tab-xs {

    background-color: #778591;

    background-image: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_generic_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_generic_arrow.png");

    background-position: right 14px top 21px;

    background-repeat: no-repeat;

    padding-right: 28px;

    border-bottom: none; }

  .content #first-tab-menu-xs.dropdown-menu > li > a {

    border-bottom: 1px solid #93A0AB; }

  .content #first-tab-menu-xs.dropdown-menu > li:last-of-type > a {

    border-bottom: none; }

  .content #first-tab-menu-xs.dropdown-menu {

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

  .content #first-tab-menu-xs.dropdown-menu {

    background-color: #778591; }

  .content #first-tab-menu-xs.dropdown-menu > li {

    background-color: #778591; }

  .content #first-tab-menu-xs.dropdown-menu > li > a {

    background-color: #778591; }

  .content .dropdown-menu > li > a,

  .content .dropdown-menu > li > a:focus,

  .content .dropdown-menu > li > a:hover {

    background-color: #ff0000;

    color: #FFFFFF;

    text-decoration: none; }

  .content #tab-actions > a {

    background-color: #ff0000;

    background-image: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_generic_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_generic_arrow.png");

    background-position: right 14px top 21px;

    background-repeat: no-repeat;

    cursor: pointer;

    padding-right: 28px;

    border-color: #ff0000;

    border-bottom: #FA988D; }

  .content #tab-actions > a:hover {

    background-color: #ff0000;

    border-color: #ff0000;

    color: #FFFFFF;

    cursor: pointer; }

  .content #tab-actions:only-child > .dropdown-menu {

    left: 0;

    right: auto; }

  .content #tab-actions > .dropdown-menu {

    left: auto;

    right: 0;

    background-color: #ff0000;

    margin-right: 2px;

    border-top-left-radius: 4px;

    border-top-right-radius: 0;

    border-bottom-left-radius: 4px;

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

  .content #tab-actions > .dropdown-menu li {

    background-color: #ff0000;

    border-bottom: 1px solid #FA988D; }

  .content #tab-actions > .dropdown-menu li:last-of-type {

    border-bottom: none; }

  .content #tab-actions > .dropdown-menu input {

    text-align: left;

    width: 100%; }

  .content #tab-actions > .dropdown-menu a {

    background-color: #ff0000; }

  .content #tab-actions > .dropdown-menu .button {

    background-color: #ff0000; }

  .content #tab-actions > .dropdown-menu .button:hover {

    background-color: #ff0000; }

  .content #tab-actions > .dropdown-menu .button:focus {

    background-color: #ff0000; }

  .content #tab-actions > .dropdown-menu .button:active {

    background-color: #ff0000; }

  .content #tab-actions > .dropdown-menu .open > .dropdown-toggle.btn-primary {

    background-color: #ff0000; }

  .content #tab-actions > .dropdown-menu li:last-of-type a {

    background-color: #ff0000;

    border: none; }

  .content #EditView_tabs .tab-content {

    background-color: #FFFFFF;

    padding: 24px;

    margin-bottom: 5px;

    border: 1px solid transparent;

    border-top-right-radius: 4px;

    border-bottom-left-radius: 4px;

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

  .content .detail-view .tab-content {

    background-color: #FFFFFF;

    padding: 24px;

    margin-bottom: 5px;

    border: 1px solid transparent;

    border-top-right-radius: 4px;

    border-bottom-left-radius: 4px;

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

.dashboard .tab-content {

  background-color: #FFFFFF;

  padding: 24px;

  margin-bottom: 30px;

  border: 1px solid transparent;

  border-top-right-radius: 4px;

  border-bottom-left-radius: 4px;

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

.tab-content .tab-pane-NOBOOTSTRAPTOGGLER:not(.active) {

  display: none; }

/**** Panels ****/

.panel {

  margin-bottom: 0; }

.panel-body {

  padding: 0; }

.panel-template {

  visibility: collapse; }

.panel-default > .panel-heading {

  background: #66727D;

  color: white;

  padding: 0;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  height: 52px;

  vertical-align: middle; }

.panel-default > .panel-heading > div {

  font-size: 16px;

  font-weight: 500;

  background-color: #66727D;

  color: #F5F5F5;

  line-height: 52px;

  height: 52px; }

.panel-default > .panel-body {

  padding: 0; }

.panel-default > .panel-heading-collapse {

  background: #BFCAD3; }

.collapse, .collapsing, .collapse.in {

  transition: none;

  -webkit-transition: none; }

.panel-default > .panel-heading {

  display: block;

  text-transform: uppercase; }

.panel-default > .panel-heading > a {

  display: block;

  font-size: 16px;

  font-weight: 500;

  color: #F5F5F5;

  padding: 15px 10px 0 10px;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  height: 52px;

  text-decoration: none;

  text-decoration: none; }

.panel-default.sub-panel > .panel-heading > a {

  display: block;

  font-size: 16px;

  font-weight: 500;

  color: #F5F5F5;

  padding: 10px 10px 0 10px;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  height: 52px;

  text-decoration: none; }

.panel-default > .panel-heading > a:not(.collapsed) {

  background-color: #66727D; }

.sub-panel div.tab-content {

  padding: 0;

  border: none; }

.panel-default > .panel-heading > a img {

  margin-right: 15px; }

.panel-default > .panel-body {

  padding: 0 0 0 0; }

.panel-heading a.collapsed {

  background-color: #BFCAD3; }

.panel-heading a.collapsed:before {

  content: "+"; }

.panel-heading a:before {

  font-family: 'Glyphicons Halflings';

  content: "\2212";

  font-weight: 100;

  line-height: 26px; }

.sub-panel > .panel-body > .tab-content > div {

  margin-bottom: 25px;

  border: none; }

.sub-panel > .panel-body > .tab-content > div tr:last-child {

  margin-bottom: 25px;

  border-bottom: none; }

.h3Row {

  padding: 0;

  margin: 0; }

div.action_buttons form {

  float: left; }

div.action_buttons .button {

  background-color: #94A6B5; }

div.action_buttons .button:hover {

  background-color: #94A6B5; }

#subpanel_list .tab-content .list.view.subpanel-table .pagination div.action_buttons .button {

  padding: 5px 13px;

  line-height: initial;

  height: initial;

  text-transform: capitalize; }

div.sub-panel {

  margin-bottom: 4px; }

.subpanel-table tr:last-of-type td {

  border-bottom: 1px solid transparent; }

.subpanel-table {

  border-bottom-left-radius: 4px;

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

.table-responsive.list .pagination,

.table-responsive.list .pagination tr,

.table-responsive.list .pagination td,

.table-responsive.list .pagination th {

  border: 0; }

.sub-panel tbody tr td .sugar_action_button > a:link {

  border-bottom: none;

  color: #FFFFFF;

  padding-top: 5px;

  padding-bottom: 5px; }

.sub-panel .sugar_action_button > a:hover {

  border-bottom: none;

  color: #FFFFFF; }

.sub-panel .table-responsive.list > tbody > tr > td ul.subnav a {

  color: #FFFFFF;

  width: 100%; }

.sub-panel .table-responsive.list > tbody > tr > td ul.subnav a:hover {

  color: #FFFFFF;

  width: 100%; }

.sub-panel tbody tr td ul.clickMenu > li > span {

  margin-top: 12px; }

.footable-details.table-responsive.list th {

  font-weight: bold;

  color: #000000; }

.footable-details.table-responsive.list th a:link {

  font-weight: bold;

  color: #000000;

  border-bottom: none; }

.subpanel-table .clickMenu > li, .SugarActionMenuIESub li {

  padding: 0;

  line-height: 24px;

  white-space: nowrap; }

.subpanel-table ul.subpanel {

  background: none;

  background-color: transparent;

  border: none;

  border-color: transparent; }

.sugar_action_button a {

  color: #fff; }

.subpanel-table .pagination li.sugar_action_button > form > a {

  width: 100%; }

.subpanel-table ul.subpanel > a {

  background-color: #94A6B5;

  padding: 0;

  padding-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px; }

.subpanel-table li.sugar_action_button {

  background-color: #94A6B5;

  padding: 0;

  padding-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px; }

.subpanel-table .pagination .sugar_action_button {

  background-color: #94A6B5;

  padding: 0;

  padding-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px; }

.subpanel-table .pagination li.sugar_action_button > form > a {

  background-color: #94A6B5;

  padding: 0;

  padding-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px; }

.subpanel-table .pagination .sugar_action_button > form > a {

  background-color: #94A6B5;

  padding: 0;

  padding-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px; }

.subpanel-table .pagination .sugar_action_button > form > a {

  background-color: #94A6B5;

  padding: 0;

  padding-right: 4px;

  border: 1px solid transparent;

  border-radius: 4px; }

/*calendar popup fix*/

.calcell > a {

  background-color: #fff; }

/* pagination on list view subpanel-table */

.subpanel-table.list tr.pagination span.pageNumbers {

  position: relative;

  top: -7px; }

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”] img,

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”] img,

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”] img,

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”] img {

  display: none; }

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”] {

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

  background-repeat: no-repeat;

  padding: 0;

  margin: 0;

  width: 26px;

  height: 26px; }

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”]:hover,

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”]:hover,

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”]:hover,

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”]:hover {

  background-color: #808F9C; }

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”] {

  background-position: 9px -29px; }

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”] {

  background-position: 9px -50px; }

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”] {

  background-position: 10px -132px; }

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”] {

  background-position: 10px -112px; }

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”][disabled],

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”][disabled],

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”][disabled],

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”][disabled] {

  cursor: default;

  opacity: .5; }

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”],

.subpanel-table.list tr.pagination button.button[name=”listViewStartButton”][disabled]:hover,

.subpanel-table.list tr.pagination button.button[name=”listViewPrevButton”][disabled]:hover,

.subpanel-table.list tr.pagination button.button[name=”listViewNextButton”][disabled]:hover,

.subpanel-table.list tr.pagination button.button[name=”listViewEndButton”][disabled]:hover {

  background-color: #94A6B5; }

#actionLinkTop li.sugar_action_button:hover,

#actionLinkBottom li.sugar_action_button:hover,

.action-link-top li.sugar_action_button:hover,

.action-link-bottom li.sugar_action_button:hover,

.subpanel-table li.sugar_action_button:hover,

#selectLinkTop li.sugar_action_button:hover,

#selectLinkBottom li.sugar_action_button:hover,

.subpanel-table .pagination .sugar_action_button:hover,

.subpanel-table .pagination li.sugar_action_button:hover > form > a,

.subpanel-table .pagination .sugar_action_button:hover > form > a,

.subpanel-table .pagination .sugar_action_button:hover > form > a,

.subpanel-table ul.subpanel a:hover,

.subpanel-table li.sugar_action_button:hover,

.subpanel-table .pagination .sugar_action_button:hover,

.subpanel-table .pagination li.sugar_action_button:hover > form > a,

.subpanel-table .pagination .sugar_action_button:hover > form > a,

.subpanel-table .pagination .sugar_action_button:hover > form > a,

.subpanel-table .pagination a,

.subpanel-table .subnav {

  background-color: #778591; }

.subpanel-table .pagination a {

  padding-left: 8px;

  padding-right: 8px; }

.subpanel-table .pagination .clickMenu li span {

  margin-top: 9px;

  margin-left: 0;

  margin-right: 5px;

  float: right; }

.subpanelTabForm {

  background-color: #F5F5F5;

  color: #000000;

  border-color: #ff0000; }

.tablist, .subpanelTablist {

  border-bottom-color: #ff0000; }

.tablist li a:hover, .subpanelTablist li a:hover {

  background: #fafafa;

  border-color: #ff0000; }

.tablist li a, .subpanelTablist li a {

  background-color: #fff;

  border-color: #dddddd; }

.tablist li a:link, .tablist li a:visited, .subpanelTablist li a:link, .subpanelTablist li a:visited {

  color: #444444; }

.tablist li a:hover, .subpanelTablist li a:hover {

  background: #fafafa; }

.subpanelTablist li a.current, .subpanelTablist li a.current:hover {

  background: #fff;

  color: #4f4f4f;

  border-top: none;

  border-bottom: none;

  border-right-color: #cccccc; }

.tablist li a.current:link, .tablist li a.current:visited, .tablist li a.current:hover {

  background: #f6f6f6;

  border-top-color: #abc3d7;

  border-bottom-color: #f6f6f6;

  border-right-color: #abc3d7; }

.tablist, .subpanelTablist {

  border-bottom: 2px solid; }

.tablist li a, .subpanelTablist li a {

  border-top: 2px solid;

  border-top: none;

  border-bottom: none;

  border-right-color: #cccccc; }

.tablist li a:hover, .subpanelTablist li a:hover {

  border-top: 2px solid; }

.tablist li a.current, .tablist li a.current:hover {

  font-weight: bold;

  border-bottom: 2px solid #f6f6f6; }

.subpanelTablist li a.current, .subpanelTablist li a.current:hover {

  font-weight: bold;

  border-bottom: 2px solid #fff; }

.subpanelTabForm .h3Row {

  background-image: none;

  border-top: 1px solid #dddddd; }

.tablist, .subpanelTablist {

  padding: 0;

  margin: 0;

  list-style: none; }

#dashName {

  margin-bottom: 4px; }

.tablist li a.activeSubTab:hover {

  color: #000000;

  border-bottom-color: #ddd; }

.subpanelTablist li a.activeSubTab:hover {

  color: #000000; }

.subpanelTablist #addPageItem a, .subpanelTablist #addPageItem a:hover {

  background: transparent;

  border: none;

  text-decoration: none; }

.tablist li a:link, .tablist li a:visited, .subpanelTablist li a:link, .subpanelTablist li a:visited {

  text-decoration: none; }

.subpanelTabForm td {

  padding: 15px 0; }

table.subpanelTabForm td {

  padding-top: 0;

  padding-bottom: 2px; }

.subpanelTabForm p {

  margin-bottom: 0; }

.subpanelTabForm h3 {

  padding-left: 3px; }

.subpanelTabForm .h3Row {

  padding-top: 2px;

  margin-top: 0; }

.subpanelTabForm {

  margin-bottom: 10px; }

#groupTabs {

  margin-top: 20px; }

#groupTabs li, #searchTabs li {

  margin: 0 -3px 0 0; }

table.subpanelTabForm {

  margin-bottom: 4px;

  border-top: 0 none; }

.collapsed .panelContainer, .collapsed .collapseLink, .expanded .expandLink {

  display: none; }

.oddListRowS1:hover td ul.clickMenu.subpanel.records li span,

.evenListRowS1:hover td ul.clickMenu.subpanel.records li span {

  opacity: 1; }

@media (max-width: 767px) {

  .panel-heading a div {

    width: 94.66%; } }

@media (min-width: 768px) {

  .panel-heading a div {

    width: 97.66%; } }

.clickMenu li span.subhover {

  cursor: pointer; }

.clickMenu li .subnav,

.clickMenu .subnav-sub,

.SugarActionMenuIESub {

  display: none;

  position: absolute;

  top: 20px;

  padding: 8px 0;

  margin: 0;

  border: 1px solid transparent;

  border-bottom-left-radius: 4px;

  border-bottom-right-radius: 4px;

  float: left;

  overflow: hidden;

  width: auto;

  z-index: 10;

  list-style: none; }

.clickMenu .subnav-sub,

.SugarActionMenuIESub {

  right: 0; }

.clickMenu li .subnav {

  right: auto;

  margin-top: 4px;

  min-width: 128px; }

.clickMenu li .subnav li, .clickMenu .subnav-sub li, .SugarActionMenuIESub li {

  padding: 0;

  margin: 0;

  clear: both;

  width: 100%;

  white-space: nowrap; }

.clickMenu.subpanel.records li .subnav li a span {

  background-image: none;

  width: 0;

  height: 0; }

.clickMenu.button li span.ab:hover {

  background-position: 50% 0; }

.clickMenu.button li > span a {

  padding: 0; }

.clickMenu.button span {

  padding-right: 5px; }

.clickMenu.button li .subnav {

  width: auto; }

.clickMenu li a.disabled {

  color: gray;

  cursor: default; }

/**** Admin ***/

.admin-panel h3 {

  font-size: 16px;

  font-weight: bold; }

.admin-panel .other {

  margin-top: 20px; }

.other {

  padding: 0;

  margin-top: 20px;

  margin-bottom: 20px;

  border: none;

  width: 100%; }

.other td {

  font-weight: normal;

  padding: 4px 10px 4px 6px;

  vertical-align: middle; }

.other td[scope=row] {

  padding: 4px 6px 4px 6px;

  white-space: nowrap; }

.other .edit td {

  background: transparent; }

.other .edit {

  margin-top: 0; }

.other td.edit div.wizard-unique-elem td {

  background: transparent; }

.other td.edit div.wizard-unique-elem .header-4 {

  padding-left: 0;

  margin-top: 0; }

.other.view td {

  line-height: 48px;

  height: 48px; }

.other.view img, .other.view svg {

  display: inline-block;

  font-weight: 700;

  margin: 5px 0 0 5px;

  float: left;

  width: 32px;

  height: 32px; }

.other.view a {

  display: inline-block;

  position: relative;

  font-weight: 700;

  margin: 0 0 0 10px; }

.other.view td:nth-of-type(1) {

  display: block;

  background-color: #FFFFFF;

  float: left;

  width: 100%;

  text-wrap: normal; }

.other.view td:nth-of-type(2) {

  display: block;

  background-color: #FFFFFF;

  padding-bottom: 10px;

  padding-left: 52px;

  float: right;

  line-height: 24px;

  width: 100%;

  height: auto; }

.other.view td:nth-of-type(2):after {

  clear: both; }

.other.view td:nth-of-type(3) {

  display: block;

  background-color: #F5F5F5;

  float: left;

  width: 100%; }

Comments

comments

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