by 
Those that upgrade or simply download and install SuiteCRM Version 7.9.7 are in for a shocking surprise. It's hard as heck to use. At least for people who don't have hawk-eye vision and/or don't want to struggle trying to see different shades of gray, or light colored red on a gray background. SuiteCRM is for the most part a great product and base to build a CRM with, albeit with the latest theme, it feels as if the adults left just long enough to allow the kids to run wild for just a little too long.
I downloaded the SuitePImproved theme which helps a lot with all the wasted space, albeit it wasn't enough to make it totally usable. I then went into the style CSS (which is updated/created by the SCSS files I believe) and manually edited a "bunch" of font sizes and colors. I didn't spend a week on this, and there's a lot to be desired, albeit if someone wants a quick fix to keep the ship steaming, or if I need the file again because the style.css file was recreated by the system, I have it here.
Be sure to copy and retain your first unedited file in case the belong does "something wrong" to your system. That should go unsaid because if you're edited files and not backing up first, you really have no business under the hood in the first place, albeit I feel compelled to say so and to be sure, I will bear zero, nada, none responsibility if you use or even look at the below code.
I still want to make edits and improvements, so if you're also facing the same problem and want to share the work to make it better together, please reach out to me.
The file is located in themes/SuitePImproved/css/style.css
/**Style**/
/*** MAIN ***/
html {
height: 100%; }
body {
font-family: "Lato", Lato, Arial, sans-serif;
font-size: 16px;
background: #FFFFFF;
color: #000000;
margin: 0;
overflow: auto;
height: 100%; }
img, svg {
image-rendering: auto; }
h3 {
font-size: 16px;
font-weight: bold; }
a {
color: #B40101; }
a:hover {
color: #ff0000; }
h4 {
padding-left: 4px;
margin-bottom: 2px; }
h5 {
padding-left: 4px;
margin-bottom: 2px; }
hr {
background-color: #FFFFFF;
color: #F8F5F5;
border: 0;
border-top: 1px solid #f6f2f2;
clear: both;
height: 1px; }
a:link {
text-decoration: underline; }
a:visited {
text-decoration: underline; }
a:hover {
text-decoration: underline; }
.studiolink svg, .studiolink img {
width: 30px;
height: auto; }
#ajaxHeader {
float: left; }
.bootstrap-container.col-sm-offset-3 {
background-color: #FFFFFF;
margin-top: 110px; }
.bootstrap-container {
background-color: #FFFFFF;
margin-top: 110px; }
.bootstrap-container .dropdown-menu em {
padding: 0 10px 0 10px; }
.bootstrap-container .dropdown-menu em a {
color: #ff0000; }
/* ??? */
.mask {
z-index: 3 !important; }
#ajaxloading_c {
z-index: 11 !important; }
::selection {
background: #ff0000;
color: #FFFFFF; }
/* Safari */
::-moz-selection {
background: #ff0000;
color: #FFFFFF; }
/* Firefox */
@media (max-width: 750px) {
.bootstrap-container.col-sm-offset-3 {
margin-top: 110px; }
.bootstrap-container {
margin-top: 110px; } }
@media (max-width: 1130px) {
.bootstrap-container.col-md-offset-2 {
margin-left: 0; }
.col-md-10, .bootstrap-container {
width: 100%; } }
.content {
margin: 0 0 0 0; }
@media (max-width: 750px) {
.content {
margin: 0 0 0 0;
width: 100%; } }
/**** SIDEBAR ****/
.sidebar {
display: block;
position: fixed;
top: 90px;
bottom: 0;
left: 0;
background-color: #272829;
overflow-x: hidden;
overflow-y: auto;
z-index: 1000; }
.sidebar .actionMenuSidebar {
margin-bottom: 24px; }
.sidebar .actionMenuSidebar_top {
display: none; }
.sidebar .actionMenuSidebar .recent_h3 {
display: none; }
.sidebar .actionMenuSidebar ul {
list-style-type: none; }
.sidebar .actionMenuSidebar li a .side-bar-Create, .sidebar .actionMenuSidebar li a .side-bar-Add {
background-image: url("../../../../themes/SuiteP/images/sidebar/Add.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Add.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Create_Contact_Vcard, .sidebar .actionMenuSidebar li a .side-bar-Create_Lead_Vcard {
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Contact_Vcard.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Contact_Vcard.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Create_Group_User {
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Group_User.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Group_User.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Create_Person_Form {
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Person_Form.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Person_Form.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Create_Security_Group {
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Security_Group.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Create_Security_Group.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Import {
background-image: url("../../../../themes/SuiteP/images/sidebar/Import.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Import.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Import_Line_Item {
background-image: url("../../../../themes/SuiteP/images/sidebar/Import_Line_Item.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Import_Line_Item.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-List_Maps {
background-image: url("../../../../themes/SuiteP/images/sidebar/List_Maps.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/List_Maps.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Quick_Radius_Map {
background-image: url("../../../../themes/SuiteP/images/sidebar/Quick_Radius_Map.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Quick_Radius_Map.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Resource_Chart {
background-image: url("../../../../themes/SuiteP/images/sidebar/Resource_Chart.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Resource_Chart.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Role_Management {
background-image: url("../../../../themes/SuiteP/images/sidebar/Role_Management.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Role_Management.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Schedule_Call {
background-image: url("../../../../themes/SuiteP/images/sidebar/Schedule_Call.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Schedule_Call.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Schedule_Meeting {
background-image: url("../../../../themes/SuiteP/images/sidebar/Schedule_Meeting.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Schedule_Meeting.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Security_Groups {
background-image: url("../../../../themes/SuiteP/images/sidebar/Security_Groups.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Security_Groups.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Security_Suite_Settings {
background-image: url("../../../../themes/SuiteP/images/sidebar/Security_Suite_Settings.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Security_Suite_Settings.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Setup_Email {
background-image: url("../../../../themes/SuiteP/images/sidebar/Setup_Email.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Setup_Email.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-Today {
background-image: url("../../../../themes/SuiteP/images/sidebar/Today.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/Today.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-View_Project_Tasks {
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Project_Tasks.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Project_Tasks.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-View_Create_Email_Templates {
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Create_Email_Templates.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Create_Email_Templates.svg"); }
.sidebar .actionMenuSidebar li a.side-bar-View, .sidebar .actionMenuSidebar li a .side-bar-List {
background-image: url("../../../../themes/SuiteP/images/sidebar/View.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-View_Diagnostics {
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Diagnostics.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Diagnostics.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-View_Email_Templates {
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Email_Templates.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Email_Templates.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-View_Process_Audit {
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Process_Audit.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Process_Audit.svg"); }
.sidebar .actionMenuSidebar li a .side-bar-View_Process_Tasks {
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Process_Tasks.png");
background-image: url("../../../../themes/SuiteP/images/sidebar/View_Process_Tasks.svg"); }
.sidebar .actionMenuSidebar li a {
display: block;
font-size: 16px;
background-color: #276EA8;
color: #FFFFFF;
margin: 0 0 1px 0;
clear: both; }
.sidebar .actionMenuSidebar ul li a:hover {
background-color: #3C3E3F;
color: #FFFFFF; }
.sidebar .actionMenuSidebar li a div {
display: block;
text-wrap: normal; }
.sidebar .actionMenuSidebar li a .actionmenulink {
padding: 16px 8px 16px 0;
line-height: 24px;
width: 100%;
min-height: 48px; }
.sidebar .recentlyViewedSidebar {
margin-bottom: 12px;
float: left;
width: 100%; }
.sidebar .recently_viewed_link_container_sidebar {
font-size: 16px; }
.sidebar .side-bar-action-icon {
background-position: 0 8px;
background-repeat: no-repeat;
background-size: 32px;
margin-left: 12px;
float: left;
width: 40px;
/* effects link text position */
height: 48px;
vertical-align: middle; }
.sidebar .favoritelinks {
width: 100%; }
.sidebar .recentlinks {
width: 100%; }
.sidebar .favoritelinks img {
margin-right: 5px; }
.sidebar .recentlinks img {
margin-right: 5px; }
.button-toggle-collapsed {
left: 0; }
.button-toggle-collapsed {
position: fixed;
top: 100px;
background: #3A3C3D;
background-image: none, url("../../../../themes/SuiteP/images/p_show_sidebar.svg"), url("../../../../themes/SuiteP/images/p_show_sidebar.png");
background-position: center center;
background-repeat: no-repeat;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
width: 30px;
height: 30px;
z-index: 1000; }
.button-toggle-expanded {
position: fixed;
top: 100px;
background: #778591;
background-image: none, url("../../../../themes/SuiteP/images/p_hide_sidebar.svg"), url("../../../../themes/SuiteP/images/p_hide_sidebar.png");
background-position: center center;
background-repeat: no-repeat;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
width: 30px;
height: 30px;
z-index: 1000; }
/* Breakpoints */
@media (max-width: 1200px) {
.sidebar {
width: 0;
visibility: collapse; }
.button-toggle-expanded {
width: 0;
visibility: collapse; }
.button-toggle-collapsed {
width: 0;
visibility: collapse; }
.bootstrap-container.col-md-offset-2 {
margin-left: 0; }
.col-md-10 {
width: 100%; }
footer.expandedSidebar {
width: 100%; }
footer.collapsedSidebar {
width: 100%; }
#userlinks_head {
display: none; } }
.button-toggle-collapsed {
left: 0; }
.favoritesSidebar {
float: left;
width: 100%; }
.favoritesSidebar .new {
width: 0;
height: 0;
visibility: collapse; }
.favoritesSidebar .new * {
width: 0;
height: 0;
visibility: collapse; }
.recentlyViewedSidebar li a {
color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px; }
.favoritesSidebar li a {
color: #FFFFFF;
padding-top: 12px;
padding-bottom: 12px; }
.recentlyViewedSidebar .recent-links-detail {
display: inline-block;
width: 85%; }
.favoritesSidebar .favorite-links-detail {
display: inline-block;
width: 85%; }
.recentlyViewedSidebar .recent-links-edit {
display: inline-block;
width: 20px;
height: 20px; }
.favoritesSidebar .favorite-links-edit {
display: inline-block;
width: 20px;
height: 20px; }
.recentlyViewedSidebar li:hover {
background-color: #383B3E; }
.favoritesSidebar li:hover {
background-color: #2A3239; }
.recentlyViewedSidebar .recent_h3 {
font-size: 19px;
font-weight: bold;
color: #FFFFFF;
margin: 0 0 5px 0; }
.favoritesSidebar .recent_h3 {
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
margin: 0 0 5px 0; }
footer * {
box-sizing: content-box; }
footer {
box-sizing: content-box;
bottom: 0;
background-color: #ddd;
margin: 0 0 0 0;
border: 1px solid transparent;
border-radius: 4px;
clear: both;
line-height: 48px;
width: 100%; }
footer.expandedSidebar {
float: right; }
footer.collapsedSidebar {
float: right; }
.footer_left {
float: left;
width: 48%; }
/*SIDEBAR BREAK POINTS*/
@media (min-width: 1200px) {
.sidebar {
width: 20%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 20%; }
.button-toggle-expanded {
left: 20%; }
.col-md-10 {
width: 80%; }
footer.expandedSidebar {
width: 80%; }
footer.collapsedSidebar {
width: 100%; }
.recentlyViewedSidebar .recent-links-detail {
padding: 8px 1% 8px 15%; }
.favoritesSidebar .favorite-links-detail {
padding: 8px 1% 8px 15%; }
.recentlyViewedSidebar .recent_h3 {
padding: 0 1% 0 15%; }
.favoritesSidebar .recent_h3 {
padding: 0 1% 0 15%; } }
@media (min-width: 1230px) {
.sidebar {
width: 18%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 18%; }
.button-toggle-expanded {
left: 18%; }
.col-md-10 {
width: 82%; }
footer.expandedSidebar {
width: 82%; } }
@media (min-width: 1300px) {
.sidebar {
width: 17%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 17%; }
.button-toggle-expanded {
left: 17%; }
.col-md-10 {
width: 83%; }
footer.expandedSidebar {
width: 83%; } }
@media (min-width: 1400px) {
.sidebar {
width: 15.8%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 15.8%; }
.button-toggle-expanded {
left: 15.8%; }
.col-md-10 {
width: 84.2%; }
footer.expandedSidebar {
width: 84.2%; } }
@media (min-width: 1500px) {
.sidebar {
width: 14.8%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 14.8%; }
.button-toggle-expanded {
left: 14.8%; }
.col-md-10 {
width: 85.2%; }
footer.expandedSidebar {
width: 85.2%; } }
@media (min-width: 1600px) {
#search {
visibility: collapse; }
.sidebar {
width: 13.8%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 13.8%; }
.button-toggle-expanded {
left: 13.8%; }
.col-md-10 {
width: 86.2%; }
footer.expandedSidebar {
width: 86.2%; } }
@media (min-width: 1800px) {
.sidebar {
width: 12.8%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 12.8%; }
.button-toggle-expanded {
left: 12.8%; }
.col-md-10 {
width: 87.2%; }
footer.expandedSidebar {
width: 87.2%; } }
@media (min-width: 1900px) {
.sidebar {
width: 11.8%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 11.8%; }
.button-toggle-expanded {
left: 11.8%; }
.col-md-10 {
width: 88.2%; }
footer.expandedSidebar {
width: 88.2%; } }
@media (min-width: 2100px) {
.sidebar {
width: 10.8%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 10.8%; }
.button-toggle-expanded {
left: 10.8%; }
.col-md-10 {
width: 89.2%; }
footer.expandedSidebar {
width: 89.2%; } }
@media (min-width: 2300px) {
.sidebar {
width: 10%; }
.bootstrap-container.col-md-offset-2 {
margin-left: 10%; }
.button-toggle-expanded {
left: 10%; }
.col-md-10 {
width: 90%; }
footer.expandedSidebar {
width: 90%; } }
@media print {
.navbar-inverse {
display: none; }
.sidebar {
display: none; } }
/**** NAVBAR ****/
.navbar-inverse {
background: #393444;
/* fix default buttons */ }
.navbar-inverse .with-home-icon {
display: inline-block;
background-image: url("../../../../themes/SuiteP/images/p_icon_home.png");
background-position: 14px 30px;
background-repeat: no-repeat;
color: #FFFFFF;
padding: 0;
overflow: hidden;
width: 48px;
line-height: 90px;
text-indent: -9999px;
content: ''; }
.navbar-inverse a:hover.with-home-icon {
background-image: url("../../../../themes/SuiteP/images/p_icon_home_hover.png"); }
.navbar-inverse .dropdown-menu > li > a {
line-height: normal; }
.navbar-inverse .dropdown-menu {
font-size: 10px;
background: #433D50;
padding: 4px 10px 4px 10px;
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
overflow-y: auto;
min-width: 185px; }
.navbar-inverse .dropdown-menu li {
padding: 0;
margin: 0; }
.navbar-inverse .dropdown-menu li a {
display: block;
font-size: 15px;
background-color: #3C3846;
color: #FFFFFF;
padding: 12px 15px 12px 15px;
margin: 0;
border-bottom: 1px solid #757083;
letter-spacing: 0;
text-decoration: none;
text-transform: none; }
.navbar-inverse .dropdown-menu li a:hover {
background: #221F29;
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 .dropdown-menu .action-links-title a:hover {
color: #F5F5F5; }
.navbar-inverse .dropdown-menu .recentlinks {
width: 100%; }
.navbar-inverse .dropdown-menu .recentlinks img {
margin-right: 5px; }
.navbar-inverse .dropdown-menu .recentlinks a:hover {
color: #F5F5F5; }
.navbar-inverse .dropdown-menu .favoritelinks {
width: 100%; }
.navbar-inverse .dropdown-menu .favoritelinks img {
margin-right: 5px; }
.navbar-inverse .dropdown-menu .favoritelinks a:hover {
color: #F5F5F5; }
.navbar-inverse .nav {
display: inline-block; }
.navbar-inverse .nav > .topnav {
margin: 0;
font-size: 16px;
height: 90px;
letter-spacing: 2px;
line-height: 90px;
padding: 0 7px 0 7px;
text-transform: uppercase; }
.navbar-inverse .nav > .topnav > span.notCurrentTab > a {
display: inline-block;
border-top: 3px solid transparent; }
.navbar-inverse .nav > .topnav > span.notCurrentTab > a:hover {
background-color: #2F2D36;
border-top: 3px solid #ff0000; }
.navbar-inverse .nav > .topnav > span.currentTab > a {
display: inline-block;
border-top: 3px solid #ff0000; }
.navbar-inverse .nav > .topnav .currentTab a {
color: #ff0000; }
.navbar-inverse .nav > .topnav .currentTab a,
.navbar-inverse .nav > .topnav .dropdown-toggle {
font-size: 16px; }
.navbar-inverse .nav > .topnav.with-actions {
margin: 0;
font-size: 15px;
height: 90px;
letter-spacing: 2px;
line-height: 90px;
padding: 0 0 0 0;
text-transform: uppercase;
clear: both; }
.navbar-inverse .nav > .topnav.with-actions > span.notCurrentTab > a {
display: inline-block;
border-top: 3px solid transparent;
padding-top: 0;
padding-bottom: 0;
height: 90px; }
.navbar-inverse .nav > .topnav.with-actions > span.notCurrentTab > a:hover {
background-color: #2E2B36;
border-top: 3px solid #ff0000; }
.navbar-inverse .nav > .topnav.with-actions > span.currentTab > a {
display: inline-block;
border-top: 3px solid #ff0000;
padding-top: 0;
padding-bottom: 0;
height: 90px; }
.navbar-inverse .nav > .topnav.with-actions .currentTab a,
.navbar-inverse .nav > .topnav.with-actions .dropdown-toggle {
font-size: 15px; }
.navbar-inverse .navbar-right .dropdown-menu {
border-top-left-radius: 3px; }
.navbar-inverse .btn-default {
background-color: transparent;
border-color: transparent; }
.navbar-inverse .btn-default:hover {
background-color: transparent;
border-color: transparent; }
.navbar-inverse .btn-default:active {
background-color: transparent;
border-color: transparent; }
.navbar-inverse .btn-default:focus {
background-color: transparent;
border-color: transparent; }
.navbar-inverse .headerlinks a:link {
color: #FFFFFF;
padding: 0;
width: 100%; }
.navbar-inverse .headerlinks a:visited {
color: #FFFFFF;
padding: 0;
width: 100%; }
.navbar-nav > li {
float: none;
display: inline-block; }
.navbar {
max-height: 90px;
min-height: 90px; }
.recent_h3 {
color: #FFFFFF;
line-height: 42px; }
.recent_h3 > strong {
text-transform: none; }
.recently_viewed_link_container {
margin-bottom: 16px;
float: left;
overflow: hidden;
width: 100%; }
.navbar-fixed-bottom {
z-index: 15030; }
.navbar-fixed-top {
z-index: 15030; }
/* fakes the space the icon takes */
.topnav > ul > li > ul > li a span.topnav-fake-icon {
display: inline;
height: 20px; }
.topnav .dropdown-menu li {
line-height: normal; }
.dropdown-menu li.action-links-title a:hover {
color: #FFFFFF; }
.dropdown-menu li.recent-links-title a:hover {
color: #F5F5F5; }
.dropdown-menu li.favorite-links-title a:hover {
color: #F5F5F5; }
.with-actions span {
display: inline-block; }
.with-actions .dropdown-menu {
padding: 0 10px 0 10px;
width: 200px; }
.with-actions .dropdown-menu li {
line-height: normal; }
.mobileheader .dropdown-menu {
width: 200px; }
.mobileheader .dropdown-menu li {
line-height: normal; }
.mobileheader .dropdown-menu ul li.recentlinks:last-of-type {
border-bottom: none; }
.mobileheader .dropdown-menu ul li.favoritelinks:last-of-type {
border-bottom: none; }
.mobileheader .dropdown-menu ul li.recentlinks:only-child {
border-bottom: none; }
.mobileheader .dropdown-menu ul li.favoritelinks:only-child {
border-bottom: none; }
.mobileheader .dropdown-menu li:last-of-type a {
border-bottom: none; }
.mobileheader .dropdown-menu li.recent-links-title a {
padding: 12px 15px 5px 15px; }
.mobileheader .dropdown-menu li.favorite-links-title a {
padding: 12px 15px 5px 15px; }
.topnav .dropdown-menu li.recentlinks:last-of-type {
border-bottom: none; }
.topnav .dropdown-menu li.favoritelinks:last-of-type {
border-bottom: none; }
.topnav .dropdown-menu li.recentlinks:only-child {
border-bottom: none; }
.topnav .dropdown-menu li.favoritelinks:only-child {
border-bottom: none; }
.with-actions .dropdown-menu li.recentlinks:last-of-type {
border-bottom: none; }
.with-actions .dropdown-menu li.favoritelinks:last-of-type {
border-bottom: none; }
.with-actions .dropdown-menu li.recentlinks:only-child {
border-bottom: none; }
.with-actions .dropdown-menu li.favoritelinks:only-child {
border-bottom: none; }
.mobileheader .dropdown-menu li.recentlinks {
border-bottom: 1px solid #757083; }
.mobileheader .dropdown-menu li.favoritelinks {
border-bottom: 1px solid #757083; }
.topnav .dropdown-menu li.recentlinks {
border-bottom: 1px solid #757083; }
.topnav .dropdown-menu li.favoritelinks {
border-bottom: 1px solid #757083; }
.with-actions .dropdown-menu li.recentlinks {
border-bottom: 1px solid #757083; }
.with-actions .dropdown-menu li.favoritelinks {
border-bottom: 1px solid #757083; }
.mobileheader .dropdown-menu ul li a.recent-links-detail {
padding-top: 12px;
padding-bottom: 12px; }
.mobileheader .dropdown-menu ul li a.favorite-links-detail {
padding-top: 12px;
padding-bottom: 12px; }
.mobileheader .dropdown-menu ul li a.recent-links-edit {
padding-top: 12px;
padding-bottom: 12px; }
.mobileheader .dropdown-menu ul li a.favorite-links-edit {
padding-top: 12px;
padding-bottom: 12px; }
.mobileheader .dropdown-menu ul li a.recent-links-detail {
display: inline-block;
border: none;
width: 80%; }
.mobileheader .dropdown-menu ul li a.favorite-links-detail {
display: inline-block;
border: none;
width: 80%; }
.topnav .dropdown-menu li a.recent-links-detail {
display: inline-block;
border: none;
width: 75%; }
.topnav .dropdown-menu li a.favorite-links-detail {
display: inline-block;
border: none;
width: 75%; }
.with-actions .recent-links-detail {
display: inline-block;
border: none;
width: 75%; }
.with-actions .favorite-links-detail {
display: inline-block;
border: none;
width: 75%; }
.navbar-inverse .dropdown-menu li a.recent-links-edit {
padding-right: 0; }
.navbar-inverse .dropdown-menu li a.favorite-links-edit {
padding-right: 0; }
.navbar-inverse .dropdown-menu li a.recent-links-detail {
padding-right: 0; }
.navbar-inverse .dropdown-menu li a.favorite-links-detail {
padding-right: 0; }
.mobileheader .dropdown-menu ul li a.recent-links-edit {
display: inline-block;
border: none;
width: 20px;
height: 20px; }
.mobileheader .dropdown-menu ul li a.favorite-links-edit {
display: inline-block;
border: none;
width: 20px;
height: 20px; }
.topnav .dropdown-menu li a.recent-links-edit {
display: inline-block;
border: none;
width: 20px;
height: 20px; }
.topnav .dropdown-menu li a.favorite-links-edit {
display: inline-block;
border: none;
width: 20px;
height: 20px; }
.with-actions .dropdown-menu li a.recent-links-edit {
display: inline-block;
border: none;
width: 20px;
height: 20px; }
.with-actions .dropdown-menu li a.favorite-links-edit {
display: inline-block;
border: none;
width: 20px;
height: 20px; }
.topnav a {
color: #FFFFFF; }
.topnav:hover {
background-color: #222126;
color: #ff0000; }
.topnav a:hover {
color: #ff0000; }
.topnav .dropdown-menu li:last-child a {
border-bottom: 0; }
.navbar-right .dropdown-menu li:last-child a {
border-bottom: 0; }
.moremenu ul {
overflow-y: auto;
max-height: 525px; }
.dropdown-menu {
overflow-y: auto;
max-height: 525px; }
.moremenu a {
font-size: 1.2em;
color: #F5F5F5;
cursor: pointer;
padding: 8px 0 0 0;
margin: 0; }
.moremenu ul {
top: 49px;
margin: 0; }
.moremenu ul li a {
display: block;
font-size: 1.2em;
color: #ff0000;
cursor: pointer;
padding: 5px; }
.moremenu ul li:hover {
border-radius: 0; }
.moremenu ul li a:hover {
background: none;
background: #ff0000;
color: #F5F5F5;
cursor: pointer;
padding: 5px; }
.mobile_menu {
border-top: none; }
.mobile_menu {
padding: 4px 10px; }
.mobile_menu a .glyphicon-plus {
float: right;
text-align: center;
width: 28px;
height: 28px; }
.mobile_menu a:hover .glyphicon-plus {
color: #FFFFFF; }
.usermenu a {
font-size: 16px;
background-color: #534D64;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0; }
.usermenu a:hover {
color: #FFFFFF; }
.globalLinks-desktop .user-dropdown li a {
color: #FFFFFF; }
.globalLinks-desktop .user-dropdown li a:hover {
color: #ff0000; }
.navbar-inverse .globalLinks-desktop > li > a {
color: #F5F5F5; }
.globalLinks-desktop ul li a {
color: #FFFFFF; }
.globalLinks-desktop ul li a:hover {
color: #ff0000; }
.globalLinks-desktop ul li {
padding: 0; }
.usermenu a .caret {
background-image: none, url("../../../../index.php?entryPoint=getImage&imageName=p_icon_caret.svg"), url("../../../../index.php?entryPoint=getImage&imageName=p_icon_caret.png");
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 10px;
border: 0;
width: 10px;
height: 10px; }
.usermenu a .user_icon {
display: inline-block;
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");
background-position: 0 -1;
background-repeat: no-repeat;
margin-right: 11px;
float: left;
width: 42px;
height: 42px; }
.usermenucollapsed {
margin: 0;
padding: 0;
height: 48px;
width: 48px;
line-height: 20px; }
.usermenucollapsed.btn-default:hover {
border: none; }
.usermenucollapsed.btn-default-mobile {
display: none;
margin: 0 0 0 5px; }
.searchbutton {
display: none; }
.searchmobile {
display: none;
margin-top: 8px; }
.searchform {
margin-right: -10px;
margin-right: 15px; }
.search_form label {
font-weight: normal;
color: #afaabf; }
.searchformdropdown .form-control:focus {
border-color: transparent; }
.searchform .form-control:focus {
border-color: transparent; }
.mobileheader .modulename a {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_create_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=p_create_arrow.png");
background-position: 92.5% 5px;
background-repeat: no-repeat;
padding: 15px 32px 18px 0; }
.searchform.navbar-form {
padding: 0; }
.searchform .query_string {
font-size: 15px;
background-color: #333337;
color: #A2A5AF;
padding: 12px 12px 12px 12px;
border: 0px solid transparent;
border-radius: 3px;
letter-spacing: 1px;
line-height: normal;
width: 200px;
min-height: 40px;
-webkit-text-fill-color: #afaabf;
-webkit-box-shadow: 0 0 0 1000px #65697A inset; }
.searchform .query_string:-webkit-autofill {
font-size: 15px;
background-color: #23242A;
color: #A2A5AF;
padding: 12px 12px 12px 12px;
border: 3px solid #65697A;
border-radius: 3px;
float: left;
letter-spacing: 1px;
line-height: normal;
width: 200px;
min-height: 40px;
-webkit-text-fill-color: #65697A;
-webkit-box-shadow: 0 0 0 1000px #65697A inset; }
.searchform button {
display: block;
background-color: #1D1E21;
background-image: none, url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
background-position: 14px 8px;
background-repeat: no-repeat;
color: #FFFFFF;
padding: 10px 10px 10px 10px;
margin-left: -50px;
border: none;
border-radius: 0 3px 3px 0;
float: left;
overflow: hidden;
width: 50px;
height: auto;
text-indent: -9999px; }
.searchform button:hover {
background-color: #829EB5;
background-position: 14px -46px; }
.globalLinks-desktop ul li a {
text-decoration: none; }
.globalLinks-desktop .user-dropdown {
top: 100%;
left: auto;
right: -30px; }
.dropdown-menu {
top: 100%; }
#mobilegloballinks {
display: inline; }
.navbar-fixed-top {
border: 0; }
#userlinks {
margin: 0 0 15px 10px; }
#userlinks a {
font-size: 1.1em;
padding: 5px 10px 5px 10px; }
.navbar-toggle {
float: left; }
#quickcreateplus {
padding: 0 0 0 10px; }
#quickcreatelinks {
font-size: 1.1em;
margin: 0 0 15px 12px; }
.navbar-fixed-top .recentlinks_top {
margin-left: 2px;
float: left;
line-height: 32px;
overflow: hidden;
width: 75%;
height: auto; }
.navbar-fixed-top .recentlinks_topedit, .navbar-fixed-top li.recentlinks_topedit > a {
line-height: 32px;
height: auto; }
.navbar-fixed-top .recentlinks_topedit > a {
padding: 0 15px 0 15px; }
.navbar-fixed-top .recentlinks_top > a {
padding: 0 15px 0 15px;
line-height: 32px;
width: auto;
height: auto; }
.navbar-fixed-top .recentlinks_topedit {
float: right;
width: 20%; }
.navbar-fixed-top .recentlinks_topedit a:focus {
color: #FFFFFF; }
.navbar-fixed-top .recentlinks_top a {
width: 100%;
height: 100%; }
.navbar-fixed-top .recentlinks {
display: block; }
.navbar-fixed-top .favoritelinks {
display: block; }
.modulename a {
color: #FFFFFF; }
.grouptab:visited {
background: none; }
.grouptab:active {
background: none; }
.moremenu {
padding: 8px 10px 8px 10px; }
.nav .open > a {
background: none; }
.nav .open > a:hover {
background: none; }
.nav .open > a:focus {
background: none; }
.navbar-inverse .navbar-toggle {
border: none; }
.navbar-inverse .navbar-toggle:hover {
background: none; }
.navbar-inverse .navbar-toggle:focus {
background: none; }
.navbar-inverse .navbar-nav > .open > a {
background: none;
color: #FFFFFF; }
.navbar-inverse .navbar-nav > .open > a:hover {
background: none;
color: #FFFFFF; }
.navbar-inverse .navbar-nav > .open > a:focus {
background: none;
color: #FFFFFF; }
.mobileheader .modulelinks ul li a {
font-size: 16px; }
.modulelinks {
color: #FFFFFF;
display: inline-block; }
.navbar-right ~ .navbar-right {
margin-right: 15px; }
.quickcreatetop .dropdown-toggle {
display: inline-block;
font-size: 15px;
background-color: #68727A;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_create_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_create_arrow.png");
background-position: 80px 2px;
background-repeat: no-repeat;
color: #FFFFFF;
padding: 10px 32px 14px 12px;
border-radius: 3px;
letter-spacing: 2px;
text-align: center;
text-decoration: none; }
.quickcreatetop .dropdown-toggle:hover {
text-decoration: none; }
.quickcreatetop .dropdown-menu li a:hover {
background-color: #829EB5;
cursor: pointer;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
text-decoration: none; }
.quickcreatetop .dropdown-menu {
background-color: #829EB5;
border-radius: 3px;
border-top-right-radius: 0;
text-decoration: none; }
.quickcreatetop .dropdown-menu:hover {
text-decoration: none; }
.quickcreatetop ul li {
padding: 0;
margin: 0; }
.quickcreatetop .dropdown-menu li a {
display: block;
font-size: 15px;
background-color: #93B9D8;
background-image: none;
padding: 12px 15px 12px 15px;
margin: 0;
border-bottom: 1px solid #95acc0;
border-radius: 0;
letter-spacing: 0;
text-align: left;
width: 100%;
text-transform: none; }
.quickcreatetop .dropdown-menu .last a {
border-bottom: none; }
.quickcreatetop .dropdown-menu li a:hover {
color: #FFFFFF; }
.quickcreatetop .dropdown-menu {
margin-top: 0; }
.quickcreatetop .dropdown-menu li a {
opacity: 1;
color: #FFFFFF; }
.quickcreatetop .dropdown-menu li a:hover {
opacity: 1; }
.desktop_notifications > button {
background-image: none, url("../../../../themes/SuiteP/images/p_icon_alert.svg"), url("../../../../themes/SuiteP/images/p_icon_alert.png");
background-position: 0 0;
background-repeat: no-repeat; }
.desktop_notifications > .dropdown-menu {
left: auto; }
.desktop_notifications a {
cursor: pointer; }
.desktop_notifications ul li {
padding: 0;
margin: 0; }
.desktop_notifications ul li a {
padding: 0 3px 0 3px;
margin: 0;
line-height: 35px; }
.desktop_notifications .alertsButton {
background-color: transparent;
margin-top: 0;
border: none; }
.desktop_notifications .alert_count {
display: block;
position: relative;
top: -16px;
left: 24px;
font-size: 10px;
background-color: #ff0000;
color: #FFFFFF;
border-radius: 30px;
float: left;
line-height: 20px;
width: 20px;
height: 20px; }
.desktop_notifications .alert {
margin-bottom: 8px; }
.desktop_notifications .close {
font-weight: normal;
color: #000000;
filter: none;
line-height: 1;
opacity: 1;
text-shadow: none; }
.desktop_notifications .alert {
font-weight: normal;
color: #000000;
filter: none;
line-height: 1;
opacity: 1;
text-shadow: none; }
.desktop_notifications .close {
position: relative;
top: 0;
right: 0;
color: inherit; }
.desktop_notifications .close span {
color: #FFFFFF;
margin-bottom: 0;
margin-right: 0; }
.desktop_notifications .dropdown-menu {
font-size: 14px;
background-color: #ff0000;
color: #FFFFFF;
padding: 8px;
margin: 0;
border-radius: 0; }
.desktop_notifications .has-alerts {
background-color: #5D5670;
border-radius: 2px; }
.desktop_notifications .has-alerts .alert-info {
background-color: inherit;
color: #FFFFFF;
padding: 0;
border: 1px solid #757083;
border-radius: 2px; }
.desktop_notifications .has-alerts .text-info {
color: #FFFFFF; }
.desktop_notifications .has-alerts p {
font-size: 14px;
background-color: #F5F5F5;
color: #534D64;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
line-height: 20px;
max-width: 256px;
min-height: 20px; }
.desktop_notifications .has-alerts .alert-header {
padding: 8px 15px 8px 15px;
margin: 0; }
.desktop_notifications .has-alerts p {
padding: 8px 15px 8px 15px;
margin: 0; }
.desktop_notifications .has-alerts .alert-header {
font-size: 16px;
font-weight: bold;
background-color: #5D5670;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
line-height: 20px; }
.desktop_notifications .has-alerts .alert-header img {
width: 16px;
height: 16px; }
.modulelinks > .dropdown-menu {
left: 50px; }
.mobileheader {
display: inline-block; }
.globalLinks-desktop .btn-default.active,
.globalLinks-desktop .btn-default:active,
.globalLinks-desktop .open > .dropdown-toggle.btn-default {
background-color: #2C2935; }
/*when filters are turned off*/
.headerlinks {
display: inline-block; }
@media (max-width: 375px) {
.navbar-search > .dropdown-menu {
top: -60px;
bottom: auto;
left: auto;
right: -50px;
clear: both;
width: auto; } }
@media (min-width: 375px) and (max-width: 750px) {
.navbar-search > .dropdown-menu {
top: -60px;
bottom: auto;
left: auto;
right: 0;
clear: both;
width: auto;
overflow: visible; } }
@media (max-width: 750px) {
.modulelinks .dropdown-menu {
top: 58px; }
.desktop_notifications .has-alerts {
background-color: #A2B2BF; }
.desktop_notifications .has-alerts .alert-header {
background-color: #5D5670;
line-height: 20px; }
.mobile-bar .user-dropdown {
top: 36px;
left: -140px; }
.mobile-bar .btn {
line-height: 48px; }
.mobile-bar .desktop_notifications {
margin-right: 4px; }
.mobile-bar .desktop_notifications .alert_count {
top: -16px;
left: 4px; }
.mobile-bar .desktop_notifications .dropdown-menu.has-alerts {
left: auto;
right: 0; }
.mobile-bar .desktop_notifications .dropdown-menu .has-alerts p {
width: 100%; }
.modulename {
line-height: 60px; }
.navbar-toggle {
height: 60px; }
.mobile_menu {
top: 60px;
left: 20px;
z-index: 65530; }
.quickcreatetop .dropdown-toggle {
background-color: #7B92A4;
background-position: 80px -5px;
padding: 5px 32px 5px 12px;
text-decoration: none; }
.quickcreatetop .dropdown-toggle:hover {
text-decoration: none;
cursor: default; }
.navbar-search {
position: relative;
min-height: 28px; }
.navbar-search .dropdown-menu {
width: 100%; }
.navbar-search .searchformdropdown .input-group {
width: 100%; }
.navbar-search .query_string {
top: 0;
bottom: auto;
left: 0;
right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 4px;
margin: 0;
width: 80%; }
.query_string {
background-color: #434551;
margin: 0;
border: none;
border-radius: 3px; }
.navbar-search .searchbutton {
background-color: transparent;
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;
background-repeat: no-repeat;
padding: 0;
border: none;
overflow: hidden;
width: 28px;
height: 28px;
line-height: 48px;
text-indent: -9999px; }
.navbar-search.open .searchbutton {
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;
background-color: transparent; }
.navbar-search .dropdown-menu {
width: 300px; }
.searchformdropdown .btn {
background-image: url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
background-color: #65697A; }
.searchformdropdown .btn:hover {
background-image: url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
background-color: #829EB5; }
/* overridding bootstrap needs to be stacked */
.globalLinks-mobile .btn-default.active.focus,
.globalLinks-mobile .btn-default.active:focus,
.globalLinks-mobile .btn-default.active:hover,
.globalLinks-mobile .btn-default:active.focus,
.globalLinks-mobile .btn-default:active:focus,
.globalLinks-mobile .btn-default:active:hover,
.globalLinks-mobile.open > .dropdown-toggle.btn-default.focus,
.globalLinks-mobile.open > .dropdown-toggle.btn-default:focus,
.globalLinks-mobile.open > .dropdown-toggle.btn-default:hover {
color: #FFFFFF;
background-color: transparent;
border-color: transparent;
background-image: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.png"); }
.open.globalLinks > .btn-default:active {
background-color: transparent;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.png");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 28px;
height: 28px; }
.open.globalLinks > .btn-default:active:hover {
background-color: transparent;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.png");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 28px;
height: 28px; }
.open.globalLinks > .btn-default.focus:active {
background-color: transparent;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.png");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 28px;
height: 28px; }
.globalLinks-mobile > .btn-default.usermenucollapsed {
background-color: transparent;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_user_icon_small.png");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 28px;
height: 28px; }
.desktop_notifications > button {
background-color: #A2B2BF;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.png");
background-position: 0 0;
width: 28px;
height: 28px;
border: none; }
.desktop_notifications > button:hover {
background-color: #A2B2BF;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.png");
background-position: 0 0;
background-color: #A2B2BF;
border: none; }
.open > .dropdown-toggle.alertsButton.btn-danger:active {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.png");
background-position: 0 0;
background-color: #A2B2BF; }
.open > .dropdown-toggle.alertsButton.btn-danger:focus {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.png");
background-position: 0 0;
background-color: #A2B2BF; }
.open > .dropdown-toggle.alertsButton.btn-danger:hover {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.png");
background-position: 0 0;
background-color: #A2B2BF; }
/*override bootstrap*/
.desktop_notifications .btn-success:focus,
.desktop_notifications .btn-success.active,
.desktop_notifications .btn-success:active,
.desktop_notifications.open > .dropdown-toggle.btn-success {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert_small.png");
background-position: 0 0;
background-color: #A2B2BF;
border: none; }
.navbar-inverse .mobile-bar .navbar-search .dropdown-menu {
padding: 0; }
.navbar-search .query_string {
width: 150px; }
.tablet-bar {
display: none;
visibility: collapse; }
.navbar .container-fluid {
padding-left: 0;
padding-right: 0; }
.navbar .container-fluid .navbar-header {
padding-left: 20px;
padding-right: 20px;
height: 60px; }
.mobile-bar {
background-color: #A2B2BF;
padding: 0 20px 0 0;
margin-top: 0;
width: 100%; }
.mobile-bar ul {
float: right; }
.navbar {
min-height: 60px; }
.navbar-inverse {
max-height: 60px; }
.navbar-fixed-top {
height: 60px; }
.modulename {
line-height: 60px;
width: 100%;
height: 60px; }
.searchmobile {
position: absolute;
left: 60px;
float: left;
width: 70%;
z-index: 50; }
.searchmobile .query_string {
box-shadow: none;
border: none;
border-radius: 0;
float: left;
outline: 0;
width: 75%;
-webkit-appearance: none; }
.searchmobile {
position: absolute;
left: 60px;
float: left;
width: 80%;
z-index: 50; }
.searchmobile .query_string {
box-shadow: none;
color: #FFFFFF;
border: none;
border-radius: 0;
float: left;
outline: 0;
width: 80%;
-webkit-appearance: none; } }
@media (min-width: 751px) {
.mobile-bar {
visibility: collapse;
display: none; }
.tablet-bar {
display: inline-block;
visibility: visible;
width: 49%;
text-align: right;
line-height: 90px; }
.tablet-bar > .toolbar {
display: inline-block; }
.tablet-bar > .toolbar > li {
display: inline-block;
line-height: normal; }
.tablet-bar > .toolbar > li > .btn {
margin: 0;
height: 48px;
width: 48px;
padding: 0;
line-height: normal; }
.tablet-bar > .toolbar > li > a {
line-height: normal; }
.navbar-inverse .mobile-bar .nav {
display: inline-block; }
.modulename {
line-height: 90px; }
.mobile_menu {
left: 10px;
-webkit-overflow-scrolling: touch; }
.tablet-bar .navbar-inverse .nav {
display: inline-block; }
.tablet-bar .navbar-inverse .nav.navbar-search {
display: inline-block; }
.tablet-bar .user-dropdown {
top: 60px;
left: -140px; }
.tablet-bar > .dropdown-menu {
position: absolute;
top: 90px;
bottom: auto;
left: -224px;
right: 0;
background: transparent; }
.navbar-search .dropdown-menu {
width: 100%; }
.navbar-search .searchformdropdown .input-group {
width: 100%; }
.navbar-search .query_string {
top: 0;
left: 0;
margin-top: 0; }
.navbar-search .input-group-btn {
top: 0;
background: #65697A;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; }
.quickcreatetop .dropdown-menu {
background-position: 80px 2px;
padding: 11px 32px 12px 12px; }
.quickcreatetop .dropdown-menu:hover {
text-decoration: none; }
.quickcreatetop .dropdown-menu {
left: 0;
right: auto; }
.usermenucollapsed.btn-default {
background-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");
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 0;
border: none;
width: 42px;
height: 42px; }
.usermenucollapsed.btn-default {
background-position: 0 0;
border: none;
border-radius: 0; }
/* overridding bootstrap needs to be stacked */
.globalLinks-mobile .btn-default.active.focus,
.globalLinks-mobile .btn-default.active:focus,
.globalLinks-mobile .btn-default.active:hover,
.globalLinks-mobile .btn-default:active.focus,
.globalLinks-mobile .btn-default:active:focus,
.globalLinks-mobile .btn-default:active:hover,
.globalLinks-mobile.open > .dropdown-toggle.btn-default.focus,
.globalLinks-mobile.open > .dropdown-toggle.btn-default:focus,
.globalLinks-mobile.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"); }
.globalLinks-desktop .btn-default.active,
.globalLinks-desktop .btn-default:active,
.globalLinks-desktop .open > .dropdown-toggle.btn-default {
background-color: #534D64;
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"); }
.open.globalLinks > .btn-default:active {
background-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");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 28px;
height: 28px; }
.open.globalLinks > .btn-default:active:hover {
background-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");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 42px;
height: 42px; }
.open.globalLinks > .btn-default.focus:active {
background-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");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 28px;
height: 28px; }
.globalLinks-mobile > .btn-default.usermenucollapsed {
background-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");
background-position: 0 0;
background-repeat: no-repeat;
margin-top: 0;
border: none;
border-radius: 0;
width: 42px;
height: 42px; }
.navbar-search {
margin-right: 8px; }
#Icon_5_ {
fill: #FFFFFF; }
.navbar-search .searchbutton {
background-color: transparent;
background-image: url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
background-repeat: no-repeat;
padding: 0;
border: none;
overflow: hidden;
text-indent: -9999px;
background-size: 25px auto;
background-position: 15px -46px;
width: 48px;
height: 48px; }
.navbar-search .btn-default.searchbutton:active {
background-color: transparent;
background-image: url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
background-repeat: no-repeat;
padding: 0;
border: none;
overflow: hidden;
width: 26px;
text-indent: -9999px;
background-size: 25px auto;
width: 48px;
height: 48px; }
.navbar-search .btn-default.searchbutton:hover {
background-color: transparent;
background-image: url("../../../../themes/SuiteP/images/p_search_button.svg"), url("../../../../themes/SuiteP/images/p_search_button.png");
background-repeat: no-repeat;
padding: 0;
border: none;
overflow: hidden;
width: 26px;
text-indent: -9999px;
background-size: 25px auto;
width: 48px;
height: 48px; }
.desktop-bar .navbar-search.open .dropdown-menu {
top: 0px;
right: 48px;
left: auto;
background-color: #534D64;
height: 48px;
overflow: visible;
width: auto; }
.navbar-search .input-group-btn > .btn-default:hover {
border: none; }
.navbar-search.open .searchbutton {
background-color: transparent;
background-position: 0 0; }
.tablet-bar .navbar-search.open .dropdown-menu {
top: 0;
right: 48px;
bottom: auto;
left: auto;
background-color: #534D64;
min-width: 480px;
min-height: 48px;
height: 48px;
overflow: visible;
padding: 0; }
.navbar-search.open .btn-default.searchbutton {
background-color: transparent;
background-image: url("../../../../themes/SuiteP/images/sidebar/modules/search-close.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 38px 38px;
padding: 12px 0 12px 0;
border: none;
overflow: hidden;
width: 48px;
text-indent: -9999px; }
.navbar-search.open .btn-default.searchbutton:hover {
background-color: transparent;
background-image: url("../../../../themes/SuiteP/images/sidebar/modules/search-close.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 38px 38px;
padding: 12px 0 12px 0;
border: none;
overflow: hidden;
width: 48px;
text-indent: -9999px; }
.desktop_notifications .btn-danger:hover {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.desktop_notifications .btn-danger:focus {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.desktop_notifications .btn-danger:active {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.open > .dropdown-toggle.alertsButton.btn-danger:active {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.open > .dropdown-toggle.alertsButton.btn-danger:focus {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.open > .dropdown-toggle.alertsButton.btn-danger:hover {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.navbar-header {
width: 49%;
display: inline-block; }
#desktop_notifications .btn-success.active.focus,
#desktop_notifications .btn-success.active:focus,
#desktop_notifications .btn-success.active:hover,
#desktop_notifications .btn-success:active.focus,
#desktop_notifications .btn-success:active:focus,
#desktop_notifications .btn-success:active:hover {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
#desktop_notifications.open > .dropdown-toggle.btn-success,
#desktop_notifications.open > .dropdown-toggle.btn-success.active,
#desktop_notifications.open > .dropdown-toggle.btn-success:active,
#desktop_notifications.open > .dropdown-toggle.btn-success.focus,
#desktop_notifications.open > .dropdown-toggle.btn-success:focus,
#desktop_notifications.open > .dropdown-toggle.btn-success:hover {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.desktop_notifications > .btn-success {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.desktop_notifications > .btn-success:hover {
background-color: #534D64;
color: #F5F5F5;
border: none; }
.desktop_notifications > .btn-success:active {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; }
.desktop_notifications > .btn-success:focus {
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_icon_alert.png");
background-position: 0 0;
background-color: #534D64;
border: none;
box-shadow: none; } }
@media (max-width: 980px) {
ul.navbar-nav li a {
color: #FFFFFF; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #FFFFFF; } }
@media (min-width: 1024px) {
.navbar-nav > li:hover ul {
display: block; }
.globalLinks-desktop:hover .dropdown-menu {
display: block; }
.quickcreatetop:hover .dropdown-menu {
display: block; }
a.menu:after {
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; }
#generate_pwd_button {
height: 50px;
font-size: 20px; }
#recaptcha_image {
margin-top: 10px;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 10px; }
#forgot_password_dialog a {
margin-bottom: 10px;
display: inline-block; }
@media (max-width: 750px) {
div.p_login .p_login_top {
padding: 10px 3% 10px 3%; }
div.p_login .p_login_top a {
background-image: none, url("../../../../themes/SuiteP/images/p_login_logo.svg"), url("../../../../themes/SuiteP/images/p_login_logo.png");
background-position: 0 -70px;
width: 170px;
height: 30px; }
div.p_login .p_login_bottom {
padding: 10px 3% 10px 3%;
padding-top: 10px; }
div.p_login .p_login_bottom a#powered_by, div.p_login .p_login_bottom a#admin_options {
display: block;
font-size: 10px;
margin-left: 0;
text-align: center; }
div.p_login .p_login_bottom a#admin_options {
margin-bottom: 5px; } }
/**** FORM ****/
fieldset {
margin-bottom: 0; }
table {
margin-bottom: 0; }
pre {
margin-bottom: 0; }
p {
font-size: 16px;
margin-top: 0;
margin-bottom: 0; }
form {
margin: 0; }
textarea {
font-family: "Lato", Lato, Arial, sans-serif; }
.checkbox {
display: inline-block;
background: url("../../../../themes/SuiteP/images/forms/check.png") no-repeat;
padding: 0;
margin: 0;
overflow: hidden;
width: 16px;
height: 16px;
vertical-align: middle;
visibility: visible; }
input[type=checkbox] {
display: inline-block;
background: url("../../../../themes/SuiteP/images/forms/check.png") no-repeat;
padding: 0;
margin: 0;
overflow: hidden;
width: 16px;
height: 16px;
vertical-align: middle;
visibility: visible; }
input[type=radio] {
display: inline-block;
background: url("../../../../themes/SuiteP/images/forms/radio.png") no-repeat;
padding: 0;
margin: 0;
width: 16px;
height: 16px;
vertical-align: middle;
visibility: visible; }
input[type=checkbox]:focus {
outline: 0; }
input[type=radio]:focus {
outline: 0; }
input[type=checkbox] {
background-position: 0 0; }
input[type=checkbox]:checked {
background-position: -18px 0; }
input[type=checkbox]:disabled {
background-position: -36px 0; }
input[type=checkbox]:disabled:checked {
background-position: -54px 0; }
input[type=checkbox]:checked:disabled {
background-position: -54px 0; }
input[type=radio] {
background-position: 0 0; }
input[type=radio]:checked {
background-position: -18px 0; }
input[type=radio]:disabled {
background-position: -36px 0; }
input[type=radio]:disabled:checked {
background-position: -54px 0; }
input[type=radio]:checked:disabled {
background-position: -54px 0; }
td.nowrap input[type=checkbox] {
margin-top: 3px; }
input[type=text]:disabled {
background: #F8F8F8;
border: 1px solid #E2E7EB; }
#bigbutton {
padding: 10px 0 10px 0;
border-radius: 0; }
div.input-group input {
margin: 0 auto;
max-width: 100%;
min-width: 100%; }
.button-primary:active {
background-image: none; }
.button-primary.active {
background-image: none; }
.open > .dropdown-toggle.btn-primary {
background-image: none; }
.button-primary.disabled {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary[disabled] {
background-color: #808F9C;
border-color: #808F9C; }
fieldset[disabled] .btn-primary {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary.disabled:hover {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary[disabled]:hover {
background-color: #808F9C;
border-color: #808F9C; }
fieldset[disabled] .btn-primary:hover {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary.disabled:focus {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary[disabled]:focus {
background-color: #808F9C;
border-color: #808F9C; }
fieldset[disabled] .btn-primary:focus {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary.disabled.focus {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary[disabled].focus {
background-color: #808F9C;
border-color: #808F9C; }
fieldset[disabled] .btn-primary.focus {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary.disabled:active {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary[disabled]:active {
background-color: #808F9C;
border-color: #808F9C; }
fieldset[disabled] .btn-primary:active {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary.disabled.active {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary[disabled].active {
background-color: #808F9C;
border-color: #808F9C; }
fieldset[disabled] .btn-primary.active {
background-color: #808F9C;
border-color: #808F9C; }
.button-primary .badge {
background-color: #FFFFFF;
color: #ff0000;
padding: 5px; }
#EditView_tabs .edit .button {
background-color: #ff0000;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
#ConvertLead .edit .button {
background-color: #ff0000;
padding: 0;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
#EditView_tabs .id-ff-remove {
background-color: #ff0000;
padding: 0;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
#ConvertLead .id-ff-remove {
background-color: #ff0000;
padding: 0;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
#EditView_tabs .edit [type=”button”] {
background-color: #ff0000;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
.edit-view-row [data-label=LBL_CONDITION_LINES].label {
display: none; }
.edit-view-row [data-label=LBL_ACTION_LINES].label {
display: none; }
[field=”condition_lines”].col-sm-8 {
display: block;
width: 100%; }
#conditionLines {
display: block; }
#conditionLines > thead {
display: block; }
#conditionLines > thead td {
background-color: #BFCAD3;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 4px;
padding-right: 4px;
color: #534D64;
font-weight: bold;
font-size: 16px; }
.detail-view-field #conditionLines thead td:first-of-type {
height: 36px; }
#conditionLines thead td:first-of-type {
height: 32px;
border-top-left-radius: 4px; }
#conditionLines thead td:last-of-type {
padding-left: 8px;
border-top-right-radius: 4px;
width: 26%; }
#conditionLines > thead > tr {
display: block; }
#conditionLines > tbody {
display: block; }
#conditionLines > tbody > tr {
display: block;
background-color: #f5f5f5;
border-bottom: 5px #FFFFFF solid; }
#conditionLines > tbody > tr > td {
vertical-align: top; }
#conditionLines td:first-of-type {
display: inline-block;
width: 48px; }
#conditionLines td:not(:first-of-type) {
display: inline-block;
width: 16.667%; }
#conditionLines tbody td {
background-color: #F5F5F5;
margin-bottom: 4px;
min-height: 64px; }
#conditionLines tbody td:first-of-type {
padding-left: 8px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
#conditionLines tbody td:last-of-type {
padding-left: 8px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 26%; }
#conditionLines td:first-of-type button {
margin-top: 8px;
height: 48px; }
#conditionLines input {
margin-top: 8px; }
#conditionLines input.sqsEnabled {
width: 62.5%; }
#conditionLines input[type=checkbox] {
margin-top: 24px; }
#conditionLines textarea {
margin-top: 8px;
width: 95%; }
#conditionLines select {
width: 95%;
margin-top: 8px; }
@media (max-width: 1800px) {
#conditionLines select[id$=”][0]”] {
width: 45%;
margin-bottom: 4px; }
#conditionLines select[id$=”][1]”] {
width: 45%;
margin-bottom: 4px; }
#conditionLines input[id$=”][2]”] {
width: 45%;
margin-bottom: 4px; }
#conditionLines select[id$=”][3]”] {
width: 45%;
margin-bottom: 4px; } }
@media (min-width: 1800px) {
#conditionLines select[id$=”][0]”] {
width: 24%; }
#conditionLines select[id$=”][1]”] {
width: 24%; }
#conditionLines input[id$=”][2]”] {
width: 24%; }
#conditionLines select[id$=”][3]”] {
width: 24%; } }
[field=”action_lines”] {
display: block;
width: 100%; }
#conditionLines [type=”button”] {
background-color: #ff0000;
padding: 0;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
#actionLines [type=”button”] {
background-color: #ff0000;
padding: 0;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
#actionLines {
display: block; }
#actionLines > tr {
display: block; }
#actionLines > tr > td {
display: block; }
#actionLines td[field] label {
margin-right: 8px; }
#actionLines > tr > td {
border: 1px solid #BFCAD3;
border-radius: 4px;
margin-bottom: 4px; }
#actionLines .action-table {
display: block;
width: 100%; }
#actionLines .action-table tbody {
display: block;
width: 100%; }
#actionLines .action-table tr {
display: block;
width: 100%; }
[data-workflow-action-parameter] input.sqsEnabled {
margin-top: 0px;
width: 50%; }
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”create-record”] input.sqsEnabled {
width: 65%; }
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”modify-record”] input.sqsEnabled {
width: 65%; }
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”send-email”] input.sqsEnabled {
width: 10%; }
.col-sm-12 .col-sm-8.edit-view-field [data-workflow-action-parameter] [data-workflow-action=”send-email”] .id-ff.multiple > button {
margin-left: 0; }
#actionLines .action-table td {
display: inline-block; }
#actionLines .action-table > tbody > tr:first-of-type > td:first-of-type {
padding-left: 8px; }
#actionLines .action-table > tbody > tr:first-of-type > td {
border-bottom: 1px solid #BFCAD3;
padding-top: 4px; }
#actionLines td[field=action] {
width: 65%;
height: 64px; }
#actionLines td[field=action] select {
margin-left: 20px; }
#actionLines td[field=name] {
width: 30%;
height: 64px; }
#actionLines td[field=name] input[type=text] {
width: 80%; }
#actionLines td[field=delete] {
width: 5%;
height: 64px; }
#actionLines td[field=delete] .delete-btn {
float: right; }
#actionLines td[field=delete] .delete-btn .btn {
padding: 0 0 0 0; }
.edit tr td [data-workflow-action] td {
vertical-align: middle; }
[data-workflow-action-line] {
vertical-align: top; }
[data-workflow-action-line] td:first-of-type {
width: 48px; }
[data-workflow-action-line] td:nth-of-type(3) select {
width: auto; }
[data-workflow-action-line] select[id$=”][0]”] {
width: 45%;
margin-bottom: 4px; }
[data-workflow-action-line] select[id$=”][1]”] {
width: 45%;
margin-bottom: 4px; }
.col-sm-12 .edit-view-field [data-workflow-action-line] input[id$=”][2]”] {
width: 45%;
margin-bottom: 4px; }
.col-sm-12 .edit-view-field [data-workflow-action-line] input[id$=”][2]”][type=checkbox] {
width: 16px; }
[data-workflow-action-line] select[id$=”][3]”] {
width: 45%;
margin-bottom: 4px; }
[data-workflow-action=”send-email”] > tbody > tr > td {
line-height: 40px; }
[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(1) > td {
width: 20%; }
[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) {
width: 100%; }
[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td:nth-of-type(1) {
padding-left: 4px; }
[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td {
padding-bottom: 8px;
padding-top: 8px;
width: 100%; }
[data-workflow-action=”send-email”] > tbody > tr:nth-of-type(2) > td:nth-of-type(2) td input[type=text] {
width: auto; }
#relate_label {
line-height: 40px; }
#deleteGroup img {
background-color: #ff0000;
padding: 0;
margin-right: 4px;
border: 1px solid #ff0000;
border-radius: 4px; }
.btn-danger {
background-color: #ff0000; }
.btn-danger:hover {
background-color: #D66C60; }
.btn-danger:active {
background-color: #ff0000; }
.btn-danger:focus {
background-color: #ff0000; }
[data-workflow-action] .lines tbody > tr > td {
margin-bottom: 4px;
min-height: 64px;
padding-left: 8px;
padding-right: 8px; }
[data-workflow-action] .relationship tbody > tr > td {
padding-left: 8px;
padding-right: 8px;
min-height: 64px; }
[data-workflow-action] .email-line tbody > tr > td {
padding-left: 8px;
padding-right: 8px; }
[data-workflow-action] .email-line tbody > tr > td select {
margin-left: 8px;
margin-right: 8px; }
[data-workflow-action] .email-line tbody > tr > td button {
margin-left: 8px;
margin-right: 8px; }
[data-workflow-action] .email-line tbody > tr > td input {
margin-left: 8px;
margin-right: 8px; }
[data-workflow-action] .name_label {
width: 70%; }
[data-workflow-action] .name_label {
width: 30%; }
[data-workflow-action] .lines tbody > tr > td {
margin-bottom: 4px;
min-height: 64px; }
[data-workflow-action] .lines tbody > tr > td:first-of-type button {
margin-top: 8px;
height: 48px; }
[data-workflow-action] .lines select {
margin-top: 8px; }
[data-workflow-action] .lines tbody > tr > td input {
margin-top: 8px; }
[data-workflow-action] .lines tbody > tr > td input.sqsEnabled {
width: 62.5%; }
[data-workflow-action] .lines tbody > tr > td input[type=checkbox] {
margin-top: 24px; }
[data-workflow-action] .lines tbody > tr > td textarea {
margin-top: 8px;
width: 95%; }
[data-workflow-action-parameter] [colspan=”4″] {
display: block;
width: 100%; }
[data-workflow-action-parameter] > td {
display: block;
width: 100%; }
/** EditView action buttons ***/
.buttons .primary {
background-color: #ff0000; }
.buttons .primary:hover {
background-color: #D66C60; }
.buttons .button {
background-color: #ff0000; }
.buttons .button:hover {
background-color: #D66C60; }
.removeFileButton {
font-size: 15px;
font-weight: 500;
cursor: pointer;
padding: 0 20px 0 20px;
border-style: none;
border-radius: 4px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
.removeFileButton {
background-color: #ff0000;
color: #F5F5F5; }
.removeFileButton:hover {
background-color: #D5230E; }
.buttonOn {
font-size: 15px;
font-weight: 500;
cursor: pointer;
padding: 0 20px 0 20px;
border-radius: 4px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
.btn .btn:hover {
font-size: 15px;
font-weight: 500;
cursor: pointer;
padding: 0 20px 0 20px;
border-radius: 4px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
.btn-default {
background-color: #7B9DB9;
color: #FFFFFF;
border: 1px solid #94A6B5; }
.btn-default:hover {
background-color: #94A6B5;
color: #F5F5F5;
border: 1px solid #94A6B5; }
.btn-default:active {
background-color: #5184AD;
color: #FFFFFF;
border: 1px solid #94A6B5; }
.btn-default:focus {
background-color: #578AB4;
color: #FFFFFF;
border: 1px solid #94A6B5; }
.btn-primary {
background-color: #578AB4;
color: #FFFFFF;
border: 1px solid #778591; }
.btn-primary:hover {
background-color: #778591;
color: #F5F5F5;
border: 1px solid #778591; }
.btn-primary:active {
background-color: #778591;
color: #F5F5F5;
border: 1px solid #778591; }
.btn-primary:focus {
background-color: #778591;
color: #F5F5F5;
border: 1px solid #778591; }
.btn-info {
background-color: #E5E1EF;
color: #F5F5F5;
border: 1px solid #AA9DCC; }
input[type=button].btn-info {
background-color: #AA9DCC;
color: #F5F5F5;
border: 1px solid #AA9DCC; }
.btn-info:hover {
background-color: #9589B3;
color: #F5F5F5;
border: 1px solid #9589B3; }
.btn-info:active {
background-color: #9589B3;
color: #F5F5F5;
border: 1px solid #9589B3; }
.btn-info:focus {
background-color: #9589B3;
color: #F5F5F5;
border: 1px solid #9589B3; }
input[type=button].btn-info:hover {
background-color: #9589B3;
color: #F5F5F5;
border: 1px solid #9589B3; }
input[type=button].btn-info:active {
background-color: #9589B3;
color: #F5F5F5;
border: 1px solid #9589B3; }
input[type=button].btn-info:focus {
background-color: #9589B3;
color: #F5F5F5;
border: 1px solid #9589B3; }
.btn-success {
background-color: #BBE6A5;
color: #F5F5F5;
border: 1px solid #BBE6A5; }
.btn-success:hover {
background-color: #BBE6A5;
color: #F5F5F5;
border: 1px solid #BBE6A5; }
.btn-success:active {
background-color: #BBE6A5;
color: #F5F5F5;
border: 1px solid #BBE6A5; }
.btn-success:focus {
background-color: #BBE6A5;
color: #F5F5F5;
border: 1px solid #BBE6A5; }
.button {
font-size: 15px;
font-weight: 500;
background: #ff0000;
color: #FFFFFF;
cursor: pointer;
padding: 0 20px 0 20px;
margin: 0 0 0 0;
border: none;
border-radius: 3px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
input[type=submit].button:hover {
background: #D66C60; }
input[type=submit] {
font-size: 15px;
font-weight: 500;
background: #ff0000;
color: #FFFFFF;
cursor: pointer;
padding: 0 20px 0 20px;
margin: 0 0 0 0;
border: none;
border-radius: 3px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
input[type=button] {
font-size: 15px;
font-weight: 500;
background: #ff0000;
color: #FFFFFF;
cursor: pointer;
padding: 0 20px 0 20px;
margin: 0 0 0 0;
border: none;
border-radius: 3px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
input[type=reset] {
font-size: 15px;
font-weight: 500;
background: #ff0000;
color: #FFFFFF;
cursor: pointer;
padding: 0 20px 0 20px;
margin: 0 0 0 0;
border: none;
border-radius: 3px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
.btn {
margin-bottom: 4px; }
button {
margin-bottom: 4px;
margin-right: 4px; }
html input[type=button] {
margin-bottom: 4px;
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; }
[button]: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;
border: 1px solid transparent;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-transform: uppercase; }
#dashletCategories > li.active a {
background-color: #578AB4;
color: #F5F5F5; }
#dashletCategories > li.active a:link {
background-color: #778591;
color: #F5F5F5; }
#dashletCategories > li.active a:hover {
background-color: #778591;
color: #F5F5F5; }
#dashletCategories > li.active a:visited {
background-color: #778591;
color: #F5F5F5; }
#dashletCategories > li.active a:active {
background-color: #778591;
color: #F5F5F5; }
#dashletCategories > li.active a:focus {
background-color: #778591;
color: #F5F5F5; }
#dashletCtrls {
float: right; }
#moduleDashlets h3,
#chartDashlets h3,
#toolsDashlets h3 {
margin-top: 13px; }
#dashletSearch table tr td input[type=button] {
vertical-align: top; }
.sugarFeedDashlet {
overflow: auto;
max-height: 375px; }
.sugarFeedDashlet td.list th {
display: none; }
.sugarFeedDashlet td.list td[scope=col] {
display: none; }
.sugarFeedDashlet tr {
height: auto; }
.sugarFeedDashlet .byLineBox {
width: 100%;
position: relative;
overflow: hidden;
font-size: 16px; }
.sugarFeedDashlet blockquote {
width: 100%;
position: relative;
overflow: hidden;
font-size: 16px; }
.sugarFeedDashlet blockquote img {
width: 30px;
height: 30px; }
.sugarFeedDashlet .byLineBox .byLineLeft {
float: left; }
.sugarFeedDashlet .byLineBox .byLineRight {
display: inline;
font-size: 79%;
float: right; }
.dashletPanel .hd .hd-center .dashletToolSet a {
padding: 0 2px; }
.dashletPanel .hd .hd-center .dashletToolSet a:last-child {
padding-right: 0; }
.dashletPanelMenu.wizard.import .bd .screen {
display: block;
background-color: #fff;
padding: 20px;
border: 0 none;
overflow-x: hidden;
overflow-y: auto;
width: auto;
height: 487px; }
div#chartDashlets {
overflow-y: auto; }
.dashletPanel {
padding: 0;
margin: 15px 15px 15px 0; }
.hd-center {
padding: 0;
margin: 0; }
.bd {
padding: 0;
margin: 0; }
#moduleDashletsList {
height: auto; }
#dashletsList {
overflow: hidden;
max-height: 500px; }
#dashletsDialog_c {
margin-top: -50px;
margin-left: -125px; }
td.dashlet-title {
line-height: 40px;
height: 44px; }
td.dashlet-title > h3 > span {
margin-left: 8px; }
#moduleDashletsList > table > tbody > tr > td {
padding: 10px; }
#basicChartDashletsList > table > tbody > tr > td {
padding: 10px; }
#toolsDashletsList > table > tbody > tr > td {
padding: 10px; }
#webDashletsList > table > tbody > tr > td {
padding: 10px; }
#moduleDashletsList a {
color: #ff0000;
margin: 5px; }
#basicChartDashletsList a {
color: #ff0000;
margin: 5px; }
#toolsDashletsList a {
color: #ff0000;
margin: 5px; }
#webDashletsList a {
color: #ff0000;
margin: 5px; }
#moduleDashletsList a span {
margin-left: 10px; }
#basicChartDashletsList a span {
margin-left: 10px; }
#toolsDashletsList a span {
margin-left: 10px; }
#webDashletsList a span {
margin-left: 10px; }
#moduleDashletsList {
padding: 10px;
max-height: 375px;
/*background: #778591;*/
border: 1px solid transparent;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
#basicChartDashletsList {
padding: 10px;
max-height: 375px;
/*background: #778591;*/
border: 1px solid transparent;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
#toolsDashletsList {
padding: 10px;
max-height: 375px;
/*background: #778591;*/
border: 1px solid transparent;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
#webDashletsList {
padding: 10px;
max-height: 375px;
/*background: #778591;*/
border: 1px solid transparent;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
#dashletsDialog_mask {
display: none;
visibility: collapse; }
#dashletsDialog {
display: none;
visibility: collapse; }
@media (max-width: 980px) {
.dashletNonTable {
display: none; }
.dashletcontainer {
position: relative;
padding: 0;
margin: 0;
float: left;
width: 100%; } }
.dashletPanel .list tr th a:link {
padding-right: 0; }
.dashletPanel .list tr th {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 5px;
padding-right: 5px; }
.dashletPanel .h3Row {
background-color: #66727D;
color: #ffffff;
border-top-left-radius: 3px;
border-top-right-radius: 3px; }
.h3Row {
padding: 5px 10px 5px 10px;
margin: 5px 0 5px 0; }
.dashletPanel .h3Row h3 {
font-size: 16px;
font-weight: bold;
color: #ffffff;
margin: 0 0 0 10px;
letter-spacing: 1px;
text-transform: uppercase; }
.dashletPanel .h3Row h3 span {
font-weight: normal; }
#dashletbuttons {
color: #ff0000;
margin: 0 2px 0 2px; }
#dashletbuttons:hover {
opacity: 0.8; }
.dashletToolSet {
margin: 0 10px 0 0; }
@media (max-width: 750px) {
.dashletcontainer {
float: left; }
.dashletPanel {
overflow: auto; }
.dashboardTabList {
display: none; } }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel {
top: initial;
left: 0;
right: auto;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
margin: 0 auto;
border: none;
max-width: 900px; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .container-close {
top: 15px;
right: 30px;
color: #CCCCCC;
width: initial;
text-indent: initial; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .hd {
font-family: Lato, Lato, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
background: #FFFFFF;
color: #534D64;
padding: 15px 15px 42px 19px;
margin: 0;
border-bottom: solid 1px #ddd;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
line-height: 25.7143px;
height: 25px; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
overflow: hidden;
overflow-y: scroll;
max-height: 650px; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form {
/* form looking good. */ }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table td input[type=”checkbox”] {
margin-top: 10px;
height: 30px; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr {
display: block;
border-bottom: none;
float: none;
width: auto; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr {
display: block;
border-bottom: none;
float: none;
width: auto; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {
display: block;
float: left;
width: auto; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.view td tr td {
display: block;
float: left;
width: auto; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {
width: 30%; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan=”4″] {
float: none; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table tr td[scope=row][colspan=”4″] br {
display: none; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody {
display: table-row-group;
border-color: inherit;
float: initial;
vertical-align: middle; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody tr {
display: table-row;
border-color: inherit;
float: initial;
vertical-align: inherit; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td table tbody tr td {
display: table-cell;
float: initial;
vertical-align: inherit; }
@media (min-width: 800px) {
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[scope=row] {
width: 20%; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr td[valign=top] {
float: left;
width: 25%; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit tr:last-child {
clear: both; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit {
position: relative; }
.yui-skin-sam.masked #dlg.SuiteP-configureDashlet.yui-module.yui-overlay.yui-panel .bd form table.edit #edit_tabs {
position: absolute;
top: 20px;
right: 40px; } }
.dashletNonTable {
padding: 0 5px 0 10px; }
#add_dashlets {
display: none; }
#dashletresponsive {
float: left; }
.dashboardTbList {
max-width: 90%; }
@media (max-width: 999px) and (max-height: 1024px) {
#dashletsDialog_c {
margin-top: 25px;
margin-bottom: 25px;
margin-left: 0;
overflow: scroll;
height: 70%; } }
@media (max-width: 1024px) {
.dashletcontainer.col-50 {
width: 100%; }
table td[class*=col-] {
display: block;
clear: both;
float: none;
width: 100%; }
table th[class*=col-] {
display: block;
clear: both;
float: none;
width: 100%; }
.dashletcontainer {
display: block;
clear: both;
float: none;
width: 100%; } }
@media (min-width: 1025px) {
.dashletcontainer.col-50 {
width: 50%; } }
/**** List view ***/
.list {
padding: 0;
margin-bottom: 10px; }
.list .pagination {
padding: 0;
margin: 0;
border: 0; }
tr#pagination {
background: #ffffff; }
.list .pagination td {
padding: 0;
margin: 0;
border: 0; }
.list .pagination td table {
padding: 0;
margin: 0;
border: 0; }
/* PAGINATION */
.list #pagination td {
padding: 0; }
.list #pagination td .paginationTable tr {
padding: 0; }
.list #pagination td .paginationTable tr td:first-of-type {
padding-left: 5px; }
.list #pagination td .paginationTable tr td:last-of-type {
padding-right: 5px; }
.list #pagination td .paginationTable .paginationActionButtons {
background-color: #BFCAD3;
padding: 5px 0 5px 0; }
.list #pagination td .paginationTable .paginationChangeButtons {
background-color: #BFCAD3;
padding: 5px 5px 5px 0; }
.list #pagination td .paginationTable .pageNumbers {
position: static;
font-weight: bold;
color: #ffffff;
padding: 0 8px 0 0;
margin: 0 0 0 0; }
#listViewStartButton_top {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 9px -29px;
background-repeat: no-repeat;
margin-right: 2px;
width: 26px; }
#listViewStartButton_bottom {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 9px -29px;
background-repeat: no-repeat;
margin-right: 2px;
width: 26px; }
#listViewStartButton_top[disabled] {
cursor: default;
opacity: .5; }
#listViewPrevButton_top[disabled] {
cursor: default;
opacity: .5; }
#listViewNextButton_top[disabled] {
cursor: default;
opacity: .5; }
#listViewEndButton_top[disabled] {
cursor: default;
opacity: .5; }
#listViewStartButton_bottom[disabled] {
cursor: default;
opacity: .5; }
#listViewPrevButton_bottom[disabled] {
cursor: default;
opacity: .5; }
#listViewNextButton_bottom[disabled] {
cursor: default;
opacity: .5; }
#listViewEndButton_bottom[disabled] {
cursor: default;
opacity: .5; }
#listViewStartButton_top img {
display: none; }
#listViewStartButton_bottom img {
display: none; }
#listViewPrevButton_top {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 9px -50px;
background-repeat: no-repeat;
width: 26px; }
#listViewPrevButton_bottom {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 9px -50px;
background-repeat: no-repeat;
width: 26px; }
#listViewPrevButton_top img {
display: none; }
#listViewPrevButton_bottom img {
display: none; }
#listViewNextButton_top {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 10px -132px;
background-repeat: no-repeat;
width: 26px; }
#listViewNextButton_bottom {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 10px -132px;
background-repeat: no-repeat;
width: 26px; }
#listViewNextButton_top img {
display: none; }
#listViewNextButton_bottom img {
display: none; }
#listViewEndButton_top {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 10px -112px;
background-repeat: no-repeat;
margin-left: 2px;
width: 26px; }
#listViewEndButton_bottom {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 10px -112px;
background-repeat: no-repeat;
margin-left: 2px;
width: 26px; }
#listViewEndButton_top img {
display: none; }
#listViewEndButton_bottom img {
display: none; }
.list .pagination td table td {
padding: 3px 7px 3px 5px;
background: #BFCAD3 none repeat scroll 0 0; }
.list .pagination td table td button {
width: 25px; }
.list .pagination td table td a:link {
font-weight: normal;
padding: 2px 0 3px 0;
text-decoration: none;
color: #ffffff; }
.list .pagination td table td a:visited {
font-weight: bold;
padding: 2px 0 3px 0;
text-decoration: none;
color: #ffffff; }
.reportGroupByDataChildTablelistViewThS1 a:link {
font-weight: bold;
padding: 2px 0 3px 0;
text-decoration: none;
color: #ffffff; }
.reportGroupByDataChildTablelistViewThS1 a:visited {
font-weight: bold;
padding: 2px 0 3px 0;
text-decoration: none;
color: #ffffff; }
.list .pagination td table td a:hover {
text-decoration: none; }
.reportGroupByDataChildTablelistViewThS1 a:hover {
text-decoration: underline; }
.list .pagination .buttons {
padding: 2px 2px 2px 0; }
.list .pagination #selectCountTop {
width: 5em; }
.selectedRecords {
display: inline;
padding: 0;
margin: 0;
position: relative;
top: -8px; }
.selectedRecords.label {
color: #FFFFFF; }
.selectedRecords.value {
margin-right: 8px; }
@media (max-width: 480px) {
.selectedRecords.label {
display: none; } }
.td_alt {
font-size: 16px;
font-weight: 800;
padding: 16px 10px 16px 10px;
border-left: none;
border-right: none;
text-align: left;
white-space: nowrap; }
.list tr th {
font-size: 16px;
padding: 16px 10px 16px 10px;
border-left: none;
border-right: none;
text-align: left;
white-space: nowrap;
font-weight: 700;
color: #ffffff; }
.list tr td[scope=col] {
font-size: 16px;
font-weight: 800;
padding: 16px 10px 16px 10px;
border-left: none;
border-right: none;
text-align: left;
white-space: nowrap;
color: #ffffff; }
.edit .list tr th {
font-size: 16px;
font-weight: 800;
padding: 16px 10px 16px 10px;
border-left: none;
border-right: none;
text-align: left;
white-space: nowrap; }
.edit .list tr td[scope=col] {
font-size: 16px;
font-weight: 800;
padding: 16px 10px 16px 10px;
border-left: none;
border-right: none;
text-align: left;
white-space: nowrap; }
.list tr td {
padding: 3px 8px 5px 5px;
vertical-align: middle; }
.list .pagination button[disabled] {
height: 26px; }
.list tr .odd {
padding: 3px 8px 5px 5px;
vertical-align: middle; }
.list th a:link {
font-weight: bold;
text-decoration: none; }
.list th a:visited {
font-weight: bold;
text-decoration: none; }
.list td[scope=col] a:link {
font-weight: bold;
text-decoration: none; }
.list td[scope=col] a:visited {
font-weight: bold;
text-decoration: none; }
.list th a:hover {
text-decoration: underline; }
.list td[scope=col] a:hover {
text-decoration: underline; }
.list .oddListRowS1 td {
white-space: normal;
word-wrap: break-word; }
.list .evenListRowS1 td {
white-space: normal;
word-wrap: break-word; }
.list thead {
background-color: #778591; }
.list .oddListRowS1 td[nowrap] {
white-space: nowrap;
word-wrap: normal; }
.list .evenListRowS1 td[nowrap] {
white-space: nowrap;
word-wrap: normal; }
a.listViewTdToolsS1 {
padding: 4px; }
.list td a.listViewTdToolsS1 {
white-space: nowrap;
word-wrap: normal;
text-align: left;
min-width: 55px; }
.list tr .nowrap {
white-space: nowrap;
word-wrap: normal; }
.inlineButtons .clickMenu > li > span {
position: absolute;
right: 0; }
.list .inlineButtons {
text-align: right;
min-width: 75px; }
.list .pagination .buttons .clickMenu:hover > li > a:link {
color: #FFFFFF; }
.list .pagination .buttons .clickMenu:hover > li > a {
color: #FFFFFF; }
.list tr th a:link {
font-size: 16px;
font-weight: 700;
padding-right: 10px;
color: #ffffff; }
.list {
font-size: 14px; }
.list-view-rounded-corners {
margin: 16px 0 16px 0; }
.list-view-rounded-corners > table {
border-spacing: 0;
border-collapse: separate; }
#pagination:nth-of-type(2) {
border-spacing: 0;
border-collapse: separate; }
.SugarActionMenuIESub li a {
border: 1px solid transparent;
overflow: hidden; }
.clickMenu li a {
border: 1px solid transparent;
overflow: hidden; }
.list .pagination .buttons .clickMenu > li > a:link {
border: 1px solid transparent;
overflow: hidden; }
.list .pagination .buttons .clickMenu > li > a {
border: 1px solid transparent;
overflow: hidden; }
.list-view-rounded-corners > table > thead > th {
border: 1px solid transparent;
overflow: hidden; }
.pagination-bottom {
border: 1px solid transparent;
overflow: hidden; }
.list-view-rounded-corners > table th:first-of-type {
border-top-left-radius: 4px; }
.list-view-rounded-corners > table th:last-of-type {
border-top-right-radius: 4px; }
.pagination-bottom .paginationTable td:first-of-type {
border-bottom-left-radius: 4px; }
.pagination-bottom .paginationTable td:last-of-type {
border-bottom-right-radius: 4px; }
#history_search table td {
width: auto; }
#history_search table td:nth-of-type(2) select[multiple] {
height: 48px; }
#history_search table td:nth-of-type(2) select[size] {
height: 48px; }
#history_search table td:nth-of-type(8) div {
display: inline-block; }
.col-advanced-search {
margin-bottom: 16px; }
.col-advanced-search label {
font-weight: 700; }
.table-responsive.list > tbody > tr > td {
padding-top: 15px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px; }
.table-responsive.list > tbody > tr > td > a {
font-weight: bold;
color: #000000;
border-bottom-color: #000000;
border-bottom-style: dashed;
border-bottom-width: 1px; }
.table-responsive.list > tbody > tr > td a:hover {
color: #D66C60;
border-bottom-color: #D66C60; }
.table-responsive.list > tbody > tr > td .edit-link {
border-bottom: none; }
#selectLinkTop .sugar_action_button {
background-color: #94A6B5;
padding: 0 4px 0 0;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px;
margin-left: 0; }
#selectLinkBottom {
margin-right: 5px;
position: relative;
line-height: 0;
min-height: 16px;
min-width: 32px;
margin-left: 0; }
#selectLinkBottom .sugar_action_button {
background-color: #94A6B5;
padding: 0 4px 0 0;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px;
margin-left: 0; }
#selectLinkTop .selectActionsDisabled {
min-width: 32px;
margin-left: 0px; }
.paginationActionButtons .clickMenu .massall {
margin: 2px 0 0 4px;
float: left; }
#selectLink.clickMenu .massall {
margin: 2px 0 0 4px;
float: left; }
.selectCol .massall {
margin: 2px 0 0 4px;
float: left; }
.paginationActionButtons .selectmenu > li > a {
padding: 0; }
.selectCol .selectmenu > li > a {
padding: 0; }
#selectLink.clickMenu > li > a {
padding: 0; }
.clickMenu.showLess .moreOverflow {
display: none; }
.clickMenu.showLess .moduleMenuOverFlowLess {
display: none; }
.clickMenu.showMore .moduleMenuOverFlowMore {
display: none; }
#selectLink.clickMenu {
height: 17px;
min-width: 20px;
background-image: none; }
.single a {
background-color: #94A6B5;
padding: 0;
border: 1px solid transparent;
border-radius: 4px; }
.single > a {
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px;
padding: 0; }
#actionLinkTop .sugar_action_button {
padding: 0 4px 0 0;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px;
background-color: #778591; }
.action-link-top .sugar_action_button {
padding: 0 4px 0 0;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px;
background-color: #778591; }
#actionLinkBottom .sugar_action_button {
padding: 0 4px 0 0;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px;
background-color: #778591; }
.action-link-bottom .sugar_action_button {
padding: 0 4px 0 0;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px;
background-color: #778591; }
.paginationActionButtons .clickMenu #massall {
margin: 1px 4px;
float: left; }
#selectLink.clickMenu #massall {
margin: 1px 4px;
float: left; }
.list tr th a:visited {
color: #ffffff; }
.list tr td[scope=col] a:link {
color: #ffffff; }
.list tr td[scope=col] a:visited {
color: #ffffff; }
.list .pagination td table td span.pageNumbers {
color: #ffffff; }
.list tr.pagination td.buttons ul.clickMenu > li > a:link {
display: block;
color: #ffffff;
float: left;
text-decoration: none; }
.list tr.pagination td.buttons ul.clickMenu > li > a {
display: block;
color: #ffffff;
float: left;
text-decoration: none; }
/*///// MASS ASSIGN /////*/
#massassign_form table {
float: left;
width: auto; }
#massassign_form table td {
float: left;
width: auto; }
.listViewButtons .button:hover {
background-color: #D66C60; }
#massassign_form h3 {
font-size: 16px;
font-weight: normal;
color: #afaabf;
margin: 14px 20px 0 0; }
#massassign_form h3 span {
color: #6A6578; }
#massassign_form .button {
margin-right: 10px; }
#massassign_form .tabForm {
background-color: transparent;
margin-bottom: 0px; }
#mass_update_table {
color: #afaabf; }
#mass_update_table td {
padding-left: 15px;
line-height: 40px; }
#mass_update_table.tabForm td {
color: #6A6578; }
#mass_update_table td select {
border-radius: 3px; }
#selectLinkTop {
min-height: 16px;
line-height: 0;
position: relative;
margin-right: 5px;
min-width: 32px;
margin-left: 0; }
#actionLinkBottom {
position: relative;
min-height: 16px;
font-size: 16px;
line-height: 0; }
.action-link-bottom {
position: relative;
font-size: 16px;
left: -1px;
min-height: 16px;
line-height: 0;
padding: 1px; }
#selectLinkTop input[type=checkbox] {
margin-top: 5px; }
#selectLinkBottom input[type=checkbox] {
margin-top: 5px; }
#actionLinkBottom input[type=checkbox] {
margin-top: 5px; }
.action-link-bottom input[type=checkbox] {
margin-top: 5px; }
#actionLinkTop {
position: relative;
font-size: 16px;
line-height: 11px;
min-height: 16px; }
.action-link-top {
position: relative;
font-size: 16px;
line-height: 11px;
min-height: 16px; }
#detail_header_action_menu .sugar_action_button a#edit_button {
margin: 5px 10px 5px 9px; }
#userEditActions .sugar_action_button a {
margin: 5px 10px 5px 9px; }
#actionLinkTop .sugar_action_button a {
margin: 5px 10px 5px 9px; }
.action-link-top .sugar_action_button a {
margin: 5px 10px 5px 9px; }
#actionLinkBottom .sugar_action_button a {
margin: 5px 10px 5px 9px; }
.action-link-bottom .sugar_action_button a {
margin: 5px 10px 5px 9px; }
.buttonOn {
min-width: 32px; }
#detail_header_action_menu .sugar_action_button {
min-width: 32px;
background-color: #ff0000;
padding: 5px 20px; }
#userEditActions .sugar_action_button {
min-width: 32px;
background-color: #ff0000;
padding: 5px 20px; }
#select_actions_disabled_top {
padding: 4px 6px 4px 10px;
position: relative;
height: 27px;
margin-right: 5px; }
#select_actions_disabled_bottom {
position: relative;
padding: 4px 6px 4px 10px;
height: 27px;
margin-right: 5px; }
#detail_header_action_menu > .sugar_action_button > .subnav {
left: 0;
right: auto;
color: #ffffff;
line-height: 24px;
width: 100%;
background-color: #ff0000; }
#userEditActions > .sugar_action_button > .subnav {
left: 0;
right: auto;
color: #ffffff;
line-height: 24px;
width: 100%;
background-color: #ff0000; }
#selectLinkTop > .sugar_action_button > .subnav {
left: 0;
right: auto;
background-color: #778591;
color: #ffffff;
line-height: 24px;
padding: 0;
width: auto; }
#selectLinkBottom > .sugar_action_button > .subnav {
left: 0;
right: auto;
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
padding: 0;
width: auto; }
.list .SugarActionMenu .sugar_action_button > .subnav a {
border-bottom: 1px solid #93A0AB; }
.list .SugarActionMenu .sugar_action_button > .subnav li:last-of-type a:last-of-type {
border-bottom: none; }
.list .SugarActionMenu .sugar_action_button .subnav {
padding: 4px 10px; }
#detail_header_action_menu > .sugar_action_button > .subnav li {
color: #F5F5F5;
line-height: 24px;
width: 100%;
background-color: #ff0000; }
#detail_header_action_menu > .sugar_action_button > .subnav a {
color: #F5F5F5;
line-height: 24px;
width: 100%;
background-color: #ff0000; }
#userEditActions > .sugar_action_button > .subnav li {
color: #F5F5F5;
line-height: 24px;
width: 100%;
background-color: #ff0000; }
#userEditActions > .sugar_action_button > .subnav a {
color: #F5F5F5;
line-height: 24px;
width: 100%;
background-color: #ff0000; }
#userEditActions .clickMenu li .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#selectLinkTop > .sugar_action_button > .subnav li {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%;
padding: 0; }
#selectLinkTop > .sugar_action_button > .subnav a {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkTop .clickMenu li .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
.action-link-top .clickMenu li .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkTop > .sugar_action_button > .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: auto; }
.action-link-top > .sugar_action_button > .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: auto; }
#actionLinkTop > .sugar_action_button > .subnav li {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
.action-link-top > .sugar_action_button > .subnav li {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkTop > .sugar_action_button > .subnav a {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
.action-link-top > .sugar_action_button > .subnav a {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#selectLinkBottom > .sugar_action_button > .subnav li {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%;
padding: 0; }
#selectLinkBottom > .sugar_action_button > .subnav a {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkBottom .clickMenu li .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
.action-link-bottom .clickMenu li .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkBottom > .sugar_action_button > .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: auto; }
.action-link-bottom > .sugar_action_button > .subnav {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: auto; }
#actionLinkBottom > .sugar_action_button > .subnav li {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
.action-link-bottom > .sugar_action_button > .subnav li {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkBottom > .sugar_action_button > .subnav a {
background-color: #778591;
line-height: 24px;
color: #F5F5F5;
width: 100%; }
.action-link-bottom > .sugar_action_button > .subnav a {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
#actionLinkTop .menuItem {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%;
padding: 0; }
.action-link-top .menuItem {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%;
padding: 0; }
#actionLinkBottom .menuItem {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%;
padding: 0; }
.action-link-bottom .menuItem {
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%;
padding: 0; }
#actionLinkTop .sugar_action_button .subnav.ddopen a {
display: block;
color: #F5F5F5;
float: none; }
.action-link-top .sugar_action_button .subnav.ddopen a {
display: block;
color: #F5F5F5;
float: none; }
#actionLinkTop .sugar_action_button .subnav.ddopen a:hover {
display: block;
color: #F5F5F5;
float: none;
background-color: #677785;
width: 100%; }
.action-link-top .sugar_action_button .subnav.ddopen a:hover {
display: block;
color: #F5F5F5;
float: none;
background-color: #677785;
width: 100%; }
#actionLinkBottom .sugar_action_button .subnav.ddopen a {
display: block;
color: #F5F5F5;
float: none; }
.action-link-bottom .sugar_action_button .subnav.ddopen a {
display: block;
color: #F5F5F5;
float: none; }
#actionLinkBottom .sugar_action_button .subnav.ddopen a:hover {
display: block;
color: #F5F5F5;
float: none;
background-color: #677785;
width: 100%; }
.action-link-bottom .sugar_action_button .subnav.ddopen a:hover {
display: block;
color: #F5F5F5;
float: none;
background-color: #677785;
width: 100%; }
#actionLinkTop .sugar_action_button .subnav.ddopen li a.menuItemHilite {
background-color: #677785;
width: 100%; }
.action-link-top .sugar_action_button .subnav.ddopen li a.menuItemHilite {
background-color: #677785;
width: 100%; }
#actionLinkBottom .sugar_action_button .subnav.ddopen li a.menuItemHilite {
background-color: #677785;
width: 100%; }
.action-link-bottom .sugar_action_button .subnav.ddopen li a.menuItemHilite {
background-color: #677785;
width: 100%; }
#actionLinkTop .sugar_action_button .subnav.ddopen {
padding: 0;
margin: 0;
border: 0; }
.action-link-top .sugar_action_button .subnav.ddopen {
padding: 0;
margin: 0;
border: 0; }
#actionLinkBottom .sugar_action_button .subnav.ddopen {
padding: 0;
margin: 0;
border: 0; }
.action-link-bottom .sugar_action_button .subnav.ddopen {
padding: 0;
margin: 0;
border: 0; }
#actionLinkTop .sugar_action_button .subnav.ddopen li {
padding: 0;
margin: 0;
border: 0; }
.action-link-top .sugar_action_button .subnav.ddopen li {
padding: 0;
margin: 0;
border: 0; }
#actionLinkBottom .sugar_action_button .subnav.ddopen li {
padding: 0;
margin: 0;
border: 0; }
.action-link-bottom .sugar_action_button .subnav.ddopen li {
padding: 0;
margin: 0;
border: 0; }
#actionLinkTop .sugar_action_button .subnav.ddopen li a {
margin: 0;
padding: 5px 15px; }
.action-link-top .sugar_action_button .subnav.ddopen li a {
margin: 0;
padding: 5px 15px; }
#actionLinkBottom .sugar_action_button .subnav.ddopen li a {
margin: 0;
padding: 5px 15px; }
.action-link-bottom .sugar_action_button .subnav.ddopen li a {
margin: 0;
padding: 5px 15px; }
#actionLinkTop .sugar_action_button .subnav li a {
padding: 5px 15px; }
.action-link-top .sugar_action_button .subnav li a {
padding: 5px 15px; }
#actionLinkBottom .sugar_action_button .subnav li a {
padding: 5px 15px; }
.action-link-bottom .sugar_action_button .subnav li a {
padding: 5px 15px; }
#actionLinkBottom > .sugar_action_button > .subnav a:hover {
background-color: #778591; }
.action-link-bottom > .sugar_action_button > .subnav a:hover {
background-color: #778591; }
#actionLinkTop .menuItemHilite {
background-color: #778591; }
.action-link-top .menuItemHilite {
background-color: #778591; }
#actionLinkBottom .menuItemHilite {
background-color: #778591; }
.action-link-bottom .menuItemHilite {
background-color: #778591; }
#selectLinkTop > .sugar_action_button > .subnav a:hover {
background-color: #677785; }
#selectLinkBottom > .sugar_action_button > .subnav a:hover {
background-color: #677785; }
#detail_header_action_menu > .sugar_action_button > .subnav a:hover {
background-color: #ff0000; }
#userEditActions > .sugar_action_button > .subnav a:hover {
background-color: #ff0000; }
.list .sugar_action_button > .subnav a {
padding: 5px 20px; }
.list .sugar_action_button > .subnav {
border-radius: 4px; }
form#MassAssign_SecurityGroups {
background-color: #e6e6e6;
padding: 10px 20px 10px 20px;
margin: 20px 0 20px 0;
border-radius: 3px;
float: left;
width: 100%; }
#massupdate_form {
margin-top: 20px; }
#massupdate_form .buttons {
padding-bottom: 2px; }
#mass_update_table tbody tr td {
padding-bottom: 0px; }
/*** Search (ListView) ***/
.search {
padding: 10px 6px 12px 10px;
margin: 0 0 4px 0; }
.search > table {
padding: 0;
margin: 0; }
.search td span {
color: #444444; }
.submitButtons {
padding-left: 20px; }
.submitButtons input {
margin-bottom: 10px; }
.search td input[type=text] {
border: none;
border-radius: 3px;
line-height: 40px;
width: 260px;
height: 40px; }
.search td input[type=password] {
border: none;
border-radius: 3px;
line-height: 40px;
width: 260px;
height: 40px; }
.search td select {
border: none;
border-radius: 3px;
line-height: 40px;
width: 260px;
height: 40px; }
.search_form {
margin-bottom: 20px;
overflow: visible;
text-align: left; }
.search_form .view {
width: 100%;
margin: 0;
background-color: #E6E6E6;
border-radius: 3px;
font-size: 16px;
padding: 5px 0px 0px 30px; }
select#saved_search_select {
border: none;
border-radius: 3px; }
.search_form input[type=text] {
background: #FFFFFF; }
.search_form textarea {
background: #FFFFFF; }
.search_fields_basic {
line-height: 48px; }
.search_fields_basic select[multiple] {
display: block;
width: 100%; }
.search_fields_basic:nth-of-type(3n+1) {
clear: both; }
.search_name_basic input {
width: 75%; }
.search_fields_basic .dateTimeRangeChoice {
display: inline-block; }
.search_fields_basic .dateTimeRangeChoice + div {
display: inline-block; }
a#advanced_search_link {
display: inline-block;
font-size: 16px;
font-weight: 500;
background-color: #E5E1EF;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_create_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_create_arrow.png");
background-position: 173px 2px;
background-repeat: no-repeat;
color: #fff;
cursor: pointer;
padding: 0 40px 0 20px;
margin: 4px 0 4px 0;
border: none;
border-radius: 3px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
a#advanced_search_link:hover {
background-color: #9589B3; }
a#basic_search_link {
display: inline-block;
font-size: 16px;
font-weight: 500;
background-color: #E5E1EF;
background-image: none, url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_create_arrow.svg"), url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=p_up_arrow.png");
background-position: 136px 13px;
background-repeat: no-repeat;
color: #fff;
cursor: pointer;
padding: 0 40px 0 20px;
margin: 0 0 0 0;
border: none;
border-radius: 3px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
a#basic_search_link:hover {
background-color: #D66C60; }
div#search_form > .advanced input.button {
background-color: #AA9DCC;
color: #F5F5F5; }
div#search_form > .advanced input.button:hover {
background-color: #D66C60; }
.listViewEmpty {
background-color: transparent; }
.pagination button [title=”Return to List”]:hover {
background-image: none;
color: #fff; }
.paginationTable .button {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationTable input[type=submit] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationTable input[type=button] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationChangeButtons button[type=submit] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationTable button[disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationTable input[type=”submit”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationTable input[type=”reset”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationTable input[type=”button”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.paginationChangeButtons button[type=submit][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
/* bulk actions / select columns / filter */
label.hidden-mobile.selected-actions-label {
margin-bottom: initial;
font-size: 10.2px;
letter-spacing: 1.2px;
line-height: 12px; }
label.hidden-desktop.selected-actions-label {
margin-bottom: initial;
font-size: 10.2px;
letter-spacing: 1.2px;
line-height: 12px; }
label.selected-actions-label {
cursor: pointer; }
@media (min-width: 480px) {
label.hidden-desktop.selected-actions-label {
display: block; }
label.hidden-mobile.selected-actions-label {
display: none; } }
@media (max-width: 480px) {
label.hidden-desktop.selected-actions-label {
display: none; }
label.hidden-mobile.selected-actions-label {
display: block; } }
div.modal-content {
margin: 0 auto;
max-width: 100%; }
.modal-search div.modal-content {
width: initial; }
div.modal-header > h4 {
font-size: 19px;
color: #534D64;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300; }
#columnsFilterList > div > h1 {
font-size: 12.5px;
text-transform: uppercase;
letter-spacing: 1.2px; }
ul.chooserList {
list-style-type: none;
min-height: 60px; }
ul.chooserList > li {
padding: 10px;
margin-bottom: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
ul.chooserList.green.ui-sortable > li {
background-color: #CCE8E2; }
ul.chooserList.red.ui-sortable > li {
background-color: #FFAFA6; }
div.modal-header {
padding: 25px; }
#columnsFilterList {
padding: 30px; }
ul.chooserList.green.ui-sortable {
margin-bottom: 30px; }
div.modal-footer > button.btn.button.purple.btn-default {
background-color: #AA9DCC; }
div.modal-footer > button.btn.button.purple.btn-default:hover {
background-color: #9589B3; }
ul.clickMenu.selectmenu.SugarActionMenu.columnsFilterLink.listViewLinkButton {
top: -1px; }
ul.clickMenu.selectmenu.SugarActionMenu.columnsFilterLink.listViewLinkButton > li > a {
margin: 0;
padding: 5px 8px 7px 7px;
top: -1px; }
.preloading {
background-image: url("../../../../themes/SuiteP/images/loading.gif");
width: 48px;
height: 48px; }
#columnsFilterDialog div.modal-content {
width: 450px; }
/***/
ul.clickMenu > li > span.searchAppliedAlert {
background-color: #ff0000;
position: absolute;
line-height: 20px;
color: #F5F5F5;
height: 20px;
width: 20px;
border-radius: 30px;
left: 14px;
top: -16px;
background-image: none;
text-align: center; }
div.qtip.qtip-default {
border: none; }
.dateTimeRangeChoice select {
width: 125px; }
.dateRangeInput {
width: 90px; }
.templateGroupChooser {
width: 150px; }
/* search form (and popup search form) */
.modal-content .search_form .view {
background-color: initial; }
#search_form label {
font-weight: bold;
white-space: nowrap; }
.modal-content #search_form label {
color: #000000; }
.modal-content .search_form .view input[type=”text”],
.modal-content .search_form .view textarea {
background-color: #D4F1EA; }
.search_form .view select,
.search_form .view select#saved_search_select {
padding: initial; }
.modal-content .search_form .view select,
.modal-content .search_form .view select#saved_search_select {
border: 2px solid #A5E8D6; }
.search_form .view .dateTimeRangeChoice {
display: block;
float: left; }
.search_form .view .dateTimeRangeChoice select {
width: 90px;
margin-right: 4px; }
.search_form .view .dateTimeRangeChoiceClear {
display: block; }
.search_form .view .col-lg-8 {
width: initial; }
.search_form .view div.search_fields_basic {
line-height: 22px;
padding-top: 10px; }
.search_form .view .col-xs-12 {
padding-right: 30px;
min-height: initial; }
.search_form .view .col-xs-12 input[type=”text”],
.search_form .view .col-xs-12 textarea {
width: 80%; }
.search_form .view .templateGroupChooser {
width: 100%; }
.search_form .view .search_fields_basic .col-lg-8 {
float: none;
padding: initial; }
.search_form .view #inlineSavedSearch > table > tbody > tr > td {
width: 100%;
display: block;
float: none; }
.search_form.non-popup input[type=”text”],
.search_form.non-popup select,
.search_form.non-popup textarea {
border: none;
height: 40px;
min-height: 40px;
padding: 5px;
line-height: 20px; }
.search_form.non-popup select[multiple],
.search_form.non-popup textarea {
min-height: 80px; }
.search_form.non-popup .view {
padding: 10px 0 10px 30px; }
.search_form.non-popup .view .modal-preload-hidden {
min-height: 100px;
background-image: url("../../../../themes/SuiteP/images/loading.gif");
background-position: center;
background-repeat: no-repeat; }
.search_form.non-popup .view search-clear {
display: none;
clear: both; }
@media (min-width: 992px) {
.search_form.non-popup .view .modal-search .modal-lg {
width: 600px; } }
@media (max-width: 594px) {
.search_form.non-popup .view .modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-8 {
width: 100%; }
.search_form.non-popup .view .modal-search .form-item {
width: 100%; } }
.search_form.non-popup .view .modal-search .submitButtonsAdvanced {
float: right;
padding-right: 30px; }
.search_form.non-popup .view .list tr.pagination-unique td {
padding: 0px; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li.desktopOnly {
display: none; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li.mobileOnly {
display: none; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li > a.glyphicon-remove {
background-color: #ff0000; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li.desktopOnly > a.glyphicon-remove {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 0px 1px 3px 1px;
line-height: 0.8; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li.desktopOnly > a.glyphicon-remove:before {
content: ''; }
@media (min-width: 768px) {
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li.desktopOnly {
display: block; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li > a.glyphicon-remove {
background-color: #ff0000;
padding: 0;
position: absolute;
right: -8px;
top: -5px; } }
@media (max-width: 768px) {
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li.mobileOnly {
display: block; }
ul.clickMenu.selectmenu.SugarActionMenu.listViewLinkButton > li > a.glyphicon-remove {
background-color: #ff0000;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
left: 6px;
width: 26px;
height: 27px;
top: -1px;
padding: 6px; } }
/* search form (and popup search form) */
.modal-content .search_form .view input[type=”text”],
.modal-content .search_form .view textarea {
background-color: #D4F1EA; }
.search_form .view select,
.search_form .view select#saved_search_select {
padding: initial; }
.modal-content .search_form .view select,
.modal-content .search_form .view select#saved_search_select {
border: 2px solid #A5E8D6; }
.search_form .view .col-xs-12 input[type=”text”],
.search_form .view .col-xs-12 textarea {
width: 80%; }
.search_form.non-popup input[type=”text”],
.search_form.non-popup select,
.search_form.non-popup textarea {
border: none;
height: 40px;
min-height: 40px;
padding: 5px;
line-height: 20px; }
.search_form.non-popup select[multiple],
.search_form.non-popup textarea {
min-height: 80px; }
/*** Popup ***/
.popupBody {
padding: 0;
margin: 10px; }
.popupBody input[type=text] {
width: 95%; }
.popupBody textarea {
width: 95%; }
.popupBody .list.view {
font-size: 14px;
margin-bottom: 20px;
overflow: scroll;
width: 95%; }
.popupBody .list.view > thead > tr > th {
border: 1px solid transparent;
border-bottom-color: #778591; }
.popupBody .list.view > thead > tr > th:first-of-type {
border-top-left-radius: 4px; }
.popupBody .list.view > thead > tr > th:last-of-type {
border-top-right-radius: 4px; }
#popup_query_form .row {
margin-left: 15px;
margin-right: 15px; }
.popupBody .list.view .pagination .button {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .pagination input[type=submit] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .pagination input[type=button] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .paginationChangeButtons button[type=submit] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .pagination button[disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .pagination input[type=”submit”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .pagination input[type=”reset”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list.view .pagination input[type=”button”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .sugar_action_button {
background-color: #94A6B5;
padding: 0;
padding-right: 4px;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px; }
.popupBody .list.view .paginationChangeButtons button[type=submit][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.popupBody .list .pagination #select_link {
display: none;
visibility: hidden; }
.popupBody .list tbody > tr > td a {
font-size: 14px;
font-weight: bold;
color: #000000;
border-bottom-color: #000000;
border-bottom-style: dashed;
border-bottom-width: 1px; }
.popupBody .list tbody > tr > td a:hover {
color: #D66C60;
border-bottom-color: #D66C60; }
.popupBody .list .pagination td table td a:link {
font-size: 16px;
font-weight: normal;
width: 100%; }
.popupBody .list .pagination a:hover {
color: #FFFFFF;
border-bottom-color: #D66C60; }
.popupBody .list tbody > tr > td {
padding-top: 15px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle; }
.popupBody .list .pagination tbody > tr > td {
padding: 5px; }
.popupBody .checkbox .popupBody input[type=checkbox] {
display: block;
margin-top: 0px;
float: left; }
.popupBody input[type=checkbox] {
display: block;
margin-top: 0px;
margin-top: 5px;
margin-left: 4px;
float: left; }
.popupBody .list .sugar_action_button > span {
margin-left: 4px; }
.popupBody .list .subnav {
left: 0;
right: auto;
padding: 4px 10px;
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: auto; }
.popupBody .list .subnav a {
border-bottom: 1px solid #93A0AB; }
.popupBody .list .subnav li:last-of-type a:last-of-type {
border-bottom: none; }
.popupBody input {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
-webkit-appearance: none;
border-radius: 0; }
.popupBody .list th {
white-space: normal;
word-wrap: break-word; }
.popupBody .list td {
white-space: normal;
word-wrap: break-word; }
.popupBody .paginationActionButtons {
height: 40px;
max-height: 40px; }
/*** Inbound Email ***/
.inbound-email {
padding: 0;
margin: 10px; }
.inbound-email input[type=text] {
width: 95%; }
.inbound-email textarea {
width: 95%; }
.inbound-email .list.view {
font-size: 14px;
margin-bottom: 20px;
overflow: scroll;
width: 95%; }
.inbound-email .list.view > thead > tr > th {
border: 1px solid transparent;
border-bottom-color: #778591; }
.inbound-email .list.view > thead > tr > th:first-of-type {
border-top-left-radius: 4px; }
.inbound-email .list.view > thead > tr > th:last-of-type {
border-top-right-radius: 4px; }
.inbound-email .list.view .pagination .button {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .list.view .pagination td {
color: #F5F5F5; }
.inbound-email .list.view .pagination #delete_button {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 26px;
height: 26px; }
.inbound-email .list.view .pagination input[type=button] {
background-color: #94A6B5;
color: #F5F5F5;
color: #FFFFFF;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email #delete_button {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .listViewTdToolsS1 {
border-bottom: none; }
.inbound-email .list.view .paginationChangeButtons button[type=submit] {
background-color: #94A6B5;
color: #F5F5F5;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .list.view .pagination button[disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .list.view .pagination input[type=”submit”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .list.view .pagination input[type=”reset”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .list.view .pagination input[type=”button”][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .sugar_action_button {
background-color: #94A6B5;
padding: 0;
padding-right: 4px;
border: 1px solid transparent;
border-radius: 4px;
min-width: 32px; }
.inbound-email .SugarActionMenu {
clear: both;
float: left; }
.inbound-email #selectLink.clickMenu #massall {
margin-top: 4px; }
.inbound-email .list.view .paginationChangeButtons button[type=submit][disabled] {
background-color: #94A6B5;
color: #808F9C;
padding: 0 10px 0 10px;
line-height: 26px;
height: 26px; }
.inbound-email .pagination input[type=text] {
line-height: normal;
min-height: 0; }
.inbound-email .list tbody > tr > td a {
font-size: 14px;
font-weight: bold;
color: #000000;
border-bottom-color: #000000;
border-bottom-style: dashed;
border-bottom-width: 1px; }
.inbound-email .list tbody > tr > td a:hover {
color: #D66C60;
border-bottom-color: #D66C60; }
.inbound-email .list .pagination td table td a:link {
font-size: 16px;
font-weight: normal;
width: 100%; }
.inbound-email .list .pagination a:hover {
color: #FFFFFF;
border-bottom-color: #D66C60; }
.inbound-email .list tbody > tr > td {
padding-top: 15px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle; }
.inbound-email .list .pagination tbody > tr > td {
padding: 5px; }
.inbound-email .checkbox .inbound-email input[type=checkbox] {
display: block;
margin-top: 0px;
float: left; }
.inbound-email input[type=checkbox] {
display: block;
margin-top: 0px;
margin-top: 5px;
margin-left: 4px;
float: left; }
.inbound-email .list .sugar_action_button > span {
margin-left: 4px; }
.inbound-email #selectLink.clickMenu {
background-color: #778591; }
.inbound-email .subnav {
left: 0;
right: auto;
background-color: #778591; }
.inbound-email .list .subnav a {
border-bottom: 1px solid #93A0AB; }
.inbound-email .list .subnav li:last-of-type a:last-of-type {
border-bottom: none; }
.inbound-email .list .subnav {
padding: 4px 10px;
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: auto; }
.inbound-email input {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
-webkit-appearance: none; }
.inbound-email .list th {
white-space: normal;
word-wrap: break-word; }
.inbound-email .list td {
white-space: normal;
word-wrap: break-word; }
.inbound-email .paginationActionButtons {
height: 40px;
max-height: 40px; }
.inbound-email .menuItemHilite {
font-weight: normal;
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
.inbound-email .menuItem {
font-weight: normal;
background-color: #778591;
color: #F5F5F5;
line-height: 24px;
width: 100%; }
/*xs-col-*/
@media (max-width: 769px) {
.search_name_basic img {
margin: 0 8px 0 8px; }
.search_name_basic input {
width: 90%; }
.search_buttons_basic {
margin: 0 8px 0 42px; } }
.popupBody .list tfoot > .pagination table tr td:first-of-type {
border-bottom-left-radius: 4px; }
.popupBody .list tfoot > .pagination table tr td:last-of-type {
border-bottom-right-radius: 4px; }
/*sm-col-*/
@media (min-width: 768px) and (max-width: 991px) {
.search_name_basic img {
margin: 0 8px 0 8px; }
.search_name_basic input {
width: 94%; }
.search_buttons_basic {
margin: 0 8px 0 42px; }
/*md-col-*/ }
@media (min-width: 768px) and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px) {
.search_buttons_basic {
margin: 0 8px 0 42px;
position: absolute;
right: 0; }
.search_name_basic img {
margin: 0 8px 0 8px; }
.search_name_basic input {
width: 90%; }
form[name=”wizform”] div.wizard-unique-elem {
width: 900px; } }
@media (min-width: 768px) and (max-width: 991px) {
/*md-fixes*/ }
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1180px) and (max-width: 1199px) {
.search_buttons_basic {
width: auto; }
form[name=”wizform”] div.wizard-unique-elem {
width: 1000px; } }
@media (min-width: 768px) and (max-width: 991px) {
/*lg-col-*/ }
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1260px) {
li.topnav {
padding: 0 5px 0 5px; } }
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) {
.search_name_basic img {
margin: 0 8px 0 8px; }
.search_buttons_basic {
margin: 4px 8px 0 8px; }
.search_fields_basic .col-lg-3 {
width: 100%; }
form[name=”wizform”] div.wizard-unique-elem {
width: 1100px; } }
@media (min-width: 768px) and (max-width: 991px) and (min-width: 1600px) {
.search_fields_basic .col-lg-3 {
width: 25%; } }
@media (min-width: 320px) and (max-width: 978px) {
.search_fields_basic.col-sm-3 {
display: block; } }
@media (max-width: 750px) {
#massassign_form table {
float: left;
width: 100%; }
#massassign_form table td {
float: left;
width: 100%;
text-align: center; }
#massassign_form h3 {
margin-right: 0;
text-align: center; }
#massassign_form table {
text-align: center; }
#mass_update_table td {
padding-left: 0;
line-height: 30px; }
.paginationChangeButtons {
max-width: 125px; }
.paginationActionButtons {
padding: 30px; }
#listViewStartButton_top {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewPrevButton_top {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewNextButton_top {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewEndButton_top {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewStartButton_bottom {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewPrevButton_bottom {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewNextButton_bottom {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewEndButton_bottom {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewStartButton_ {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewPrevButton_ {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewNextButton_ {
padding: 2px 5px 2px 5px;
margin: 0; }
#listViewEndButton_ {
padding: 2px 5px 2px 5px;
margin: 0; }
.pageNumbers {
font-size: 10px; } }
.edit {
padding: 0 6px 12px 10px; }
/* PAGINATION */
.list tr.pagination-unique td {
padding: 0px; }
.list tr.pagination-unique td table.paginationTable tr {
padding: 0px; }
.list tr.pagination-unique td table.paginationTable td.paginationActionButtons {
background-color: #BFCAD3;
padding: 5px 0px 5px 0px; }
.list tr.pagination-unique td table.paginationTable td.paginationChangeButtons {
background-color: #BFCAD3;
padding: 5px 5px 5px 0px; }
listViewLinkButton {
min-height: 16px;
line-height: 0px;
position: relative;
padding: 1px; }
.listViewLinkButton input[type=checkbox] {
margin-top: 5px; }
#detail_header_action_menu li.sugar_action_button a#edit_button {
margin: 5px 10px 5px 9px; }
#userEditActions li.sugar_action_button a {
margin: 5px 10px 5px 9px; }
#actionLinkTop li.sugar_action_button a {
margin: 5px 10px 5px 9px; }
.action-link-top li.sugar_action_button a {
margin: 5px 10px 5px 9px; }
#actionLinkBottom li.sugar_action_button a {
margin: 5px 10px 5px 9px; }
.action-link-bottom li.sugar_action_button a {
margin: 5px 10px 5px 9px;
line-height: 11px; }
.buttonOn,
#detail_header_action_menu li.sugar_action_button,
#userEditActions li.sugar_action_button,
#actionLinkTop li.sugar_action_button,
#actionLinkBottom li.sugar_action_button {
min-width: 32px;
padding: 11px 10px 12px 10px; }
.action-link-top li.sugar_action_button,
.action-link-bottom li.sugar_action_button {
min-width: 32px;
padding: 11px 10px 12px 10px; }
#detail_header_action_menu > .sugar_action_button > ul.subnav {
left: 0;
right: auto;
background-color: #778591; }
#userEditActions > .sugar_action_button > ul.subnav {
left: 0;
right: auto;
background-color: #778591; }
.listViewLinkButton > .sugar_action_button > ul.subnav {
left: 0;
right: auto;
background-color: #778591; }
#selectLinkTop > .sugar_action_button > ul.subnav {
left: 0;
right: auto;
background-color: #778591; }
#selectLinkBottom > .sugar_action_button > ul.subnav {
left: 0;
right: auto;
background-color: #778591; }
ul.clickMenu {
list-style: none;
padding: 0;
margin: 0;
vertical-align: bottom;
color: #F5F5F5;
display: inline-block;
border-radius: 3px; }
.listViewLinkButton {
min-width: 32px;
margin-left: 0px; }
.listViewLinkButton .sugar_action_button {
min-width: 32px;
margin-left: 0px; }
.listViewLinkButton .selectActionsDisabled {
min-width: 32px;
margin-left: 0px; }
ul.clickMenu li ul.subnav {
list-style: none;
position: absolute;
top: 20px;
margin: 0;
display: none;
float: left;
width: auto;
border: 1px solid transparent;
border-radius: 4px;
padding: 8px 0;
z-index: 10;
overflow: hidden; }
ul.clickMenu ul.subnav-sub {
list-style: none;
position: absolute;
top: 20px;
margin: 0;
display: none;
float: left;
width: auto;
border: 1px solid transparent;
border-radius: 4px;
padding: 8px 0;
z-index: 10;
overflow: hidden; }
ul.SugarActionMenuIESub {
list-style: none;
position: absolute;
top: 20px;
margin: 0;
display: none;
float: left;
width: auto;
border: 1px solid transparent;
border-radius: 4px;
padding: 8px 0;
z-index: 10;
overflow: hidden; }
td.paginationActionButtons ul.selectmenu > li > a {
padding: 0; }
td.selectCol ul.selectmenu > li > a {
padding: 0; }
ul#selectLink.clickMenu > li > a {
padding: 0; }
.selectActionsDisabled a {
float: left;
display: inline-block;
text-decoration: none;
color: #C9D2DA;
padding: 2px;
padding: 1px;
font-weight: normal;
position: relative; }
#selectActionsDisabled a:hover {
float: left;
display: inline-block;
text-decoration: none;
color: #C9D2DA;
padding: 2px;
padding: 1px;
font-weight: normal;
position: relative; }
.selectActionsDisabled a.parent-dropdown-handler {
top: 2px; }
#select_actions_disabled_top > a.parent-dropdown-handler {
font-size: 16px; }
#select_actions_disabled_bottom > a.parent-dropdown-handler {
font-size: 16px; }
.sugar_action_button > .parent-dropdown-action-handler {
font-size: 16px;
line-height: 13px;
font-weight: normal; }
.clickMenu.SugarActionMenu > li > ul > li {
font-weight: normal; }
.list tr.oddListRowS1 td {
padding-top: 15px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px; }
.list tr.evenListRowS1 td {
padding-top: 15px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px; }
div.list-view-rounded-corners > table {
border-collapse: separate;
border-spacing: 0; }
tr.pagination-unique:nth-of-type(2) {
border-collapse: separate;
border-spacing: 0; }
div.list-view-rounded-corners > table,
tr.pagination-unique {
background: #F5F5F5; }
.sugar_action_button {
height: 27px; }
.clickMenu.subpanel.records.button.SugarActionMenu .sugar_action_button {
height: 100%; }
table.subpanel-table ul.subpanel > a {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
#actionLinkTop li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
.action-link-top li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
#actionLinkBottom li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
.action-link-bottom li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
table.subpanel-table li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
.listViewLinkButton li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
#selectLinkTop li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
@-moz-document url-prefix() {
#selectLinkTop li.sugar_action_button {
padding-left: 7px; } }
#selectLinkBottom li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
@-moz-document url-prefix() {
#selectLinkBottom li.sugar_action_button {
padding-left: 7px; } }
table.subpanel-table .pagination .sugar_action_button {
padding: 0px;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
table.subpanel-table .pagination li.sugar_action_button > form > a {
padding: 0;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
table.subpanel-table .pagination .sugar_action_button > form > a {
padding: 0;
background-color: #94A6B5;
border: 1px solid transparent;
border-radius: 4px; }
#actionLinkTop li.sugar_action_button:hover {
background-color: #778591; }
.action-link-top li.sugar_action_button:hover {
background-color: #778591; }
#actionLinkBottom li.sugar_action_button:hover {
background-color: #778591; }
.action-link-bottom li.sugar_action_button:hover {
background-color: #778591; }
table.subpanel-table li.sugar_action_button:hover {
background-color: #778591; }
.listViewLinkButton li.sugar_action_button:hover {
background-color: #778591; }
#selectLinkTop li.sugar_action_button:hover {
background-color: #778591; }
#selectLinkBottom li.sugar_action_button:hover {
background-color: #778591; }
table.subpanel-table .pagination .sugar_action_button:hover {
background-color: #778591; }
table.subpanel-table .pagination li.sugar_action_button:hover > form > a {
background-color: #778591; }
table.subpanel-table .pagination .sugar_action_button:hover > form > a {
background-color: #778591; }
table.subpanel-table ul.subpanel a:hover {
background-color: #778591; }
table.subpanel-table .pagination a {
background-color: #778591; }
.subpanel-table ul.subnav {
background-color: #778591; }
#actionLinkTop li.sugar_action_button.hover {
background-color: #778591; }
.action-link-top li.sugar_action_button.hover {
background-color: #778591; }
#actionLinkBottom li.sugar_action_button.hover {
background-color: #778591; }
.action-link-bottom li.sugar_action_button.hover {
background-color: #778591; }
table.subpanel-table li.sugar_action_button.hover {
background-color: #778591; }
.listViewLinkButton li.sugar_action_button.hover {
background-color: #778591; }
#selectLinkTop li.sugar_action_button.hover {
background-color: #778591; }
#selectLinkBottom li.sugar_action_button.hover {
background-color: #778591; }
table.subpanel-table .pagination .sugar_action_button.hover {
background-color: #778591; }
table.subpanel-table .pagination li.sugar_action_button.hover > form > a {
background-color: #778591; }
table.subpanel-table .pagination .sugar_action_button.hover > form > a {
background-color: #778591;
/* ??? #778591; */ }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu {
line-height: 0px;
padding: 1px;
vertical-align: top; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button {
padding: 0px;
background-color: #94A6B5;
/* ??? #94A6B5; */
border: 1px solid transparent;
border-radius: 4px;
padding-right: 4px;
min-width: 32px; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button:hover {
background-color: #778591; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button.hover {
background-color: #778591;
/* ??? #778591; */ }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button input#massall.checkbox.massall {
float: left;
margin: 5px 0 0 4px; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button a#select_link {
padding: 0;
border: 1px solid transparent;
overflow: hidden;
display: block;
text-decoration: none;
float: left;
margin: 0 5px 0 0;
color: #FFFFFF;
/* ??? #fff; */ }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav {
padding: 0;
width: auto;
background-color: #778591;
/* ??? #7b8a96; */
line-height: 24px;
color: #FFFFFF;
/* ??? #ffffff; */
left: 0;
right: auto; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li {
padding: 0;
background-color: #778591;
/* ??? #7b8a96; */
width: 100%;
line-height: 24px;
color: #FFFFFF;
/* ??? #ffffff; */ }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li a.menuItem {
color: #FFFFFF;
width: 100%;
background-color: #778591;
line-height: 24px;
padding: 0 5px 0 7px;
font-weight: normal; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button ul.subnav li a.menuItemHilite {
padding: 0 5px 0 7px;
font-weight: normal; }
ul#selectLink.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button span {
height: 15px; }
div#content div#pagecontent form#MassUpdate table.list.view tbody tr td {
font-weight: 700; }
.list tr.oddListRowS1 td.inline-email-td {
padding-top: 0;
padding-bottom: 0; }
.list tr.evenListRowS1 td.inline-email-td {
padding-top: 0;
padding-bottom: 0; }
.listViewEmpty label.selected-actions-label {
margin: 3px 3px 3px 5px; }
#selectLink > li > label {
margin-bottom: initial;
top: -6px;
margin-right: 8px; }
#selectLinkTop > li > label {
margin-bottom: initial;
top: -6px;
margin-right: 8px; }
#selectLinkBottom > li > label {
margin-bottom: initial;
top: -6px;
margin-right: 8px; }
#selectLink > li > label.disabled {
color: #C9D2DA; }
#selectLinkTop > li > label.disabled {
color: #C9D2DA; }
#selectLinkBottom > li > label.disabled {
color: #C9D2DA;
/* ??? #C9D2DA; */ }
.bootstrap-checkbox-hidden {
display: none; }
#actionLinkTop li.sugar_action_button ul.subnav.ddopen > li:last-child a {
border-bottom: none; }
.action-link-top li.sugar_action_button ul.subnav.ddopen > li:last-child a {
border-bottom: none; }
#actionLinkBottom li.sugar_action_button ul.subnav.ddopen > li:last-child a {
border-bottom: none; }
.action-link-bottom li.sugar_action_button ul.subnav.ddopen > li:last-child a {
border-bottom: none; }
li.sugar_action_button.hover.opened {
position: relative;
height: 40px;
top: 13px;
margin-top: -13px; }
ul.clickMenu.selectmenu.SugarActionMenu li.sugar_action_button label.glyphicon.bootstrap-checkbox {
margin-left: 4px; }
ul.clickMenu.selectmenu.SugarActionMenu.searchLink.listViewLinkButton {
top: -1px; }
ul.clickMenu.selectmenu.SugarActionMenu.searchLink.listViewLinkButton > li > a {
margin: 0;
padding: 5px 8px 7px 7px;
top: -1px; }
ul.clickMenu > li > span.searchAppliedAlert {
background-color: #ff0000;
position: absolute;
line-height: 20px;
color: #fff;
height: 20px;
width: 20px;
border-radius: 30px;
left: 40px;
top: -16px;
background-image: none;
text-align: center; }
.modal-preload-hidden {
min-height: 100px;
background-image: url("../../../../themes/SuiteP/images/loading.gif");
background-position: center;
background-repeat: no-repeat; }
.list-view-action-buttons {
margin-right: 5px; }
.list-view-action-buttons > li {
background-color: transparent;
display: inline-block;
padding: 0 2px 0 2px; }
.list-view-action-buttons > li .btn {
background-color: #94A6B5;
border: 0;
color: #F5F5F5;
font-size: 16px;
margin: 0 0 0 0;
padding: 5px 8px 4px 8px; }
/* search form (and popup search form) */
.modal-content .search_form .view input[type=”text”] {
background-color: #D8F5EE; }
.modal-content .search_form .view textarea {
background-color: #D8F5EE; }
.search_form .view select {
padding: initial; }
.search_form .view select#saved_search_select {
padding: initial; }
.modal-content .search_form .view select {
border: 2px solid #D8F5EE; }
.modal-content .search_form .view select#saved_search_select {
border: 2px solid #D8F5EE; }
.search_form .view .col-xs-12 input[type=”text”] {
width: 80%; }
.search_form .view .col-xs-12 textarea {
width: 80%; }
.search_form.non-popup input[type=”text”] {
border: none;
height: 40px;
min-height: 40px;
padding: 5px;
line-height: 20px; }
.search_form.non-popup select {
border: none;
height: 40px;
min-height: 40px;
padding: 5px;
line-height: 20px; }
.search_form.non-popup textarea {
border: none;
height: 40px;
padding: 5px;
line-height: 20px;
min-height: 80px; }
.search_form.non-popup select[multiple] {
min-height: 80px; }
.search-clear {
display: none;
clear: both; }
.modal-search .search-clear {
display: block; }
.modal-search .col-xs-12.col-sm-4.col-md-4.col-lg-4 {
float: none; }
.modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-4 {
float: left; }
.modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-8 {
float: left;
width: 70%; }
@media (min-width: 992px) {
.modal-search .modal-lg {
width: 600px; } }
@media (max-width: 594px) {
.modal-search .col-xs-12.col-sm-12.col-md-12.col-lg-8 {
width: 100%; }
.modal-search .form-item {
width: 100%; } }
.modal-search .row {
margin-bottom: 30px; }
.modal-search .row .submitButtons {
float: right; }
.modal-search .col-xs-12 {
width: 100%;
float: left; }
.modal-search .col-sm-6 {
width: 100%;
float: left; }
.modal-search .col-md-4 {
width: 100%;
float: left; }
.modal-search .col-lg-4 {
width: 100%;
float: left; }
.modal-search .search_fields_basic .col-xs-12 {
width: 30%; }
.modal-search .col-advanced-search .col-xs-12 {
width: 30%; }
.modal-search .form-item {
float: left;
width: 70%; }
.modal-search .form-item.radios > div {
margin-bottom: 10px; }
@media (max-width: 460px) {
.modal-search .nav-tabs > li.active {
display: none; }
.searchTabHeader.active {
display: block; } }
.modal-search .submitButtonsAdvanced {
float: right;
padding-right: 30px; }
.content .modal-search .nav-tabs {
margin: 16px 0 28px 0; }
.list .pagination-unique td table.paginationTable td.paginationActionButtons:first-child {
padding-right: 60px; }
.paginationActionButtons > ul {
float: left;
height: 30px; }
.selectActionsDisabled {
float: left;
height: 30px; }
.paginationActionButtons .selectActionsDisabled {
margin: 0 3px 3px 0; }
.searchTabHeader {
display: none; }
.listViewEmpty .clearSearchIcon {
margin: 3px 0px 0px 8px; }
.emptyResults {
font-size: 16px;
padding: 1em; }
.filterContainer {
padding: 10px;
font-size: 16px; }
@media (max-width: 750px) {
.list #pagination td .paginationTable .pageNumbers {
display: none; }
.parent-dropdown-handler {
margin-left: 0;
margin-right: 0; }
[name=listViewStartButton] {
display: none; }
[name=listViewEndButton] {
display: none; } }
@media (max-width: 1024px) {
.selected-actions-label-text {
display: none; }
.selected-actions-label .glyphicon {
display: inline-block; } }
@media (min-width: 1024px) {
.selected-actions-label .glyphicon {
display: none; }
.selected-actions-label-text {
display: inline-block; } }
/**** Detail view ***/
.favorite_icon_fill svg {
height: 28px;
width: 28px; }
.favorite_icon_outline svg {
height: 28px;
width: 28px; }
.moduleTitle .module-title-text {
height: auto;
line-height: 36px;
margin-bottom: 12px; }
.nav-tabs > li.tab-inline-pagination {
float: right;
line-height: 28px; }
.nav-tabs > li.tab-inline-pagination .btn-pagination[disabled] {
background-color: #777777; }
.buttons .pagination .btn-pagination {
height: 28px;
line-height: 18px;
font-size: 10px;
padding: 0 10px 0 10px;
background-color: #94A6B5;
font-weight: 600; }
.nav-tabs > li.tab-inline-pagination .btn-pagination {
background-color: #94A6B5;
font-size: 10px;
font-weight: 600;
height: 28px;
line-height: 18px;
padding: 0 10px 0 10px; }
.buttons .pagination .btn-pagination:hover {
height: 28px;
line-height: 18px;
font-size: 10px;
padding: 0 10px 0 10px;
background-color: #94A6B5;
font-weight: 600; }
.nav-tabs > li.tab-inline-pagination .btn-pagination:hover {
background-color: #94A6B5; }
.nav-tabs > li.tab-inline-pagination .glyphicon-chevron-left {
margin-right: 4px; }
.nav-tabs > li.tab-inline-pagination .glyphicon-chevron-right {
margin-left: 4px; }
.pagination-range-label {
color: #94A6B5;
font-size: 16px;
font-weight: bold; }
.mobile-pagination {
display: none;
line-height: 28px;
visibility: collapse; }
.mobile-pagination .btn-pagination[disabled] {
background-color: #777777; }
.mobile-pagination .btn-pagination {
background-color: #94A6B5;
font-size: 10px;
font-weight: 600;
height: 28px;
line-height: 14px;
padding: 2px 10px 2px 10px; }
.mobile-pagination .btn-pagination:hover {
background-color: #94A6B5; }
.mobile-pagination .glyphicon-chevron-left {
margin-right: 0px; }
.mobile-pagination .glyphicon-chevron-right {
margin-left: 0px; }
@media (max-width: 750px) {
.moduleTitle {
display: inline-block;
padding-left: 30%; }
.favorite {
padding: 0 0;
display: inline-block;
float: none !important;
width: 32px;
height: 32px;
padding: 0 0;
width: 32px; }
.nav-tabs > li.tab-inline-pagination {
display: none;
visibility: collapse; }
.nav-tabs > .mobile-pagination {
display: none;
visibility: collapse; }
.mobile-pagination {
display: block;
visibility: visible; }
.mobile-pagination > table {
margin-left: auto;
margin-right: auto;
width: 100px; }
.mobile-pagination .pagination-range-label {
font-size: 10px; }
.moduleTitle .module-title-text {
font-size: 18px;
float: none;
margin-bottom: 0;
display: inline-block; }
.tab-inline-pagination .pagination-range-label {
display: none;
visibility: hidden; }
.pointer {
font-size: 32px; }
.buttons .pagination {
visibility: collapse;
display: none; } }
@media (max-width: 1200px) {
.pagination-label {
display: none;
visibility: collapse; }
.nav-tabs > li.tab-inline-pagination .glyphicon-chevron-left {
margin-right: 0px; }
.nav-tabs > li.tab-inline-pagination .glyphicon-chevron-right {
margin-left: 0px; }
.mobile-pagination .glyphicon-chevron-left {
margin-right: 0px; }
.mobile-pagination .glyphicon-chevron-right {
margin-left: 0px; } }
#list_subpanel_activities .evenListRowS1 td:nth-of-type(2) a {
border-bottom: none; }
#list_subpanel_activities .oddListRowS1 td:nth-of-type(2) a {
border-bottom: none; }
#subpanel_history .evenListRowS1 td:nth-of-type(2) a {
border-bottom: none; }
#subpanel_history .oddListRowS1 td:nth-of-type(2) a {
border-bottom: none; }
.subpanel-table .SugarActionMenu .sugar_action_button {
min-height: 32px; }
.subpanel-table .SugarActionMenu .single a {
min-height: 32px;
line-height: 32px; }
@media print {
.bootstrap-container {
margin: 0; }
.bootstrap-container.col-sm-offset-3 {
margin-top: 0; }
.btn {
display: none;
visibility: collapse; }
.button {
display: none;
visibility: collapse; }
.content {
padding: 0; }
.detail-view-row .label {
border: none;
display: inline-block;
padding: 0; }
.detail-view-row .detail-view-field {
display: inline-block;
padding: 0; }
.detail-view-row .sugar_field:empty {
line-height: 0;
height: 0;
visibility: collapse;
display: none; }
.detail-view-row > .col-sm-6 {
display: inline-block;
width: 50%; }
.detail-view-row > .col-sm-6 .col-sm-4 {
display: inline-block;
width: 40%;
line-height: 24px; }
.detail-view-row > .col-sm-6 .col-sm-8 {
display: inline-block;
width: 50%;
line-height: 24px; }
.detail-view-row [field=”description”] {
display: inline-block;
width: 100%; }
.detail-view-row [field=”description_html”] {
display: inline-block;
width: 100%; }
.detail-view-row [field=”billing_address_street”] {
display: inline-block;
width: 100%; }
.detail-view-row [field=”shipping_address_street”] {
display: inline-block;
width: 100%; }
.detail-view-row [field=”email1″] {
display: inline-block;
width: 100%; }
.favorite {
display: none;
visibility: collapse; }
.module-title-text {
display: none;
visibility: collapse; }
.nav.nav-tabs {
display: none;
visibility: collapse; }
.mobile-pagination {
display: none;
visibility: collapse; }
#subpanel_list {
display: none;
visibility: collapse; }
.tab-inline-pagination {
display: none;
visibility: collapse; }
.tab-content > .active.tab-pane-NOBOOTSTRAPTOGGLER {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
.tab-content > .fade.tab-pane-NOBOOTSTRAPTOGGLER {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
.tab-content > .in.tab-pane-NOBOOTSTRAPTOGGLER {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
.tab-content .tab-pane-NOBOOTSTRAPTOGGLER:not(.active) {
display: block !important;
opacity: 1 !important;
visibility: visible !important; }
footer {
display: none;
visibility: collapse; } }
/**** Edit view ***/
/*Import VCard*/
.import-vcard {
background-color: #FFFFFF;
padding: 16px;
border-radius: 4px; }
.import-vcard #vcard_file {
margin-top: 10px;
margin-buttom: 10px; }
.import-vcard .button {
margin-top: 10px;
margin-buttom: 10px; }
div#searchResults {
padding-bottom: 50px;
overflow-y: auto; }
/** Reminders **/
#EditView #reminder_view input[type=”button”].add-btn {
padding: 0px 20px 20px 32px; }
#EditView #reminder_view input[type=”button”].remove-btn {
padding: 0px 32px 20px 20px; }
#EditView #reminders input[type=”button”]#reminder_add_btn {
padding: 0px 20px 20px 32px; }
/** Schedule Bar **/
#scheduler {
margin-top: 5px; }
#scheduler .schedulerDiv {
background-color: #FAFAFA;
color: #534D64;
padding: 20px 20px 10px 20px;
border: 1px solid #E6E6E6;
border-radius: 4px;
text-align: left;
width: 100%;
border-collapse: collapse; }
#scheduler .schedulerDiv table {
width: 100%;
border-collapse: collapse; }
#scheduler .schedulerDiv table tr td {
border: 1px solid #dddddd;
height: 18px; }
#scheduler .schedulerDiv table tr.schedulerTimeRow td {
border-left: 0; }
#scheduler .schedulerDiv table tr.schedulerTimeRow th[scope=col] {
padding-left: 4px;
border-left: 1px solid #DDDDDD; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td {
background-color: #eeeeee;
width: 15px; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td[scope=row] {
background: transparent;
padding-left: 4px;
border-left: 0;
overflow: hidden;
width: 125px; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime.free {
border-left: 4px solid #79996a; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime.busy {
border-left: 4px solid #79996a; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellStartTime {
background-color: #F5F5F5;
border-left: 4px solid #79996a; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime {
border-left: 4px solid #99534d; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime.free {
border-left: 4px solid #99534d; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerSlotCellEndTime.busy {
border-left: 4px solid #99534d; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.schedulerAttendeeDeleteCell {
background: transparent;
padding-left: 4px;
border-left: 1px solid #dddddd; }
#scheduler .schedulerInvitees .tabForm {
margin-bottom: 0; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.free {
background-color: #6a80e6;
border-color: #FFFFFF; }
#scheduler .schedulerDiv table tr.schedulerAttendeeRow td.busy {
background-color: #e67c73;
border-color: #FFFFFF; }
#create-invitees {
background-color: #FAFAFA;
color: #534D64;
padding: 20px 20px 10px 20px;
margin-top: 5px;
border: 1px solid #E6E6E6;
border-radius: 4px;
text-align: left;
width: 100%;
border-collapse: collapse; }
.schedulerInvitees {
background-color: #FAFAFA;
color: #534D64;
padding: 20px 20px 10px 20px;
margin-top: 5px;
border: 1px solid #E6E6E6;
border-radius: 4px;
text-align: left;
width: 100%;
border-collapse: collapse; }
#create_invitee_as_lead {
font-size: 16px;
background-color: #ff0000;
color: #F5F5F5;
padding: 0 10px;
margin: 4px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
#create_invitee_as_contact {
font-size: 16px;
background-color: #ff0000;
color: #F5F5F5;
padding: 0 10px;
margin: 4px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
#create-invitee-edit td {
padding-bottom: 8px;
line-height: 40px; }
#create-invitee-edit button {
font-size: 16px;
background-color: #ff0000;
color: #F5F5F5;
padding: 0 10px;
margin: 4px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
/** add invitees search **/
#EditView .edit input[type=submit]#invitees_search {
font-size: 16px;
background-color: #ff0000;
color: #F5F5F5;
padding: 0 10px;
margin: 4px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
#list_div_win {
background-color: #FFFFFF;
color: #534D64;
padding: 20px 20px 10px 20px;
margin-top: 5px;
border: 1px solid #E6E6E6;
border-radius: 4px;
text-align: left;
width: 100%;
border-collapse: collapse; }
#list_div_win .list tr th {
color: #534D64; }
#ygddfdiv {
background: #E5E1EF;
padding: 8px;
opacity: 1; }
div.noBullet li,
.nobullet {
list-style-type: none; }
#p_wrap {
position: relative;
padding-left: 215px;
float: left;
width: 100%; }
.content {
padding: 20px 3% 40px 3%;
width: 100%; }
.pagecontent:after {
clear: both; }
a#powered_by {
margin-left: 4%; }
a#admin_options {
font-size: 14px;
color: #534D64;
cursor: pointer; }
a#powered_by {
font-size: 14px;
color: #534D64;
cursor: pointer; }
a#admin_options:hover {
color: #D66C60;
text-decoration: none; }
a#powered_by:hover {
color: #D66C60;
text-decoration: none; }
#copyright_data {
padding-left: 1%; }
.footer_right {
padding-right: 1%;
float: right;
text-align: right;
width: 47%;
text-transform: uppercase; }
.footer_right a {
font-size: 14px;
background-image: none, url("../../../../index.php?entryPoint=getImage&imageName=p_icon_back_to_top.svg"), url("../../../../index.php?entryPoint=getImage&imageName=p_icon_back_to_top.png");
background-position: right 3px;
background-repeat: no-repeat;
color: #4D4D4D;
padding-right: 20px;
letter-spacing: 1px; }
.footer_right a:hover {
background-position: right -15px;
color: #D66C60; }
.subDmenu {
display: none;
position: absolute;
visibility: hidden; }
.menu {
display: none;
position: absolute;
background-color: #f6f6f6;
border: #999999 solid 1px;
filter: alpha(opacity=90);
opacity: 0.9;
visibility: hidden;
z-index: 2;
-moz-opacity: 0.9; }
div.clear {
clear: both;
height: 0;
visibility: hidden; }
th {
padding: 0;
border: none; }
td {
padding: 0;
border: none; }
#header ul li {
display: inline; }
#unified_search_advanced_img {
cursor: pointer; }
#unified_search_advanced_div {
position: relative;
padding-top: 5px;
overflow: hidden;
width: 21em;
height: 1px; }
#unified_search_advanced_div .edit.view {
padding: 6px 6px 6px 4px; }
#unified_search_advanced_div .edit.view td {
padding: 0 0.5em; }
#themeColors img {
margin-bottom: 0; }
#themeFonts img {
margin-bottom: 0; }
#HideHandle {
cursor: pointer;
padding-top: 5px; }
#HideMenu {
position: absolute;
visibility: hidden;
z-index: 100; }
#leftHandle {
float: left; }
#newRecord form {
padding: 8px 8px 5px 8px; }
#newRecord form input {
margin-top: 2px;
margin-bottom: 4px;
max-width: 140px; }
#newRecord form select {
margin-top: 2px;
margin-bottom: 4px;
max-width: 140px; }
#newRecord form textarea {
margin-top: 2px;
margin-bottom: 4px;
max-width: 140px; }
#newRecord form button {
padding-top: 0;
vertical-align: bottom; }
#newRecord form input[type=button] {
padding-top: 0;
vertical-align: bottom; }
#newRecord form input[type=submit] {
padding-top: 0;
vertical-align: bottom; }
#newRecord form input[type=reset] {
padding-top: 0;
vertical-align: bottom; }
#newRecord form .dataLabel {
padding-top: 3px;
padding-bottom: 2px;
padding-left: 0;
vertical-align: bottom; }
#newRecord form .dataField {
padding-bottom: 3px; }
#newRecord form #jscal_trigger {
margin-top: 2px;
margin-bottom: 4px;
vertical-align: bottom; }
#newRecord form a:link {
padding-left: 0;
border-bottom: 0;
text-decoration: underline; }
#newRecord form a:visited {
padding-left: 0;
border-bottom: 0;
text-decoration: underline; }
#newRecord form a:hover {
padding-left: 0;
border-bottom: 0;
text-decoration: underline; }
.sqsSelectedSmartInputItem {
background-color: #DEEFFF; }
.view {
padding: 20px 16px 22px 30px;
margin-top: 3px;
margin-bottom: 3px;
width: 100%; }
table.view {
padding: 20px 16px 22px 30px;
margin-top: 3px;
margin-bottom: 3px;
width: 100%; }
[field=number] {
vertical-align: middle;
line-height: 40px;
height: 40px; }
.view tr td input[type=checkbox] {
vertical-align: middle; }
#search_form > div tr td input[type=checkbox] {
vertical-align: middle; }
.basic textarea {
width: 100%;
height: 48px; }
.detail h4 {
font-size: 1.2em;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 0;
margin: 0;
border: none;
text-align: left; }
.detail-view-row {
margin: 0 0 2px 0;
min-width: 48px;
min-height: 24px; }
.detail-view-row-item {
margin: 0 0 2px 0;
min-width: 48px;
min-height: 24px; }
.edit-view-row {
margin: 0 0 8px 0;
min-width: 48px;
min-height: 24px; }
.edit-view-row-item {
margin: 0 0 8px 0;
min-width: 48px;
min-height: 24px; }
.detail-view-row .label {
display: inline;
font-size: 16px;
font-weight: 700;
color: #534D64;
padding: 0 0 0 8px;
text-align: left;
vertical-align: baseline;
white-space: pre-wrap; }
.edit-view-row .label {
display: inline;
font-size: 16px;
font-weight: 700;
color: #534D64;
padding: 0;
text-align: left;
vertical-align: baseline;
white-space: pre-wrap; }
#lineItems {
display: inline;
font-size: 11px;
font-weight: 700;
color: #534D64;
padding: 0 0 0 8px;
text-align: left;
vertical-align: baseline;
white-space: nowrap; }
slot {
font-size: 16px;
font-weight: 700;
color: #534D64;
line-height: 48px;
text-align: left;
vertical-align: baseline;
white-space: nowrap; }
#lead_queries_Div td {
font-size: 16px;
font-weight: 700;
color: #534D64;
line-height: 48px;
text-align: left;
vertical-align: baseline; }
#html_div {
white-space: normal;
background-color: #778591; }
.dataField {
line-height: 48px;
min-height: 48px; }
.detail-view-field {
display: inline;
font-size: 16px;
font-weight: 400;
background-color: #F5F5F5;
color: #000000;
padding: 12px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 20px;
text-align: left;
min-height: 48px;
vertical-align: baseline;
white-space: inherit; }
.detail-view-field a {
font-weight: 700; }
.edit-view-field textarea {
padding-top: 14px;
line-height: 24px; }
.inline_edit_field textarea {
padding-top: 14px;
line-height: 24px; }
#no-tab-actions > ul > li {
margin: 8px 8px 8px 0; }
.detail tr td {
padding: 5px 6px 5px 6px;
border: none;
text-align: left;
vertical-align: top;
vertical-align: top; }
.detail tr td[scope=row] {
margin-top: 2px;
margin-bottom: 10px;
text-align: right;
white-space: nowrap; }
.detail tr td > li {
margin-left: 1.5em; }
#EditView > table {
margin-bottom: 0;
overflow: auto; }
#EditView_tabs.yui-navset.yui-navset-top {
padding: 0 5px 5px 5px; }
#EditView_tabs.yui-navset.yui-navset-top .nav.nav-tabs {
margin-top: 15px; }
#EditView_tabs .nav.nav-tabs {
margin: 0; }
#EditView_tabs .tab-content {
margin: 0; }
#EditView .edit tr td {
font-weight: 700;
color: #534D64; }
#EditView .edit input:not([type=button]) {
font-weight: normal;
color: #534D64; }
#EditView .edit textarea {
font-weight: normal;
color: #534D64; }
#EditView .edit select {
font-weight: normal;
color: #534D64; }
#EditView .edit option {
font-weight: normal;
color: #534D64; }
select {
font-weight: normal;
color: #534D64; }
option[selected] {
font-weight: normal;
color: #534D64; }
.sqsEnabled {
font-weight: normal;
color: #534D64; }
.edit {
padding: 0 6px 12px 10px; }
.label {
font-size: 16px;
color: #534D64; }
.edit > table {
padding: 3px 3px 3px 10px;
margin-bottom: 0; }
.edit h4 {
padding-top: 0;
padding-left: 0;
margin-top: 10px;
text-align: left; }
.edit tr td {
font-weight: normal;
vertical-align: top; }
.edit tr td[scope=row] {
padding: 0 10px 0 0;
line-height: 40px;
text-align: left;
height: 40px;
vertical-align: top; }
.edit tr th {
padding: 5px 5px 5px 7px; }
#EditView input[type=”button”] {
padding: 0 10px;
margin: 4px; }
fieldset {
margin-top: 32px; }
fieldset legend {
font-size: 16px;
font-weight: 700;
padding-left: 33.33333333%;
border: none; }
fieldset table {
background: none; }
fieldset > table tr > td:first-of-type {
width: 33.33333333%; }
fieldset tr {
border: none; }
fieldset td {
border: none; }
fieldset label {
font-size: 16px;
font-weight: 700;
color: #534D64;
border: none; }
.validation-message {
margin: 4px;
border: 1px solid transparent;
border-radius: 4px; }
table#tabFormPagination td {
margin-bottom: 0;
border-bottom: none; }
#tabFormPagination {
margin-bottom: 0;
border-bottom: none; }
#EditView > table#tabFormPagination.detail.view {
margin-bottom: 0;
border-bottom: none; }
.edit tr td table {
padding: 3px 3px 3px 0; }
.edit tr td table tr td {
padding: 3px 3px 3px 0; }
.edit .list {
padding: 0;
margin-bottom: 10px; }
#map_listview_top {
clear: both;
float: none; }
#export_listview_top {
clear: both;
float: none; }
.detail.view {
padding: 0;
width: 100%; }
.detail table {
padding: 0;
width: 100%; }
table.detail {
padding: 0;
width: 100%; }
.detail tr.pagination td {
padding-top: 4px;
text-align: right;
vertical-align: middle; }
.detail table tr.pagination td {
padding-bottom: 4px; }
.detail td > table tr td {
border: none; }
.sugar_field {
text-wrap: normal;
white-space: normal; }
#description * {
text-wrap: normal;
white-space: normal; }
.caseUpdate {
text-wrap: normal;
white-space: normal; }
.small {
width: 100%; }
.small table {
width: auto; }
.small tr td table {
background-color: transparent; }
.small tr td[scope=row] table tr td {
background-color: transparent; }
.small tr td[scope=row] table tr th {
background-color: transparent; }
.small tr td table tr th {
border-bottom: none;
text-align: left; }
#sitemap {
display: none;
top: 10%;
left: 30%;
clear: both;
width: 650px;
z-index: 9999; }
#sitemap .edit.view {
padding: 6px 6px 6px 16px;
border: 2px solid; }
#sitemap a:link {
text-decoration: none; }
#sitemap a:visited {
text-decoration: none; }
#sitemap a:hover {
text-decoration: underline; }
#sitemap h4 a:hover {
text-decoration: underline; }
#sitemap ul {
margin-top: 5px;
margin-left: 5px; }
#sitemap ul li {
display: list-item;
margin-bottom: 5px; }
#sitemapLink a {
cursor: pointer;
margin: 0 0 0 18px; }
#sitemapLink span img {
cursor: pointer;
margin-left: 2px; }
#bottomLinks {
padding: 0 25px;
float: right; }
div#responseTime {
font-size: 14px;
color: #888888;
width: 50%; }
#themePicker {
margin-bottom: 0.5em;
text-align: center; }
#langPicker {
margin-bottom: 0.5em;
text-align: center; }
div.row.monthHeader {
margin-left: 0;
margin-right: 0;
border-bottom: none; }
.olCapFontClass A {
color: #dfdfdf; }
.olFgClass td {
background-color: #fff;
padding: 5px 7px 7px 10px;
line-height: 18px; }
#forecastsWorksheet .olBgClass td.olFgClass {
background-color: #fff;
padding: 5px 7px 7px 10px;
line-height: 18px; }
.olCgClass td {
background-color: #f6f6f6;
padding: 5px 3px 3px 10px;
border-bottom: 2px solid #ddd; }
#forecastsWorksheet .olBgClass td.olCgClass {
background-color: #f6f6f6;
padding: 5px 3px 3px 10px;
border-bottom: 2px solid #ddd; }
.olCgClass {
padding: 0;
border: 0; }
.olBgClass {
background-color: #ddd;
padding: 2px; }
#forecastsWorksheet .olBgClass td {
padding: 0; }
.olCloseFontClass {
background-color: #dfdfdf;
padding-bottom: 1px;
text-align: right; }
.aclAll {
font-weight: bold;
color: #008000; }
.aclOwner {
font-weight: bold;
color: #000000; }
.aclNone {
font-weight: bold;
color: #FF0000; }
.aclEnabled {
font-weight: bold;
color: #008000; }
.aclDisabled {
font-weight: bold;
color: #FF0000; }
.aclAdmin {
font-weight: bold;
color: #0000FF; }
.aclNormal {
font-weight: bold;
color: #008000; }
.aclGroup {
font-weight: bold;
color: #0000A0; }
ul.noBullet {
padding-left: 0;
margin-left: 0;
list-style-type: none; }
li.noBullet:first-child {
min-height: initial; }
li.noBullet {
padding: 0;
margin: 0;
min-height: initial;
list-style-type: none; }
#MorePanelHandle {
display: inline;
background: url("../../../../index.php?entryPoint=getImage&imageName=more.gif") no-repeat bottom left;
color: #444;
cursor: pointer;
margin-bottom: 2px;
margin-left: 2px;
text-align: center; }
.sqsFloater {
display: none;
position: absolute;
bottom: 0;
right: 0;
padding: 0;
z-index: 2; }
.sqsFloater td {
color: black;
border: 1px inset; }
.sqsMatchedSmartInputItem {
cursor: pointer;
padding: 2px 5px 2px 5px;
margin: 0; }
.sqsSelectedSmartInputItem {
background-color: #DEEFFF; }
#sqsSmartInputResults {
padding: 0;
margin: 0; }
.sqsNoMatch {
font-weight: bold;
background-color: #eeeeee;
color: #980000;
padding: 2px 5px 2px 5px; }
.todaysTask {
color: #FF7800; }
.overdueTask {
color: #ff0000; }
.product_group .required {
position: absolute;
padding: 0;
margin: 0;
line-height: 32px; }
.required {
background-color: transparent;
color: #ff0000;
padding: 10px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px; }
.error {
background-color: #ff0000;
color: #F5F5F5;
padding: 10px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px; }
/*The nonPaddedError class is to remove the padding from interal error messages during the upgrade wizard*/
span.error.nonPaddedError {
padding: 0; }
div#generate_success.error {
padding: 0; }
p.error {
margin: 0; }
.error {
border: none; }
.error:empty {
padding: 0; }
div.content p.error {
margin: 0 0 20px 0;
border-radius: 3px; }
.required a:link {
font-weight: 600;
color: #F5F5F5;
text-decoration: underline; }
.error a {
font-weight: 600;
color: #F5F5F5;
text-decoration: underline; }
.error a:link {
font-weight: 600;
color: #F5F5F5;
text-decoration: underline; }
.required a:hover {
color: #534D64; }
.error a:hover {
color: #534D64; }
.success {
color: #BBE6A5; }
.rssItemDate {
color: #666666; }
.date {
font-size: 16px;
font-weight: bold;
padding-right: 10px;
border-bottom: 1px solid; }
table.dateTime {
width: 100%; }
.dateTime td {
display: inline-block; }
.dateFormat {
font-style: italic;
font-weight: normal; }
#parent_name {
display: inline-block;
margin-top: 8px;
margin-right: 8px;
clear: both; }
input.sqsEnabled {
display: inline-block;
margin-top: 8px;
margin-right: 8px;
clear: both; }
.pageNumbers {
position: static;
font-weight: bold;
color: #F5F5F5;
padding: 0 8px 0 0;
margin: 0 0 0 0; }
.contentBox {
padding: 0 10px 0 0;
margin: 10px 0 10px 0;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD; }
.contentBox td {
padding-top: 0; }
.teamNoticeBox {
background: #fff;
padding: 0;
border: 1px solid;
width: 100%; }
.teamNoticeText {
padding: 0 10px 0 10px; }
.mceToolbarTop {
border-bottom: 1px solid #CCCCCC; }
.x-dlg-btns button.x-btn-text:hover {
color: #000; }
.x-dlg-btns .x-btn-focus button.x-btn-text {
color: #000; }
td.edit.view td {
text-align: left; }
td.edit.view td[align=right] {
text-align: right; }
#forecastsWorksheet tbody tr td {
padding: 3px 0 5px 0; }
#forecastsWorksheet tr td {
padding: 3px 0 5px 0; }
#forecastsWorksheet tr.pagination td {
padding: 0; }
#forecastsWorksheet tr.pagination td table td {
padding: 3px 7px 3px 5px; }
#forecastsWorksheet > tbody > tr > td {
padding: 0;
vertical-align: top; }
#forecastsWorksheet > tr > td {
padding: 0;
vertical-align: top; }
#forecastsWorksheet #activetimeperiods tr td {
padding: 0;
vertical-align: top; }
#tab_general > form > table {
border: 0; }
#tab_general > form > table.detail th {
border: 0; }
#tab_accounts > table {
border: 0; }
#tab_accounts > table.detail th {
border: 0; }
#tab_accounts .detail.view .edit.view {
margin-top: 0; }
#tab_accounts #ieSelect > table {
padding: 0pt;
border-collapse: collapse; }
#ieAccount > table {
padding: 0pt;
border-collapse: collapse; }
#ieAccount > table td table {
padding: 0pt;
border-collapse: collapse; }
#importDialogContent {
overflow: hidden; }
#importDialogContent #importDiv {
margin-top: 0; }
.detail td.subdetail {
padding: 0;
border-bottom: medium none; }
.detail td.subdetail table tr td {
padding: 5px 6px; }
#importOptions td {
padding: 5px 6px; }
#importOptions table {
border-collapse: collapse; }
#importOptions #chooser_choose_index_text {
background: #FFFFFF;
border: 0;
text-align: left; }
#importOptions #chooser_ignore_index {
background: #FFFFFF;
border: 0;
text-align: left; }
.login table tr td {
padding: 0;
text-align: left; }
#lastviewicon {
display: none; }
#newrecordicon {
display: none; }
#shortcuts_img {
display: none; }
#lastviewicon_1 {
display: none; }
#newrecordicon_1 {
display: none; }
#shortcuts_img_1 {
display: none; }
#popup_query_form {
padding-left: 0;
padding-right: 0; }
#container_upload {
margin-top: 7px; }
.subTabs td {
padding: 0 0.25em; }
iframe.teamNoticeBox {
padding: 0;
width: 99%; }
.loading-indicator {
background-image: url("../default/ext/resources/images/default/grid/loading.gif");
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
margin: 3px;
line-height: 16px; }
.x-sqs-list {
background: #d0d0d0;
border: 1px solid #d0d0d0;
overflow: hidden; }
.x-sqs-list-inner {
position: relative;
background: #FFF;
overflow: auto;
overflow-x: hidden; }
.x-sqs-list-item {
font: normal 12px 'Lato', arial, sans-serif;
padding: 1px;
border: 1px solid #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.x-sqs-list .x-sqs-selected {
background: #d0d0d0;
cursor: pointer;
border: 1px dotted #f6f6f6; }
embed {
background: transparent; }
#selected_directory_children {
padding: 3px;
border-left: 1px solid; }
#goto_date_trigger_div {
padding: 0;
border: none; }
.yui-panel-container {
height: 384px; }
div.confirmTable {
position: relative;
margin-bottom: 20px;
overflow: auto;
width: 1056px; }
#html_div p {
margin: 12px 0; }
#html_div p:first-child {
margin: 0 0 12px 0; }
.h3Row {
background-position: top;
background-repeat: repeat-x;
margin-top: 10px;
vertical-align: middle; }
.h3Row td {
padding: 0; }
.buttonSlide {
border: 0; }
.buttonSlide .yui-hd {
background-color: transparent;
padding: 0;
border: 0; }
.buttonSlide.yui-module .yui-hd .toggle em {
display: inline;
background-image: url("../../../../index.php?entryPoint=getImage&imageName=slider_button_more.png");
background-repeat: no-repeat;
float: right;
overflow: hidden;
text-align: right;
width: 14px;
height: 14px;
text-indent: 9999px; }
.buttonSlide.yui-module.yui-closed .yui-hd .toggle em {
background-image: url("../../../../index.php?entryPoint=getImage&imageName=slider_button_less.png"); }
.view {
border-top: 2px solid;
border-bottom: 1px solid; }
.td_alt {
border-left: none;
border-right: none; }
.list tr th {
border-left: none;
border-right: none; }
.list tr td[scope=col] {
border-left: none;
border-right: none; }
.edit .list tr th {
border-left: none;
border-right: none; }
.edit .list tr td[scope=col] {
border-left: none;
border-right: none; }
/*// MODULE TITLE */
.moduleTitle span.utils {
display: none; }
.moduleTitle > h2 > img {
display: none; }
.moduleTitle h2 {
display: block;
font-size: 26px;
font-weight: 300;
color: #534D64;
margin: 0 0 12px 0;
float: left;
letter-spacing: 2px;
text-transform: uppercase; }
.moduleTitle > h2 > img {
display: none; }
.moduleTitle h2 span.pointer {
font-size: 32px;
padding: 0 8px;
line-height: 36px; }
ul.subTabs {
font: 12px 'Lato', Arial, Verdana, Helvetica, sans-serif;
padding: 4px 0;
margin: 0;
border: none; }
ul.subTabs li {
display: inline;
margin: 0;
list-style: none; }
.activeSubTab {
font-weight: bold; }
ul.subTabs li a.activeSubTab:link {
font-weight: bold; }
ul.subTabs li a.activeSubTab:visited {
font-weight: bold; }
ul.subTabs li a.activeSubTab:hover {
font-weight: bold; }
ul.subTabs li a {
padding: 0 8px 0 8px;
margin: 0;
border-bottom: none;
border-right: 1px solid;
text-decoration: none; }
ul.subTabs li a:link {
text-decoration: none; }
ul.subTabs li a:visited {
text-decoration: none; }
.subTabMore {
padding-top: 3px;
text-decoration: none; }
#newRecord form {
border-bottom: 1px solid; }
a.utilsLink:link {
font-weight: normal;
padding-bottom: 3px;
text-decoration: underline; }
a.utilsLink:visited {
font-weight: normal;
padding-bottom: 3px;
text-decoration: underline; }
a.tabFormAdvLink:link {
margin-right: 2px;
line-height: 20px;
text-decoration: none; }
a.tabFormAdvLink:visited {
margin-right: 2px;
line-height: 20px;
text-decoration: none; }
a.tabFormAdvLink:hover {
margin-right: 2px;
line-height: 20px;
text-decoration: none; }
#themepickerLinkSpan a {
color: #444444; }
#colorPicker {
padding: 8px 4px 4px 0;
margin-right: 1px;
border-right: 2px solid #DDDDDD; }
#colorPicker span {
color: #cccccc; }
#colorPicker #themepickerLinkSpan {
font-size: 14px;
font-weight: 400;
color: #444444;
text-decoration: underline; }
#colorPicker #themepickerLinkSpan:hover {
color: #0B578F; }
.ygrid-row {
font-size: 8pt; }
.ygrid-hd {
font-size: 8pt; }
.ygrid-hd-body {
font-size: 8pt; }
.ygrid-hd-body span {
font-size: 8pt; }
.teamNoticeBox {
color: #444444;
border-color: #abc3d7; }
#search input[name=query_string] {
background-color: #f6fafd;
border-color: #6fb0e4;
line-height: 20px;
min-height: 44px; }
#newRecord form a:link {
color: #666666; }
#newRecord form a:visited {
color: #666666; }
#newRecord form a:hover {
color: #444444; }
.evenListRowS1 td,
.oddListRowS1 td {
color: #534D64; }
.evenListRowS1 td {
background: #f5f5f5; }
.oddListRowS1 td {
background: #FFFFFF; }
.evenListRowS1:hover td {
background: #FAF7CF; }
.oddListRowS1:hover td {
background: #FAF7CF; }
.detail table {
background-color: #cbdae6; }
table.detail {
background-color: #cbdae6; }
.detail tr td[scope=”row”] {
background-color: #f6f6f6;
color: #000000;
border-color: #cbdae6; }
.detail h4 {
color: #444444; }
.detail tr th {
border-color: #cbdae6; }
.detail tr td {
background-color: #fff;
color: #444444;
border-color: #cbdae6; }
.detail tr td a:link {
color: #0B0406; }
.detail tr td a:visited {
color: #0B0406; }
.detail tr td a:hover {
color: #ff0000; }
.edit td[scope=row] {
color: #817D8D; }
#EditView hr {
border-color: #abc3d7; }
.edit {
background-color: #f6f6f6;
color: #333333; }
.detail .edit td {
background-color: #fff;
border-bottom: 0; }
.other {
background-color: #cbdae6;
border-color: #abc3d7; }
.other td {
background-color: #F5F5F5;
color: #444444;
border-left-color: #dfdfdf; }
.other td[scope=row] {
background-color: #fafafa;
color: #000000; }
.other td.edit {
background-color: #f6f6f6;
color: #000000; }
a.tabFormAdvLink:link {
color: #444444;
padding-top: 32px;
padding-right: 32px;
float: left; }
a.tabFormAdvLink:visited {
color: #444444;
padding-top: 32px;
padding-right: 32px;
float: left; }
#change_layout {
border: 0; }
#basic_search_link {
margin-left: 6px; }
#ajaxStatusDiv {
position: fixed;
top: 7px;
background: #ffffff;
color: #ff0000;
padding: 5px;
border: 1px solid #aaa;
filter: alpha(opacity=80);
opacity: .8;
z-index: 20; }
.detail508 tr td[scope=”col”] {
background-color: #F6F6F6;
color: #000000;
border-color: #CBDAE6;
text-align: right;
white-space: nowrap; }
td.teamset-row {
padding: 5px; }
.edit tr td.teamset-row {
padding: 5px; }
.edit tr td table tr td.teamset-row {
padding: 5px; }
span#selectedRecordsTop {
color: #fff; }
ul.clickMenu {
display: inline-block;
color: #F5F5F5;
padding: 0;
margin: 0;
border-radius: 3px;
vertical-align: bottom;
list-style: none; }
ul.clickMenu form {
display: block;
float: left; }
ul.clickMenu li.sugar_action_button > form:first-child {
padding: 0 15px; }
ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li form {
width: 100%; }
ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li form a {
width: 100%; }
ul.clickMenu li ul.subnav li a:hover {
background-color: #677785;
text-align: left;
width: 100%; }
ul.clickMenu li ul.subnav li input:hover {
background-color: #677785;
text-align: left;
width: 100%; }
ul.clickMenu.subpanel.records li ul.subnav li a:hover {
background-color: #677785;
text-align: left;
width: 100%; }
ul.clickMenu ul.subnav-sub li a:hover {
background-color: #677785;
text-align: left;
width: 100%; }
ul.clickMenu > li {
position: relative;
color: #F5F5F5;
cursor: pointer;
padding: 5px;
margin: 0 5px 0 0;
border-radius: 3px;
float: left;
list-style: none; }
ul.SugarActionMenuIESub li {
position: relative;
color: #F5F5F5;
cursor: pointer;
padding: 5px;
margin: 0;
border-radius: 3px;
float: left;
list-style: none; }
ul.SugarActionMenuIESub li {
display: block;
color: #F5F5F5;
margin: 0 5px 0 0;
float: left;
text-decoration: none; }
ul.clickMenu li a {
display: block;
color: #F5F5F5;
margin: 0 5px 0 0;
float: left;
text-decoration: none; }
ul.clickMenu li a.clearSearchIcon {
margin: 3px 0px 0px 8px; }
ul.clickMenu li.single a {
padding-right: 8px; }
ul.clickMenu li a:hover {
text-decoration: none; }
ul.clickMenu > li > span {
display: inline-block;
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 0% 0%;
background-repeat: no-repeat;
background-size: 12px auto;
cursor: pointer;
margin-top: 9px;
width: 16px;
height: 16px; }
@-moz-document url-prefix() {
ul.clickMenu:first-child > li > span {
margin-right: -7px; } }
.inlineButtons ul.clickMenu > li > span {
margin-top: 13px;
height: 13px; }
.inlineButtons ul.clickMenu.SugarActionMenu li.sugar_action_button ul.subnav.ddopen li a {
padding: 4px;
text-align: left;
width: 100%; }
.selectActions.clickMenu {
display: none; }
ul.clickMenu.show {
display: inline-block; }
ul#selectLink.clickMenu > li > a {
padding-left: 0; }
ul#selectLink.clickMenu li span {
height: 17px; }
ul#detailViewActions.clickMenu {
margin-top: 2px; }
#selectActions.clickMenu {
display: none; }
.selectActionsDisabled {
display: inline-block;
background-color: #94A6B5;
border-radius: 3px;
vertical-align: bottom; }
.selectActionsDisabled span {
background-image: none, url("../../../../themes/SuiteP/images/p_pag_tools.svg"), url("../../../../themes/SuiteP/images/p_pag_tools.png");
background-position: 9px 7px;
background-repeat: no-repeat;
background-size: 12px auto;
float: left;
opacity: .4;
width: 19px;
height: 17px; }
.selectActionsDisabled span.ab {
padding-left: 5px;
margin: -1px 1px 0 1px; }
.selectActionsDisabled a {
display: inline-block;
position: relative;
top: -1px;
font-size: 15px;
font-weight: normal;
color: #578AB4;
padding: 2px;
padding: 1px;
float: left;
text-decoration: none; }
#selectActionsDisabled a:hover {
display: inline-block;
position: relative;
top: -1px;
font-size: 16px;
font-weight: normal;
color: #578AB4;
padding: 2px;
padding: 1px;
float: left;
text-decoration: none; }
ul.clickMenu.SugarActionMenu li.single a {
background-color: #94A6B5;
padding: 0 8px; }
ul.clickMenu.SugarActionMenu li.single a:hover {
background-color: #778591; }
.view {
border: none; }
table.view td {
border: none; }
#ajaxHeader {
float: left; }
.selectActionsDisabled {
font-size: 16px;
cursor: pointer;
padding: 4px 8px 5px 8px;
margin: 0 3px 0 0; }
a:link {
text-decoration: none; }
.iconed {
padding: 5px 5px 2px 0;
margin-left: 5px;
float: left; }
.view {
background: #FFFFFF;
padding: 0;
margin: 0; }
table.view {
background: #FFFFFF;
padding: 0;
margin: 0; }
.evenListRowS1 {
background: #FFFFFF; }
.toggler {
margin: 10px; }
.detail h4 {
font-weight: bold;
margin: 10px;
border: none;
text-align: left; }
#dialog {
padding: 25px;
overflow: hidden;
text-align: center;
z-index: 1;
zoom: 1;
background-opacity: 0.6; }
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
height: 100%; }
.module_icon {
width: 32px;
height: auto; }
.iconed_dull {
opacity: 0.6; }
a.crumbLink {
font-size: 16px; }
span.crumbLink {
font-size: 16px; }
#settingsDialog table.view {
padding: 10px;
margin: 5px 0 5px 0; }
.view tr {
padding: 5px 0 5px 0; }
#mbfooter .yui-layout-hd td {
background: none; }
.chartContainer table tr td {
padding: 3px; }
.tabForm {
background: #ffffff;
border: none; }
#create_image {
display: none; }
a#delete_listview_top:hover {
font-size: 16px;
color: #FFFFFF; }
a#delete_listview_bottom:hover {
font-size: 16px;
color: #FFFFFF; }
.about_suite {
padding: 0 25px 0 0;
float: left;
max-width: 550px; }
.about_suite h3 {
font-size: 18px;
font-weight: normal; }
.about_suite ul li {
font-size: 16px;
color: #777777;
margin-bottom: 10px; }
#about_menu {
padding-left: 0;
margin-top: 10px;
margin-bottom: 20px; }
#about_table {
width: 100%; }
#about_header {
padding: 10px 15px 20px 15px; }
#about_menu li {
list-style-type: square; }
#featuring {
font-size: 16px;
color: #777777;
padding: 10px 0 0 0; }
.wrapper {
display: inline-block;
position: relative;
border: 1px solid #000; }
.wrapper input,
.wrapper button {
background-color: transparent;
border: 0; }
.wrapper button {
position: absolute;
top: 0;
right: 0; }
.wrapper input {
padding-right: 30px; }
input[type=text].cstm_code {
width: 200px;
height: 200px;
resize: both; }
.themePicker {
padding-top: 1em; }
.themePicker td {
padding: 0; }
.themePicker > table > tbody > tr > td {
text-align: left;
width: 100%;
vertical-align: top; }
.themePicker hr {
margin: 0; }
#themepickerLinkSpan {
cursor: pointer; }
#colorPicker {
padding: 8px 5px 0 7px; }
#colorPicker ul {
padding: 3px 0 0 0;
margin: 0 0 0 10px;
border: none; }
#colorPicker ul li {
display: inline;
cursor: pointer;
padding: 0;
margin: 0;
list-style-type: none; }
#themeName {
font-weight: bold; }
#leftColumn {
position: absolute;
left: 10px;
float: left;
width: 14.5em; }
#color_menu {
padding: 0;
margin: 0;
width: 200px;
height: 15px; }
#font_menu {
padding: 0;
margin: 0;
width: 200px;
height: 15px; }
#color_menu li {
float: left;
width: 15px;
height: 15px; }
#font_menu li {
float: left;
width: 15px;
height: 15px; }
#themepickerDialog div[class=”ft”] {
display: none; }
#stylepicker {
padding: 0;
margin: 0;
border-width: 1px;
width: auto; }
#themepickerDialog_c {
top: 3em;
right: 2em; }
.headerlinks a:link {
color: #FFFFFF;
padding: 14px 5px 14px 0;
width: 100%; }
.headerlinks a:visited {
color: #FFFFFF;
padding: 14px 5px 14px 0;
width: 100%; }
.headerlinks a:hover {
color: #ff0000; }
.nav-pills li {
display: inline-block; }
ol {
margin: 0; }
ul {
margin: 0; }
dl {
margin: 0; }
.form-signin img {
max-width: 95%; }
.form-signin .form-signin-heading {
margin-bottom: 10px; }
.form-signin .checkbox {
margin-bottom: 10px; }
.form-signin .checkbox {
font-weight: normal; }
.form-signin .form-control {
box-sizing: border-box;
position: relative;
font-size: 16px;
padding: 10px;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
#ConvertLead .label {
text-align: left; }
#EditView_tabs .id-ff-remove {
margin-top: 8px; }
#EditView_tabs .edit [type=”radio”] {
margin-top: 8px; }
#EditView_tabs .edit [type=”radio”] {
margin-top: 8px; }
#EditView_tabs .edit [type=”checkbox”] {
margin-top: 20px; }
#EditView_tabs .id-ff-remove img {
content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-remove-nobg.png");
width: 32px;
height: 32px; }
#EditView_tabs .edit [type=”button”] img {
content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-remove-nobg.png");
width: 32px;
height: 32px; }
#conditionLines [type=”button”] img {
content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-remove-nobg.png");
width: 32px;
height: 32px; }
#actionLines [type=”button”] img {
content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-remove-nobg.png");
width: 32px;
height: 32px; }
#actionLines tr td table tbody tr td div table tbody tr td button[type=”button”] img {
content: none; }
#actionLines tr td table tbody tr td div table tbody tr td table tbody tr td button[type=”button”] img {
content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&themeName=SuiteP&imageName=id-ff-remove-nobg.png"); }
#search_form span.id-ff.multiple {
position: relative;
top: 10px; }
#EditView_tabs span.id-ff.multiple [type=”button”] img {
content: none; }
#conditionLines span.id-ff.multiple [type=”button”] img {
content: none; }
input#btn_ConditionLine.button[type=”button”] {
color: white;
padding: 0 10px; }
input#btn_ActionLine.button[type=”button”] {
color: white;
padding: 0 10px; }
#deleteGroup img {
content: url("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-clear.png");
width: 32px;
height: 32px; }
#EditView_tabs .edit input {
margin-top: 5px;
margin-bottom: 5px; }
#EditView_tabs .edit textarea {
margin-top: 5px;
margin-bottom: 5px; }
.edit-view-field #duration_hours {
margin-right: 8px;
width: 80px; }
.col-sm-6 .edit-view-field input[type=”text”].datetimecombo_date {
width: 84px; }
.col-sm-6 .edit-view-field .datetimecombo_time_section {
display: inline-block; }
#billing_address_street {
height: 54px; }
#shipping_address_street {
height: 54px; }
#primary_address_street {
height: 54px; }
#alt_address_street {
height: 54px; }
#primary_address_street,
#alt_address_street {
width: 60%; }
.edit-view-row-item table {
background-color: #FFFFFF; }
.edit-view-row-item table {
background-color: #FFFFFF; }
#conditionLines_head {
background: none; }
#fieldLines_head {
background: none; }
#actionLines {
border: 1px solid transparent; }
#actionLines table {
border: 1px solid transparent; }
#actionLines tr {
border: 1px solid transparent; }
#actionLines td {
border: 1px solid transparent; }
#actionLines {
border-radius: 4px;
clear: both;
width: 100%; }
#actionLines table {
border-radius: 4px;
clear: both;
width: 100%; }
/*Line Items*/
#lineItems #service_head {
background: none; }
#lineItems #product_head {
background: none; }
#lineItems table > thead:nth-child(1) > tr > td:nth-child(1) [type=”text”] {
width: 50%; }
#lineItems table {
font-size: 10px; }
[field=line_items] {
float: none;
width: 100%;
clear: both; }
[field=line_items] {
display: block; }
#line_items_span {
display: block; }
table#lineItems {
display: block; }
#line_items_span {
width: 100%;
white-space: normal; }
table#lineItems tr td table tfoot tr td span {
width: 20%; }
/*totals*/
#lineItems .totals {
float: right;
width: 256px;
margin-top: 5px;
margin-bottom: 5px; }
#lineItems .totals label {
width: 50%;
line-height: 40px; }
#lineItems .totals input {
width: 50%; }
#lineItems #shipping_tax_amt {
/*Text*/ }
#lineItems #shipping_tax {
/*Select*/ }
/*Group*/
#lineItems .group {
width: 100%; }
#lineItems .group_body {
display: block;
padding: 2px;
border: 1px solid transparent;
border-radius: 4px;
width: 100%; }
#lineItems .group_body > td {
display: block;
padding: 2px;
border: 1px solid transparent;
border-radius: 4px;
width: 100%; }
#lineItems .group > thead {
display: block;
padding: 2px;
border: 1px solid transparent;
border-radius: 4px;
width: 100%; }
#lineItems .group > thead > tr {
display: block;
padding: 2px;
border: 1px solid transparent;
border-radius: 4px;
width: 100%; }
#lineItems .group > thead {
background-color: #F5F5F5;
min-height: 52px; }
#lineItems .group > thead > tr {
background-color: #F5F5F5;
min-height: 52px; }
#lineItems .group > thead > tr > td {
background-color: #F5F5F5;
min-height: 52px; }
#lineItems .group > thead > tr > td:nth-of-type(1) {
display: inline-block;
width: 80%; }
#lineItems .group > thead > tr > td:nth-of-type(2) {
display: inline-block;
width: 20%; }
#lineItems .group > thead > tr > td[colspan=”100″] {
width: 100%; }
#lineItems .group button {
padding: 0;
line-height: 0;
width: 32px;
height: 32px; }
/*Labels Next to Fields*/
#lineItems .alignedLabel {
display: none;
visibility: collapse; }
/*Product Lines*/
#lineItems #product_head td {
padding: 0;
border-bottom: 1px solid #F5F5F5; }
#lineItems .product_group {
background: none; }
#lineItems .product_group thead {
background: none; }
#lineItems .product_group tr {
background: none; }
#lineItems .product_group td {
background: none; }
#lineItems #product_head > td:nth-of-type(1) {
width: 40px; }
#lineItems .product_group {
width: 100%; }
#lineItems .product_group > tbody > tr:nth-of-type(2) > td {
padding-bottom: 32px;
border-bottom: 1px solid #F5F5F5; }
#lineItems .product_qty {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .product_name {
margin: 0 5px 0 0;
width: 98%; }
#lineItems .product_part_number {
margin: 0 5px 0 0;
width: 100%; }
#lineItems .product_part_number_button {
margin: 0 15px 0 5px; }
#lineItems .product_list_price {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .product_discount_text {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .product_discount_amount_select {
margin: 0 5px 0 0; }
#lineItems .product_unit_price {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .product_vat_amt_text {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .product_vat_amt_select {
margin: 0 5px 0 0; }
#lineItems .product_total_price {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .product_delete_line {
margin: 0 15px 0 5px; }
#lineItems .product_item_description_label {
display: block; }
#lineItems .product_item_description {
width: 95%;
height: 50px; }
#lineItems .product_description_label {
display: block; }
#lineItems .product_description {
width: 95%;
height: 50px; }
/*Service Lines*/
#lineItems #service_head td {
padding: 0;
border-bottom: 1px solid #F5F5F5; }
#lineItems .service_group > tbody > tr > td {
padding-bottom: 32px;
border-bottom: 1px solid #F5F5F5; }
#lineItems .service_group {
background: none; }
#lineItems .service_group thead {
background: none; }
#lineItems .service_group tr {
background: none; }
#lineItems .service_group td {
background: none; }
#lineItems .service_group {
width: 100%; }
#lineItems .service_name {
margin: 0 5px 0 0;
width: 95%;
height: 50px; }
#lineItems .service_list_price {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .service_discount_text {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .service_discount_select {
margin: 0 5px 0 0; }
#lineItems .service_unit_price {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .service_vat_text {
width: 40px; }
#lineItems .service_vat_select {
margin: 0 5px 0 5px; }
#lineItems .service_total_price {
margin: 0 5px 0 0;
width: 40px; }
#lineItems .service_delete_line {
margin: 0 5px 0 0; }
#lineItems select {
line-height: 18px; }
/*Grand Total*/
#EditView #total_amt {
width: 40%;
max-width: 40%; }
#EditView #discount_amount {
width: 40%;
max-width: 40%; }
#EditView #subtotal_amount {
width: 40%;
max-width: 40%; }
#EditView #shipping_amount {
width: 40%;
max-width: 40%; }
#EditView #shipping_tax_amt {
width: 40%;
max-width: 40%; }
#EditView #tax_amount {
width: 40%;
max-width: 40%; }
#EditView #total_amount {
width: 40%;
max-width: 40%; }
#EditView #shipping_tax {
margin-left: 8px; }
@media (min-width: 1350px) {
#lineItems {
font-size: 16px; }
#lineItems table {
font-size: 16px; }
#lineItems #product_head > td:nth-of-type(1) {
width: 80px; }
#lineItems .product_qty {
width: 80px; }
#lineItems .product_list_price {
width: 80px; }
#lineItems .product_discount_text {
width: 80px; }
#lineItems .product_unit_price {
width: 80px; }
#lineItems .product_vat_amt_text {
width: 80px; }
#lineItems .product_total_price {
width: 80px; }
#lineItems .service_list_price {
width: 80px; }
#lineItems .service_discount_text {
width: 80px; }
#lineItems .service_unit_price {
width: 80px; }
#lineItems .service_vat_text {
width: 80px; }
#lineItems .service_total_price {
width: 80px; } }
/*End of lineItems*/
.row {
margin-top: 1px;
margin-bottom: 1px; }
#btn_vCardButton {
background: none;
margin: 0; }
#btn_vCardButton,
#btn_vCardButton img {
width: auto;
height: 14px; }
.hr {
background: #FFFFFF;
color: #757083;
height: 1px; }
.converted_account {
border: 1px solid transparent;
border-radius: 4px; }
.converted_account td {
background-color: #BFCAD3; }
.converted_account > tbody > tr > td {
padding: 10px;
border-radius: 4px; }
.modal {
z-index: 16000; }
.detail-view-row .label.col-2-label {
padding-left: 32px; }
/**** Scrollbars ****/
div::-webkit-scrollbar {
/* 1 */
width: 12px;
height: 12px; }
select::-webkit-scrollbar {
/* 1 */
width: 12px;
height: 12px; }
input::-webkit-scrollbar {
/* 1 */
width: 12px;
height: 12px; }
textarea::-webkit-scrollbar {
/* 1 */
width: 12px;
height: 12px; }
ul::-webkit-scrollbar {
/* 1 */
width: 12px;
height: 12px; }
div::-webkit-scrollbar-track {
/* 3 */
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
select::-webkit-scrollbar-track {
/* 3 */
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
input::-webkit-scrollbar-track {
/* 3 */
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
textarea::-webkit-scrollbar-track {
/* 3 */
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
ul::-webkit-scrollbar-track {
/* 3 */
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
div::-webkit-scrollbar-thumb {
/* 5 */
background: #a5e8d6;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
select::-webkit-scrollbar-thumb {
/* 5 */
background: #a5e8d6;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
input::-webkit-scrollbar-thumb {
/* 5 */
background: #a5e8d6;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
textarea::-webkit-scrollbar-thumb {
/* 5 */
background: #a5e8d6;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
ul::-webkit-scrollbar-thumb {
/* 5 */
background: #a5e8d6;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
.sidebar::-webkit-scrollbar-thumb {
/* 5 */
background: rgba(255, 255, 255, 0.25);
border-radius: 10px;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5); }
#tab-actions .dropdown-menu::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.25); }
.edit h4 {
font-size: 21px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #dddddd; }
#addbuttons {
margin: 0 5px 0 5px;
float: right; }
.btn-success {
background: #ff0000;
border: none; }
.headerlinks a:hover {
color: #F5F5F5; }
table {
font-size: 16px; }
table legend {
font-size: 1.2em; }
.edit h4 {
font-size: 1.2em; }
#tabs {
border: none; }
#tabs ul li {
list-style: none; }
.ui-widget-header {
background: #ffffff;
color: #565656;
border: none; }
.ui-tabs .ui-tabs-nav li a {
font-size: 0.9em;
padding: 5px; }
.ui-state-default {
background: #eeeeee; }
.ui-widget-content .ui-state-default {
background: #eeeeee; }
.ui-widget-header .ui-state-default {
background: #eeeeee; }
.ui-state-active a {
font-weight: bold; }
.ui-state-active a:link {
font-weight: bold; }
.ui-state-default a:hover {
font-weight: bold; }
.ui-widget-content a {
color: #ff0000; }
.ui-widget-content a:hover {
color: #D66C60; }
.ui-tabs ul li a {
padding: 5px;
margin: 0; }
.ui-tabs ul li a h3 {
padding: 5px;
margin: 0; }
#admincontainer {
display: table; }
#adminrow {
display: table-row; }
#adminsection {
display: table-cell; }
.detail table,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
border: 1px solid #dddddd; }
.table-responsive > tbody > tr > td {
padding: 4px; }
span.id-ff button {
padding: 0;
margin: 5px 5px 5px 0;
line-height: 0;
width: 32px;
height: 32px; }
span.id-ff button:hover {
background-color: #D66C60; }
span.id-ff button img {
padding: 0;
margin: 0;
width: 32px;
height: 32px; }
span.id-ff button:first-of-type img {
content: src("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-select.png"); }
span.id-ff button:last-of-type img {
content: src("../../../../index.php?entryPoint=getImage&themeName=SuiteP&imageName=id-ff-select.png"); }
a.tabFormAdvLink {
text-transform: uppercase; }
select#display_tabs {
height: auto; }
select#hide_tabs {
height: auto; }
select#account_type_advanced {
height: auto; }
select#industry_advanced {
height: auto; }
select#assigned_user_id_advanced {
height: auto; }
select#status_advanced {
height: auto; }
select#lead_source_advanced {
height: auto; }
select#sales_stage_advanced {
height: auto; }
@media (max-width: 768px) {
#BILLING_address_fieldset table tr {
border-bottom: none; }
#SHIPPING_address_fieldset table tr {
border-bottom: none; }
#BILLING_address_fieldset input[type=text] {
width: 100%; }
#SHIPPING_address_fieldset input[type=text] {
width: 100%; }
textarea#billing_address_street {
width: 100%; }
textarea#shipping_address_street {
width: 100%; }
textarea#primary_address_street {
width: 100%; }
textarea#alt_address_street {
width: 100%; }
textarea#description {
width: 100%; }
.detail-view-row .label.col-2-label {
padding-left: 8px; }
.col-xs-12 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 100%; }
.col-xs-6 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 100%; }
.col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled {
width: 100%; }
.col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {
width: 100%; }
.col-sm-8 .edit-view-field input[type=”text”] {
width: 100%; }
.col-sm-6 .edit-view-field input[type=”text”] {
width: 100%; }
[type=”date”] img {
margin-left: 8px; }
.col-sm-12 .edit-view-field[type=”date”] input[type=”text”] {
width: 92%; }
.col-sm-6 .edit-view-field[type=”date”] input[type=”text”] {
width: 92%; } }
@media (min-width: 768px) {
#BILLING_address_fieldset input[type=text] {
width: 100%; }
#SHIPPING_address_fieldset input[type=text] {
width: 100%; }
textarea#billing_address_street {
width: 100%; }
textarea#shipping_address_street {
width: 100%; }
textarea#primary_address_street {
width: 100%; }
textarea#alt_address_street {
width: 100%; }
textarea#description {
width: 100%; }
.col-xs-6 input[type=”text”]#first_name {
width: 48.5%; }
.col-sm-6 input[type=”text”]#first_name {
width: 48.5%; }
.col-sm-6 [type=bool] {
line-height: 40px; }
.col-sm-6 .edit-view-field textarea {
width: 90%; }
.col-sm-12 .col-sm-8.edit-view-field textarea#description {
width: 100%; }
.col-sm-12 .col-sm-8.edit-view-field textarea {
width: 45%; }
[field=bool].col-sm-8.edit-view-field {
height: 40px;
line-height: 40px; }
.col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled {
width: 80%; }
.col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {
width: 80%; }
.col-sm-12 [field=first_name].edit-view-field select {
width: 30%; }
.col-sm-6 [field=first_name].edit-view-field select {
width: 30%; }
.col-sm-12 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 68%; }
.col-sm-6 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 58%; }
.col-sm-8 .edit-view-field input[type=”text”] {
width: 100%; }
.col-sm-6 .edit-view-field input[type=”text”] {
width: 100%; }
.email-address-options-container {
margin-top: 0; }
[type=”date”] input[type=”text”] {
width: 90%; }
[type=”date”] img {
margin-left: 8px; } }
@media (min-width: 769px) {
#BILLING_address_fieldset input[type=text] {
width: 90%; }
#SHIPPING_address_fieldset input[type=text] {
width: 90%; }
textarea#billing_address_street {
width: 90%; }
textarea#shipping_address_street {
width: 90%; }
textarea#primary_address_street {
width: 90%; }
textarea#alt_address_street {
width: 90%; }
textarea#description {
width: 90%; }
.col-xs-6 input[type=”text”]#first_name {
width: 48.5%; }
.col-sm-6 input[type=”text”]#first_name {
width: 48.5%; }
.col-sm-6 [type=bool] {
line-height: 40px; }
.col-sm-6 .edit-view-field textarea {
width: 90%; }
.col-sm-12 .col-sm-8.edit-view-field textarea#description {
width: 100%; }
.col-sm-12 .col-sm-8.edit-view-field textarea {
width: 45%; }
[field=bool].col-sm-8.edit-view-field {
height: 40px;
line-height: 40px; }
.col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled {
width: 45%; }
.col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {
width: 90%; }
.col-sm-12 [type=name].col-sm-8.edit-view-field input[type=”text”] {
width: 45%; }
.col-sm-12 [type=url].col-sm-8.edit-view-field input[type=”text”] {
width: 45%; }
.col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type=”text”] {
width: 45%; }
.col-sm-12 [type=phone].col-sm-8.edit-view-field input[type=”text”] {
width: 45%; }
.col-sm-12 .col-sm-8 .edit-view-field input[type=”text”] {
width: 85%; }
.col-sm-6 .edit-view-field input[type=”text”] {
width: 90%; }
.email-address-options-container {
margin-top: 0; }
[type=”date”] input[type=”text”] {
width: 90%; }
[type=”date”] img {
margin-left: 8px; }
.col-xs-12 [field=first_name].edit-view-field select {
width: 15%; }
.col-xs-12 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 29%; }
.col-sm-6 [field=first_name].edit-view-field select {
width: 30%; }
.col-sm-6 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 58%; } }
@media (min-width: 1024px) {
.col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled {
width: 31.0%; }
.col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {
width: 62.75%; }
.col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type=”text”] {
width: 45.0%; }
.col-sm-12 .edit-view-field input[type=”text”] {
width: 90%; }
.col-sm-6 .edit-view-field input[type=”text”] {
width: 90%; }
#BILLING_address_fieldset input[type=text] {
width: 90%; }
#SHIPPING_address_fieldset input[type=text] {
width: 90%; }
textarea#billing_address_street {
width: 90%; }
textarea#shipping_address_street {
width: 90%; }
textarea#primary_address_street {
width: 90%; }
textarea#alt_address_street {
width: 90%; }
.col-sm-12 .col-sm-8.edit-view-field textarea#description {
width: 120%; }
#EditView_tabs .edit [type=”checkbox”][name=alt_checkbox] {
margin-top: 15px; }
.edit-view-field [name=alt_checkbox] {
margin-top: 15px; }
.edit-view-row-item [field=internal] {
height: 40px;
line-height: 40px; } }
@media (min-width: 1600px) {
.col-sm-12 .col-sm-8.edit-view-field input.sqsEnabled {
width: 36.0%; }
.col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {
width: 72.25%; }
.col-sm-12 [type=varchar].col-sm-8.edit-view-field input[type=”text”] {
width: 45.0%; }
.col-sm-6 .edit-view-field input[type=”text”] {
width: 90%; }
#BILLING_address_fieldset input[type=text] {
width: 90%; }
#SHIPPING_address_fieldset input[type=text] {
width: 90%; }
textarea#billing_address_street {
width: 90%; }
textarea#shipping_address_street {
width: 90%; }
textarea#primary_address_street {
width: 90%; }
textarea#alt_address_street {
width: 90%; }
.col-sm-12 .col-sm-8.edit-view-field textarea#description {
width: 120%; }
#EditView_tabs .edit [type=”checkbox”][name=alt_checkbox] {
margin-top: 15px; }
.edit-view-field [name=alt_checkbox] {
margin-top: 15px; }
.edit-view-row-item [field=internal] {
height: 40px;
line-height: 40px; }
.col-xs-12 [field=first_name].edit-view-field select {
width: 30%; }
.col-xs-6 [field=first_name].edit-view-field select {
width: 30%; }
.col-xs-12 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 58%; }
.col-xs-6 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 58%; }
.col-sm-6 .col-sm-8.edit-view-field input.sqsEnabled {
width: 72.25%; }
.col-sm-12 [field=first_name].edit-view-field select {
width: 15%; }
.col-sm-6 [field=first_name].edit-view-field select {
width: 30%; }
.col-sm-12 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 29.5%; }
.col-sm-6 [field=first_name].edit-view-field input[type=”text”]#first_name {
width: 59%; } }
.sub-header {
padding-bottom: 10px;
border-bottom: 1px solid #eee; }
.main .page-header {
margin-top: 0; }
.placeholders {
margin-bottom: 30px;
text-align: center; }
.placeholders h4 {
margin-bottom: 0; }
.placeholder {
margin-bottom: 20px; }
.placeholder img {
display: inline-block;
border-radius: 50%; }
#user_password {
width: 150px; }
#user_name {
width: 150px; }
.edit img#company_logo_image {
margin-top: 50px;
max-width: 250px; }
.chartContainer .label {
font-size: 1em;
font-weight: normal;
color: #333333; }
.serverstats {
padding: 0;
margin: 0;
float: left;
width: 250px; }
.dashboardTabList li a span {
cursor: pointer; }
.View {
border: 1px solid #cccccc; }
/*Form to Person section*/
#fieldChoices .field {
padding: 0;
margin: 0; }
#fieldChoices #fieldcontainer {
background-color: transparent; }
#fieldChoices .field-list {
display: inline-block;
background-color: #F5F5F5;
padding: 8px;
margin-right: 1%;
border: 1px solid transparent;
border-radius: 4px;
width: 30%;
min-height: 240px; }
#fieldChoices .field-list input {
display: block;
clear: both;
float: none;
width: 100%; }
.field-list textarea {
display: block;
clear: both;
float: none;
width: 100%; }
#fieldChoices .field-list input {
height: 30px; }
.recent-links-edit-button {
display: inline-block; }
.favorite-links-edit-button {
display: inline-block; }
#fieldChoices .field-header {
display: inherit;
font-size: 16px;
background-clip: padding-box;
background-color: #BFCAD3;
color: #F5F5F5;
padding: 8px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 32px;
height: 48px; }
#fieldChoices .required > .field-header {
background-color: #ff0000;
color: #F5F5F5;
padding: 8px;
margin: 0;
border: 1px solid transparent; }
#fieldChoices .field-type {
float: none; }
#fieldChoices .field-list input[type=”button”] {
width: 100px; }
#fieldChoices .field > .field-header {
font-weight: bold; }
#fieldChoices .field-container {
overflow-x: hidden;
overflow-y: auto;
height: 300px;
max-height: 300px;
min-height: 300px; }
#fieldChoices .optionButtonsHolder {
margin-top: 5px; }
#fieldChoices .title {
display: inline-block;
font-size: 20px;
font-weight: 300;
color: #ff0000;
padding-bottom: 8px;
text-align: center;
width: 30%; }
#fieldChoices #personTypeSelect {
margin-bottom: 20px; }
.ui-state-highlight {
background: #E6E6E6;
border: 1px solid #778591;
border-radius: 4px;
height: 48px; }
hr {
border: none; }
.pagecontent {
border: 1px solid transparent; }
.pagecontent > table td {
padding: 8px; }
#fieldChoices {
background: #ffffff;
padding: 16px 8px 8px 8px;
border: 1px solid transparent;
border-radius: 4px; }
/* fix schedule bar popup on calendar */
.ui-dialog {
z-index: 1100; }
@media (max-width: 768px) {
.View {
border: 1px solid #cccccc; }
#month-tab {
display: none; }
#year-tab {
display: none; }
#share-tab {
display: none; } }
.table > thead > tr > th {
border: none; }
.table > thead > tr > th {
border: none; }
.home_h3 span {
margin: 0 5px 0 5px; }
@media (min-width: 641px) and (max-width: 978px) {
#cal-edit {
margin: 0 0 0 50px;
overflow: scroll;
max-width: 55%;
max-height: 50%; } }
@media (min-width: 999px) and (max-width: 1279px) {
#cal-edit {
margin: 0 0 0 250px;
overflow: scroll;
max-width: 55%;
max-height: 50%; } }
.teamNoticeBox {
border: none; }
#copyright_data a {
color: #000000;
margin: 0 5px 0 5px; }
#copyright_data a:hover {
cursor: pointer;
text-decoration: none; }
#links a:hover {
cursor: pointer;
text-decoration: none; }
img.info {
opacity: 0.6; }
img.info:hover {
cursor: pointer;
opacity: 1; }
tr:hover img.info {
cursor: pointer;
opacity: 1; }
.helpIcon {
display: none; }
.paginationWrapper {
padding: 0;
margin: 0;
float: right; }
#EditView .paginationWrapper {
padding-top: 4px; }
.paginationWrapper span {
padding: 0;
margin: 0; }
.paginationWrapper span {
padding: 0;
margin: 0; }
#EditView div.action_buttons .button {
background-color: #ff0000; }
#save_and_continue.button {
background-color: #ff0000; }
#EditView div.action_buttons .button:hover,
#save_and_continue.button:hover {
background-color: #D66C60; }
.paginationWrapper {
float: right; }
.yui-layout .yui-layout-clip-right .collapse {
display: block;
visibility: visible; }
.yui-layout-hd .collapse {
display: block;
visibility: visible; }
.yui-layout .yui-layout-clip-left .collapse {
display: block;
visibility: visible; }
.table > thead > tr > th {
border-top: none; }
.table > tbody > tr > th {
border-top: none; }
.table > tfoot > tr > th {
border-top: none; }
.table > thead > tr > td {
border-top: none; }
.table > tbody > tr > td {
border-top: none; }
.table > tfoot > tr > td {
border-top: none; }
h3 span {
font-weight: bold; }
#dlg {
top: 75px;
left: 300px; }
#themePreview {
width: 250px; }
.icon {
fill: #ff0000;
pointer-events: none;
fill: #ff0000;
pointer-events: none; }
.inlineEdit {
cursor: pointer; }
.inlineEditIcon {
color: #ff0000;
padding-left: 3px;
float: right;
width: 15px;
height: 10px; }
.inlineEditIcon svg {
display: none;
fill: #ff0000; }
.inlineEdit:hover .inlineEditIcon svg {
display: inline;
cursor: pointer; }
td.inlineEditActive {
background-color: #cccccc; }
#inlineEditSaveButton {
display: inline;
float: right; }
#inlineEditSaveButton svg {
fill: #ff0000; }
#inlineEditSaveButton svg:hover {
fill: #ff0000; }
#inline_edit_field {
padding-right: 5px;
float: left;
width: 80%; }
#editAccountDialogue_c {
height: 90%; }
#editAccountDialogue {
overflow: auto;
height: auto; }
.edit-view-pagination .btn-pagination[disabled] {
background-color: #777777; }
.edit-view-pagination .btn-pagination {
background-color: #94A6B5;
font-size: 10px;
font-weight: 600;
height: 28px;
line-height: 18px;
padding: 0 10px 0 10px; }
.edit-view-pagination .btn-pagination:hover {
background-color: #94A6B5; }
.edit-view-pagination.glyphicon-chevron-left {
margin-right: 4px; }
.edit-view-pagination .glyphicon-chevron-right {
margin-left: 4px; }
@media (max-width: 1200px) {
.pagination-label {
display: none;
visibility: collapse; }
.edit-view-pagination .btn-pagination.button {
margin-left: 0px;
margin-right: 0px; }
.edit-view-pagination .glyphicon-chevron-left {
margin-right: 0px; }
.edit-view-pagination.glyphicon-chevron-right {
margin-left: 0px; }
.edit-view-pagination .glyphicon-chevron-left {
margin-right: 0px; }
.edit-view-pagination .glyphicon-chevron-right {
margin-left: 0px; } }
/* stop child elements of a hidden dialog from showing up above other elements */
.yui-overlay-hidden * {
display: none;
height: 0;
visibility: collapse; }
object {
pointer-events: none; }
.favorite {
margin-left: 5px;
float: left;
width: 20px; }
.favorite:hover {
cursor: pointer; }
#suggestion_box table {
color: #337ab7;
padding: 0;
border: 1px solid #cccccc;
border-spacing: 0;
width: 100%;
max-width: 400px; }
#suggestion_box table tr {
border-bottom: 1px solid #cccccc; }
#suggestion_box table tr:hover {
background-color: #dfeffe;
cursor: pointer; }
#suggestion_box table tr th {
background-color: #f0f0ee;
color: #333333;
padding: 4px;
text-align: left; }
#suggestion_box table tr td {
margin: 0;
border: none; }
#tool-tip-separator {
margin-top: 10px;
margin-bottom: 10px; }
.tool-tip-title {
display: inline-block;
margin-bottom: 3px; }
#use_resolution {
padding: 8px;
margin-top: 4px; }
#additional_info_p {
margin-bottom: 4px; }
.transfer {
border: 2px dotted gray; }
#reminders .clear {
clear: both; }
#reminders .remove-reminder-btn {
float: right; }
#reminders #reminder_view {
padding: 0;
margin: 0;
border: none;
list-style-type: none; }
#reminders #reminder_view .reminder_item {
padding: 10px;
margin: 10px 0;
border: 1px solid lightgray;
list-style-type: none; }
#reminders #reminder_view .reminder_item .invitees_list {
display: block;
padding: 0;
margin: 0;
border: none;
list-style-type: none; }
#reminders #reminder_view .reminder_item .invitees_list .invitees_item {
padding: 0;
margin: 0;
border: none;
float: left;
list-style-type: none; }
#reminders #reminder_view .reminder_item .invitees_list .invitees_item .invitee_btn {
margin: 4px; }
#reminders .add-btn {
background-image: url(../../../../themes/SuiteP/images/id-ff-add.png);
background-position: 5px center;
background-repeat: no-repeat;
padding-left: 32px; }
#reminders .remove-btn {
background-image: url(../../../../themes/SuiteP/images/id-ff-clear.png);
background-position: right 5px center;
background-repeat: no-repeat;
padding-right: 32px; }
#reminders .invitee_btn {
background-image: url(../../../../themes/default/images/id-ff-clear.png);
background-position: right 5px center;
background-repeat: no-repeat;
padding: 4px 25px 4px 10px;
border: 1px solid lightgrey; }
#reminders input[type=”checkbox”] {
margin-right: 5px; }
#reminders #reminder_view .reminder_item.reminder-error {
background-color: #fff8f8;
border: 1px solid #ff0000; }
#reminders #reminder_view .reminder_item .error-msg {
font-weight: bold;
color: #ff0000; }
#report-editview-footer {
float: left;
width: 70%; }
#detailpanel_fields,
#detailpanel_conditions,
#detailpanel_charts {
border-top: 1px solid lightgray; }
#detailpanel_fields_select {
margin-right: 20px;
float: left;
overflow-y: auto;
width: 20%;
height: 640px; }
@media (max-width: 767px) {
.col-sm-8.edit-view-field {
width: 100%; }
.edit table,
.edit thead,
.edit tbody,
.edit th,
.edit td,
.edit tr,
.popupBody .edit table,
.popupBody .edit thead,
.popupBody .edit tbody,
.popupBody .edit th,
.popupBody .edit td,
.popupBody .edit tr {
display: block;
background: none;
width: 100%; } }
.aor_dragbox {
overflow: scroll;
height: 250px; }
#report-editview-footer .tab-togglers {
width: 80%; }
#report-editview-footer .tab-toggler {
display: block;
padding: 0 4px;
float: left; }
#report-editview-footer .tab-toggler.active .button {
background-color: #ff0000; }
#report-editview-footer .parentheses-btn {
display: block;
border: 1px solid lightgray;
width: 100%;
min-height: 30px; }
#report-editview-footer .condition-sortable-handle {
cursor: move; }
#report-editview-footer .parenthesis-line strong {
font-size: 18px; }
#report-editview-footer .drop-area.highlighted {
background-color: #f7f7f7; }
#report-editview-footer .tab-panels {
width: 110%; }
.noGraphDataPoints {
padding: 10px; }
.rgraph_chart_tooltips_css {
font-family: 'Lato', Arial; }
@media (min-width: 320px) and (max-width: 978px) {
.col-sm-3 {
display: none; }
.col-sm-offset-3 {
margin: 0; }
.col-sm-9 {
width: 99%; } }
@media (max-width: 350px) {
.footer_left a#admin_options {
display: block; }
.footer_left a#powered_by {
display: block; }
.footer_left a#admin_options {
padding-bottom: 10px; } }
@media only screen and (max-width: 750px) {
.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: 1.2em;
background: #eeeeee;
padding: 8px;
margin: 10px 0 0 0;
border: 1px solid #cccccc; }
.detail508 tr td[scope=”col”] {
font-weight: bold; }
.detail tr {
padding: 0;
margin: 0; }
.detail tr:last-child {
border: none; }
.buttons input.button[type=submit]:hover, input.button[type=button]:hover, input.button[type=reset]:hover {
font-size: 10px; } }
@media (min-width: 751px) {
.edit-view-pagination-mobile-container {
display: none;
visibility: collapse; } }
@media (max-width: 750px) {
.edit-view-mobile-pagination {
font-size: 8px; }
.edit-view-mobile-pagination .btn-pagination.button {
font-size: 8px;
margin-left: 0px;
margin-right: 0px; }
.edit-view-pagination-mobile-container {
text-align: center; }
#EditView .buttons {
width: 100%; }
#EditView .dcQuickEdit > tbody {
display: block;
width: 100%; }
#EditView .dcQuickEdit tr {
display: block;
width: 100%; }
#EditView .dcQuickEdit td {
display: block;
width: 100%; }
.edit-view-mobile-pagination {
display: inline-block;
width: auto; }
.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,
.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%; }
.other.view td:nth-of-type(4) {
display: block;
background-color: #F5F5F5;
padding-bottom: 10px;
padding-left: 52px;
float: right;
line-height: 24px;
width: 100%;
height: auto; }
@media (min-width: 1250px) {
/* left admin panel column */
.other.view td a {
line-height: 100%;
height: 100%;
white-space: normal; }
.other.view td:nth-of-type(1) {
display: block;
float: left;
width: 25%; }
.other.view td:nth-of-type(3) {
display: block;
float: left;
width: 25%; }
/* right admin panel column */
.other.view td:nth-of-type(2) {
display: block;
float: right;
line-height: 48px;
width: 75%;
height: 48px; }
.other.view td:nth-of-type(4) {
display: block;
float: right;
line-height: 48px;
width: 75%;
height: 48px; } }
/*** Menu Filters ***/
#edittabs table:nth-of-type(2),
#edittabs table:nth-of-type(2) > tbody,
#edittabs table:nth-of-type(2) tbody > tr {
width: 100%; }
#edittabs table:nth-of-type(2) tbody > tr > td {
display: inline-block; }
#edittabs .edit {
display: inline-block;
margin: 0 16px 0 0;
border: 1px solid transparent;
border-radius: 4px;
width: 16%; }
#edittabs table:nth-of-type(2) tbody > tr > td:nth-of-type(2) {
width: 80%; }
#s_field_delete > tbody > tr > td,
#trash,
#trashcan,
#trashcan table,
#trashcan table > tbody,
#trashcan table > tbody > tr {
width: 100%; }
#edittabs h2 {
font-size: 16px;
font-weight: bold; }
#edittabs #trash {
overflow: visible;
height: 64px; }
#edittabs .listContainer {
overflow-y: auto;
height: 384px; }
#edittabs .listContainer li span {
display: block;
font-size: 16px;
font-weight: 700;
background: #F5F5F5;
padding: 8px 0 8px 8px;
margin-bottom: 4px;
border: 1px solid transparent;
border-radius: 4px;
width: 98%; }
#edittabs #groupTable,
#edittabs #groupTable > tbody,
#edittabs #groupTable > tbody > tr {
width: 100%; }
#edittabs #groupTable {
background: #FFFFFF;
border: 1px solid transparent;
border-radius: 4px; }
#edittabs #groupTable * {
border: none; }
#edittabs #groupTable .tdContainer {
display: inline-block;
width: 15%; }
.slotB {
border-width: 0;
cursor: move; }
span.error:empty {
padding: 0; }
#groupTable > tbody > tr:nth-child(1) > td {
margin: 0 8px 8px 16px; }
#edittabs #groupTable .tdContainer h2 {
margin: 16px 0 8px 0; }
#edittabs #groupTable .tdContainer h2 > span:nth-of-type(1) {
display: inline-block;
width: 80%; }
#edittabs #groupTable .tdContainer h2 > span:nth-of-type(2) {
display: inline-block;
width: 10%; }
div#rollover {
float: left;
margin: 0;
position: relative;
text-decoration: none; }
div#rollover a:hover {
padding: 0;
text-decoration: none; }
div#rollover a span {
display: none; }
div#rollover a:hover span {
background-color: #fff;
display: block;
color: #333;
font-size: 14px;
margin-left: 5px;
margin-top: 5px;
padding: 10px;
position: absolute;
border: 1px solid #ccc;
text-decoration: none;
width: 250px;
z-index: 1000; }
.email table [class*=col-] {
display: table-cell; }
/**** Campaigns ***/
div.wizard-unique-elem td {
white-space: normal;
word-wrap: break-word; }
@media (min-width: 922px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 900px; } }
/*sm-col-*/
@media (min-width: 768px) and (max-width: 991px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
/*md-col-*/
@media (min-width: 992px) and (max-width: 1199px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 900px; } }
/*md-fixes*/
@media (min-width: 1180px) and (max-width: 1199px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 1000px; } }
/*lg-col-*/
@media (min-width: 1200px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 1100px; } }
@media (min-width: 768px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
@media (min-width: 641px) and (max-width: 978px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 600px; } }
@media (min-width: 999px) and (max-width: 1279px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 900px; } }
@media (min-width: 0) and (max-height: 320px) {
form[name=”wizform”] div.wizard-unique-elem {
min-width: 300px; } }
@media (min-width: 480px) and (max-height: 320px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 400px; } }
@media (min-width: 768px) and (min-height: 381px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
@media (min-width: 768px) and (min-height: 381px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
@media (max-width: 767px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
@media (min-width: 768px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
.wizard-box {
display: block;
position: relative;
background-color: #f6f6f6;
color: #333333;
padding: 20px;
margin: 20px;
border: 1px solid lightgrey;
float: left;
width: 350px;
min-width: 300px;
min-height: 150px; }
.wizard-box label {
margin-bottom: 15px; }
.wizard-box input {
width: 100%; }
.wizard-box span.helpmsg {
position: absolute;
bottom: 15px; }
div.step2 table {
min-width: 300px; }
div.step2 table th td {
width: 60px; }
div.step2 .target-list-table {
min-width: 570px; }
.wizard-summary-left {
display: block;
padding: 0;
margin: 0 20px 0 0;
border: none;
float: left;
width: 450px; }
.wizard-summary-left .box {
display: block;
background-repeat: no-repeat;
padding: 20px 20px 20px 80px;
margin: 0 0 20px 0;
border: 1px solid lightgrey;
float: none;
background-position-x: 10px;
background-position-y: center; }
.wizard-summary-right .box {
display: block;
background-repeat: no-repeat;
padding: 20px 20px 20px 80px;
margin: 0 0 20px 0;
border: 1px solid lightgrey;
float: none;
background-position-x: 10px;
background-position-y: center; }
.wizard-summary-left .box.button.disabled {
background-color: #f3f3f3; }
.wizard-summary-right .box.button.disabled {
color: gray; }
.wizard-summary-left .box.button.disabled a {
color: gray; }
.wizard-summary-right .box.button.disabled a {
color: gray; }
.wizard-summary-left .box.ok {
background-image: url(../../../../themes/default/images/green_camp.gif); }
.wizard-summary-left .box.fail {
background-image: url(../../../../themes/default/images/red_camp.gif); }
.wizard-summary-left .box.small {
display: table-cell;
padding-left: 55px;
padding-right: 5px;
float: none;
width: 210px;
height: 80px;
vertical-align: middle; }
.wizard-summary-left .box.button a,
.wizard-summary-right .box.button a {
color: white; }
.wizard-summary-left .space {
display: table-cell;
float: none;
width: 28px;
height: 80px; }
.wizard-summary-right {
display: block;
padding: 20px;
margin: 0;
border: 1px solid lightgrey;
float: left;
width: 280px; }
.wizard-summary-right .box {
display: table-cell;
background-position: top 10px right 10px;
padding: 0;
margin-left: 20px;
float: none;
text-align: center;
width: 260px;
height: 180px;
vertical-align: middle; }
.wizard-summary-right .send {
background-image: url(../../../../themes/default/images/cmpwzrd/email167.png); }
.wizard-summary-right .schedule {
background-image: url(../../../../themes/default/images/cmpwzrd/wallclock.png); }
.wizard-summary-right .test {
background-image: url(../../../../themes/default/images/cmpwzrd/email167.png);
background-position-y: -7px; }
.wizard-summary-right .disabled {
color: gray; }
.wizard-summary-right .space {
height: 20px; }
ul.target-list {
display: block;
padding: 10px;
margin: 0;
border: 1px solid lightgray;
overflow: scroll;
max-height: 300px;
list-style-type: none; }
ul.target-list li {
padding: 0;
margin: 5px 0; }
div.target-list-create {
padding: 10px;
margin: 10px 0 0 0;
border: 1px solid lightgray; }
div.target-list-table {
padding: 10px;
margin: 0 0 0 10px;
border: 1px solid lightgray;
min-height: 490px; }
.icon-btn-lst {
padding: 0;
margin: 0;
list-style-type: none; }
.icon-btn-lst .icon-btn a {
display: block;
background-color: #ff0000;
margin: 10px;
border: none;
float: left;
text-align: center;
width: 150px;
min-height: 150px;
list-style-type: none; }
.icon-btn-lst .icon-btn {
display: block;
background-color: #ff0000;
margin: 10px;
border: none;
float: left;
text-align: center;
width: 150px;
min-height: 150px;
list-style-type: none; }
.icon-btn-lst .icon-btn:hover {
background-color: #808F9C; }
.icon-btn-lst .icon-btn a:hover {
background-color: #808F9C; }
.icon-btn-lst .icon-btn img {
margin-top: 10px;
margin-bottom: 20px; }
.icon-btn-lst .icon-btn a {
display: block;
color: #FFFFFF;
padding: 10px;
width: 100%;
height: 100%; }
/*////////////////////////////////////////////////////////////////////////////////////////// MEDIA QUERIES //////////*/
@media (min-width: 750px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 500px; } }
@media (max-width: 1130px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 300px; } }
@media (min-width: 768px) and (max-width: 1000px) {
/*help*/
form[name=”wizform”] div.wizard-unique-elem {
width: 700px; } }
@media only screen and (min-device-width: 480px) and (max-device-width: 980px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 400px; } }
@media (min-width: 980px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 900px; } }
@media (min-width: 999px) and (max-width: 1024px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 900px; } }
@media (min-width: 1024px) {
form[name=”wizform”] div.wizard-unique-elem {
width: 1000px; } }
@media (min-width: 1280px) {
#cal-edit {
margin: 0 0 0 200px; }
form[name=”wizform”] div.wizard-unique-elem {
width: 1200px; } }
/* campaign wizard backgrounds and commons */
form[name=”wizform”] .other.view {
background: none; }
form[name=”wizform”] .other.view .edit.view {
width: 100%; }
form[name=”wizform”] .other.view td:nth-of-type(1) {
display: table-cell;
background: none;
float: none;
width: auto; }
form[name=”wizform”] .other.view td:nth-of-type(2) {
display: table-cell;
background: none;
float: none;
width: auto; }
form[name=”wizform”] .other.view td {
display: table-cell;
background: none;
float: none;
width: auto; }
form[name=”wizform”] .other.view td {
height: auto; }
/* campaign wizard home start page */
form[name=”wizform”] fieldset legend {
padding: 0; }
form[name=”wizform”] .icon-btn-lst .icon-btn a {
margin: 0;
line-height: 20px;
text-align: center; }
form[name=”wizform”] .icon-btn-lst .icon-btn a img {
float: none; }
form[name=”wizform”] .icon-btn-lst .icon-btn a br {
display: block;
clear: both;
float: none; }
/* campaign wizard progress bar stuff */
form[name=”wizform”] .progression-container .progression .nav-steps {
background-color: #ff0000; }
form[name=”wizform”] .selected {
background-color: #808F9C; }
.progression .nav-steps:hover {
background-color: #808F9C; }
form[name=”wizform”] .progression-container .progression .nav-steps.selected {
background-color: #808F9C; }
form[name=”wizform”] .progression li.selected::after {
border-left-color: #808F9C; }
form[name=”wizform”] .progression li:hover::after {
border-left-color: #808F9C; }
form[name=”wizform”] .progression li::after {
border-left-color: #ff0000; }
form[name=”wizform”] .progression li::after {
border-left-color: #ff0000; }
form[name=”wizform”] .progression li::before {
border-left-color: #F5F5F5; }
/* campaign wizard (top) buttons */
form[name=”wizform”] input[type=”button”] {
margin-left: 10px;
margin-right: 10px; }
form[name=”wizform”] input[type=”submit”] {
margin-left: 10px;
margin-right: 10px; }
/* campaign wizard forms */
form[name=”wizform”] td {
margin-bottom: 24px; }
form[name=”wizform”] .emptyField {
display: none; }
form[name=”wizform”] tr.emptyRow {
display: none; }
/* target list page */
form[name=”wizform”] .template-container-full div.row {
padding: 5px 20px; }
form[name=”wizform”] .other.view img, .other.view svg {
width: initial;
height: initial; }
form[name=”wizform”] .input-sm {
height: 42px; }
form[name=”wizform”] div.target-list-create br {
display: none; }
form[name=”wizform”] div.target-list-create input[type=”button”] {
margin-top: 16px; }
/* Template editor */
div.wizard-unique-elem .header-2 {
font-size: 16px;
font-weight: bold; }
#email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * {
float: none; }
#email_template_editor ul.mozaik-thumbs li.mozaik-thumbnail {
padding: 0; }
#email_template_editor .mozaik-thumbnail.ui-draggable.ui-draggable-handle * {
margin: 5px; }
#email_template_editor ul.mozaik-list {
background-color: #778591; }
/* Marketing page */
div.step2 table tr td, div.step2 table th td {
width: 80%; }
form[name=”wizform”] .other.view div.step2 table.edit.view tr:first-child td:first-child {
width: 100%; }
form[name=”wizform”] .wizard-box span.helpmsg {
bottom: -36px; }
/* summary page */
form[name=”wizform”] .target_message br,
form[name=”wizform”] .alert_messages br {
display: none; }
form[name=”wizform”] .diagnose_messages td {
margin-bottom: 0; }
form[name=”wizform”] br.emptyRow {
display: none; }
form[name=”wizform”] div.step3 ul .li-tick {
margin-left: 50px; }
form[name=”wizform”] div.step3 ul .li-cross {
margin-left: 50px; }
form[name=”wizform”] div.step3 .button-group a.btn img {
margin-top: 0; }
/* non-email campaign / budget page */
form[name=”wizform”] div.wizard-unique-elem div.step2 .other.view td:nth-of-type(1) {
display: table-cell;
float: none; }
form[name=”wizform”] div.wizard-unique-elem div.step2 .other.view td:nth-of-type(2) {
display: table-cell;
float: none; }
form[name=”wizform”] div.wizard-unique-elem div.step2 table tr td {
display: table-cell;
float: none;
width: auto; }
/* desktop / tablet / mobile fix */
@media (max-width: 1024px) {
form[name=”wizform”] table.other.view tr td.edit.view table tr td input {
max-width: 355px; }
form[name=”wizform”] table.other.view tr td.edit.view table tr td textarea {
max-width: 355px; } }
@media (max-width: 1024px) and (max-width: 980px) {
form[name=”wizform”] table.other.view tr td.edit.view table tr td {
display: block;
float: left; }
form[name=”wizform”] table.other.view tr td.edit.view table tr td:nth-of-type(odd) {
width: 300px;
max-width: 300px;
min-width: 300px; }
form[name=”wizform”] table.other.view tr td.edit.view table tr td:nth-of-type(even) {
width: 500px;
max-width: 500px;
min-width: 500px; }
/* a common fix */
form[name=”wizform”] .edit tr {
border-bottom: none; }
/* Subscriptions fix */
form[name=”wizform”] div.wizard-unique-elem div.step2 table tr td {
float: left; }
form[name=”wizform”] div.wizard-unique-elem div.step2 table tr td .header-4 {
max-width: 255px; }
/* marketing fix */
form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table {
background: none; }
form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td {
display: block;
float: left; }
form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td:nth-of-type(odd) {
width: 300px;
max-width: 300px;
min-width: 300px; }
form[name=”wizform”] table.other.view tr td div.wizard-unique-elem div.step2 table.edit.view tr td:nth-of-type(even) {
width: 500px;
max-width: 500px;
min-width: 500px; }
/* Target List fix */
form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .row .col-xs-12.col-sm-4 {
width: auto; }
form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 table.detail.view tr td table tr.detail.view td {
float: left; }
form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 table.detail.view tr td table tr.detail.view th {
float: left; }
form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .target-list-table {
min-width: 335px; } }
@media (max-width: 1024px) and (max-width: 980px) and (max-width: 480px) {
form[name=”wizform”] table.other.view tr td.edit.view table tr td input {
max-width: 255px; }
form[name=”wizform”] table.other.view tr td.edit.view table tr td textarea {
max-width: 255px; }
form[name=”wizform”] .wizard-box {
width: auto;
min-width: 0; }
/* target-list fix */
form[name=”wizform”] table.other.view tr td.edit.view div.wizard-unique-elem div.step2 .target-list-table {
min-width: 255px; } }
.mozaik-inner {
background-color: #FAFAFA; }
.yui-ac {
position: relative;
font-family: arial;
font-size: 100%; }
.yui-ac-container {
float: left;
width: 100%; }
@media (min-width: 1024px) {
.col-sm-12 .col-sm-8 .yui-ac-container {
float: left;
width: 45%; }
.col-sm-12 .col-sm-6 .yui-ac-container {
float: left;
width: 90%; }
.yui-ac-container {
float: left;
width: 90%; } }
.yui-ac-content {
position: absolute;
background: #FFFFFF;
border: 1px solid #808080;
overflow: hidden;
width: 100%;
z-index: 9050; }
.yui-ac-shadow {
position: absolute;
background: #000;
margin: .3em;
filter: alpha(opacity=10);
opacity: .10;
width: 100%;
z-index: 9049;
-moz-opacity: 0.10; }
.yui-ac iframe {
padding-bottom: .3em;
padding-right: .3em;
filter: alpha(opacity=0);
opacity: 0; }
.yui-ac-content ul {
padding: 0;
margin: 0;
width: 100%; }
.yui-ac-content li {
cursor: default;
padding: 2px 5px;
margin: 0;
white-space: nowrap;
list-style: none;
zoom: 1; }
.yui-ac-content li.yui-ac-prehighlight {
background: #ff0000; }
.yui-ac-content li.yui-ac-highlight {
background: #ff0000;
color: #FFFFFF; }
.yui-calcontainer {
position: relative;
float: left;
overflow: hidden; }
.yui-calcontainer iframe {
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 0;
border: none;
width: 100%;
height: 100%;
z-index: 0; }
.yui-calcontainer iframe.fixedsize {
top: -1px;
left: -1px;
width: 50em;
height: 50em; }
.yui-calcontainer.multi .groupcal {
position: relative;
float: left;
z-index: 1; }
.yui-calcontainer .title {
position: relative;
z-index: 1; }
.yui-calcontainer .close-icon {
position: absolute;
overflow: hidden;
z-index: 1;
text-indent: -10000em; }
.yui-calendar {
position: relative; }
.yui-calendar .calnavleft {
position: absolute;
overflow: hidden;
z-index: 1;
text-indent: -10000em; }
.yui-calendar .calnavright {
position: absolute;
overflow: hidden;
z-index: 1;
text-indent: -10000em; }
.yui-calendar .calheader {
position: relative;
text-align: center;
width: 100%; }
.yui-calcontainer .yui-cal-nav-mask {
position: absolute;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 2;
width: 0;
_height: 0;
left: 0;
top: 0;
display: none; }
.yui-calcontainer .yui-cal-nav {
display: none;
position: absolute;
top: 0;
z-index: 3; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
display: -moz-inline-box;
display: inline-block; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
display: block;
display: inline-block;
background-color: transparent;
cursor: pointer;
border: none;
overflow: visible; }
.yui-calendar .calbody a:hover {
background: inherit; }
p#clear {
padding-top: 10px;
clear: left; }
.yui-calcontainer {
background-color: #FFFFFF;
padding: 10px;
border: 1px solid #808080; }
.yui-calcontainer.multi {
padding: 0 5px 0 5px; }
.yui-calcontainer.multi .groupcal {
background-color: transparent;
padding: 10px 5px 10px 5px;
margin: 0;
border: none; }
.yui-calcontainer .title {
top: 0;
left: 0;
font: 100% sans-serif;
font-weight: bold;
color: #000;
padding: .4em;
margin: 0 -10px 10px -10px;
border-bottom: 1px solid #cccccc;
text-align: left;
height: auto; }
.yui-calcontainer.multi .title {
margin: 0 -5px 0 -5px; }
.yui-calcontainer.withtitle {
padding-top: 0; }
.yui-calcontainer .calclose {
top: .4em;
right: .4em;
cursor: pointer;
width: 25px;
height: 15px; }
.yui-calendar {
font: 100% sans-serif;
margin: 0;
border-spacing: 0;
text-align: center;
border-collapse: collapse; }
.yui-calendar .calhead {
background: transparent;
padding: 0;
border: none;
vertical-align: middle; }
.yui-calendar .calheader {
font-weight: bold;
background: transparent;
padding: 0 0 .6em 0;
text-align: center; }
.yui-calendar .calheader img {
border: none; }
.yui-calendar .calnavleft {
top: 0;
bottom: 0;
left: -10px;
background: url("../../../../include/javascript/yui/build/assets/skins/sam/sprite.png") repeat scroll 0 -450px transparent;
cursor: pointer;
margin-left: .4em;
width: 25px;
height: 15px; }
.yui-calendar .calnavright {
top: 0;
bottom: 0;
right: -10px;
background: url("../../../../include/javascript/yui/build/assets/skins/sam/sprite.png") repeat scroll 0 -500px transparent;
cursor: pointer;
margin-right: .4em;
width: 25px;
height: 15px; }
.yui-calendar .calweekdayrow {
height: 2em; }
.yui-calendar .calweekdayrow th {
padding: 0;
border: none; }
.yui-calendar .calweekdaycell {
font-weight: bold;
color: #000;
text-align: center;
width: 2em; }
.yui-calendar .calfoot {
background-color: #f2f2f2; }
.yui-calendar .calrowhead, .yui-calendar .calrowfoot {
color: #a6a6a6;
font-size: 85%;
font-style: normal;
font-weight: normal;
border: none; }
.yui-calendar .calrowhead {
padding: 0 2px 0 0;
text-align: right; }
.yui-calendar .calrowfoot {
padding: 0 0 0 2px;
text-align: left; }
.yui-calendar td.calcell {
background: #fff;
padding: 1px;
border: 1px solid #cccccc;
line-height: 1.6em;
text-align: center;
height: 1.6em;
white-space: nowrap; }
.yui-calendar td.calcell a {
display: block;
color: #F5F5F5;
height: 100%;
text-decoration: none; }
.yui-calendar td.calcell.today {
background-color: #000; }
.yui-calendar td.calcell.today a {
background-color: #ff0000; }
.yui-calendar td.calcell.oom {
background-color: #cccccc;
color: #a6a6a6;
cursor: default; }
.yui-calendar td.calcell.selected {
background-color: #fff;
color: #000; }
.yui-calendar td.calcell.selected a {
background-color: #ff0000;
color: #000; }
.yui-calendar td.calcell.calcellhover {
background-color: #D66C60;
color: #fff;
cursor: pointer; }
.yui-calendar td.calcell.calcellhover a {
background-color: #D66C60;
color: #fff; }
.yui-calendar td.calcell.previous {
color: #e0e0e0; }
.yui-calendar td.calcell.restricted {
text-decoration: line-through; }
.yui-calendar td.calcell.highlight1 {
background-color: #ccff99; }
.yui-calendar td.calcell.highlight2 {
background-color: #99ccff; }
.yui-calendar td.calcell.highlight3 {
background-color: #ffcccc; }
.yui-calendar td.calcell.highlight4 {
background-color: #ccff99; }
.yui-calendar a.calnav {
color: #000;
padding: 0 4px;
border: 1px solid #f2f2f2;
zoom: 1; }
.yui-calendar a.calnav:hover {
cursor: pointer;
border-color: #A0A0A0; }
.yui-calcontainer .yui-cal-nav-mask {
background-color: #000;
filter: alpha(opacity=25);
opacity: 0.25; }
.yui-calcontainer .yui-cal-nav {
top: 2.5em;
left: 50%;
font-family: arial, helvetica, clean, sans-serif;
font-size: 93%;
background-color: #f2f2f2;
padding: 0;
margin-left: -7em;
border: 1px solid #808080;
width: 14em; }
.yui-calcontainer.withtitle .yui-cal-nav {
top: 4.5em; }
.yui-calcontainer.multi .yui-cal-nav {
margin-left: -8em;
width: 16em; }
.yui-calcontainer .yui-cal-nav-y, .yui-calcontainer .yui-cal-nav-m, .yui-calcontainer .yui-cal-nav-b {
padding: 5px 10px 5px 10px; }
.yui-calcontainer .yui-cal-nav-b {
text-align: center; }
.yui-calcontainer .yui-cal-nav-e {
display: none;
background-color: #F2F2F2;
padding: 5px;
margin-top: 5px;
border-top: 1px solid black; }
.yui-calcontainer .yui-cal-nav label {
display: block;
font-weight: bold; }
.yui-calcontainer .yui-cal-nav-mc {
width: 100%;
width: auto; }
.yui-calcontainer .yui-cal-nav-y input.yui-invalid {
background-color: #FFEE69;
border: 1px solid #000; }
.yui-calcontainer .yui-cal-nav-yc {
width: 4em; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
background-color: #ccc;
margin: auto .15em;
border: 1px solid #808080; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
font-size: 93%;
color: #000;
padding: 0 8px;
line-height: 2;
line-height: 1.7;
min-height: 2em;
min-height: auto; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
background-color: #ff0000;
border: 1px solid #ff0000;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
background-color: #ff0000;
color: #fff;
text-shadow: -1px -1px #ff0000; }
.yui-carousel {
position: relative;
overflow: hidden;
visibility: hidden; }
.yui-carousel.yui-carousel-visible {
visibility: visible; }
.yui-carousel-content {
position: relative;
overflow: hidden; }
.yui-carousel-element {
position: relative;
padding: 0;
margin: 5px 0;
overflow: hidden;
width: 32000px;
z-index: 1; }
.yui-carousel-vertical .yui-carousel-element {
margin: 0 5px; }
.yui-carousel-element li {
display: inline;
display: inline-block;
padding: 0;
margin: 1px;
border: 1px solid #ccc;
float: left;
float: none;
overflow: hidden;
text-align: center;
list-style: none;
zoom: 1; }
.yui-carousel .yui-carousel-item-selected {
margin: 1px;
border: 1px dashed #000; }
.yui-carousel-vertical {
margin: 0 5px;
width: auto;
height: 32000px; }
.yui-carousel-vertical .yui-carousel-element li {
display: block;
float: none; }
.yui-log .carousel {
background: #f2e886; }
.yui-carousel-nav {
zoom: 1; }
.yui-carousel-nav:after {
content: "";
display: block;
clear: both; }
.yui-carousel-button-focus {
outline: 1px dotted #000; }
.yui-carousel, .yui-carousel-vertical {
border: 1px solid #808080; }
.yui-carousel-nav {
padding: 3px;
text-align: right; }
.yui-carousel-button {
margin: 5px;
float: right;
overflow: hidden;
width: 40px;
height: 19px; }
.yui-carousel-vertical .yui-carousel-button {
background-position: 0 -800px; }
.yui-carousel-button-disabled {
background-position: 0 -2000px; }
.yui-carousel-vertical .yui-carousel-button-disabled {
background-position: 0 -2100px; }
.yui-carousel-button input {
display: block;
background-color: transparent;
cursor: pointer;
padding: 0 0 0 50px;
margin: -2px 0 0 -2px;
border: 0;
height: 44px; }
span.yui-carousel-first-button {
background-position: 0 -550px;
margin: 5px 5px 5px -90px;
margin-left: -100px;
margin-right: 50px; }
.yui-carousel-vertical span.yui-carousel-first-button {
background-position: 0 -750px; }
span.yui-carousel-first-button-disabled {
background-position: 0 -1950px; }
.yui-carousel-vertical span.yui-carousel-first-button-disabled {
background-position: 0 -2050px; }
.yui-carousel-nav ul {
padding: 0;
margin: 0;
margin-left: -220px;
margin-left: -160px;
margin-right: 100px;
margin-right: 0;
float: right; }
.yui-carousel-nav select {
position: relative;
top: 4px;
right: 50px; }
.yui-carousel-vertical .yui-carousel-nav ul, .yui-carousel-vertical .yui-carousel-nav select {
float: none;
margin: 0;
zoom: 1; }
.yui-carousel-nav ul li {
float: left;
height: 19px;
list-style: none; }
.yui-carousel-nav ul:after {
content: "";
display: block;
clear: both; }
.yui-carousel-nav ul li a {
display: block;
margin: 10px 0 0 5px;
overflow: hidden;
width: 9px;
height: 9px; }
.yui-carousel-nav ul li a em {
position: absolute;
left: -10000px; }
.yui-carousel-nav ul li.yui-carousel-nav-page-selected a {
background-position: 0 -700px; }
.yui-picker-panel {
background: #e3e3e3;
border-color: #888; }
.yui-picker-panel .hd {
font-size: 100%;
font-weight: bold;
background-color: #ccc;
color: #000;
padding: 6px;
border: 1px solid #e3e3e3;
line-height: 100%;
overflow: hidden; }
.yui-picker-panel .bd {
background: #e8e8e8;
margin: 1px;
height: 200px; }
.yui-picker-panel .ft {
background: #e8e8e8;
padding: 1px;
margin: 1px; }
.yui-picker {
position: relative; }
.yui-picker-hue-thumb {
position: absolute;
top: -8px;
left: -2px;
cursor: default;
width: 18px;
height: 18px;
z-index: 9; }
.yui-picker-hue-bg {
position: absolute;
top: 4px;
left: 200px;
background: url(hue_bg.png) no-repeat;
outline: 0 none;
width: 14px;
height: 183px;
-moz-outline: none; }
.yui-picker-bg {
position: absolute;
top: 4px;
left: 4px;
background-color: #F00;
background-image: url(picker_mask.png);
outline: 0 none;
width: 182px;
height: 182px;
-moz-outline: none; }
* html .yui-picker-bg {
background-image: none; }
.yui-picker-mask {
position: absolute;
top: 0;
left: 0;
z-index: 1; }
.yui-picker-thumb {
position: absolute;
top: -4px;
left: -4px;
cursor: default;
width: 11px;
height: 11px;
z-index: 9; }
.yui-picker-swatch {
position: absolute;
top: 4px;
left: 240px;
border: 1px solid #888;
width: 55px;
height: 60px; }
.yui-picker-websafe-swatch {
position: absolute;
top: 4px;
left: 304px;
border: 1px solid #888;
width: 24px;
height: 24px; }
.yui-picker-controls {
position: absolute;
top: 72px;
left: 226px;
font: 1em monospace; }
.yui-picker-controls .hd {
background: transparent;
border-width: 0; }
.yui-picker-controls .bd {
border-width: 0;
height: 100px; }
.yui-picker-controls ul {
padding: 0 2px 0 0;
margin: 0;
float: left; }
.yui-picker-controls li {
padding: 2px;
margin: 0;
list-style: none; }
.yui-picker-controls input {
font-size: 0.85em;
width: 2.4em; }
.yui-picker-hex-controls {
padding: 2px;
clear: both; }
.yui-picker-hex-controls input {
width: 4.6em; }
.yui-picker-controls a {
display: block;
display: inline-block;
font: 1em arial, helvetica, clean, sans-serif;
color: #000;
padding: 0; }
.yui-overlay, .yui-panel-container {
position: absolute;
visibility: hidden;
z-index: 2; }
.yui-panel-container form {
margin: 0; }
.mask {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1; }
.mask.block-scrollbars {
overflow: auto; }
.masked select, .drag select, .hide-select select {
_visibility: hidden; }
.yui-panel-container select {
_visibility: inherit; }
.hide-scrollbars, .hide-scrollbars * {
overflow: hidden; }
.hide-scrollbars select {
display: none; }
.show-scrollbars {
overflow: auto; }
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars {
overflow: visible; }
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow {
overflow: auto; }
.yui-panel-container.shadow .underlay.yui-force-redraw {
padding-bottom: 1px; }
.yui-effect-fade .underlay {
display: none; }
.yui-tt-shadow {
position: absolute; }
.yui-override-padding {
padding: 0; }
.yui-panel-container .container-close {
overflow: hidden;
text-decoration: none;
text-indent: -10000em; }
.mask {
background-color: #000;
filter: alpha(opacity=25);
opacity: .25; }
.yui-panel-container {
padding: 0 1px;
padding: 2px; }
.yui-panel {
position: relative;
top: 0;
left: 0;
border-width: 1px 0;
border-width: 1px;
border-color: #808080;
border-style: solid;
z-index: 1;
zoom: 1;
_zoom: normal; }
.yui-module .hd, .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
margin: 0 -1px;
margin: 0;
border: 0; }
.yui-module {
border: 1px solid #C0C0C0; }
.yui-module .hd, .yui-panel .hd {
border-bottom: solid 1px #C0C0C0;
padding: 10px 0 10px 0; }
.yui-module .bd, .yui-panel .bd, .yui-panel .ft {
background-color: #FFFFFF; }
.container-close {
margin: 4px 0 0 0; }
.yui-module .hd, .yui-panel .hd {
font-size: 14px;
font-weight: bold;
background: #778591 none repeat scroll 0 0;
background-color: #778591;
color: #ffffff;
padding: 3px 6px;
line-height: 2;
line-height: 1.8; }
.yui-panel .bd {
padding: 10px; }
.yui-panel .ft {
font-size: 77%;
padding: 5px 10px;
border-top: solid 1px #808080; }
.container-close {
position: absolute;
top: 3px;
right: 0;
width: 25px;
height: 15px;
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=dashletclose.png") no-repeat;
cursor: pointer; }
.yui-panel-container .underlay {
left: -1px;
right: -1px; }
.yui-panel-container.matte {
background-color: #fff;
padding: 9px 10px; }
.yui-panel-container.shadow {
padding: 2px 4px 0 2px; }
.yui-dialog .ft {
font-size: 100%;
padding: 0 10px 10px 10px;
border-top: none; }
.yui-dialog .ft .button-group {
display: block;
clear: both;
text-align: right; }
.yui-dialog .ft button.default {
font-weight: bold; }
.yui-dialog .ft span.default {
background-position: 0 -1400px;
border-color: #304369; }
.yui-dialog .ft span.default .first-child {
border-color: #304369; }
.yui-dialog .ft span.yui-button-disabled {
background-position: 0pt -1500px;
border-color: #ccc; }
.yui-dialog .ft span.yui-button-disabled .first-child {
border-color: #ccc; }
.yui-dialog .ft span.yui-button-disabled button {
color: #a6a6a6; }
.yui-simple-dialog .bd .yui-icon {
margin-right: 10px;
float: left;
width: 16px;
height: 16px; }
.yui-simple-dialog .bd span.blckicon {
background-position: 0 -1100px; }
.yui-simple-dialog .bd span.alrticon {
background-position: 0 -1050px; }
.yui-simple-dialog .bd span.hlpicon {
background-position: 0 -1150px; }
.yui-simple-dialog .bd span.infoicon {
background-position: 0 -1200px; }
.yui-simple-dialog .bd span.warnicon {
background-position: 0 -1900px; }
.yui-simple-dialog .bd span.tipicon {
background-position: 0 -1250px; }
.yui-tt .bd {
position: relative;
top: 0;
left: 0;
background-color: #FFFFFF;
color: #000;
padding: 2px 5px;
border-width: 1px;
border-color: #DDDDDD;
border-style: solid;
z-index: 1; }
.yui-tt.show-scrollbars .bd {
overflow: auto; }
.yui-tt-shadow {
top: 2px;
bottom: -3px;
left: -3px;
right: -3px;
background-color: #000; }
.yui-tt-shadow-visible {
filter: alpha(opacity=12);
opacity: .12; }
.yui-dt-mask {
position: absolute;
z-index: 9500; }
.yui-dt-tmp {
position: absolute;
left: -9000px; }
.yui-dt-scrollable .yui-dt-bd {
overflow: scroll; }
.yui-dt-scrollable .yui-dt-hd {
position: relative;
overflow: hidden; }
.yui-dt-scrollable .yui-dt-bd thead tr, .yui-dt-scrollable .yui-dt-bd thead th {
position: absolute;
left: -1500px; }
.yui-dt-scrollable tbody {
-moz-outline: none; }
.yui-dt-draggable {
cursor: move; }
.yui-dt-coltarget {
position: absolute;
z-index: 999; }
.yui-dt-hd {
zoom: 1; }
th.yui-dt-resizeable .yui-dt-resizerliner {
position: relative; }
.yui-dt-resizer {
position: absolute;
bottom: 0;
right: 0;
background-color: #CCC;
cursor: e-resize;
cursor: col-resize;
filter: alpha(opacity=0);
opacity: 0;
height: 100%; }
.yui-dt-resizerproxy {
position: absolute;
visibility: hidden;
z-index: 9000; }
th.yui-dt-hidden .yui-dt-liner, td.yui-dt-hidden .yui-dt-liner, th.yui-dt-hidden .yui-dt-resizer {
display: none; }
.yui-dt-editor {
position: absolute;
z-index: 9000; }
.yui-dt table {
font-family: arial;
font-size: inherit;
padding: 0;
margin: 0;
border: 1px solid #7F7F7F;
border-spacing: 0;
border-collapse: separate;
border-collapse: collapse; }
.yui-dt thead {
border-spacing: 0; }
.yui-dt caption {
font-size: 85%;
font-style: italic;
font-weight: normal;
color: #000000;
padding: 1em 0pt;
line-height: 1;
text-align: center; }
.yui-dt th, .yui-dt th a {
font-weight: normal;
color: #000;
text-decoration: none;
vertical-align: bottom; }
.yui-dt th {
padding: 0;
margin: 0;
border: none;
border-right: 1px solid #CBCBCB; }
.yui-dt tr.yui-dt-first td {
border-top: 1px solid #C0C0C0; }
.yui-dt th .yui-dt-liner {
background: #EEEEEE none repeat scroll 0 0;
white-space: nowrap; }
.yui-dt-liner {
padding: 0;
padding: 2px 2px;
margin: 0;
white-space: nowrap; }
.yui-dt-coltarget {
background-color: red;
width: 5px; }
.yui-dt td {
padding: 0;
margin: 0;
border: none;
border-right: 1px solid #CBCBCB;
border-color: #FFFFFF #EDEDED #E7E7E7;
border-bottom: 1px solid #E7E7E7;
text-align: left; }
.yui-dt-list td {
border-right: none; }
th.yui-dt-hidden, td.yui-dt-hidden {
border: none;
visibility: hidden; }
.yui-dt-resizer {
width: 6px; }
.yui-dt-mask {
background-color: #000;
filter: alpha(opacity=25);
opacity: .25; }
.yui-dt-message {
background-color: #FFF; }
.yui-dt-scrollable table {
border: none; }
.yui-dt-scrollable .yui-dt-hd {
border-top: 1px solid #7F7F7F;
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F; }
.yui-dt-scrollable .yui-dt-bd {
background-color: #FFF;
border-bottom: 1px solid #7F7F7F;
border-left: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F; }
/*.yui-dt-scrollable .yui-dt-data tr.yui-dt-last td {
border-bottom: 1px solid #7F7F7F;
}*/
thead .yui-dt-sortable {
cursor: pointer; }
th.yui-dt-sortable .yui-dt-label {
margin-right: 10px; }
th.yui-dt-asc .yui-dt-liner {
background: url("../../../../index.php?entryPoint=getImage&imageName=arrow_up.gif") no-repeat right; }
th.yui-dt-desc .yui-dt-liner {
background: url("../../../../index.php?entryPoint=getImage&imageName=arrow_down.gif") no-repeat right; }
tbody .yui-dt-editable {
cursor: pointer; }
.yui-dt-editor {
background-color: #F2F2F2;
padding: 6px;
border: 1px solid #808080;
text-align: left; }
.yui-dt-editor label {
padding-left: 4px;
padding-right: 6px; }
.yui-dt-editor .yui-dt-button {
padding-top: 6px;
text-align: right; }
.yui-dt-editor .yui-dt-button button {
margin-left: 6px;
border: 1px solid #999;
width: 4em;
height: 1.8em; }
.yui-dt-editor .yui-dt-button button.yui-dt-default {
background-color: #5584E0;
color: #FFF;
border: 1px solid #304369; }
.yui-dt-editor .yui-dt-button button:hover {
color: #000; }
.yui-dt-editor .yui-dt-button button:active {
color: #000; }
tr.yui-dt-even {
background-color: #FFF; }
tr.yui-dt-odd {
background-color: #FFF; }
tr.yui-dt-even td.yui-dt-asc, tr.yui-dt-even td.yui-dt-desc {
/*background-color: #F2F2F2;*/ }
tr.yui-dt-odd td.yui-dt-asc, tr.yui-dt-odd td.yui-dt-desc {
/*background-color: #DBEAFF;*/ }
.yui-dt-list tr.yui-dt-even {
background-color: #FFF; }
.yui-dt-list tr.yui-dt-odd {
background-color: #FFF; }
.yui-dt-list tr.yui-dt-even td.yui-dt-asc, .yui-dt-list tr.yui-dt-even td.yui-dt-desc {
background-color: #F2F2F2; }
.yui-dt-list tr.yui-dt-odd td.yui-dt-asc, .yui-dt-list tr.yui-dt-odd td.yui-dt-desc {
background-color: #F2F2F2; }
th.yui-dt-highlighted, th.yui-dt-highlighted a {
background-color: #B2D2FF; }
tr.yui-dt-highlighted, tr.yui-dt-highlighted td.yui-dt-asc, tr.yui-dt-highlighted td.yui-dt-desc, tr.yui-dt-even td.yui-dt-highlighted, tr.yui-dt-odd td.yui-dt-highlighted {
cursor: pointer;
background-color: #E5F2FF; }
.yui-dt-list th.yui-dt-highlighted, .yui-dt-list th.yui-dt-highlighted a {
background-color: #B2D2FF; }
.yui-dt-list tr.yui-dt-highlighted, .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc, .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc, .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted, .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted {
cursor: pointer;
background-color: #B2D2FF; }
th.yui-dt-selected, th.yui-dt-selected a {
background-color: #ff0000; }
tr.yui-dt-selected td, tr.yui-dt-selected td.yui-dt-asc, tr.yui-dt-selected td.yui-dt-desc {
background-color: #C4DDF4; }
tr.yui-dt-even td.yui-dt-selected, tr.yui-dt-odd td.yui-dt-selected {
background-color: #ff0000;
color: #FFF; }
.yui-dt-list th.yui-dt-selected, .yui-dt-list th.yui-dt-selected a {
background-color: #ff0000; }
.yui-dt-list tr.yui-dt-selected td, .yui-dt-list tr.yui-dt-selected td.yui-dt-asc, .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
background-color: #ff0000;
color: #FFF; }
.yui-dt-list tr.yui-dt-even td.yui-dt-selected, .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
background-color: #ff0000;
color: #FFF; }
.yui-dt-paginator {
display: block;
margin: 6px 0;
white-space: nowrap; }
.yui-dt-paginator .yui-dt-first, .yui-dt-paginator .yui-dt-last, .yui-dt-paginator .yui-dt-selected {
padding: 2px 6px; }
.yui-dt-paginator a.yui-dt-first, .yui-dt-paginator a.yui-dt-last {
text-decoration: none; }
.yui-dt-paginator .yui-dt-previous, .yui-dt-paginator .yui-dt-next {
display: none; }
a.yui-dt-page {
background-color: #fff;
padding: 2px 6px;
border: 1px solid #CBCBCB;
text-decoration: none; }
.yui-dt-selected {
background-color: #fff;
border: 1px solid #fff; }
.yui-busy {
cursor: wait; }
.yui-toolbar-container fieldset {
padding: 0;
margin: 0;
border: 0; }
.yui-toolbar-container legend {
display: none; }
.yui-toolbar-container .yui-toolbar-subcont {
padding: .25em 0;
zoom: 1; }
.yui-toolbar-container-collapsed .yui-toolbar-subcont {
display: none; }
.yui-toolbar-container .yui-toolbar-subcont:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-container span.yui-toolbar-draghandle {
display: block;
cursor: move;
margin: 0 0 0 .2em;
border-left: 1px solid #999;
border-right: 1px solid #999;
clear: none;
float: left;
overflow: hidden;
width: 2px;
height: 20px;
text-indent: 77777px; }
.yui-toolbar-container .yui-toolbar-titlebar.draggable {
cursor: move; }
.yui-toolbar-container .yui-toolbar-titlebar {
position: relative; }
.yui-toolbar-container .yui-toolbar-titlebar h2 {
font-weight: bold;
color: #000;
padding: .2em;
margin: 0;
border: none;
letter-spacing: 0; }
.yui-toolbar-container .yui-toolbar-titlebar h2 a {
color: #000;
cursor: default;
text-decoration: none; }
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle {
height: 40px; }
.yui-toolbar-container .yui-toolbar-group {
margin-right: .5em;
float: left;
zoom: 1; }
.yui-toolbar-container .yui-toolbar-group:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-container .yui-toolbar-group h3 {
font-size: 75%;
padding: 0 0 0 .25em;
margin: 0; }
.yui-toolbar-container span.yui-toolbar-separator {
display: none;
padding: 0;
margin: .2em 0 .2em .1em;
float: left;
width: 2px;
height: 18px; }
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator {
height: 45px;
height: 50px; }
.yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator {
height: 18px;
display: block; }
.yui-toolbar-container ul li {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
display: none; }
.yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button {
position: relative;
cursor: pointer; }
.yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a {
height: 100%;
width: 100%;
overflow: hidden;
font-size: 0; }
.yui-toolbar-container .yui-button-disabled {
cursor: default; }
.yui-toolbar-container .yui-button-disabled .yui-toolbar-icon {
filter: alpha(opacity=50);
opacity: .5; }
.yui-toolbar-container .yui-button-disabled .up, .yui-toolbar-container .yui-button-disabled .down {
opacity: .5;
filter: alpha(opacity=50); }
.yui-toolbar-container .yui-button a {
overflow: hidden; }
.yui-toolbar-container .yui-toolbar-select .first-child a {
cursor: pointer; }
.yui-toolbar-fontname-arial {
font-family: Arial; }
.yui-toolbar-fontname-arial-black {
font-family: Arial Black; }
.yui-toolbar-fontname-comic-sans-ms {
font-family: Comic Sans MS; }
.yui-toolbar-fontname-courier-new {
font-family: Courier New; }
.yui-toolbar-fontname-times-new-roman {
font-family: Times New Roman; }
.yui-toolbar-fontname-verdana {
font-family: Verdana; }
.yui-toolbar-fontname-impact {
font-family: Impact; }
.yui-toolbar-fontname-lucida-console {
font-family: Lucida Console; }
.yui-toolbar-fontname-tahoma {
font-family: Tahoma; }
.yui-toolbar-fontname-trebuchet-ms {
font-family: Trebuchet MS; }
.yui-toolbar-container .yui-toolbar-spinbutton {
position: relative; }
.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
opacity: 1;
z-index: 0; }
.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
position: absolute;
display: block;
cursor: pointer;
z-index: 1;
padding: 0;
margin: 0; }
.yui-toolbar-container .yui-overlay {
position: absolute; }
.yui-toolbar-container .yui-overlay ul li {
margin: 0;
list-style-type: none; }
.yui-toolbar-container {
z-index: 1; }
.yui-editor-container .yui-editor-editable-container {
position: relative;
width: 100%;
z-index: 0; }
.yui-editor-container .yui-editor-masked {
background-color: #CCC; }
.yui-editor-container iframe {
display: block;
padding: 0;
margin: 0;
border: 0;
zoom: 1; }
.yui-editor-container .yui-editor-editable {
padding: 0;
margin: 0; }
.yui-editor-container .dompath {
font-size: 85%; }
.yui-editor-panel .hd {
position: relative;
text-align: left; }
.yui-editor-panel .hd h3 {
font-weight: bold;
padding: 0.25em 0pt 0.25em 0.25em;
margin: 0; }
.yui-editor-panel .bd {
position: relative;
width: 100%;
zoom: 1; }
.yui-editor-panel .bd div.yui-editor-body-cont {
padding: .25em .1em;
zoom: 1; }
.yui-editor-panel .bd .gecko form {
overflow: auto; }
.yui-editor-panel .bd div.yui-editor-body-cont:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-editor-panel .ft {
clear: both;
float: left;
text-align: right;
width: 99%; }
.yui-editor-panel .ft span.tip {
display: block;
position: relative;
padding: .5em .5em .5em 23px;
text-align: left;
zoom: 1; }
.yui-editor-panel label {
padding: 0;
clear: both;
float: left;
text-align: left;
width: 100%;
zoom: 1; }
.yui-editor-panel .gecko label {
overflow: auto; }
.yui-editor-panel label strong {
float: left;
width: 6em; }
.yui-editor-panel .removeLink {
text-align: right;
width: 80%; }
.yui-editor-panel label input {
margin-left: .25em;
float: left; }
.yui-editor-panel .yui-toolbar-group {
margin-bottom: 0.75em; }
.yui-editor-panel .height-width {
float: left; }
.yui-editor-panel .height-width span {
display: block;
font-style: italic;
float: left;
overflow: visible; }
.yui-editor-panel .height-width span.info {
font-size: 70%;
margin-top: 3px; }
.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
font-size: 75%; }
.yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator {
border: none; }
.yui-editor-panel .yui-toolbar-bordersize span a span, .yui-editor-panel .yui-toolbar-bordertype span a span {
display: block;
height: 8px;
left: 4px;
position: absolute;
top: 3px;
_top: -5px;
width: 24px;
text-indent: 52px;
font-size: 0; }
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid {
border-bottom: 1px solid black; }
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted {
border-bottom: 1px dotted black; }
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed {
border-bottom: 1px dashed black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 {
top: 0;
text-indent: 0;
font-size: 75%; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 {
border-bottom: 1px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 {
border-bottom: 2px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 {
top: 2px;
top: -5px;
border-bottom: 3px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 {
top: 1px;
top: -5px;
border-bottom: 4px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 {
top: 1px;
top: -5px;
border-bottom: 5px solid black; }
.yui-toolbar-container .yui-toolbar-bordersize-menu, .yui-toolbar-container .yui-toolbar-bordertype-menu {
width: 95px; }
.yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel, .yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover {
margin: 0 3px 7px 17px; }
.yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator {
position: absolute;
left: -12px;
top: 14px;
left: 0; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a {
border-bottom: 1px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a {
border-bottom: 2px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a {
border-bottom: 3px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a {
border-bottom: 4px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a {
border-bottom: 5px solid black;
height: 14px; }
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a {
border-bottom: 1px solid black;
height: 14px; }
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a {
border-bottom: 1px dashed black;
height: 14px; }
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a {
border-bottom: 1px dotted black;
height: 14px; }
h2.yui-editor-skipheader, h3.yui-editor-skipheader {
position: absolute;
padding: 0;
margin: 0;
border: none;
overflow: hidden;
width: 0;
height: 0; }
.yui-toolbar-colors {
display: none;
overflow: hidden;
width: 133px;
z-index: 100;
zoom: 1; }
.yui-toolbar-colors:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-colors a {
display: block;
cursor: pointer;
margin: 0;
border: 1px solid #F6F7EE;
float: left;
overflow: hidden;
width: 9px;
height: 9px;
text-indent: 999px; }
.yui-toolbar-colors a:hover {
border: 1px solid black; }
.yui-color-button-menu {
background-color: transparent;
overflow: visible; }
.yui-toolbar-colors span {
display: block;
position: relative;
padding: 3px;
float: left;
overflow: hidden;
width: 100%;
zoom: 1; }
.yui-toolbar-colors span:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-colors span em {
display: block;
margin: 0.75px;
border: 1px solid black;
float: left;
overflow: hidden;
width: 30px;
height: 35px;
text-indent: 999px; }
.yui-toolbar-colors span strong {
display: block;
font-size: 85%;
font-weight: normal;
padding-left: 3px;
float: left;
width: 65%; }
.yui-toolbar-group-undoredo h3, .yui-toolbar-group-insertitem h3, .yui-toolbar-group-indentlist h3 {
width: 68px; }
.yui-toolbar-group-indentlist2 h3 {
width: 122px; }
.yui-toolbar-group-alignment h3 {
width: 130px; }
.yui-editor-container {
border: 1px solid #808080; }
.yui-toolbar-container {
zoom: 1; }
.yui-toolbar-container .yui-toolbar-titlebar {
position: relative; }
.yui-editor-container .draggable .yui-toolbar-titlebar {
cursor: move; }
.yui-toolbar-container .yui-toolbar-titlebar h2 {
font-size: 100%;
font-weight: bold;
color: #000000;
padding: 0.3em 1em;
margin: 0;
text-align: left; }
.yui-toolbar-container .yui-toolbar-group h3 {
font-size: 75%;
color: #808080;
padding-bottom: 0;
padding-left: 0.25em;
margin: 1em 0 0;
text-align: left; }
.yui-toolbar-container span.yui-toolbar-separator {
margin: 0 .25em;
border: none;
overflow: hidden;
text-indent: 33px; }
.yui-toolbar-container {
background-color: #F2F2F2; }
.yui-toolbar-container .yui-toolbar-subcont {
padding: 0 1em 0.35em;
border-bottom: 1px solid #808080; }
.yui-toolbar-container-collapsed .yui-toolbar-titlebar {
border-bottom: 1px solid #808080; }
.yui-editor-container .visible .yui-menu-shadow, .yui-editor-panel .visible .yui-menu-shadow {
display: none; }
.yui-editor-container ul {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-editor-container ul li {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-toolbar-group ul li.yui-toolbar-groupitem {
float: left; }
.yui-editor-container .dompath {
background-color: #F2F2F2;
color: #999;
padding: 0.25em;
border-top: 1px solid #808080;
text-align: left; }
.yui-toolbar-container .yui-toolbar-titlebar span.collapse {
cursor: pointer;
position: absolute;
top: 4px;
right: 2px;
display: block;
overflow: hidden;
height: 15px;
width: 15px;
text-indent: 9999px; }
.yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button {
position: relative;
display: block;
height: 22px;
width: 30px;
_font-size: 0;
margin: 0;
border-color: #808080;
color: #f2f2f2;
border-style: solid;
border-width: 1px 0;
zoom: 1; }
.yui-toolbar-container .yui-push-button a, .yui-toolbar-container .yui-color-button a, .yui-toolbar-container .yui-menu-button a {
padding-left: 35px;
height: 20px;
text-decoration: none;
font-size: 0;
line-height: 2;
display: block;
color: #000;
overflow: hidden;
white-space: nowrap; }
.yui-toolbar-container .yui-toolbar-spinbutton a, .yui-toolbar-container .yui-toolbar-select a {
font-size: 14px; }
.yui-toolbar-container .yui-push-button .first-child, .yui-toolbar-container .yui-color-button .first-child, .yui-toolbar-container .yui-menu-button .first-child {
border-color: #808080;
border-style: solid;
border-width: 0 1px;
margin: 0 -1px;
display: block;
position: relative; }
.yui-toolbar-container .yui-push-button-disabled .first-child, .yui-toolbar-container .yui-color-button-disabled .first-child, .yui-toolbar-container .yui-menu-button-disabled .first-child {
border-color: #ccc; }
.yui-toolbar-container .yui-push-button-disabled a, .yui-toolbar-container .yui-color-button-disabled a, .yui-toolbar-container .yui-menu-button-disabled a {
color: #A6A6A6;
cursor: default; }
.yui-toolbar-container .yui-push-button-disabled, .yui-toolbar-container .yui-color-button-disabled, .yui-toolbar-container .yui-menu-button-disabled {
border-color: #ccc; }
.yui-toolbar-container .yui-button .first-child {
left: 0; }
.yui-toolbar-container .yui-toolbar-fontname {
width: 135px; }
.yui-toolbar-container .yui-toolbar-heading {
width: 92px; }
.yui-toolbar-container .yui-button-hover {
border-color: #808080; }
.yui-toolbar-container .yui-button-selected {
border-color: #808080; }
.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
display: none; }
.yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group {
margin-top: .75em; }
.yui-toolbar-container .yui-push-button span.yui-toolbar-icon, .yui-toolbar-container .yui-color-button span.yui-toolbar-icon, .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon {
display: block;
position: absolute;
top: 2px;
height: 18px;
width: 18px;
overflow: hidden;
background: url(editor-sprite.gif) no-repeat 30px 30px; }
.yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {
background-image: url(editor-sprite-active.gif); }
.yui-toolbar-container .visible .yuimenuitemlabel {
position: relative;
color: #000;
cursor: pointer; }
.yui-toolbar-container .yui-button-menu {
background-color: #fff; }
.yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled {
position: relative; }
div.yuimenu li.selected {
background-color: #B3D4FF; }
div.yuimenu li.selected a.selected {
color: #000; }
.yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon {
background-position: 0 0;
left: 5px; }
.yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon {
background-position: 0 -108px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon {
background-position: 0 -36px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon {
background-position: 0 -1326px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon {
background-position: 0 -1355px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon {
background-position: 0 -72px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon {
background-position: 0 -180px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon {
background-position: 0 -144px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon {
background-position: 0 -216px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon {
background-position: 0 -288px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon {
background-position: 0 -324px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon {
background-position: 0 -360px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon {
background-position: 0 -396px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon {
background-position: 0 -432px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon {
background-position: 0 -720px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon {
background-position: 0 -684px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon {
background-position: 0 -792px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon {
background-position: 1px -756px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon {
background-position: 0 -972px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon {
background-position: 0 -936px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon {
background-position: 0 -900px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon {
background-position: 0 -864px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon {
background-position: 0 -252px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon {
background-position: 0 -1080px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon {
background-position: 0 -1044px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon {
background-position: 0 -468px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon {
background-position: 0 -504px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-spinbutton, .yui-toolbar-container .yui-toolbar-spinbutton .first-child {
width: 35px; }
.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
padding-left: 2px;
text-align: left; }
.yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon {
display: none; }
.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
right: 2px;
background: url(editor-sprite.gif) no-repeat 0 -1222px;
overflow: hidden;
height: 6px;
width: 7px;
min-height: 0;
padding: 0; }
.yui-toolbar-container .yui-toolbar-spinbutton a.up {
top: 2px;
background-position: 0 -1222px; }
.yui-toolbar-container .yui-toolbar-spinbutton a.down {
bottom: 2px;
background-position: 0 -1187px; }
.yui-toolbar-container select {
border: 1px solid #808080;
height: 22px; }
.yui-toolbar-container .yui-toolbar-select .first-child a {
padding-left: 5px;
text-align: left; }
.yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon {
background: url(editor-sprite.gif) no-repeat 0 -1144px;
overflow: hidden;
right: -2px;
top: 0;
height: 20px; }
.yui-editor-panel .yui-color-button-menu .bd {
background-color: transparent;
border: none;
width: 135px; }
.yui-color-button-menu .yui-toolbar-colors {
border: 1px solid #808080; }
.yui-editor-panel {
position: absolute;
background-color: transparent;
padding: 0;
margin: 0;
border: none;
overflow: visible; }
.yui-editor-panel .hd {
padding: 0;
margin: 10px 0 0;
border: none; }
.yui-editor-panel .hd h3 {
position: relative;
font-size: 93%;
color: #000;
padding: 3px 0 0 0;
margin: 0;
border: 1px solid #808080;
width: 99%;
height: 20px;
text-indent: 5px; }
.yui-editor-panel .bd {
background-color: #F2F2F2;
padding: 0;
margin: 0;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
overflow: visible;
width: 99%; }
.yui-editor-panel ul {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-editor-panel ul li {
padding: 0;
margin: 0; }
.yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont {
padding: 0;
border: none;
margin-top: 0.35em; }
.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
width: 50px; }
.yui-editor-panel label {
display: block;
padding: 4px 0;
margin-bottom: 7px;
float: none; }
.yui-editor-panel label strong {
font-size: 93%;
font-weight: normal;
padding-top: 2px;
text-align: right; }
.yui-editor-panel label input {
width: 75%; }
.yui-editor-panel .createlink_target, .yui-editor-panel .insertimage_target {
width: auto;
margin-right: 5px; }
.yui-editor-panel .removeLink {
width: 98%; }
.yui-editor-panel label input.warning {
background-color: #FFEE69; }
.yui-editor-panel .yui-toolbar-group h3 {
font-size: 93%;
font-weight: normal;
color: #000;
padding: 0 3px 0 0;
margin: 5px 0 0 0;
float: left;
text-align: right; }
.yui-editor-panel .height-width h3 {
margin: 3px 0 0 10px; }
.yui-editor-panel .height-width {
margin: 3px 0 0 35px;
margin-left: 14px;
width: 42%;
width: 44%; }
.yui-editor-panel .yui-toolbar-group-border {
width: 190px; }
.yui-editor-panel .no-button .yui-toolbar-group-border {
width: 210px; }
.yui-editor-panel .yui-toolbar-group-padding {
width: 203px;
width: 198px; }
.yui-editor-panel .no-button .yui-toolbar-group-padding {
width: 172px; }
.yui-editor-panel .yui-toolbar-group-padding h3 {
margin-left: 25px;
margin-left: 12px; }
.yui-editor-panel .yui-toolbar-group-textflow {
width: 182px; }
.yui-editor-panel .hd {
background: none; }
.yui-editor-panel .ft {
background-color: #F2F2F2;
padding: 0;
margin: 0 0 2px 0;
border: 1px solid #808080;
border-top: none; }
.yui-editor-panel .hd span.close {
display: block;
position: absolute;
top: 2px;
right: 5px;
cursor: pointer;
overflow: hidden;
width: 26px;
height: 16px;
text-indent: 500px; }
.yui-editor-panel .ft span.tip {
font-size: 85%;
background-color: #F2F2F2;
border-top: 1px solid #808080; }
.yui-editor-panel .ft span.tip strong {
display: block;
margin: 0 2px 8px 0;
float: left; }
.yui-editor-panel .ft span.tip span.icon {
display: block;
position: absolute;
top: 8px;
left: 2px;
background: url(editor-sprite.gif) no-repeat 0 -1260px;
width: 20px;
height: 20px; }
.yui-editor-panel .ft span.tip span.icon-info {
background-position: 2px -1260px; }
.yui-editor-panel .ft span.tip span.icon-warn {
background-position: 2px -1296px; }
.yui-editor-panel .hd span.knob {
position: absolute;
top: -10px;
left: 25px;
background: url(editor-knob.gif) no-repeat 0 0;
overflow: hidden;
width: 28px;
height: 10px;
text-indent: 9999px; }
.yui-editor-panel .yui-toolbar-container {
background-image: none;
border: none;
float: left;
width: 100%; }
.yui-editor-panel .yui-toolbar-container .bd {
background-color: #ffffff; }
.yui-editor-blankimage {
background-image: url(blankimage.png); }
.yui-editor-container .yui-resize-handle-br {
background-color: transparent;
background-position: -20px -60px;
width: 11px;
height: 11px; }
.yui-crop {
position: relative; }
.yui-crop .yui-crop-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.yui-crop .yui-resize {
position: absolute;
top: 10px;
left: 10px;
border: 0; }
.yui-crop .yui-crop-resize-mask {
position: absolute;
top: 0;
left: 0;
background-position: -10px -10px;
overflow: hidden;
width: 100%;
height: 100%; }
.yui-crop .yui-crop-mask {
background-color: #000;
filter: alpha(opacity=50);
opacity: .5; }
.yui-crop .yui-resize {
border: 1px dashed #fff; }
.yui-layout-loading {
visibility: hidden; }
body.yui-layout {
position: relative;
padding: 0;
margin: 0;
overflow: hidden; }
.yui-layout-doc {
position: relative;
box-shadow: #999 0 5px 10px;
padding: 0;
margin: 0;
overflow: visible;
-moz-box-shadow: #999 0 5px 10px;
-webkit-box-shadow: #999 0 5px 10px;
height: 100%; }
.yui-layout-unit {
padding: 0;
margin: 0;
float: none;
width: 50px;
height: 50px;
z-index: 0; }
.yui-layout-unit-top {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.yui-layout-unit-left {
position: absolute;
top: 0;
left: 0; }
.yui-layout-unit-right {
position: absolute;
top: 0;
right: 0; }
.yui-layout-unit-right.yui-resize .yui-layout-wrap {
margin-left: 5px; }
.yui-layout-unit-bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
.yui-layout-unit-center {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.yui-layout div.yui-layout-hd {
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
/* W3C */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: #ffffff;
/* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
width: 100%;
zoom: 1; }
div.yui-layout-hd h2 {
padding: 10px 0 10px 0; }
.yui-layout-unit {
height: 50px; }
.yui-layout div.yui-layout-bd {
position: absolute;
top: 0;
left: 0;
width: 100%;
zoom: 1; }
.yui-layout .yui-layout-noscroll div.yui-layout-bd {
overflow: hidden; }
.yui-layout .yui-layout-scroll div.yui-layout-bd {
overflow: auto; }
.yui-layout div.yui-layout-ft {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
zoom: 1; }
.yui-layout .yui-layout-unit div.yui-layout-hd h2 {
font-size: 14px;
text-align: left; }
.yui-layout .yui-layout-unit div.yui-layout-hd .collapse {
position: absolute;
top: 5px;
font-size: 0;
cursor: pointer;
width: 11px;
height: 11px; }
.yui-layout .yui-layout-unit div.yui-layout-hd .close {
position: absolute;
top: 2px;
right: 2px;
font-size: 0;
cursor: pointer;
width: 17px;
height: 13px; }
.yui-layout .yui-layout-unit div.yui-layout-hd .collapse-close {
right: 25px; }
.yui-layout .yui-layout-clip {
display: none;
position: absolute;
background-color: #c0c0c0;
height: 20px; }
.yui-layout .yui-layout-clip .collapse {
position: absolute;
top: 5px;
right: 6px;
font-size: 0;
cursor: pointer;
width: 11px;
height: 11px; }
.yui-layout .yui-layout-wrap {
position: absolute;
left: 0;
width: 100%;
height: 100%; }
.yui-layout .yui-resize-proxy {
font-size: 0;
padding: 0;
margin: 0;
border: none; }
.yui-layout .yui-resize-resizing .yui-resize-handle {
visibility: hidden; }
.yui-layout .yui-resize-proxy div {
position: absolute;
background-color: #F2F2F2;
border: 1px solid #808080; }
.yui-layout .yui-resize-proxy .yui-layout-handle-l {
top: 0;
left: 0;
width: 5px;
height: 100%; }
.yui-layout .yui-resize-proxy .yui-layout-handle-r {
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
zoom: 1; }
.yui-layout .yui-resize-proxy .yui-layout-handle-b {
bottom: 0;
left: 0;
width: 100%;
height: 5px; }
.yui-layout .yui-resize-proxy .yui-layout-handle-t {
top: 0;
left: 0;
width: 100%;
height: 5px; }
.yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -110px;
right: 10px; }
.yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse:hover {
top: 4px;
right: 9px;
border: 1px solid #666; }
.yui-layout .yui-layout-clip-left .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px; }
.yui-layout .yui-layout-clip-left .collapse:hover, .yui-layout .yui-layout-clip-right .collapse {
top: 4px;
right: 5px;
border: 1px solid #666; }
.yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse {
left: 5px;
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px; }
.yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse:hover {
top: 4px;
left: 4px;
border: 1px solid #666; }
.yui-layout .yui-layout-clip-right .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -110px; }
.yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -220px;
border: 1px solid #808080; }
.yui-layout .yui-layout-clip-top .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -240px;
border: 1px solid #808080; }
.yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat 0 -90px;
right: 5px; }
.yui-layout .yui-layout-clip-bottom .collapse {
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat -20px -180px;
border: 1px solid #808080; }
.yui-layout .yui-layout-hd {
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
/* W3C */
border: 1px solid #ccc;
border-width: 0; }
.yui-layout {
background-color: #F2F2F2; }
.yui-layout .yui-layout-unit div.yui-layout-hd h2 {
font-weight: bold;
color: #444;
padding: 3px; }
.yui-layout .yui-layout-unit-right div.yui-layout-hd h2 {
text-align: right;
margin-right: 5px; }
.yui-layout .yui-layout-unit div.yui-layout-bd {
background-color: #FFFFFF;
border: 1px solid #808080;
border-top: none;
border-top-width: 0;
border-bottom: none;
border-bottom-width: 0;
text-align: left; }
.yui-layout .yui-layout-unit div.yui-layout-bd-noft {
/* border-bottom: 1px solid #808080;*/ }
.yui-layout .yui-layout-unit div.yui-layout-bd-nohd {
border-top: 1px solid #808080; }
.yui-layout .yui-layout-clip {
display: none;
position: absolute;
background-color: #F2F2F2;
border: 1px solid #808080;
height: 20px; }
.yui-layout div.yui-layout-ft {
background-color: #f2f2f2;
border: 1px solid #808080;
border-top: none;
border-top-width: 0; }
.yui-layout-unit .yui-resize-handle {
background-color: transparent; }
.yui-layout-unit .yui-resize-handle-r {
top: 0;
right: 0;
background-image: none; }
.yui-layout-unit .yui-resize-handle-l {
top: 0;
left: 0;
background-image: none; }
.yui-layout-unit .yui-resize-handle-b {
bottom: 0;
right: 0;
background-image: none; }
.yui-layout-unit .yui-resize-handle-t {
top: 0;
right: 0;
background-image: none; }
.yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob, .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob {
position: absolute;
height: 16px;
width: 6px;
top: 45%;
left: 0;
background: transparent url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png) no-repeat 0 -5px; }
.yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob, .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob {
position: absolute;
height: 6px;
width: 16px;
left: 45%;
background: transparent url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png) no-repeat -20px 0; }
.yui-log {
font-family: monospace;
font-size: 77%;
background-color: #AAA;
color: #000;
padding: 1em;
border: 1px solid black;
text-align: left;
width: 31em;
z-index: 9000; }
.yui-log-container {
position: absolute;
top: 1em;
right: 1em; }
.yui-log input {
font-family: arial;
font-size: 100%;
font-weight: normal;
padding: 0;
margin: 0; }
.yui-log .yui-log-btns {
position: relative;
bottom: .25em;
float: right; }
.yui-log .yui-log-hd {
background-color: #575757;
padding: .5em;
margin-top: 1em; }
.yui-log .yui-log-hd h4 {
font-size: 108%;
font-weight: bold;
color: #FFF;
padding: 0;
margin: 0; }
.yui-log .yui-log-bd {
background-color: #FFF;
border: 1px solid gray;
overflow: auto;
width: 100%;
height: 20em; }
.yui-log p {
padding: .1em;
margin: 1px; }
.yui-log pre {
padding: 0;
margin: 0; }
.yui-log pre.yui-log-verbose {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word; }
.yui-log .yui-log-ft {
margin-top: .5em; }
.yui-log .yui-log-ft .yui-log-sourcefilters {
padding-top: .75em;
margin-top: .75em;
border-top: 1px solid #575757;
width: 100%; }
.yui-log .yui-log-filtergrp {
margin-right: .5em; }
.yui-log .info {
background-color: #A7CC25; }
.yui-log .warn {
background-color: #F58516; }
.yui-log .error {
background-color: #E32F0B; }
.yui-log .time {
background-color: #A6C9D7; }
.yui-log .window {
background-color: #F2E886; }
.yuimenu {
top: -999em;
left: -999em; }
.yuimenubar {
position: static; }
.yuimenu .yuimenu, .yuimenubar .yuimenu {
position: absolute; }
.yuimenubar li, .yuimenu li {
list-style-type: none; }
.yuimenubar ul, .yuimenu ul, .yuimenubar li, .yuimenu li, .yuimenu h6, .yuimenubar h6 {
margin: 0;
padding: 0;
background-color: #DDDDDD; }
.yuimenuitemlabel, .yuimenubaritemlabel {
text-align: left;
white-space: nowrap; }
.yuimenubar ul {
zoom: 1; }
.yuimenubar .yuimenu ul {
zoom: normal; }
.yuimenubar > .bd > ul:after {
content: ".";
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden; }
.yuimenubaritem {
float: left; }
.yuimenubaritemlabel, .yuimenuitemlabel {
display: block; }
.yuimenuitemlabel .helptext {
display: block;
font-style: normal;
margin: -1em 0 0 10em; }
.yui-menu-shadow {
position: absolute;
visibility: hidden;
z-index: -1; }
.yui-menu-shadow-visible {
top: 2px;
bottom: -3px;
left: -3px;
right: -3px;
visibility: visible; }
.hide-scrollbars * {
overflow: hidden; }
.hide-scrollbars select {
display: none; }
.yuimenu.show-scrollbars, .yuimenubar.show-scrollbars {
overflow: visible; }
.yuimenu.hide-scrollbars .yui-menu-shadow, .yuimenubar.hide-scrollbars .yui-menu-shadow {
overflow: hidden; }
.yuimenu.show-scrollbars .yui-menu-shadow, .yuimenubar.show-scrollbars .yui-menu-shadow {
overflow: auto; }
.yuimenubar {
font-size: 93%;
border: solid 1px #808080;
line-height: 2;
line-height: 1.9; }
.yuimenubarnav .yuimenubaritem {
border-right: solid 1px #ccc; }
.yuimenubaritemlabel {
position: relative;
color: #000;
cursor: default;
padding: 0 10px;
margin: -1px 0;
border-width: 1px 0;
border-color: #808080;
border-style: solid;
text-decoration: none; }
.yuimenubarnav .yuimenubaritemlabel {
display: inline-block;
padding-right: 20px; }
.yuimenubarnav .yuimenubaritemlabel-hassubmenu {
background: url(menubaritem_submenuindicator.png) right center no-repeat; }
.yuimenubaritemlabel-selected {
border-color: #7D98B8; }
.yuimenubarnav .yuimenubaritemlabel-selected {
left: -1px;
margin-left: -1px;
border-left-width: 1px; }
.yuimenubaritemlabel-disabled {
color: #A6A6A6;
cursor: default; }
.yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled {
background-image: url(menubaritem_submenuindicator_disabled.png); }
.yuimenu {
font-size: 93%;
line-height: 1.5;
line-height: 1.45; }
.yuimenubar .yuimenu, .yuimenu .yuimenu {
font-size: 100%; }
.yuimenu .bd {
zoom: 1;
_zoom: normal;
border: solid 1px #808080;
background-color: #fff; }
.yuimenu .yuimenu .bd {
zoom: normal; }
.yuimenu ul {
border-width: 1px 0 0 0;
border-color: #ccc;
border-style: solid; }
.yuimenu ul.first-of-type {
border-width: 0; }
.yuimenu h6 {
font-weight: bold;
color: #a4a4a4;
padding: 3px 10px 0 10px;
border-width: 1px 0 0 0;
border-color: #ccc;
border-style: solid; }
.yuimenu ul.hastitle, .yuimenu h6.first-of-type {
border-width: 0; }
.yuimenu .yui-menu-body-scrolled {
border-color: #ccc #808080;
overflow: hidden; }
.yuimenu .topscrollbar, .yuimenu .bottomscrollbar {
height: 16px;
border: solid 1px #808080; }
.yuimenu .topscrollbar {
background-position: center -950px;
border-bottom-width: 0; }
.yuimenu .topscrollbar_disabled {
background-position: center -975px; }
.yuimenu .bottomscrollbar {
background-position: center -850px;
border-top-width: 0; }
.yuimenu .bottomscrollbar_disabled {
background-position: center -875px; }
.yuimenuitem {
_border-bottom: solid 1px #fff; }
.yuimenuitem.first-of-type a, .yuimenuitem.first-of-type img {
padding-top: 3px; }
.yuimenuitemlabel, a.yuimenuitemlabel, a.yuimenuitemlabel:link, a.yuimenuitemlabel:visited {
background-color: #FFF;
border-left: 1px solid #999;
color: #000;
cursor: default;
margin: 0 0 0 20px;
padding: 0 5px;
text-decoration: none; }
a.yuimenuitemlabel:hover {
background-color: #DDD; }
.yuimenuitemlabel img {
border: none;
vertical-align: middle;
left: 3px;
position: absolute; }
.yuimenuitemlabel .helptext {
margin-top: -1.5em;
margin-top: -1.45em; }
.yuimenuitem-hassubmenu > a {
background-image: url(../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png);
background-position: right -126px;
background-repeat: no-repeat; }
.yuimenuitem-checked {
background-image: url(menuitem_checkbox.png);
background-position: left center;
background-repeat: no-repeat; }
.yui-menu-shadow-visible {
background-color: #000;
filter: alpha(opacity=12);
opacity: .12; }
.yuimenuitem-selected {
background-color: #B3D4FF; }
.yuimenuitem-disabled .yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled, .yuimenuitem-disabled a.yuimenuitemlabel-disabled:hover {
background-color: #FFF;
color: #A6A6A6;
cursor: default; }
.yuimenuitem-hassubmenu-disabled {
background-image: url(menuitem_submenuindicator_disabled.png); }
.yuimenuitem-checked-disabled {
background-image: url(menuitem_checkbox_disabled.png); }
.yui-pg-container {
background: #FAFAFA none repeat scroll 0 0;
color: #666666;
display: block;
white-space: nowrap; }
.yui-pg-first, .yui-pg-previous, .yui-pg-next, .yui-pg-last, .yui-pg-current, .yui-pg-pages, .yui-pg-page {
display: inline-block;
font-family: arial, helvetica, clean, sans-serif;
padding: 3px 6px;
zoom: 1; }
.yui-pg-pages {
padding: 0; }
.yui-pg-current {
padding: 3px 0; }
/* a.yui-pg-first:link, a.yui-pg-first:visited, a.yui-pg-first:active, a.yui-pg-first:hover, a.yui-pg-previous:link, a.yui-pg-previous:visited, a.yui-pg-previous:active, a.yui-pg-previous:hover, a.yui-pg-next:link, a.yui-pg-next:visited, a.yui-pg-next:active, a.yui-pg-next:hover, a.yui-pg-last:link, a.yui-pg-last:visited, a.yui-pg-last:active, a.yui-pg-last:hover, a.yui-pg-page:link, a.yui-pg-page:visited, a.yui-pg-page:active, a.yui-pg-page:hover
{
color: #06c;
text-decoration: underline;
outline: 0;
}
span.yui-pg-first, span.yui-pg-previous, span.yui-pg-next, span.yui-pg-last
{
color: #a6a6a6;
}*/
.yui-pg-page {
background-color: #fff;
padding: 2px 6px;
border: 1px solid #CBCBCB;
text-decoration: none; }
.yui-pg-current-page {
font-weight: bold;
background-color: transparent;
padding: 3px 6px;
border: none; }
.yui-pg-page {
margin-left: 1px;
margin-right: 1px; }
.yui-pg-first, .yui-pg-previous {
padding-left: 0; }
.yui-pg-next, .yui-pg-last {
padding-right: 0; }
.yui-pg-current, .yui-pg-rpp-options {
margin-left: 1em;
margin-right: 1em; }
.yui-pv {
position: relative;
font: arial;
background-color: #4a4a4a;
margin-bottom: 1em;
overflow: hidden;
width: 99%;
z-index: 1000; }
.yui-pv .hd {
background: url(header_background.png) repeat-x;
padding: 2px 0;
overflow: hidden;
min-height: 30px;
zoom: 1; }
.yui-pv .hd h4 {
font: bold 14px arial;
color: #fff;
padding: 8px 10px;
margin: 0; }
.yui-pv .hd a {
display: block;
font: bold 11px arial;
background: #3f6bc3;
color: #fff;
cursor: pointer;
padding: 4px;
margin: 3px 10px 0 0;
border: 1px solid #3f567d;
float: right; }
.yui-pv .hd span {
display: none; }
.yui-pv .hd span.yui-pv-busy {
display: block;
background: url(wait.gif) no-repeat;
margin: 4px 10px 0 0;
float: right;
overflow: hidden;
width: 18px;
height: 18px; }
.yui-pv .hd:after, .yui-pv .bd:after, .yui-pv-chartlegend dl:after {
content: '.';
visibility: hidden;
clear: left;
height: 0;
display: block; }
.yui-pv .bd {
position: relative;
overflow-x: auto;
overflow-y: hidden;
zoom: 1; }
.yui-pv .yui-pv-table {
padding: 0 10px;
margin: 5px 0 10px 0; }
.yui-pv .yui-pv-table .yui-dt-bd td {
font: 12px arial;
color: #eeee5c; }
.yui-pv .yui-pv-table tr.yui-dt-odd {
background: #929292; }
.yui-pv .yui-pv-table tr.yui-dt-even {
background: #58637a; }
.yui-pv .yui-pv-table tr.yui-dt-even td.yui-dt-asc, .yui-pv .yui-pv-table tr.yui-dt-even td.yui-dt-desc {
background: #384970; }
.yui-pv .yui-pv-table tr.yui-dt-odd td.yui-dt-asc, .yui-pv .yui-pv-table tr.yui-dt-odd td.yui-dt-desc {
background: #6F6E6E; }
.yui-pv .yui-pv-table .yui-dt-hd th {
background: #2E2D2D;
background-image: none; }
.yui-pv th.yui-dt-asc .yui-dt-liner {
background: transparent url(asc.gif) no-repeat scroll right center; }
.yui-pv th.yui-dt-desc .yui-dt-liner {
background: transparent url(desc.gif) no-repeat scroll right center; }
.yui-pv .yui-pv-table .yui-dt-hd th a {
font: bold 12px arial;
color: #fff; }
.yui-pv .yui-pv-table .yui-dt-hd th.yui-dt-asc, .yui-pv .yui-pv-table .yui-dt-hd th.yui-dt-desc {
background: #333; }
.yui-pv-chartcontainer {
padding: 0 10px; }
.yui-pv-chart {
color: #fff;
margin: 5px 0 0 0;
clear: right;
height: 250px; }
.yui-pv-chartlegend div {
margin: 0 0 0 10px;
float: right;
width: 250px; }
.yui-pv-chartlegend dl {
padding: .2em 0 .2em .5em;
margin: 5px 0;
border: 1px solid #999;
zoom: 1; }
.yui-pv-chartlegend dt {
display: block;
padding: 0;
float: left;
width: .7em;
height: .7em; }
.yui-pv-chartlegend dd {
display: block;
font: 11px arial;
color: #fff;
padding: 0;
margin: 0 1em 0 .5em;
float: left; }
.yui-pv-minimized {
height: 35px; }
.yui-pv-minimized .bd {
top: -3000px; }
.yui-pv-minimized .hd a.yui-pv-refresh {
display: none; }
.yui-resize {
position: relative;
z-index: 0;
zoom: 1; }
.yui-resize-wrap {
zoom: 1; }
.yui-draggable {
cursor: move; }
.yui-resize .yui-resize-handle {
position: absolute;
font-size: 0;
padding: 0;
margin: 0;
width: 1px;
height: 1px;
z-index: 1;
zoom: 1; }
.yui-resize .yui-resize-handle-br {
bottom: 0;
right: 0;
cursor: se-resize;
width: 5px;
height: 5px;
z-index: 2;
zoom: 1; }
.yui-resize .yui-resize-handle-bl {
bottom: 0;
left: 0;
cursor: sw-resize;
width: 5px;
height: 5px;
z-index: 2;
zoom: 1; }
.yui-resize .yui-resize-handle-tl {
top: 0;
left: 0;
cursor: nw-resize;
width: 5px;
height: 5px;
z-index: 2;
zoom: 1; }
.yui-resize .yui-resize-handle-tr {
top: 0;
right: 0;
cursor: ne-resize;
width: 5px;
height: 5px;
z-index: 2;
zoom: 1; }
.yui-resize .yui-resize-handle-r {
border-color: #999;
border-style: none solid;
border-width: thin;
width: 5px;
height: 100%;
top: 0;
right: 0;
cursor: e-resize;
zoom: 1; }
.yui-resize .yui-resize-handle-l {
top: 0;
left: 0;
cursor: w-resize;
width: 5px;
height: 100%;
zoom: 1; }
.yui-resize .yui-resize-handle-b {
bottom: 0;
right: 0;
cursor: s-resize;
width: 100%;
height: 5px;
zoom: 1; }
.yui-resize .yui-resize-handle-t {
top: 0;
right: 0;
cursor: n-resize;
width: 100%;
height: 5px;
zoom: 1;
border-color: #999;
border-style: solid none;
border-width: thin; }
.yui-resize-proxy {
position: absolute;
border: 1px dashed #000;
visibility: hidden;
z-index: 1000; }
.yui-resize-hover .yui-resize-handle, .yui-resize-hidden .yui-resize-handle {
opacity: 0;
filter: alpha(opacity=0); }
.yui-resize-ghost {
filter: alpha(opacity=50);
opacity: .5; }
.yui-resize-knob .yui-resize-handle {
width: 6px;
height: 6px; }
.yui-resize-knob .yui-resize-handle-tr {
top: -3px;
right: -3px; }
.yui-resize-knob .yui-resize-handle-tl {
top: -3px;
left: -3px; }
.yui-resize-knob .yui-resize-handle-bl {
bottom: -3px;
left: -3px; }
.yui-resize-knob .yui-resize-handle-br {
bottom: -3px;
right: -3px; }
.yui-resize-knob .yui-resize-handle-t {
top: -3px;
left: 45%; }
.yui-resize-knob .yui-resize-handle-r {
top: 45%;
right: -3px; }
.yui-resize-knob .yui-resize-handle-l {
top: 45%;
left: -3px; }
.yui-resize-knob .yui-resize-handle-b {
bottom: -3px;
left: 45%; }
.yui-resize-status {
display: none;
position: absolute;
top: -999px;
left: -999px;
font-size: 80%;
padding: 2px;
z-index: 9999;
zoom: 1; }
.yui-resize-status strong, .yui-resize-status em {
font-style: normal;
font-weight: normal;
padding: 1px;
zoom: 1; }
.yui-resize .yui-resize-handle-active {
zoom: 1; }
.yui-resize .yui-resize-handle-l, .yui-resize .yui-resize-handle-r, .yui-resize .yui-resize-handle-l-active, .yui-resize .yui-resize-handle-r-active {
height: 100%; }
.yui-resize-knob .yui-resize-handle {
border: 1px solid #808080; }
.yui-resize-hover .yui-resize-handle-active {
filter: alpha(opacity=100);
opacity: 1; }
.yui-resize-proxy {
border: 1px dashed #ff0000; }
.yui-resize-status {
background-color: #FFEE69;
color: #000;
border: 1px solid #A6982B;
border-top: 1px solid #D4C237; }
.yui-resize-status strong, .yui-resize-status em {
float: left;
display: block;
clear: both;
padding: 1px;
text-align: center; }
.yui-resize .yui-resize-handle-inner-r, .yui-resize .yui-resize-handle-inner-l {
background: transparent url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png) no-repeat 0 -5px;
height: 16px;
width: 5px;
position: absolute;
top: 45%; }
.yui-resize .yui-resize-handle-inner-t, .yui-resize .yui-resize-handle-inner-b {
background: transparent url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png) no-repeat -20px 0;
height: 5px;
width: 16px;
position: absolute;
left: 50%; }
.yui-resize .yui-resize-handle-br {
background-image: url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png);
background-position: -22px -62px;
background-repeat: no-repeat; }
.yui-resize .yui-resize-handle-tr {
background-image: url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png);
background-position: -22px -42px;
background-repeat: no-repeat; }
.yui-resize .yui-resize-handle-tl {
background-image: url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png);
background-position: -22px -82px;
background-repeat: no-repeat; }
.yui-resize .yui-resize-handle-bl {
background-image: url(../../../../index.php?entryPoint=getImage&imageName=layout_sprite.png);
background-position: -22px -23px;
background-repeat: no-repeat; }
.yui-resize-knob .yui-resize-handle-t, .yui-resize-knob .yui-resize-handle-r, .yui-resize-knob .yui-resize-handle-b, .yui-resize-knob .yui-resize-handle-l, .yui-resize-knob .yui-resize-handle-tl, .yui-resize-knob .yui-resize-handle-tr, .yui-resize-knob .yui-resize-handle-bl, .yui-resize-knob .yui-resize-handle-br, .yui-resize-knob .yui-resize-handle-inner-t, .yui-resize-knob .yui-resize-handle-inner-r, .yui-resize-knob .yui-resize-handle-inner-b, .yui-resize-knob .yui-resize-handle-inner-l, .yui-resize-knob .yui-resize-handle-inner-tl, .yui-resize-knob .yui-resize-handle-inner-tr, .yui-resize-knob .yui-resize-handle-inner-bl, .yui-resize-knob .yui-resize-handle-inner-br {
background-image: none; }
.yui-resize-knob .yui-resize-handle-l, .yui-resize-knob .yui-resize-handle-r, .yui-resize-knob .yui-resize-handle-l-active, .yui-resize-knob .yui-resize-handle-r-active {
height: 6px;
width: 6px; }
.yui-busy {
cursor: wait; }
.yui-toolbar-container fieldset {
padding: 0;
margin: 0;
border: 0; }
.yui-toolbar-container legend {
display: none; }
.yui-toolbar-container .yui-toolbar-subcont {
padding: .25em 0;
zoom: 1; }
.yui-toolbar-container-collapsed .yui-toolbar-subcont {
display: none; }
.yui-toolbar-container .yui-toolbar-subcont:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-container span.yui-toolbar-draghandle {
display: block;
cursor: move;
margin: 0 0 0 .2em;
border-left: 1px solid #999;
border-right: 1px solid #999;
clear: none;
float: left;
overflow: hidden;
width: 2px;
height: 20px;
text-indent: 77777px; }
.yui-toolbar-container .yui-toolbar-titlebar.draggable {
cursor: move; }
.yui-toolbar-container .yui-toolbar-titlebar {
position: relative; }
.yui-toolbar-container .yui-toolbar-titlebar h2 {
font-weight: bold;
color: #000;
padding: .2em;
margin: 0;
border: none;
letter-spacing: 0; }
.yui-toolbar-container .yui-toolbar-titlebar h2 a {
color: #000;
cursor: default;
text-decoration: none; }
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-draghandle {
height: 40px; }
.yui-toolbar-container .yui-toolbar-group {
margin-right: .5em;
float: left;
zoom: 1; }
.yui-toolbar-container .yui-toolbar-group:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-container .yui-toolbar-group h3 {
font-size: 75%;
padding: 0 0 0 .25em;
margin: 0; }
.yui-toolbar-container span.yui-toolbar-separator {
display: none;
padding: 0;
margin: .2em 0 .2em .1em;
float: left;
width: 2px;
height: 18px; }
.yui-toolbar-container.yui-toolbar-grouped span.yui-toolbar-separator {
height: 45px;
height: 50px; }
.yui-toolbar-container.yui-toolbar-grouped .yui-toolbar-group span.yui-toolbar-separator {
height: 18px;
display: block; }
.yui-toolbar-container ul li {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
display: none; }
.yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button {
position: relative;
cursor: pointer; }
.yui-toolbar-container .yui-button .first-child, .yui-toolbar-container .yui-button .first-child a {
height: 100%;
width: 100%;
overflow: hidden;
font-size: 0; }
.yui-toolbar-container .yui-button-disabled {
cursor: default; }
.yui-toolbar-container .yui-button-disabled .yui-toolbar-icon {
filter: alpha(opacity=50);
opacity: .5; }
.yui-toolbar-container .yui-button-disabled .up, .yui-toolbar-container .yui-button-disabled .down {
opacity: .5;
filter: alpha(opacity=50); }
.yui-toolbar-container .yui-button a {
overflow: hidden; }
.yui-toolbar-container .yui-toolbar-select .first-child a {
cursor: pointer; }
.yui-toolbar-fontname-arial {
font-family: Arial; }
.yui-toolbar-fontname-arial-black {
font-family: Arial Black; }
.yui-toolbar-fontname-comic-sans-ms {
font-family: Comic Sans MS; }
.yui-toolbar-fontname-courier-new {
font-family: Courier New; }
.yui-toolbar-fontname-times-new-roman {
font-family: Times New Roman; }
.yui-toolbar-fontname-verdana {
font-family: Verdana; }
.yui-toolbar-fontname-impact {
font-family: Impact; }
.yui-toolbar-fontname-lucida-console {
font-family: Lucida Console; }
.yui-toolbar-fontname-tahoma {
font-family: Tahoma; }
.yui-toolbar-fontname-trebuchet-ms {
font-family: Trebuchet MS; }
.yui-toolbar-container .yui-toolbar-spinbutton {
position: relative; }
.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
opacity: 1;
z-index: 0; }
.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
position: absolute;
display: block;
cursor: pointer;
z-index: 1;
padding: 0;
margin: 0; }
.yui-toolbar-container .yui-overlay {
position: absolute; }
.yui-toolbar-container .yui-overlay ul li {
margin: 0;
list-style-type: none; }
.yui-toolbar-container {
z-index: 1; }
.yui-editor-container .yui-editor-editable-container {
position: relative;
width: 100%;
z-index: 0; }
.yui-editor-container .yui-editor-masked {
background-color: #CCC; }
.yui-editor-container iframe {
display: block;
padding: 0;
margin: 0;
border: 0;
zoom: 1; }
.yui-editor-container .yui-editor-editable {
padding: 0;
margin: 0; }
.yui-editor-container .dompath {
font-size: 85%; }
.yui-editor-panel .hd {
position: relative;
text-align: left; }
.yui-editor-panel .hd h3 {
font-weight: bold;
padding: 0.25em 0pt 0.25em 0.25em;
margin: 0; }
.yui-editor-panel .bd {
position: relative;
width: 100%;
zoom: 1; }
.yui-editor-panel .bd div.yui-editor-body-cont {
padding: .25em .1em;
zoom: 1; }
.yui-editor-panel .bd .gecko form {
overflow: auto; }
.yui-editor-panel .bd div.yui-editor-body-cont:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-editor-panel .ft {
clear: both;
float: left;
text-align: right;
width: 99%; }
.yui-editor-panel .ft span.tip {
display: block;
position: relative;
padding: .5em .5em .5em 23px;
text-align: left;
zoom: 1; }
.yui-editor-panel label {
padding: 0;
clear: both;
float: left;
text-align: left;
width: 100%;
zoom: 1; }
.yui-editor-panel .gecko label {
overflow: auto; }
.yui-editor-panel label strong {
float: left;
width: 6em; }
.yui-editor-panel .removeLink {
text-align: right;
width: 80%; }
.yui-editor-panel label input {
margin-left: .25em;
float: left; }
.yui-editor-panel .yui-toolbar-group {
margin-bottom: 0.75em; }
.yui-editor-panel .height-width {
float: left; }
.yui-editor-panel .height-width span {
display: block;
font-style: italic;
float: left;
overflow: visible; }
.yui-editor-panel .height-width span.info {
font-size: 70%;
margin-top: 3px; }
.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
font-size: 75%; }
.yui-editor-panel .yui-toolbar-container span.yui-toolbar-separator {
border: none; }
.yui-editor-panel .yui-toolbar-bordersize span a span, .yui-editor-panel .yui-toolbar-bordertype span a span {
display: block;
height: 8px;
left: 4px;
position: absolute;
top: 3px;
_top: -5px;
width: 24px;
text-indent: 52px;
font-size: 0; }
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-solid {
border-bottom: 1px solid black; }
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dotted {
border-bottom: 1px dotted black; }
.yui-editor-panel .yui-toolbar-bordertype span a span.yui-toolbar-bordertype-dashed {
border-bottom: 1px dashed black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-0 {
top: 0;
text-indent: 0;
font-size: 75%; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-1 {
border-bottom: 1px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-2 {
border-bottom: 2px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-3 {
top: 2px;
top: -5px;
border-bottom: 3px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-4 {
top: 1px;
top: -5px;
border-bottom: 4px solid black; }
.yui-editor-panel .yui-toolbar-bordersize span a span.yui-toolbar-bordersize-5 {
top: 1px;
top: -5px;
border-bottom: 5px solid black; }
.yui-toolbar-container .yui-toolbar-bordersize-menu, .yui-toolbar-container .yui-toolbar-bordertype-menu {
width: 95px; }
.yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel, .yui-toolbar-bordersize-menu .yuimenuitemlabel, .yui-toolbar-bordertype-menu .yuimenuitemlabel:hover {
margin: 0 3px 7px 17px; }
.yui-toolbar-bordersize-menu .yuimenuitemlabel .checkedindicator, .yui-toolbar-bordertype-menu .yuimenuitemlabel .checkedindicator {
position: absolute;
left: -12px;
top: 14px;
left: 0; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-1 a {
border-bottom: 1px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-2 a {
border-bottom: 2px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-3 a {
border-bottom: 3px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-4 a {
border-bottom: 4px solid black;
height: 14px; }
.yui-toolbar-bordersize-menu li.yui-toolbar-bordersize-5 a {
border-bottom: 5px solid black;
height: 14px; }
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-solid a {
border-bottom: 1px solid black;
height: 14px; }
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dashed a {
border-bottom: 1px dashed black;
height: 14px; }
.yui-toolbar-bordertype-menu li.yui-toolbar-bordertype-dotted a {
border-bottom: 1px dotted black;
height: 14px; }
h2.yui-editor-skipheader, h3.yui-editor-skipheader {
position: absolute;
padding: 0;
margin: 0;
border: none;
overflow: hidden;
width: 0;
height: 0; }
.yui-toolbar-colors {
display: none;
overflow: hidden;
width: 133px;
z-index: 100;
zoom: 1; }
.yui-toolbar-colors:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-colors a {
display: block;
cursor: pointer;
margin: 0;
border: 1px solid #F6F7EE;
float: left;
overflow: hidden;
width: 9px;
height: 9px;
text-indent: 999px; }
.yui-toolbar-colors a:hover {
border: 1px solid black; }
.yui-color-button-menu {
background-color: transparent;
overflow: visible; }
.yui-toolbar-colors span {
display: block;
position: relative;
padding: 3px;
float: left;
overflow: hidden;
width: 100%;
zoom: 1; }
.yui-toolbar-colors span:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden; }
.yui-toolbar-colors span em {
display: block;
margin: 0.75px;
border: 1px solid black;
float: left;
overflow: hidden;
width: 30px;
height: 35px;
text-indent: 999px; }
.yui-toolbar-colors span strong {
display: block;
font-size: 85%;
font-weight: normal;
padding-left: 3px;
float: left;
width: 65%; }
.yui-toolbar-group-undoredo h3, .yui-toolbar-group-insertitem h3, .yui-toolbar-group-indentlist h3 {
width: 68px; }
.yui-toolbar-group-indentlist2 h3 {
width: 122px; }
.yui-toolbar-group-alignment h3 {
width: 130px; }
.yui-editor-container {
border: 1px solid #808080; }
.yui-toolbar-container {
zoom: 1; }
.yui-toolbar-container .yui-toolbar-titlebar {
position: relative; }
.yui-editor-container .draggable .yui-toolbar-titlebar {
cursor: move; }
.yui-toolbar-container .yui-toolbar-titlebar h2 {
font-size: 100%;
font-weight: bold;
color: #000000;
padding: 0.3em 1em;
margin: 0;
text-align: left; }
.yui-toolbar-container .yui-toolbar-group h3 {
font-size: 75%;
color: #808080;
padding-bottom: 0;
padding-left: 0.25em;
margin: 1em 0 0;
text-align: left; }
.yui-toolbar-container span.yui-toolbar-separator {
margin: 0 .25em;
border: none;
overflow: hidden;
text-indent: 33px; }
.yui-toolbar-container {
background-color: #F2F2F2; }
.yui-toolbar-container .yui-toolbar-subcont {
padding: 0 1em 0.35em;
border-bottom: 1px solid #808080; }
.yui-toolbar-container-collapsed .yui-toolbar-titlebar {
border-bottom: 1px solid #808080; }
.yui-editor-container .visible .yui-menu-shadow, .yui-editor-panel .visible .yui-menu-shadow {
display: none; }
.yui-editor-container ul {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-editor-container ul li {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-toolbar-group ul li.yui-toolbar-groupitem {
float: left; }
.yui-editor-container .dompath {
background-color: #F2F2F2;
color: #999;
padding: 0.25em;
border-top: 1px solid #808080;
text-align: left; }
.yui-toolbar-container .yui-toolbar-titlebar span.collapse {
cursor: pointer;
position: absolute;
top: 4px;
right: 2px;
display: block;
overflow: hidden;
height: 15px;
width: 15px;
text-indent: 9999px; }
.yui-toolbar-container .yui-push-button, .yui-toolbar-container .yui-color-button, .yui-toolbar-container .yui-menu-button {
position: relative;
display: block;
height: 22px;
width: 30px;
_font-size: 0;
margin: 0;
border-color: #808080;
color: #f2f2f2;
border-style: solid;
border-width: 1px 0;
zoom: 1; }
.yui-toolbar-container .yui-push-button a, .yui-toolbar-container .yui-color-button a, .yui-toolbar-container .yui-menu-button a {
padding-left: 35px;
height: 20px;
text-decoration: none;
font-size: 0;
line-height: 2;
display: block;
color: #000;
overflow: hidden;
white-space: nowrap; }
.yui-toolbar-container .yui-toolbar-spinbutton a, .yui-toolbar-container .yui-toolbar-select a {
font-size: 14px; }
.yui-toolbar-container .yui-push-button .first-child, .yui-toolbar-container .yui-color-button .first-child, .yui-toolbar-container .yui-menu-button .first-child {
border-color: #808080;
border-style: solid;
border-width: 0 1px;
margin: 0 -1px;
display: block;
position: relative; }
.yui-toolbar-container .yui-push-button-disabled .first-child, .yui-toolbar-container .yui-color-button-disabled .first-child, .yui-toolbar-container .yui-menu-button-disabled .first-child {
border-color: #ccc; }
.yui-toolbar-container .yui-push-button-disabled a, .yui-toolbar-container .yui-color-button-disabled a, .yui-toolbar-container .yui-menu-button-disabled a {
color: #A6A6A6;
cursor: default; }
.yui-toolbar-container .yui-push-button-disabled, .yui-toolbar-container .yui-color-button-disabled, .yui-toolbar-container .yui-menu-button-disabled {
border-color: #ccc; }
.yui-toolbar-container .yui-button .first-child {
left: 0; }
.yui-toolbar-container .yui-toolbar-fontname {
width: 135px; }
.yui-toolbar-container .yui-toolbar-heading {
width: 92px; }
.yui-toolbar-container .yui-button-hover {
border-color: #808080; }
.yui-toolbar-container .yui-button-selected {
border-color: #808080; }
.yui-toolbar-container .yui-toolbar-nogrouplabels h3 {
display: none; }
.yui-toolbar-container .yui-toolbar-nogrouplabels .yui-toolbar-group {
margin-top: .75em; }
.yui-toolbar-container .yui-push-button span.yui-toolbar-icon, .yui-toolbar-container .yui-color-button span.yui-toolbar-icon, .yui-toolbar-container .yui-menu-button span.yui-toolbar-icon {
display: block;
position: absolute;
top: 2px;
height: 18px;
width: 18px;
overflow: hidden;
background: url(editor-sprite.gif) no-repeat 30px 30px; }
.yui-toolbar-container .yui-button-selected span.yui-toolbar-icon, .yui-toolbar-container .yui-button-hover span.yui-toolbar-icon {
background-image: url(editor-sprite-active.gif); }
.yui-toolbar-container .visible .yuimenuitemlabel {
position: relative;
color: #000;
cursor: pointer; }
.yui-toolbar-container .yui-button-menu {
background-color: #fff; }
.yui-toolbar-container .yui-button-menu .yui-menu-body-scrolled {
position: relative; }
div.yuimenu li.selected {
background-color: #B3D4FF; }
div.yuimenu li.selected a.selected {
color: #000; }
.yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon {
background-position: 0 0;
left: 5px; }
.yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon {
background-position: 0 -108px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon {
background-position: 0 -36px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon {
background-position: 0 -1326px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon {
background-position: 0 -1355px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon {
background-position: 0 -72px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon {
background-position: 0 -180px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon {
background-position: 0 -144px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-forecolor span.yui-toolbar-icon {
background-position: 0 -216px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-backcolor span.yui-toolbar-icon {
background-position: 0 -288px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon {
background-position: 0 -324px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon {
background-position: 0 -360px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon {
background-position: 0 -396px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon {
background-position: 0 -432px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon {
background-position: 0 -720px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon {
background-position: 0 -684px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-createlink span.yui-toolbar-icon {
background-position: 0 -792px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-insertimage span.yui-toolbar-icon {
background-position: 1px -756px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-left span.yui-toolbar-icon {
background-position: 0 -972px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-right span.yui-toolbar-icon {
background-position: 0 -936px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-inline span.yui-toolbar-icon {
background-position: 0 -900px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-block span.yui-toolbar-icon {
background-position: 0 -864px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-bordercolor span.yui-toolbar-icon {
background-position: 0 -252px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon {
background-position: 0 -1080px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-hiddenelements span.yui-toolbar-icon {
background-position: 0 -1044px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon {
background-position: 0 -468px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon {
background-position: 0 -504px;
left: 5px; }
.yui-toolbar-container .yui-toolbar-spinbutton, .yui-toolbar-container .yui-toolbar-spinbutton .first-child {
width: 35px; }
.yui-toolbar-container .yui-toolbar-spinbutton .first-child a {
padding-left: 2px;
text-align: left; }
.yui-toolbar-container .yui-toolbar-spinbutton span.yui-toolbar-icon {
display: none; }
.yui-toolbar-container .yui-toolbar-spinbutton a.up, .yui-toolbar-container .yui-toolbar-spinbutton a.down {
right: 2px;
background: url(editor-sprite.gif) no-repeat 0 -1222px;
overflow: hidden;
height: 6px;
width: 7px;
min-height: 0;
padding: 0; }
.yui-toolbar-container .yui-toolbar-spinbutton a.up {
top: 2px;
background-position: 0 -1222px; }
.yui-toolbar-container .yui-toolbar-spinbutton a.down {
bottom: 2px;
background-position: 0 -1187px; }
.yui-toolbar-container select {
border: 1px solid #808080;
height: 22px; }
.yui-toolbar-container .yui-toolbar-select .first-child a {
padding-left: 5px;
text-align: left; }
.yui-toolbar-container .yui-toolbar-select span.yui-toolbar-icon {
background: url(editor-sprite.gif) no-repeat 0 -1144px;
overflow: hidden;
right: -2px;
top: 0;
height: 20px; }
.yui-editor-panel .yui-color-button-menu .bd {
background-color: transparent;
border: none;
width: 135px; }
.yui-color-button-menu .yui-toolbar-colors {
border: 1px solid #808080; }
.yui-editor-panel {
position: absolute;
background-color: transparent;
padding: 0;
margin: 0;
border: none;
overflow: visible; }
.yui-editor-panel .hd {
padding: 0;
margin: 10px 0 0;
border: none; }
.yui-editor-panel .hd h3 {
position: relative;
font-size: 93%;
color: #000;
padding: 3px 0 0 0;
margin: 0;
border: 1px solid #808080;
width: 99%;
height: 20px;
text-indent: 5px; }
.yui-editor-panel .bd {
background-color: #F2F2F2;
padding: 0;
margin: 0;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
overflow: visible;
width: 99%; }
.yui-editor-panel ul {
padding: 0;
margin: 0;
list-style-type: none; }
.yui-editor-panel ul li {
padding: 0;
margin: 0; }
.yui-editor-panel .yui-toolbar-container .yui-toolbar-subcont {
padding: 0;
border: none;
margin-top: 0.35em; }
.yui-editor-panel .yui-toolbar-bordersize, .yui-editor-panel .yui-toolbar-bordertype {
width: 50px; }
.yui-editor-panel label {
display: block;
padding: 4px 0;
margin-bottom: 7px;
float: none; }
.yui-editor-panel label strong {
font-size: 93%;
font-weight: normal;
padding-top: 2px;
text-align: right; }
.yui-editor-panel label input {
width: 75%; }
.yui-editor-panel .createlink_target, .yui-editor-panel .insertimage_target {
width: auto;
margin-right: 5px; }
.yui-editor-panel .removeLink {
width: 98%; }
.yui-editor-panel label input.warning {
background-color: #FFEE69; }
.yui-editor-panel .yui-toolbar-group h3 {
font-size: 93%;
font-weight: normal;
color: #000;
padding: 0 3px 0 0;
margin: 5px 0 0 0;
float: left;
text-align: right; }
.yui-editor-panel .height-width h3 {
margin: 3px 0 0 10px; }
.yui-editor-panel .height-width {
margin: 3px 0 0 35px;
margin-left: 14px;
width: 42%;
width: 44%; }
.yui-editor-panel .yui-toolbar-group-border {
width: 190px; }
.yui-editor-panel .no-button .yui-toolbar-group-border {
width: 210px; }
.yui-editor-panel .yui-toolbar-group-padding {
width: 203px;
width: 198px; }
.yui-editor-panel .no-button .yui-toolbar-group-padding {
width: 172px; }
.yui-editor-panel .yui-toolbar-group-padding h3 {
margin-left: 25px;
margin-left: 12px; }
.yui-editor-panel .yui-toolbar-group-textflow {
width: 182px; }
.yui-editor-panel .hd {
background: none; }
.yui-editor-panel .ft {
background-color: #F2F2F2;
padding: 0;
margin: 0 0 2px 0;
border: 1px solid #808080;
border-top: none; }
.yui-editor-panel .hd span.close {
display: block;
position: absolute;
top: 2px;
right: 5px;
cursor: pointer;
overflow: hidden;
width: 26px;
height: 16px;
text-indent: 500px; }
.yui-editor-panel .ft span.tip {
font-size: 85%;
background-color: #F2F2F2;
border-top: 1px solid #808080; }
.yui-editor-panel .ft span.tip strong {
display: block;
margin: 0 2px 8px 0;
float: left; }
.yui-editor-panel .ft span.tip span.icon {
display: block;
position: absolute;
top: 8px;
left: 2px;
background: url(editor-sprite.gif) no-repeat 0 -1260px;
width: 20px;
height: 20px; }
.yui-editor-panel .ft span.tip span.icon-info {
background-position: 2px -1260px; }
.yui-editor-panel .ft span.tip span.icon-warn {
background-position: 2px -1296px; }
.yui-editor-panel .hd span.knob {
position: absolute;
top: -10px;
left: 25px;
background: url(editor-knob.gif) no-repeat 0 0;
overflow: hidden;
width: 28px;
height: 10px;
text-indent: 9999px; }
.yui-editor-panel .yui-toolbar-container {
background-image: none;
border: none;
float: left;
width: 100%; }
.yui-editor-panel .yui-toolbar-container .bd {
background-color: #ffffff; }
.yui-editor-blankimage {
background-image: url(blankimage.png); }
.yui-editor-container .yui-resize-handle-br {
background-color: transparent;
background-position: -20px -60px;
width: 11px;
height: 11px; }
.yui-h-slider, .yui-v-slider {
position: relative; }
.yui-h-slider .yui-slider-thumb, .yui-v-slider .yui-slider-thumb {
position: absolute;
cursor: default; }
.yui-h-slider {
background: url(../../bg-h.gif) no-repeat 5px 0;
width: 228px;
height: 28px; }
.yui-h-slider .yui-slider-thumb {
top: 4px; }
.yui-v-slider {
background: url(../../bg-v.gif) no-repeat 12px 0;
width: 48px;
height: 228px; }
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li {
margin: 0 0.5em 0 0; }
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
margin: 0 0 0.5em; }
.yui-hidden, .yui-navset .yui-content .yui-hidden {
display: none; }
.yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav {
width: 6em; }
.yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
padding-top: 4px;
width: auto; }
.yui-navset .yui-navset-left, .yui-navset-left {
padding: 0 0 0 6em; }
.yui-navset-right {
padding: 0 6em 0 0; }
.yui-navset-top, .yui-navset-bottom {
padding: auto; }
.yui-nav, .yui-nav li, .yui-navset .yui-nav li {
padding: 0;
margin: 0;
padding-top: 0;
list-style: none; }
.yui-navset li em {
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #666; }
.yui-navset {
position: relative;
overflow-y: visible;
height: 100%;
zoom: 1; }
.yui-navset .yui-content {
background: #FFFFFF;
color: #000;
zoom: 1; }
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li, .yui-navset .yui-navset-bottom .yui-nav li {
display: inline-block;
display: -moz-inline-stack;
display: inline;
vertical-align: bottom;
cursor: pointer;
zoom: 1; }
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
display: block; }
.yui-navset .yui-nav a {
position: relative; }
.yui-navset .yui-nav li a, .yui-navset-top .yui-nav li a, .yui-navset-bottom .yui-nav li a {
display: inline;
display: inline-block;
display: -moz-inline-stack;
vertical-align: bottom;
zoom: 1; }
.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
display: block; }
.yui-navset-bottom .yui-nav li a {
vertical-align: text-top; }
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
display: block; }
.yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav {
position: absolute;
z-index: 1; }
.yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav {
position: static; }
.yui-navset .yui-navset-left .yui-nav, .yui-navset-left .yui-nav {
left: 0;
right: auto; }
.yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav {
left: auto;
right: 0; }
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
zoom: 1;
white-space: nowrap;
overflow-x: hidden;
white-space: nowrap; }
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
margin: 0 1px 0 0;
overflow: hidden;
height: 18px;
zoom: 1; }
.yui-navset .yui-nav .selected, .yui-navset .yui-navset-top .yui-nav .selected {
/* margin: 0 0.16em -1px 0;*/ }
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
background: #eeeeee;
border: solid #a3a3a3;
border-width: 0 1px;
color: #000;
position: relative;
text-decoration: none;
height: 30px; }
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
background: #eeeeee;
border: solid #a3a3a3;
border-width: 1px 0 0;
cursor: hand;
padding: 1px 10px 1px;
left: 0;
right: 0;
bottom: 0;
top: -1px;
position: relative; }
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
color: #000; }
.yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus {
outline: 0; }
.yui-navset .selected a em {
background: #ffffff;
color: #333;
padding: 8px; }
.yui-navset .yui-nav li a em {
padding: 8px; }
.yui-navset {
padding: 5px; }
.yui-nav a em {
padding: 5px; }
div.bodywrapper {
padding: 10px; }
.yui-navset .yui-nav {
margin-left: 10px; }
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
border-top-width: 0;
padding: 0.2em 0.5em; }
.yui-layout-unit-center .yui-navset .yui-content, .yui-layout .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
border-style: none; }
.yui-navset-left .yui-nav, .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav {
border-width: 0 5px 0 0;
Xposition: absolute;
top: 0;
bottom: 0; }
.yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav {
border-width: 0 0 0 5px; }
.yui-navset-left .yui-nav li, .yui-navset .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
margin: 0 0 0.16em;
padding: 0 0 0 1px; }
.yui-navset-right .yui-nav li {
padding: 0 1px 0 0; }
.yui-navset-left .yui-nav .selected, .yui-navset .yui-navset-left .yui-nav .selected {
margin: 0 -1px 0.16em 0; }
.yui-navset-right .yui-nav .selected {
margin: 0 0 0.16em -1px; }
.yui-navset-left .yui-nav a, .yui-navset-right .yui-nav a {
border-width: 1px 0; }
.yui-navset-left .yui-nav a em, .yui-navset .yui-navset-left .yui-nav a em, .yui-navset-right .yui-nav a em {
border-width: 0 0 0 1px;
padding: 0.2em .75em;
top: auto;
left: -1px;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
/* W3C */ }
.yui-navset-right .yui-nav a em {
left: auto;
right: -1px;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
/* W3C */
border-width: 0 1px 0 0; }
.yui-navset-left .yui-nav a, .yui-navset-left .yui-nav .selected a, .yui-navset-left .yui-nav a:hover, .yui-navset-right .yui-nav a, .yui-navset-right .yui-nav .selected a, .yui-navset-right .yui-nav a:hover, .yui-navset-bottom .yui-nav a, .yui-navset-bottom .yui-nav .selected a, .yui-navset-bottom .yui-nav a:hover {
background-image: none; }
.yui-navset-left .yui-content {
border: 1px solid #808080;
border-left-color: #243356; }
.yui-navset-bottom .yui-nav, .yui-navset .yui-navset-bottom .yui-nav {
border-width: 5px 0 0; }
.yui-navset .yui-navset-bottom .yui-nav .selected, .yui-navset-bottom .yui-nav .selected {
margin: -1px 0.16em 0 0; }
.yui-navset .yui-navset-bottom .yui-nav li, .yui-navset-bottom .yui-nav li {
padding: 0 0 1px 0;
vertical-align: top; }
.yui-navset .yui-navset-bottom .yui-nav a em, .yui-navset-bottom .yui-nav a em {
border-width: 0 0 1px;
top: auto;
bottom: -1px;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
/* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
/* W3C */ }
.yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content {
border: 1px solid #808080;
border-bottom-color: #243356; }
.ygtvitem table {
margin-bottom: 0;
border: none; }
.ygtvrow td {
padding: 0;
border: none; }
.ygtvrow td a {
text-decoration: none; }
.ygtvtn {
width: 18px;
height: 22px; }
.ygtvtm {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvtmh, .ygtvtmhh {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvtp {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvtph, .ygtvtphh {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvln {
width: 18px;
height: 22px; }
.ygtvlm {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvlmh, .ygtvlmhh {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvlp {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvlph, .ygtvlphh {
cursor: pointer;
width: 18px;
height: 22px; }
.ygtvloading {
background: url(treeview-loading.gif) 0 0 no-repeat;
width: 18px;
height: 22px; }
.ygtvdepthcell {
width: 18px;
height: 22px; }
.ygtvblankdepthcell {
width: 18px;
height: 22px; }
* html .ygtvchildren {
height: 2%; }
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
background-color: white;
cursor: pointer;
margin-left: 2px;
text-decoration: none; }
.ygtvcontent, .ygtvcontent a:link, .ygtvcontent a:visited {
color: #444444; }
.ygtvspacer {
width: 12px;
height: 22px; }
/*
.ygtvfocus {
background-color: #c0e0e0;
border: none;
}
.ygtvfocus .ygtvlabel,.ygtvfocus .ygtvlabel:link,.ygtvfocus .ygtvlabel:visited,.ygtvfocus .ygtvlabel:hover
{
background-color: #c0e0e0;
}
.ygtvfocus a,.ygtvrow td a {
outline-style: none;
}*/
.ygtv-highlight1 {
background-color: #EEE; }
.ygtv-highlight1 .ygtvcontent {
border: thin dashed lightgrey; }
.ygtvok {
width: 18px;
height: 22px; }
.ygtvcancel {
width: 18px;
height: 22px; }
.ygtv-label-editor {
display: none;
position: absolute;
background-color: #f2f2f2;
margin: auto;
border: 1px solid silver;
overflow: hidden;
z-index: 9000; }
.ygtv-edit-TextNode {
width: 190px; }
.ygtv-edit-TextNode .ygtvcancel, .ygtv-edit-TextNode .ygtvok {
border: none; }
.ygtv-edit-TextNode .ygtv-button-container {
float: right; }
.ygtv-edit-TextNode .ygtv-input input {
width: 140px; }
.ygtv-edit-DateNode .ygtvcancel {
border: none; }
.ygtv-edit-DateNode .ygtvok {
display: none; }
.ygtv-edit-DateNode .ygtv-button-container {
margin: auto;
text-align: right; }
.ydlg-bd {
background-color: #F2F2F2;
padding: 5px; }
.sugar-progress-wrap {
background-color: #FFF;
border: 1px solid #666;
height: 16px;
width: 100%; }
.sugar-progress-bar {
background: #DDD url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") repeat-x scroll 0 -50px;
height: 16px;
width: 0; }
/* Sugar YUI widget styles */
a.sugar-tab-close, .yui-navset .yui-nav a.sugar-tab-close, .yui-navset .yui-nav .selected a.sugar-tab-close {
height: 9px;
left: 6px;
position: relative;
top: -3px;
width: 9px;
background: transparent url("../../../../index.php?entryPoint=getImage&imageName=sugar-yui-sprites-grey.png") no-repeat scroll 0 -70px; }
.sugar-message-prompt {
margin-left: 5px; }
.sugar-subpanel-header-row {
background-color: #EEEEEE;
border-bottom: 1px solid #C0C0C0;
height: 21px; }
/* KBDocuments tree*/
#tagstree {
width: auto;
margin-top: 0;
margin-bottom: 0; }
.ygtvlabel, .ygtvlp, .ygtvlm {
background-color: transparent; }
/*
//Custom SugarCRM theme
.yui-layout-wrap .yui-navset .yui-content {
background:#FFF none repeat scroll 0 0;
height : 100%;
}
.yui-layout .yui-layout-unit .yui-layout-wrap div.yui-layout-bd {
background:#FFF none repeat scroll 0 0;
}
.yui-navset-top ul{
border-style:solid;
border-width:0 0 5px;
}
.yui-navset-top ul li.selected a, .yui-navset-top ul li.selected a:focus, .yui-navset-top ul li.selected a:hover {
}
.yui-navset {
height : 100%;
}*/
.yui-layout-unit-right.yui-resize .yui-layout-wrap .yui-layout-hd {
padding: 10px 0 10px 0; }
.yui-layout-unit-left.yui-resize .yui-layout-wrap .yui-layout-hd {
padding: 10px 0 10px 0; }
.yui-layout .yui-layout-unit div.yui-layout-hd .collapse {
margin: 10px 0 10px 0; }
.bodywrapper div {
padding: 0 10px 0 10px; }
.yui-layout .yui-layout-clip {
padding: 10px 0 0 0; }
/**** Cases ***/
#caseStyleUser {
background: #BBE6A5;
color: #534D64;
padding: 10px;
margin: 10px;
border: 1px solid transparent;
border-radius: 4px; }
#caseStyleContact {
background: #E6D5A5;
color: #534D64;
padding: 10px;
margin: 10px;
border: 1px solid transparent;
border-radius: 4px; }
#caseStyleInternal {
background: #a5e6e6;
color: #534D64;
padding: 10px;
margin: 10px 60px 10px 10px;
border: 1px solid transparent;
border-radius: 4px; }
.caseUpdateImage {
margin: 0 5px 0 0; }
/** Style expanded/collapse like buttons**/
#aop_case_updates_threaded_span > a:first-of-type {
margin-left: 10px; }
#aop_case_updates_threaded_span > a {
display: inline-block;
font-size: 16px;
font-size: 16px;
font-weight: 500;
background-color: #ff0000;
color: #F5F5F5;
cursor: pointer;
cursor: pointer;
padding: 0 20px 0 20px;
margin-bottom: 4px;
margin-right: 4px;
border: 1px solid transparent;
border-radius: 4px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
#case_updates label {
margin-left: 10px; }
#case_updates textarea {
margin-left: 10px; }
#case_updates input[type=button] {
margin-top: 10px;
margin-left: 10px; }
.caseUpdate {
margin: 5px 0 0 15px; }
#extramargin {
margin: 0 50px 0 50px; }
#lessmargin {
margin: 0 50px 0 0; }
/**** Calendar ***/
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
background-color: inherit;
border: none; }
button#goto_date_trigger_div_nav_cancel {
font-size: 16px;
font-weight: 500;
background-color: #ff0000;
color: #fff;
cursor: pointer;
padding: 0 10px 0 10px;
margin: 0 0 0 0;
border: 1px solid transparent;
border-radius: 4px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-transform: uppercase; }
button#goto_date_trigger_div_nav_submit {
font-size: 16px;
font-weight: 500;
background-color: #ff0000;
color: #fff;
cursor: pointer;
padding: 0 10px 0 10px;
margin: 0 0 0 0;
border: 1px solid transparent;
border-radius: 4px;
letter-spacing: 1px;
line-height: 40px;
height: 40px;
text-shadow: none;
text-transform: uppercase; }
table#goto_date_trigger_div_t thead {
background: #BFCAD3; }
.yui-calendar .calweekdaycell {
font-weight: normal; }
.yui-calendar .calhead {
background: #66727D;
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.yui-calendar a.calnav {
font-weight: normal;
background-color: #66727D;
color: #F5F5F5;
padding: 8px;
border: 1px solid #66727D;
border-radius: 4px;
width: auto;
height: auto;
text-transform: uppercase; }
.yui-calendar a.calnavleft {
color: #F5F5F5;
background-color: #E5E1EF;
border: 1px solid #AA9DCC;
padding: 0;
border-radius: 4px;
text-transform: uppercase;
font-weight: normal;
height: 32px;
width: 32px;
display: inline-block;
margin-top: 10px;
background-origin: padding-box;
background-position: 0 0; }
.yui-calendar a.calnavright {
display: inline-block;
font-weight: normal;
background-color: #E5E1EF;
background-origin: padding-box;
background-position: 0 0;
color: #F5F5F5;
padding: 0;
margin-top: 10px;
border: 1px solid #AA9DCC;
border-radius: 4px;
width: 32px;
height: 32px;
text-transform: uppercase; }
.yui-calendar .calheader {
padding: 4px;
line-height: 48px;
height: 48px; }
.yui-calendar .calnavleft {
left: 0;
background-image: url("../../../../themes/SuiteP/images/p_left.svg"); }
.yui-calendar .calnavright {
right: 0;
background-image: url("../../../../themes/SuiteP/images/p_right.svg"); }
.yui-module .hd {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.yui-module .ft {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.yui-module.yui-overlay.yui-panel.cal_panel {
border-radius: 4px; }
.yui-panel .bd {
display: block;
padding: 0 10px 0 10px; }
.yui-calendar .calbody td {
background: #FFFFFF; }
.yui-calendar td.calcell a {
background: #FFFFFF;
color: #ff0000;
line-height: 32px;
width: 32px;
height: 32px; }
.yui-calendar td.calcell.selected {
background: #D66C60;
color: #F5F5F5; }
.yui-calendar td.calcell.selected a {
background: #D66C60;
color: #F5F5F5; }
.yui-calendar td.calcell a:hover {
background: #D66C60;
color: #F5F5F5; }
.yui-calendar td.calcell.calcellhover {
background: #D66C60;
color: #F5F5F5; }
.yui-calendar td.calcell.calcellhover a {
background: #D66C60;
color: #F5F5F5; }
.yui-calendar .calweekdaycell {
color: #ff0000; }
.yui-calendar a.calnav {
background-color: #ff0000;
border: 1px solid transparent;
border-radius: 4px; }
.yui-calendar a.calnav:hover {
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 {
background-color: #5D5670;
border-radius: 4px;
color: #edebf5;
font-size: 16px;
display: inline-block;
min-height: 26px;
line-height: 26px;
margin: 5px; }
.file-attachments .attachment-type {
margin: 0 2px 0 0;
padding: 4px; }
.file-attachments .attachment-name {
font-weight: normal;
margin: 0 2px 0 0;
padding: 4px; }
.file-attachments .attachment-size {
font-weight: normal;
margin: 0 5px 0 0;
padding: 4px; }
.file-attachments .attachment-remove {
background-color: #B29Eb5;
border-radius: 4px;
cursor: pointer;
margin: 0 5px 0 0;
padding: 4px; }
.file-attachments .attachment-remove .glyphicon {
cursor: pointer; }
.file-attachments a.attachment-remove {
color: #ffffff; }
.file-attachments .attachment-blank {
background-color: #5D5670;
padding: 4px 8px;
line-height: 26px; }
.file-attachments .attachment-blank .glyphicon {
top: 0;
bottom: 0;
cursor: pointer; }
.document-attachments:empty {
display: none; }
.document-attachments {
background: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 4px;
line-height: 26px;
margin: 5px 0;
min-height: 26px; }
.document-attachments label {
border-radius: 4px;
color: #edebf5;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
min-height: 26px; }
.document-attachments label * {
pointer-events: none; }
.document-attachments input[type=file] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
visibility: hidden;
z-index: -1; }
.document-attachments .attachment-group-container {
background-color: #B29Eb5;
border-radius: 4px;
display: inline-block;
line-height: 26px;
min-height: 26px;
margin: 5px; }
.document-attachments .attachment-group-container img {
height: auto;
width: 13px; }
.document-attachments .attachment-file-container {
background-color: #5D5670;
border-radius: 4px;
color: #edebf5;
font-size: 16px;
display: inline-block;
min-height: 26px;
line-height: 26px;
margin: 5px; }
.document-attachments .attachment-type {
margin: 0 2px 0 0;
padding: 4px; }
.document-attachments .attachment-name {
font-weight: normal;
margin: 0 2px 0 0;
padding: 4px; }
.document-attachments .attachment-size {
font-weight: normal;
margin: 0 5px 0 0;
padding: 4px; }
.document-attachments .attachment-remove {
background-color: #B29Eb5;
border-radius: 4px;
cursor: pointer;
margin: 0 5px 0 0;
padding: 4px; }
.document-attachments .attachment-remove .glyphicon {
cursor: pointer; }
.document-attachments a.attachment-remove {
color: #ffffff; }
.document-attachments .attachment-blank {
background-color: #5D5670;
padding: 4px 8px;
line-height: 26px; }
.document-attachments .attachment-blank .glyphicon {
top: 0;
bottom: 0;
cursor: pointer; }
#settingsDialog #userFolders {
width: 100%;
min-height: 200px; }
.emails-list-view-toolbar-header {
text-align: right; }
@media (max-width: 768px) {
.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: 100%; } }
@media (min-width: 1024px) {
.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%; }
.modal compose-vew .panel .panel-heading a div {
width: 96.66%; } }
@media (min-width: 768px) {
.modal .compose-view .col-sm-6 [field=”emails_email_templates_name”] input[type=text].sqsEnabled {
margin-top: 0; }
.compose-view .col-sm-12 [type].col-sm-8.edit-view-field input[type=text].sqsEnabled {
width: calc(100% – 96px); }
.compose-view .col-sm-6 [type].col-sm-8.edit-view-field input[type=text].sqsEnabled {
width: calc(100%); } }
.modal .panel .panel-heading a div {
width: 93.66%; }
@media (min-width: 1024px) {
.modal .panel .panel-heading a div {
width: 96.66%; } }
.popup .nav-tabs {
margin-top: 0;
margin-bottom: 0; }
.popup .nav-tabs > li, .popup .nav-tabs > li:hover {
margin-bottom: 0; }
.popup .nav-tabs > li a, .popup .nav-tabs > li:hover a {
border: hidden; }
.popup .nav-tabs > li a:hover, .popup .nav-tabs > li:hover a:hover {
border: hidden; }
.popup .nav-tabs > li a:active, .popup .nav-tabs > li:hover a:active {
border: hidden; }
.popup .nav-tabs > li a:focus, .popup .nav-tabs > li:hover a:focus {
border: hidden; }
.popup .list tr th:first-child {
width: 2%; }
.popup .list tr th:nth-child(2) {
width: 28%; }
.popup .list tr th:nth-child(3) {
width: 20%; }
.popup .list tr th:nth-child(4) {
width: 25%; }
.popup .list tr th:last-child {
width: 25%;
border-top-right-radius: 4px; }
.popup .glyph-print {
font-size: 20px;
color: #778591;
font-weight: normal;
text-align: right; }
.popup .print {
font-weight: normal;
padding: 0 30px 0 0;
text-decoration: underline; }
.popup .moduleTitle h2 {
display: block;
font-size: 26px;
font-weight: 300;
color: #534D64;
margin: 0 0 0 0;
float: left;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 0 0 30px; }
.popup .h1 {
margin-top: 10px;
margin-bottom: 10px; }
.popup .h2 {
margin-top: 10px;
margin-bottom: 10px; }
.popup .h3 {
margin-top: 10px;
margin-bottom: 10px; }
.popup h1 {
margin-top: 10px;
margin-bottom: 10px; }
.popup h2 {
margin-top: 10px;
margin-bottom: 10px; }
.popup h3 {
margin-top: 10px;
margin-bottom: 10px; }
.popup .blank-space {
width: 1px;
height: 1px; }
.popup .icon {
width: 30px;
height: 30px; }
.popup .content {
padding: 0 3% 0 3%;
width: 100%; }
.suitepicon-action-above:before {
content: "\f101"; }
.suitepicon-action-add:before {
content: "\f102"; }
.suitepicon-action-alerts-small:before {
content: "\f103"; }
.suitepicon-action-alerts:before {
content: "\f104"; }
.suitepicon-action-back:before {
content: "\f105"; }
.suitepicon-action-below:before, .jstree-default .jstree-open > .jstree-ocl:before {
content: "\f106"; }
.suitepicon-action-caret:before {
content: "\f107"; }
.suitepicon-action-clear:before {
content: "\f108"; }
.suitepicon-action-create-contact-vcard:before {
content: "\f109"; }
.suitepicon-action-create-group-user:before {
content: "\f10a"; }
.suitepicon-action-create-person-form:before {
content: "\f10b"; }
.suitepicon-action-create-security-group:before {
content: "\f10c"; }
.suitepicon-action-down:before {
content: "\f10d"; }
.suitepicon-action-edit:before {
content: "\f10e"; }
.suitepicon-action-empty-action:before {
content: "\f10f"; }
.suitepicon-action-first:before {
content: "\f110"; }
.suitepicon-action-forward:before, .jstree-default .jstree-closed > .jstree-ocl:before {
content: "\f111"; }
.suitepicon-action-home:before {
content: "\f112"; }
.suitepicon-action-import-line-item:before {
content: "\f113"; }
.suitepicon-action-import:before {
content: "\f114"; }
.suitepicon-action-invade:before {
content: "\f115"; }
.suitepicon-action-last:before {
content: "\f116"; }
.suitepicon-action-left:before {
content: "\f117"; }
.suitepicon-action-list-maps:before {
content: "\f118"; }
.suitepicon-action-minus:before {
content: "\f119"; }
.suitepicon-action-move-down:before {
content: "\f11a"; }
.suitepicon-action-move-left:before {
content: "\f11b"; }
.suitepicon-action-move-right:before {
content: "\f11c"; }
.suitepicon-action-move-up:before {
content: "\f11d"; }
.suitepicon-action-plus:before {
content: "\f11e"; }
.suitepicon-action-quick-radius-map:before {
content: "\f11f"; }
.suitepicon-action-reload:before {
content: "\f120"; }
.suitepicon-action-resource-chart:before {
content: "\f121"; }
.suitepicon-action-right:before {
content: "\f122"; }
.suitepicon-action-role-management:before {
content: "\f123"; }
.suitepicon-action-schedule-call:before {
content: "\f124"; }
.suitepicon-action-schedule-meeting:before {
content: "\f125"; }
.suitepicon-action-search:before {
content: "\f126"; }
.suitepicon-action-security-groups:before {
content: "\f127"; }
.suitepicon-action-security-suite-settings:before {
content: "\f128"; }
.suitepicon-action-select:before {
content: "\f129"; }
.suitepicon-action-setup-email:before {
content: "\f12a"; }
.suitepicon-action-subtract:before {
content: "\f12b"; }
.suitepicon-action-today:before {
content: "\f12c"; }
.suitepicon-action-up:before {
content: "\f12d"; }
.suitepicon-action-user-small:before {
content: "\f12e"; }
.suitepicon-action-user:before {
content: "\f12f"; }
.suitepicon-action-vcard:before {
content: "\f130"; }
.suitepicon-action-view-create-email-templates:before {
content: "\f131"; }
.suitepicon-action-view-diagnostics:before {
content: "\f132"; }
.suitepicon-action-view-email-templates:before {
content: "\f133"; }
.suitepicon-action-view-process-audit:before {
content: "\f134"; }
.suitepicon-action-view-project-tasks:before {
content: "\f135"; }
.suitepicon-action-view:before {
content: "\f136"; }
.suitepicon-admin-activity-streams:before {
content: "\f137"; }
.suitepicon-admin-address-cache:before {
content: "\f138"; }
.suitepicon-admin-aobh-businesshours:before {
content: "\f139"; }
.suitepicon-admin-aod-settings:before {
content: "\f13a"; }
.suitepicon-admin-aop-settings:before {
content: "\f13b"; }
.suitepicon-admin-aos-settings:before {
content: "\f13c"; }
.suitepicon-admin-backups:before {
content: "\f13d"; }
.suitepicon-admin-campaign-email-settings:before {
content: "\f13e"; }
.suitepicon-admin-configure-module-menu-filters:before {
content: "\f13f"; }
.suitepicon-admin-connectors:before {
content: "\f140"; }
.suitepicon-admin-currencies:before {
content: "\f141"; }
.suitepicon-admin-diagnostic:before {
content: "\f142"; }
.suitepicon-admin-display-modules-and-subpanels:before {
content: "\f143"; }
.suitepicon-admin-donate:before {
content: "\f144"; }
.suitepicon-admin-dropdown-editor:before {
content: "\f145"; }
.suitepicon-admin-email-queue:before {
content: "\f146"; }
.suitepicon-admin-email-settings:before {
content: "\f147"; }
.suitepicon-admin-geocode-addresses:before {
content: "\f148"; }
.suitepicon-admin-geocoded-counts:before {
content: "\f149"; }
.suitepicon-admin-geocoding-test:before {
content: "\f14a"; }
.suitepicon-admin-global-search:before {
content: "\f14b"; }
.suitepicon-admin-google-maps-settings:before {
content: "\f14c"; }
.suitepicon-admin-history-subpanel:before {
content: "\f14d"; }
.suitepicon-admin-import:before {
content: "\f14e"; }
.suitepicon-admin-inbound-email:before {
content: "\f14f"; }
.suitepicon-admin-languages:before {
content: "\f150"; }
.suitepicon-admin-locale:before {
content: "\f151"; }
.suitepicon-admin-module-builder:before {
content: "\f152"; }
.suitepicon-admin-module-loader:before {
content: "\f153"; }
.suitepicon-admin-oauth-keys:before {
content: "\f154"; }
.suitepicon-admin-outbound-email:before {
content: "\f155"; }
.suitepicon-admin-password:before {
content: "\f156"; }
.suitepicon-admin-rebuild:before {
content: "\f157"; }
.suitepicon-admin-releases:before {
content: "\f158"; }
.suitepicon-admin-rename-modules:before {
content: "\f159"; }
.suitepicon-admin-repair:before {
content: "\f15a"; }
.suitepicon-admin-roles:before {
content: "\f15b"; }
.suitepicon-admin-scheduler:before {
content: "\f15c"; }
.suitepicon-admin-security-suite-group-management:before {
content: "\f15d"; }
.suitepicon-admin-security:before {
content: "\f15e"; }
.suitepicon-admin-studio:before {
content: "\f15f"; }
.suitepicon-admin-system-settings:before {
content: "\f160"; }
.suitepicon-admin-themes:before {
content: "\f161"; }
.suitepicon-admin-upgrade-wizard:before {
content: "\f162"; }
.suitepicon-admin-user-management:before {
content: "\f163"; }
.suitepicon-dashlet-charts-funnel:before {
content: "\f164"; }
.suitepicon-dashlet-charts-groupby:before {
content: "\f165"; }
.suitepicon-dashlet-charts-horizontal:before {
content: "\f166"; }
.suitepicon-dashlet-charts-pie:before {
content: "\f167"; }
.suitepicon-dashlet-charts-vertical:before {
content: "\f168"; }
.suitepicon-dashlet-jotpad:before {
content: "\f169"; }
.suitepicon-dashlet-sugarnews:before {
content: "\f16a"; }
.suitepicon-display-folder-closed:before {
content: "\f16b"; }
.suitepicon-display-folder-open:before, .jstree-anchor > .jstree-themeicon:before {
content: "\f16c"; }
.suitepicon-mimetype-tab:before {
content: "\f16d"; }
.suitepicon-module-accounts:before {
content: "\f16e"; }
.suitepicon-module-aclroles:before {
content: "\f16f"; }
.suitepicon-module-activities:before {
content: "\f170"; }
.suitepicon-module-am-tasktemplates:before {
content: "\f171"; }
.suitepicon-module-aok-knowledge-base-categories:before {
content: "\f172"; }
.suitepicon-module-aok-knowledgebase:before {
content: "\f173"; }
.suitepicon-module-aor-reports:before {
content: "\f174"; }
.suitepicon-module-aos-contracts-signature:before {
content: "\f175"; }
.suitepicon-module-aos-contracts:before {
content: "\f176"; }
.suitepicon-module-aos-invoices:before {
content: "\f177"; }
.suitepicon-module-aos-pdf-templates:before {
content: "\f178"; }
.suitepicon-module-aos-product-categories:before {
content: "\f179"; }
.suitepicon-module-aos-quotes:before {
content: "\f17a"; }
.suitepicon-module-aow-workflow:before {
content: "\f17b"; }
.suitepicon-module-areas-maps:before {
content: "\f17c"; }
.suitepicon-module-bugs:before {
content: "\f17d"; }
.suitepicon-module-calendar:before {
content: "\f17e"; }
.suitepicon-module-calls:before {
content: "\f17f"; }
.suitepicon-module-campaigns:before {
content: "\f180"; }
.suitepicon-module-campaigntrackers:before {
content: "\f181"; }
.suitepicon-module-cases:before {
content: "\f182"; }
.suitepicon-module-case-updates:before {
content: "\f183"; }
.suitepicon-module-contacts:before {
content: "\f184"; }
.suitepicon-module-default:before {
content: "\f185"; }
.suitepicon-module-direct-reports:before {
content: "\f186"; }
.suitepicon-module-document-revisions:before {
content: "\f187"; }
.suitepicon-module-documents:before {
content: "\f188"; }
.suitepicon-module-email-marketing2:before {
content: "\f189"; }
.suitepicon-module-email-marketing:before {
content: "\f18a"; }
.suitepicon-module-emails:before {
content: "\f18b"; }
.suitepicon-module-fp-event-locations:before {
content: "\f18c"; }
.suitepicon-module-fp-events:before {
content: "\f18d"; }
.suitepicon-module-history:before {
content: "\f18e"; }
.suitepicon-module-jjwg-maps:before {
content: "\f18f"; }
.suitepicon-module-jjwg-markers:before {
content: "\f190"; }
.suitepicon-module-leads:before {
content: "\f191"; }
.suitepicon-module-meetings:before {
content: "\f192"; }
.suitepicon-module-notes:before {
content: "\f193"; }
.suitepicon-module-opportunities:before {
content: "\f194"; }
.suitepicon-module-other:before {
content: "\f195"; }
.suitepicon-module-overview:before {
content: "\f196"; }
.suitepicon-module-process:before {
content: "\f197"; }
.suitepicon-module-products:before {
content: "\f198"; }
.suitepicon-module-project-tasks:before {
content: "\f199"; }
.suitepicon-module-prospectlists:before {
content: "\f19a"; }
.suitepicon-module-securitygroups:before {
content: "\f19b"; }
.suitepicon-module-spots:before {
content: "\f19c"; }
.suitepicon-module-targets:before {
content: "\f19d"; }
.suitepicon-module-tasks:before {
content: "\f19e"; }
.suitepicon-module-users:before {
content: "\f19f"; }
.suitepicon-template-company:before {
content: "\f1a0"; }
.suitepicon-template-file:before {
content: "\f1a1"; }
.suitepicon-template-issue:before {
content: "\f1a2"; }
@font-face {
font-family: "suitepicon";
src: url("../../../../themes/SuiteP/css/suitepicon.eot#iefix") format("embedded-opentype"), url("../../../../themes/SuiteP/css/suitepicon.woff") format("woff"), url("../../../../themes/SuiteP/css/suitepicon.ttf") format("truetype"), url("../../../../themes/SuiteP/css/suitepicon.svg#suitepicon") format("svg"); }
.suitepicon {
line-height: 1; }
.suitepicon:before {
font-family: suitepicon !important;
font-style: normal;
font-weight: normal !important;
vertical-align: top; }
/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none; }
.jstree-node {
white-space: nowrap; }
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top; }
.jstree-anchor:focus {
outline: 0; }
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit; }
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
font-family: "suitepicon" !important;
color: #5D5670;
font-style: normal; }
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center; }
.jstree-ocl {
cursor: pointer; }
.jstree-leaf > .jstree-ocl {
cursor: default; }
.jstree .jstree-open > .jstree-children {
display: block; }
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none; }
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
font-size: 24px; }
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none; }
.jstree-hidden,
.jstree-node.jstree-hidden {
display: none; }
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px; }
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0; }
.jstree-rtl .jstree-node {
margin-left: 0; }
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0; }
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%; }
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer; }
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative; }
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.jstree-contextmenu .jstree-anchor {
-webkit-user-select: none;
/* disable selection/Copy of UIWebView */
-webkit-touch-callout: none;
/* disable the IOS popup when long-press on a link */ }
.vakata-context {
display: none; }
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute; }
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px; }
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px; }
.vakata-context li {
list-style: none; }
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
text-shadow: 1px 1px 0 white;
border-radius: 1px; }
.vakata-context li > a:hover {
position: relative; }
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat; }
.vakata-context li > a:focus {
outline: 0; }
.vakata-context .vakata-context-hover > a {
position: relative; }
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
border: 0;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
text-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
border-radius: 0; }
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
background-color: transparent;
border: 0;
box-shadow: 0 0 0; }
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em; }
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em; }
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3; }
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
opacity: 0.5;
display: none; }
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px; }
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat; }
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0; }
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto; }
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0; }
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em; }
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: -5px 0 0 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0; }
#jstree-dnd {
line-height: 16px;
margin: 0;
padding: 4px; }
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px; }
#jstree-dnd .jstree-ok {
background: #BBE6A5; }
#jstree-dnd .jstree-er {
background: #ff0000; }
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px; }
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent; }
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
transition: background-color 0.15s, box-shadow 0.15s; }
.jstree-default .jstree-hovered {
background: #FA988D;
border-radius: 4px; }
.jstree-default .jstree-context {
background: #FA988D;
border-radius: 4px; }
.jstree-default .jstree-clicked {
background: #FA988D;
border-radius: 4px; }
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none; }
.jstree-default .jstree-disabled {
background: transparent;
color: #666666; }
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none; }
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8; }
.jstree-default .jstree-search {
font-style: italic;
font-weight: bold; }
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
display: none !important; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
background: transparent;
box-shadow: none; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
background: #FA988D; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
background: transparent; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
background: #FA988D; }
.jstree-default > .jstree-striped {
min-width: 100%;
display: inline-block; }
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
background: transparent;
box-shadow: none;
border-radius: 0; }
.jstree-default .jstree-wholerow {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.jstree-default .jstree-wholerow-hovered {
background: #FA988D; }
.jstree-default .jstree-wholerow-clicked {
background: #FA988D;
background: -webkit-linear-gradient(top, #FA988D 0%, #FA988D 100%);
background: linear-gradient(to bottom, #FA988D 0%, #FA988D 100%); }
.jstree-default .jstree-node {
min-height: 24px;
line-height: 24px;
margin-left: 24px;
min-width: 24px; }
.jstree-default .jstree-anchor {
line-height: 24px;
height: 24px; }
.jstree-default .jstree-icon {
width: 24px;
height: 24px;
line-height: 24px; }
.jstree-default .jstree-icon:empty {
width: 24px;
height: 24px;
line-height: 24px; }
.jstree-default.jstree-rtl .jstree-node {
margin-right: 24px; }
.jstree-default .jstree-wholerow {
height: 24px; }
.jstree-default .jstree-node {
background-position: -292px -4px;
background-repeat: repeat-y; }
.jstree-default .jstree-last {
background: transparent; }
.jstree-default .jstree-checkbox-disabled {
opacity: 0.8; }
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("../../../../themes/SuiteP/images/loading.gif") center center no-repeat; }
.jstree-default > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0; }
#jstree-dnd.jstree-default {
line-height: 24px;
padding: 0 4px; }
#jstree-dnd.jstree-default i {
background: transparent;
width: 24px;
height: 24px;
line-height: 24px; }
.jstree-default .jstree-ellipsis {
overflow: hidden; }
.jstree-default .jstree-ellipsis .jstree-anchor {
width: calc(100% – 29px);
text-overflow: ellipsis;
overflow: hidden; }
.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
width: calc(100% – 5px); }
.jstree-default.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default-small .jstree-node {
min-height: 18px;
line-height: 18px;
margin-left: 18px;
min-width: 18px; }
.jstree-default-small .jstree-anchor {
line-height: 18px;
height: 18px; }
.jstree-default-small .jstree-icon {
width: 18px;
height: 18px;
line-height: 18px; }
.jstree-default-small .jstree-icon:empty {
width: 18px;
height: 18px;
line-height: 18px; }
.jstree-default-small.jstree-rtl .jstree-node {
margin-right: 18px; }
.jstree-default-small .jstree-wholerow {
height: 18px; }
.jstree-default-small .jstree-checkbox-disabled {
opacity: 0.8; }
.jstree-default-small .jstree-themeicon-custom {
background-color: transparent;
background-image: none;
background-position: 0 0; }
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
background: url("../../../../themes/SuiteP/imges/loading.gif") center center no-repeat; }
.jstree-default-small > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0; }
#jstree-dnd.jstree-default-small {
line-height: 18px;
padding: 0 4px; }
#jstree-dnd.jstree-default-small i {
background: transparent;
width: 18px;
height: 18px;
line-height: 18px; }
#jstree-dnd.jstree-default-small .jstree-ok {
background-position: -7px -71px; }
#jstree-dnd.jstree-default-small .jstree-er {
background-position: -39px -71px; }
.jstree-default-small .jstree-ellipsis {
overflow: hidden; }
.jstree-default-small .jstree-ellipsis .jstree-anchor {
width: calc(100% – 23px);
text-overflow: ellipsis;
overflow: hidden; }
.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
width: calc(100% – 5px); }
.jstree-default-small.jstree-rtl .jstree-last {
background: transparent; }
.jstree-default-large .jstree-node {
min-height: 32px;
line-height: 32px;
margin-left: 32px;
min-width: 32px; }
.jstree-default-large .jstree-anchor {
line-height: 32px;
height: 32px; }
.jstree-default-large .jstree-icon {
width: 32px;
height: 32px;
line-height: 32px; }
.jstree-default-large .jstree-icon:empty {
width: 32px;
height: 32px;
line-height: 32px; }
.jstree-default-large.jstree-rtl .jstree-node {
margin-right: 32px; }
.jstree-default-large .jstree-wholerow {
height: 32px; }
.jstree-default-large > .jstree-container-ul > .jstree-node {
margin-left: 0;
margin-right: 0; }
#jstree-dnd.jstree-default-large {
line-height: 32px;
padding: 0 4px; }
#jstree-dnd.jstree-default-large i {
background: transparent;
width: 32px;
height: 32px;
line-height: 32px; }
#jstree-dnd.jstree-default-large .jstree-ok {
background-position: 0px -64px; }
#jstree-dnd.jstree-default-large .jstree-er {
background-position: -32px -64px; }
.jstree-default-large .jstree-ellipsis {
overflow: hidden; }
.jstree-default-large .jstree-ellipsis .jstree-anchor {
width: calc(100% – 37px);
text-overflow: ellipsis;
overflow: hidden; }
.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
width: calc(100% – 5px); }
/*# sourceMappingURL=style.css.map */
