SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

    content: none; }

  .dropdown-toggle:after {

    content: none; } }

@media (max-width: 1200px) {

  .desktop-bar {

    display: none;

    visibility: hidden; }

  .desktop-toolbar {

    display: none;

    visibility: hidden; }

  .usermenu {

    display: none; }

  .navbar-toggle {

    display: inline-block; }

  .mobile_menu {

    position: absolute;

    background: #5D5670;

    padding: 4px 10px 4px 10px;

    margin: 0;

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

    float: left;

    overflow-x: hidden;

    overflow-y: scroll;

    width: 256px; }

  .mobile_menu li {

    list-style: none; }

  .mobile_menu a {

    display: block;

    font-size: 16px;

    color: #FFFFFF;

    padding: 12px 15px; }

  .mobile_menu a:hover {

    color: #ff0000;

    transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out; }

  .navbar-inverse .nav.globalLinks-mobile {

    display: inline-block; }

  .quickcreatetop {

    display: inline-block; }

  .desktop_notifications {

    display: inline-block; }

  .mobile-bar {

    margin-top: 0;

    height: 48px;

    line-height: 48px; }

  .mobile-bar li {

    line-height: normal;

    display: inline-block; }

  .mobile-bar .globalLinks-mobile .dropdown-menu li {

    display: block; }

  .mobile-bar .quickcreatetop .dropdown-menu li {

    display: block; }

  .mobile-bar .searchbutton.btn-default:hover {

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

    background-position: 0 0;

    border: none;

    background-color: #A2B2BF; }

  .tablet-bar .input-group-btn > .btn {

    margin-left: 0; }

  .navbar-inverse .nav > .topnav {

    padding: 0 0 0 0; } }

@media (min-width: 1201px) {

  .navbar-fixed-top > .container-fluid {

    padding-left: 0;

    padding-right: 0; }

  .mobileheader {

    display: none;

    visibility: hidden; }

  .desktop-toolbar {

    width: 70%; }

  .desktop-bar {

    display: inline-block;

    visibility: visible;

    text-align: right;

    width: 28%; }

  .desktop-toolbar .navbar-brand-container {

    margin-left: 30px; }

  .desktop-bar > .toolbar {

    display: inline-block; }

  .desktop-bar > .toolbar > li {

    display: inline-block; }

  .desktop-bar > .toolbar > li > .btn {

    margin: 0;

    height: 48px;

    width: 48px;

    padding: 0; }

  .globalLinks-mobile .dropdown-toggle {

    background-color: transparent;

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

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-left: 0;

    border: none;

    width: 42px;

    height: 42px; }

  .tablet-bar {

    display: none;

    visibility: collapse; }

  .navbar-form {

    display: inline-block; }

  .navbar-header {

    display: none;

    visibility: collapse;

    float: none; }

  .desktop-toolbar {

    display: inline-block; }

  .desktop-toolbar {

    display: inline-block; }

  .usermenucollapsed.btn-default {

    display: inline-block;

    margin: 0 0 0 5px; }

  /* overridding bootstrap needs to be stacked */

  .globalLinks-desktop .btn-default.active.focus,

  .globalLinks-desktop .btn-default.active:focus,

  .globalLinks-desktop .btn-default.active:hover,

  .globalLinks-desktop .btn-default:active.focus,

  .globalLinks-desktop .btn-default:active:focus,

  .globalLinks-desktop .btn-default:active:hover,

  .globalLinks-desktop.open > .dropdown-toggle.btn-default.focus,

  .globalLinks-desktop.open > .dropdown-toggle.btn-default:focus,

  .globalLinks-desktop.open > .dropdown-toggle.btn-default:hover {

    color: #F5F5F5;

    background-color: transparent;

    border-color: transparent;

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

.topnav #overflow-menu > li.with-actions .dropdown-menu {

  display: none;

  visibility: collapse; }

.topnav #overflow-menu > li.with-actions > span > a {

  padding: 12px 15px;

  display: block;

  border-bottom: none; }

.topnav #overflow-menu > li.with-actions {

  border-bottom: 1px solid #757083; }

.topnav #overflow-menu > li.with-actions .notCurrentTabLeft {

  display: none;

  visibility: collapse; }

@media (min-width: 1250px) {

  .desktop-bar {

    display: inline-block;

    visibility: visible;

    text-align: right; } }

@media (max-width: 1399px) {

  .navbar-inverse .nav > .topnav {

    padding: 0 0 0 0; } }

@media (max-width: 1399px) {

  .usermenu {

    display: none; }

  .searchform {

    display: none; }

  .globalLinks-mobile {

    padding: 0;

    border: none; }

  .navbar-form .form-control {

    margin: 8px 0 0 0; }

  .usermenucollapsed.btn-default {

    display: inline; }

  .usermenucollapsed.btn-default-mobile {

    display: inline; }

  .searchbutton {

    display: inline; }

  .navbar-search .dropdown-menu {

    background-color: transparent;

    /*top: 14px;*/

    /*right: 6px;*/ }

  .navbar-search .query_string {

    font-size: 16px;

    background-color: #0a0a0c;

    color: #A2A5AF;

    border: none;

    border-radius: 3px;

    letter-spacing: 1px;

    height: auto; } }

@media (max-width: 1560px) {

  .modulename {

    font-size: 16px;

    margin: 0 auto 0 15px;

    letter-spacing: 2px;

    text-align: left;

    text-transform: uppercase;

    visibility: visible; }

  .navbar-fixed-top {

    height: 90px;

    max-height: 90px; }

  .searchform {

    display: none; }

  .navbar-form .form-control {

    margin: 8px 0 0 0; }

  .searchbutton {

    display: inline; }

  .desktop_notifications .dropdown-menu {

    left: -140px; }

  .topnav .dropdown-menu {

    left: 0; }

  .navbar-search .dropdown-menu button:active {

    display: block;

    background-color: transparent;

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

    background-position: 13px 10px;

    background-repeat: no-repeat;

    color: #FFFFFF;

    padding: 12px 12px 12px 12px;

    margin-left: -50px;

    border: none;

    float: left;

    overflow: hidden;

    width: 50px;

    text-indent: -9999px; }

  .searchformdropdown .btn {

    background-color: #0A0A0C; }

  .searchformdropdown .btn:hover {

    background-color: #829EB5; }

  .searchformdropdown button:focus {

    display: block;

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

    background-position: 13px 10px;

    background-repeat: no-repeat;

    color: #FFFFFF;

    padding: 12px 12px 12px 12px;

    margin-left: -50px;

    border: none;

    float: left;

    overflow: hidden;

    width: 50px;

    text-indent: -9999px; }

  .searchformdropdown button {

    margin: 0;

    display: block;

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

    background-position: 5px 10px;

    background-repeat: no-repeat;

    color: #FFFFFF;

    padding: 0;

    margin-left: -50px;

    border: none;

    float: left;

    overflow: hidden;

    height: 40px;

    width: 40px;

    text-indent: -9999px; }

  .searchformdropdown .btn-group button:hover {

    padding: 0; }

  .navbar-search > .dropdown-menu {

    background-color: transparent;

    width: 200px; }

  .navbar-search .query_string {

    font-size: 16px;

    background-color: #65697A;

    color: #A2A5AF;

    padding: 0 4px 0 4px;

    border: none;

    border-radius: 3px;

    letter-spacing: 1px;

    width: 200px;

    height: auto; }

  .globalLinks-desktop .dropdown-toggle {

    background-color: transparent;

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

    background-position: 0 0;

    background-repeat: no-repeat;

    margin-left: 0;

    border: none;

    width: 48px;

    height: 48px; } }

@media (min-width: 1561px) {

  .desktop-toolbar {

    width: 60%; }

  .desktop-bar {

    width: 39%; }

  .navbar-form.searchform .input-group-btn {

    background: #65697A;

    border-top-right-radius: 2px;

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

  .navbar-form.searchform .input-group-btn .btn {

    padding: 0 10px;

    height: 36px; }

  .navbar-form.searchform .input-group-btn .btn:hover {

    border: none;

    border-width: 0; } }

@media (max-width: 1600px) {

  .globalLinks-desktop .with-label {

    display: none;

    visibility: collapse; } }

@media (min-width: 1600px) {

  .globalLinks-desktop .with-label {

    display: inline-block;

    visibility: visible;

    background-color: #534D64;

    border: none;

    color: #FFFFFF;

    padding-left: 0; }

  .usermenucollapsed .caret {

    display: inline-block;

    visibility: visible;

    color: #FFFFFF; } }

/* dropdown vertical size fixes */

/* mobile small */

.modulelinks > ul {

  height: 200px;

  max-height: 200px; }

.mobileheader ul {

  height: 200px;

  max-height: 200px; }

.mobile_menu {

  height: 200px;

  max-height: 200px; }

.mobile_menu .create-module-record {

  display: inline-block; }

.navbar-fixed-top .navbar-header .dropdown-menu {

  height: 200px;

  max-height: 200px; }

.navbar-fixed-top .with-actions > .dropdown-menu {

  height: 200px;

  max-height: 200px; }

.navbar-fixed-top .moremenu ul {

  height: 200px;

  max-height: 200px; }

.navbar-fixed-top .dropdown-menu {

  height: 200px;

  max-height: 200px; }

.navbar-fixed-top .dropdown-menu.has-alerts {

  width: auto; }

.navbar-fixed-top .navbar-fixed-bottom .navbar-collapse {

  height: 200px;

  max-height: 200px; }

.navbar-fixed-top .navbar-collapse {

  height: 200px;

  max-height: 200px; }

.navbar-fixed-bottom .navbar-collapse {

  overflow-y: scroll;

  height: 200px;

  max-height: 200px; }

.navbar-fixed-top .navbar-collapse {

  overflow-y: scroll;

  height: 200px;

  max-height: 200px; }

/*mobile medium*/

@media (min-height: 380px) {

  .navbar-fixed-top .navbar-header .dropdown-menu {

    height: auto;

    max-height: 200px; }

  .navbar-fixed-top .topnav .dropdown-menu {

    height: auto;

    max-height: 200px; }

  .navbar-fixed-top .with-actions > .dropdown-menu {

    height: auto;

    max-height: 200px; }

  .navbar-fixed-top .moremenu ul {

    height: auto;

    max-height: 200px; }

  .navbar-fixed-top .dropdown-menu {

    height: auto;

    max-height: 200px; }

  .navbar-fixed-top .modulelinks > ul {

    height: 280px;

    max-height: 280px; }

  .navbar-fixed-top .mobileheader ul {

    height: 280px;

    max-height: 280px; }

  .navbar-fixed-top .mobile_menu {

    height: 280px;

    max-height: 280px; }

  .navbar-fixed-bottom .navbar-collapse {

    height: 280px;

    max-height: 280px; }

  .navbar-fixed-top .navbar-collapse {

    height: 280px;

    max-height: 280px; } }

/* mobile large*/

@media (min-height: 480px) {

  .navbar-fixed-top .navbar-header .dropdown-menu {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .topnav .dropdown-menu {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .with-actions > .dropdown-menu {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .moremenu ul {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .dropdown-menu {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .modulelinks > ul {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .mobileheader ul {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-top .mobile_menu {

    height: auto;

    max-height: 380px; }

  .navbar-fixed-bottom .navbar-collapse {

    height: 380px;

    max-height: 380px; }

  .navbar-fixed-top .navbar-collapse {

    height: 380px;

    max-height: 380px; } }

@media (min-width: 768px) and (min-height: 381px) {

  .mobile-bar .globalLinks-mobile {

    height: 90px; } }

@media (min-width: 768px) and (min-height: 381px) {

  .mobile-bar .globalLinks-mobile {

    height: 90px; } }

/* 720p / ipad */

@media (min-height: 700px) {

  .navbar-fixed-top .navbar-header .dropdown-menu {

    height: auto;

    max-height: 620px; }

  .navbar-fixed-top .topnav .dropdown-menu {

    height: auto;

    max-height: 620px; }

  .navbar-fixed-top .with-actions > .dropdown-menu {

    height: auto;

    max-height: 620px; }

  .navbar-fixed-top .moremenu ul {

    height: auto;

    max-height: 620px; }

  .navbar-fixed-top .dropdown-menu {

    height: auto;

    max-height: 620px; }

  .navbar-fixed-top .modulelinks > ul {

    max-height: 620px; }

  .navbar-fixed-top .mobileheader ul {

    max-height: 620px; }

  .navbar-fixed-top .mobile_menu {

    max-height: 620px; }

  .navbar-fixed-bottom .navbar-collapse {

    height: 620px;

    max-height: 620px; }

  .navbar-fixed-top .navbar-collapse {

    height: 620px;

    max-height: 620px; } }

/* 720p-1080p*/

@media (min-height: 820px) {

  .navbar-fixed-top .navbar-header .dropdown-menu {

    overflow-y: auto;

    height: auto;

    max-height: 700px; }

  .navbar-fixed-top .topnav .dropdown-menu {

    overflow-y: auto;

    height: auto;

    max-height: 700px; }

  .navbar-fixed-top .with-actions > .dropdown-menu {

    overflow-y: auto;

    height: auto;

    max-height: 700px; }

  .navbar-fixed-top .moremenu ul {

    overflow-y: auto;

    height: auto;

    max-height: 700px; }

  .navbar-fixed-top .dropdown-menu {

    overflow-y: auto;

    height: auto;

    max-height: 700px; }

  .navbar-fixed-bottom .navbar-collapse {

    overflow-y: auto;

    height: 620px;

    max-height: 620px; }

  .navbar-fixed-top .navbar-collapse {

    overflow-y: auto;

    height: 620px;

    max-height: 620px; } }

/* 1080p*/

@media (min-height: 920px) {

  .navbar-header .dropdown-menu {

    height: auto;

    max-height: 820px; }

  .topnav .dropdown-menu {

    height: auto;

    max-height: 820px; }

  .with-actions > .dropdown-menu {

    height: auto;

    max-height: 820px; }

  .moremenu ul {

    height: auto;

    max-height: 820px; }

  .dropdown-menu {

    height: auto;

    max-height: 820px; } }

/* 2K and above */

@media (min-height: 1080px) {

  .navbar-header .dropdown-menu {

    height: auto;

    max-height: inherit; }

  .topnav .dropdown-menu {

    height: auto;

    max-height: inherit; }

  .with-actions > .dropdown-menu {

    height: auto;

    max-height: inherit; }

  .moremenu ul {

    height: auto;

    max-height: inherit; }

  .dropdown-menu {

    height: auto;

    max-height: inherit; } }

/**** LOGIN **/

.login {

  padding: 10px 6px 12px 10px; }

.login .login_more {

  text-align: right; }

div.p_login {

  background-color: #F5F5F5;

  height: 100%; }

div.p_login .p_login_top {

  background-color: #534D64;

  padding: 20px 2% 20px 2%;

  float: left;

  width: 100%; }

div.p_login .p_login_top a {

  display: block;

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

  background-position: 0 0;

  background-repeat: no-repeat;

  overflow: hidden;

  width: 170px;

  height: 40px;

  text-indent: -9999px; }

div.p_login .p_login_middle {

  background-color: #F5F5F5;

  float: left;

  width: 100%; }

div.p_login .p_login_bottom {

  bottom: 0;

  left: 0;

  background-color: #ddd;

  padding: 20px 2% 20px 2%;

  float: left;

  width: 100%; }

.login-language-chooser {

  margin-bottom: 10px; }

@media (min-height: 400px) {

  div.p_login .p_login_bottom {

    position: absolute; } }

div.p_login .p_login_bottom a#powered_by {

  margin-left: 20px; }

div.p_login #loginform {

  padding: 15px;

  margin: 8% auto 0 auto;

  text-align: center;

  max-width: 400px; }

div.p_login #loginform .input-group {

  font-size: 19px;

  color: #C4C3C7;

  width: 100%;

  border-radius: 2px; }

div.p_login #loginform .input-group input {

  background-color: #FFFFFF;

  color: #C4C3C7;

  padding: 0 2% 0 60px;

  border: none;

  border-radius: 3px;

  line-height: 50px;

  height: 50px; }

div.p_login #loginform .input-group input#fp_user_name,

div.p_login #loginform .input-group input#user_name,

#user_name:-webkit-autofill,

div.p_login #loginform .input-group input#user_password {

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

  background-repeat: no-repeat; }

div.p_login #loginform .input-group input#fp_user_name,

div.p_login #loginform .input-group input#user_name {

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

  background-position: 12px 9px;

  background-repeat: no-repeat; }

div.p_login #loginform .input-group input#user_password {

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

  background-position: 12px -51px;

  background-repeat: no-repeat; }

div.p_login #loginform .input-group input#fp_user_mail {

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

  background-position: 14px;

  background-repeat: no-repeat;

  background-size: 32px 32px; }

div.p_login #loginform .glyphicon {

  top: 0; }

div.p_login #loginform span.error {

  display: block;

  background-color: transparent;

  color: #ff0000;

  padding: 0;

  margin-top: 20px;

  margin-bottom: 0;

  line-height: 140%; }

div.p_login #loginform #bigbutton {

  font-size: 20px;

  padding: 0;

  border-radius: 3px;

  letter-spacing: 3px;

  line-height: 50px;

  height: 50px; }

div.p_login #loginform #bigbutton:hover {

  background-color: #D66C60; }

#forgotpasslink {

  margin: 10px 0 0 0;

  padding: 10px;

  clear: both; }

Comments

comments

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