SuiteCRM SuiteP Theme Readability Solutions

Facebooktwittergoogle_pluspinterestby feather

  .edit-view-pagination-mobile > table {

    display: inline-block;

    width: auto; }

  #EditView table.dcQuickEdit tr td.edit-view-pagination-desktop-container {

    visibility: collapse;

    display: none; }

  .edit-view-pagination-desktop {

    display: hidden;

    visibility: collapse; }

  .buttons .button {

    width: 45%;

    padding-left: 0;

    padding-right: 0;

    margin: 4px;

    font-size: 10px; }

  .edit tr {

    font-size: 1em;

    background: none; }

  .edit tr td[scope=”col”] {

    font-size: 1em;

    background: none; }

  .table > thead > tr > th {

    font-size: 1em;

    background: none; }

  .table > tbody > tr > th {

    font-size: 1em;

    background: none; }

  .table > tfoot > tr > th {

    font-size: 1em;

    background: none; }

  .table > thead > tr > td {

    font-size: 1em;

    background: none; }

  .table > tbody > tr > td {

    font-size: 1em;

    background: none; }

  .table > tfoot > tr > td {

    font-size: 1em;

    background: none; }

  .detail tr td {

    font-size: 1em;

    background: none; }

  .detail table

  table.detail {

    font-size: 1em;

    background: none; }

  .edit h4 {

    font-size: 1.2em;

    background: #eeeeee;

    padding: 8px 0 8px 0;

    margin: 10px 0 0 0;

    border: 1px solid #cccccc; }

  .edit tr td[scope=”col”] {

    font-weight: bold; }

  td textarea {

    width: 95%; }

  .edit tr {

    border-bottom: 1px solid #cccccc; }

  .edit tr:last-child {

    border: none; }

  .edit input[type=text] {

    font-size: 1em; }

  #pageContainer {

    margin: 0 0 0 0;

    width: 100%; }

  #suggestion_box table {

    border: none; }

  #suggestion_box table tbody tr {

    display: table-row;

    padding: 0;

    border: 1px solid #ccc; }

  #suggestion_box table tbody tr th {

    display: table-cell;

    width: auto; }

  #suggestion_box table tbody tr td {

    display: table-cell;

    width: auto; }

  #cal-edit {

    top: 10px;

    overflow: scroll;

    max-width: 300px;

    max-height: 400px; }

  #settings_dialog {

    top: 10px;

    overflow: scroll;

    max-width: 300px;

    max-height: 400px; }

  #settings_dialog form {

    top: 10px;

    overflow: scroll;

    max-width: 300px;

    max-height: 400px; }

  #container1 {

    top: 10px;

    overflow: scroll;

    max-width: 300px;

    max-height: 400px; } }

@media (max-width: 750px) {

  .footer_left {

    text-align: center;

    width: 100%; }

  .footer_right {

    text-align: center;

    width: 100%; } }

@media (min-width: 768px) and (max-width: 1000px) {

  a#advanced_search_link {

    width: auto;

    min-width: 200px; }

  /*buttons*/

  #search_form > div.basic > table > tbody > tr > td.submitButtons {

    display: table-cell;

    width: auto;

    min-width: 200px; }

  /*help*/ }

@media only screen and (max-width: 959px) {

  table.mceLayout {

    width: 100%; }

  textarea.tinyMCE {

    width: 100%; }

  .mceToolbar td {

    display: table-row;

    float: left; }

  .mceToolbar td:nth-of-type(11) {

    clear: left; }

  table.mceLayout {

    overflow: scroll;

    width: 90%; }

  textarea.richEditor {

    overflow: scroll;

    width: 90%; }

  .mceToolbar td {

    display: table-cell;

    float: none; }

  .mceToolbar td:nth-of-type(11) {

    clear: none; }

  .defaultSkin .mceToolbar {

    height: auto; } }

@media only screen and (min-device-width: 480px) and (max-device-width: 980px) {

  .detail table {

    display: block;

    background: none; }

  .detail thead {

    display: block;

    background: none; }

  .detail tbody {

    display: block;

    background: none; }

  .detail th {

    display: block;

    background: none; }

  .detail td {

    display: block;

    background: none; }

  .detail tr {

    display: block;

    background: none; }

  .detail tr {

    background: none;

    border: none; }

  .detail tr td[scope=”col”] {

    background: none;

    border: none; }

  .table > thead > tr > th {

    background: none;

    border: none; }

  .table > tbody > tr > th {

    background: none;

    border: none; }

  .table > tfoot > tr > th {

    background: none;

    border: none; }

  .table > thead > tr > td {

    background: none;

    border: none; }

  .table > tbody > tr > td {

    background: none;

    border: none; }

  .table > tfoot > tr > td {

    background: none;

    border: none; }

  .detail tr td {

    background: none;

    border: none; }

  .detail table {

    background: none;

    border: none; }

  table.detail {

    background: none;

    border: none; }

  .detail h4 {

    font-size: 1em;

    background: #eeeeee;

    padding: 8px;

    margin: 10px 0 0 0;

    border: 1px solid #cccccc; }

  .detail508 tr td[scope=”col”],

  .edit tr td[scope=”col”] {

    font-weight: bold;

    margin: 0;

    text-align: left;

    max-width: 10%; }

  .detail tr {

    border-bottom: 1px solid #cccccc; }

  .detail tr:last-child {

    border: none; }

  .detail td {

    display: inline-block;

    font-size: 1em;

    padding: 0;

    margin: 0 5px 0 25px;

    border: none;

    width: auto;

    min-width: 35%; }

  #DEFAULT td {

    display: inline-block;

    font-size: 1em;

    padding: 0;

    margin: 0 5px 0 25px;

    border: none;

    width: auto;

    min-width: 35%; } }

@media (min-width: 980px) {

  #dialog1_c {

    margin-top: 100px;

    margin-left: 40%; }

  #dlg {

    left: 40%; }

  #dlg_c {

    left: 50%; } }

@media (max-width: 1023px) {

  .quickcreate {

    padding: 5px 7px 5px 7px;

    margin: 0; } }

@media (min-width: 1024px) {

  form[name=”wizform”] div.wizard-unique-elem {

    width: 1000px; } }

@media (min-width: 1280px) {

  #cal-edit {

    margin: 0 0 0 200px; } }

@media (max-width: 1360px) {

  #dlg {

    top: 50px; }

  #dlg .bd {

    overflow-y: scroll;

    max-height: 500px; } }

@media (max-width: 1399px) {

  /* TipTip CSS – Version 1.2 */

  #tiptip_holder {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99999; }

  #tiptip_holder.tip_top {

    padding-bottom: 5px; }

  #tiptip_holder.tip_bottom {

    padding-top: 5px; }

  #tiptip_holder.tip_right {

    padding-left: 5px; }

  #tiptip_holder.tip_left {

    padding-right: 5px; }

  #tiptip_content {

    font-size: 11px;

    background-color: rgba(25, 25, 25, 0.92);

    background-color: #191919;

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));

    box-shadow: 0 0 3px #555;

    color: #fff;

    padding: 4px 8px;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 3px;

    text-shadow: 0 0 2px #000;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-box-shadow: 0 0 3px #555;

    -moz-box-shadow: 0 0 3px #555; }

  #tiptip_arrow {

    position: absolute;

    border-width: 6px;

    border-color: transparent;

    border-style: solid;

    width: 0;

    height: 0; }

  #tiptip_arrow_inner {

    position: absolute;

    border-width: 6px;

    border-color: transparent;

    border-style: solid;

    width: 0;

    height: 0; }

  #tiptip_holder.tip_top #tiptip_arrow {

    border-top-color: #fff;

    border-top-color: rgba(255, 255, 255, 0.35); }

  #tiptip_holder.tip_bottom #tiptip_arrow {

    border-bottom-color: #fff;

    border-bottom-color: rgba(255, 255, 255, 0.35); }

  #tiptip_holder.tip_right #tiptip_arrow {

    border-right-color: #fff;

    border-right-color: rgba(255, 255, 255, 0.35); }

  #tiptip_holder.tip_left #tiptip_arrow {

    border-left-color: #fff;

    border-left-color: rgba(255, 255, 255, 0.35); }

  #tiptip_holder.tip_top #tiptip_arrow_inner {

    margin-top: -7px;

    margin-left: -6px;

    border-top-color: #191919;

    border-top-color: rgba(25, 25, 25, 0.92); }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {

    margin-top: -5px;

    margin-left: -6px;

    border-bottom-color: #191919;

    border-bottom-color: rgba(25, 25, 25, 0.92); }

  #tiptip_holder.tip_right #tiptip_arrow_inner {

    margin-top: -6px;

    margin-left: -5px;

    border-right-color: #191919;

    border-right-color: rgba(25, 25, 25, 0.92); }

  #tiptip_holder.tip_left #tiptip_arrow_inner {

    margin-top: -6px;

    margin-left: -7px;

    border-left-color: #191919;

    border-left-color: rgba(25, 25, 25, 0.92); }

  /* Webkit Hacks  */ }

@media screen and (max-width: 1399px) and (-webkit-min-device-pixel-ratio: 0) {

  #tiptip_content {

    background-color: rgba(45, 45, 45, 0.88);

    padding: 4px 8px 5px 8px; }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {

    border-bottom-color: rgba(45, 45, 45, 0.88); }

  #tiptip_holder.tip_top #tiptip_arrow_inner {

    border-top-color: rgba(20, 20, 20, 0.92); } }

table tr#delegates_search {

  background: #FAFAFA; }

/* align quote lines */

@media (max-width: 1700px) {

  table#lineItems table tr td table tbody tr td span.hidden.alignedLabel {

    display: inline; } }

/* popup in studio */

.masked .yui-simple-dialog {

  z-index: 100000 !important; }

/* popup dialog on home page */

body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow#dlg_c {

  top: 100px;

  padding: 20px;

  width: 100%;

  z-index: 103100; }

body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id=”container_pbss_date_start_trigger_c”] {

  z-index: 103200; }

body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id=”container_pbss_date_end_trigger_c”] {

  z-index: 103200; }

body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id=”container_mypbss_date_start_trigger_c”] {

  z-index: 103200; }

body.yui-skin-sam.masked .yui-panel-container.yui-dialog.yui-simple-dialog.shadow[id=”container_mypbss_date_end_trigger_c”] {

  z-index: 103200; }

@media (max-width: 750px) {

  #EditView table.dcQuickEdit {

    display: block;

    float: left; }

  #EditView table.dcQuickEdit tr {

    display: block;

    float: left; }

  #EditView table.dcQuickEdit tr td {

    display: block;

    float: left; }

  #EditView table.dcQuickEdit tr td[align=”right”] table {

    display: block;

    float: left; }

  #EditView table.dcQuickEdit tr td[align=”right”] table tr {

    display: block;

    float: left; }

  #EditView table.dcQuickEdit tr td[align=”right”] table tr td.paginationWrapper {

    display: block;

    float: left; }

  #EditView table.dcQuickEdit tr td[align=”right”] table tr td.paginationWrapper span.pagination {

    float: right; } }

/* edit form */

div.content div.pagecontent form#EditView div.edit.view table tbody tr td {

  padding-top: 5px;

  padding-bottom: 5px; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span {

  display: block;

  float: none; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”text”] {

  width: 90%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name=”filter_domain”] {

  width: 90%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name=”email_num_autoreplies_24_hours”] {

  width: 90%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”text”][name=”mailbox”]#mailbox {

  width: 70%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”text”][name=”trashFolder”]#trashFolder {

  width: 70%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”text”][name=”sentFolder”]#sentFolder {

  width: 70%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”button”]#subscribeFolderButton.button {

  width: 18%;

  min-width: 71px; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”button”]#trashFolderButton.button {

  width: 18%;

  min-width: 71px; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”button”]#sentFolderButton.button {

  width: 18%;

  min-width: 71px; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input.button {

  color: white; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td select {

  border: 3px solid #A5E8D6; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name=”from_name”]#from_name {

  width: 80%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name=”from_addr”]#from_addr {

  width: 80%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name=”reply_to_name”] {

  width: 80%; }

div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name=”reply_to_addr”] {

  width: 80%; }

@media (max-width: 767px) {

  div.content div.pagecontent form#EditView div.edit.view table tbody tr {

    padding: 0;

    border: none; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td {

    height: 60px; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td[scope=”row”] {

    display: block;

    float: left;

    width: 28%; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span {

    display: block;

    float: left;

    line-height: 16px;

    width: 72%;

    white-space: initial; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[type=”text”] {

    width: 96%; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name=”filter_domain”] {

    width: 96%; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input[name=”email_num_autoreplies_24_hours”] {

    width: 96%; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name=”reply_to_name”] {

    width: 58%; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name=”reply_to_addr”] {

    width: 58%; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr th h4 {

    background-color: #FEFEFE;

    border: none; } }

@media (max-width: 600px) {

  div.content div.pagecontent form#EditView div.edit.view table {

    clear: both; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td {

    padding: 15px 0 5px 0;

    width: 100%;

    height: initial; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td[scope=”row”] {

    padding: 15px 0 5px 0;

    width: 100%;

    height: initial; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span {

    width: 100%; } }

@media (max-width: 380px) {

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span input {

    font-size: 14px;

    line-height: initial;

    height: 40px;

    min-height: 40px; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td span select {

    font-size: 14px;

    line-height: initial;

    height: 40px;

    min-height: 40px; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name=”reply_to_name”] {

    font-size: 14px;

    line-height: initial;

    height: 40px;

    min-height: 40px; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td input[name=”reply_to_addr”] {

    font-size: 14px;

    line-height: initial;

    height: 40px;

    min-height: 40px; }

  div.content div.pagecontent form#EditView table tbody tr td {

    display: block;

    float: left; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td {

    padding: 0 0 15px 0;

    width: 100%;

    height: initial; }

  div.content div.pagecontent form#EditView div.edit.view table tbody tr td[scope=”row”] {

    padding: 0 0 15px 0;

    width: 100%;

    height: initial; } }

/**** Tabs ***/

.content {

  /*Override bootstrap (needs to be stacked)*/ }

  .content .nav-tabs {

    margin: 14px 0 14px 0;

    border: hidden; }

  .content .dropdown-menu {

    padding: 4px 10px 4px 10px;

    overflow: visible;

    min-width: 200px; }

  .content .dropdown-menu > li {

    overflow: visible;

    width: 100%; }

  .content #tab-actions .dropdown-menu > li > input[type=button],

  .content .dropdown-menu > li > a {

    font-size: 16px;

    font-weight: normal;

    cursor: pointer;

    margin: 0;

    letter-spacing: normal;

    line-height: 28px; }

  .content .nav-tabs > li > a,

Comments

comments

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